UNPKG

@vela-ui/react

Version:

Vela UI React components

3 lines (2 loc) 1.68 kB
"use client" import{a as n}from"./chunk-7RLTOUGP.mjs";import{useContext as c}from"react";import{Button as p,Disclosure as d,DisclosureGroup as D,DisclosurePanel as m,Heading as P,composeRenderProps as a,DisclosureGroupStateContext as f}from"react-aria-components";import{tv as b}from"tailwind-variants";import{Fragment as G,jsx as i,jsxs as v}from"react/jsx-runtime";var A=b({slots:{root:"group min-w-64",button:["flex flex-1 items-center justify-between rounded-md py-4 text-sm font-medium transition-all outline-none hover:underline","data-[focus-visible]:border-ring data-[focus-visible]:ring-ring/50 data-[focus-visible]:ring-[3px]","data-[disabled]:pointer-events-none data-[disabled]:opacity-50"],panel:"",indicator:"text-muted-foreground pointer-events-none size-4 shrink-0 transition-transform duration-200 group-data-[expanded]:rotate-180"},variants:{isInGroup:{true:{root:"border-0 border-b last:border-b-0"}}},defaultVariants:{}}),{root:u,button:g,panel:y,indicator:x}=A();function h({children:e,className:r,...s}){let o=c(f)!==null;return i(d,{"data-slot":"disclosure",...s,className:a(r,(t,l)=>u({...l,isInGroup:o,className:t})),children:e})}function B({children:e,className:r,...s}){return i(P,{className:"flex",children:i(p,{slot:"trigger",...s,className:a(r,(o,t)=>g({...t,className:o})),children:a(e,o=>v(G,{children:[o,i(n,{"aria-hidden":!0,className:x()})]}))})})}function w({children:e,className:r,...s}){return i(m,{"data-slot":"disclosure-panel",...s,className:a(r,(o,t)=>y({...t,className:o})),children:e})}function I({children:e,className:r,...s}){return i(D,{...s,className:a(r,(o,t)=>u({...t,className:o})),children:e})}export{h as a,B as b,w as c,I as d};