admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/showcase/assets/CompositeItem-DleE4kTc.js

@@ -0,0 +1 @@
+import{Gn as e,Jn as t,qn as n}from"./example-BIrQab7K.js";import{t as r}from"./useCompositeItem-CvG1CBEV.js";function i(i){let{render:a,className:o,style:s,state:c=t,props:l=n,refs:u=n,metadata:d,stateAttributesMapping:f,tag:p=`div`,...m}=i,{compositeProps:h,compositeRef:g}=r({metadata:d});return e(p,i,{state:c,ref:[...u,g],props:[h,...l,m],stateAttributesMapping:f})}export{i as t};

package/dist/showcase/assets/CompositeRoot-BbNkvtLz.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{$n as n,At as r,Ct as i,Dt as a,Et as o,Gn as s,Jn as c,Ot as l,Sn as u,St as d,Tt as f,Zn as p,ir as m,jt as h,m as g,qn as _,wt as v}from"./example-BIrQab7K.js";import{s as y}from"./index-Cz4UGUT2.js";import{r as b}from"./useCompositeListItem-CcY0U1bY.js";import{t as x}from"./isElementDisabled-KSuuBj8D.js";import{_ as S,a as C,c as w,g as T,h as E,i as D,l as O,m as ee,n as k,o as A,r as j,t as M,u as N}from"./composite-B-19wwf9.js";var P=e(t()),F=`data-composite-item-active`,I=[];function L(e){let{itemSizes:t,cols:n=1,loopFocus:s=!0,onLoop:c,dense:g=!1,orientation:_=`both`,direction:y,highlightedIndex:b,onHighlightedIndexChange:N,rootRef:F,enableHomeAndEndKeys:L=!1,stopEventPropagation:z=!1,disabledIndices:B,modifierKeys:V=I}=e,[H,U]=P.useState(0),W=n>1,G=P.useRef(null),K=p(G,F),q=P.useRef([]),J=P.useRef(!1),Y=b??H,X=m((e,t=!1)=>{if((N??U)(e),t){let t=q.current[e];S(G.current,t,y,_)}}),Z=m(e=>{if(e.size===0||J.current)return;J.current=!0;let t=Array.from(e.keys()),n=t.find(e=>e?.hasAttribute(`data-composite-item-active`))??null,r=n?t.indexOf(n):-1;r!==-1&&X(r),S(G.current,n,y,_)}),Q=m((e,t,n)=>c?c?.(e,t,n,q):n),$=P.useMemo(()=>({"aria-orientation":_===`both`?void 0:_,ref:K,onFocus(e){let t=G.current,n=u(e.nativeEvent);!t||n==null||!T(n)||n.setSelectionRange(0,n.value.length??0)},onKeyDown(e){let p=L?A:k;if(!p.has(e.key)||R(e,V)||!G.current)return;let m=y===`rtl`,b=m?j:D,S={horizontal:b,vertical:M,both:b}[_],N=m?D:j,P={horizontal:N,vertical:C,both:N}[_],F=u(e.nativeEvent);if(F!=null&&T(F)&&!x(F)){let t=F.selectionStart,n=F.selectionEnd,r=F.value??``;if(t==null||e.shiftKey||t!==n||e.key!==P&&t<r.length||e.key!==S&&t>0)return}let I=Y,H=l(q,B),U=a(q,B);if(W){let r=t||Array.from({length:q.current.length},()=>({width:1,height:1})),i=d(r,n,g),a=i.findIndex(e=>e!=null&&!h(q.current,e,B)),c=i.reduce((e,t,n)=>t!=null&&!h(q.current,t,B)?n:e,-1);I=i[o(i.map(e=>e==null?null:q.current[e]),{event:e,orientation:_,loopFocus:s,onLoop:Q,cols:n,disabledIndices:f([...B||q.current.map((e,t)=>h(q.current,t)?t:void 0),void 0],i),minIndex:a,maxIndex:c,prevIndex:v(Y>U?H:Y,r,i,n,e.key===`ArrowDown`?`bl`:e.key===`ArrowRight`?`tr`:`tl`),rtl:m})]}let K={horizontal:[b],vertical:[M],both:[b,M]}[_],J={horizontal:[N],vertical:[C],both:[N,C]}[_],Z=W?p:{horizontal:L?O:w,vertical:L?E:ee,both:p}[_];L&&(e.key===`Home`?I=H:e.key===`End`&&(I=U)),I===Y&&(K.includes(e.key)||J.includes(e.key))&&(s&&I===U&&K.includes(e.key)?(I=H,c&&(I=c(e,Y,I,q))):s&&I===H&&J.includes(e.key)?(I=U,c&&(I=c(e,Y,I,q))):I=i(q.current,{startingIndex:I,decrement:J.includes(e.key),disabledIndices:B})),I!==Y&&!r(q.current,I)&&(z&&e.stopPropagation(),Z.has(e.key)&&e.preventDefault(),X(I,!0),queueMicrotask(()=>{q.current[I]?.focus()}))}}),[n,g,y,B,q,L,Y,W,t,s,c,Q,K,V,X,_,z]);return P.useMemo(()=>({props:$,highlightedIndex:Y,onHighlightedIndexChange:X,elementsRef:q,disabledIndices:B,onMapChange:Z,relayKeyboardEvent:$.onKeyDown}),[$,Y,X,q,B,Z])}function R(e,t){for(let n of N.values())if(!t.includes(n)&&e.getModifierState(n))return!0;return!1}var z=y();function B(e){let{render:t,className:r,style:i,refs:a=_,props:o=_,state:l=c,stateAttributesMapping:u,highlightedIndex:d,onHighlightedIndexChange:f,orientation:p,dense:m,itemSizes:h,loopFocus:v,onLoop:y,cols:x,enableHomeAndEndKeys:S,onMapChange:C,stopEventPropagation:w=!0,rootRef:T,disabledIndices:E,modifierKeys:D,highlightItemOnHover:O=!1,tag:ee=`div`,...k}=e,{props:A,highlightedIndex:j,onHighlightedIndexChange:M,elementsRef:N,onMapChange:F,relayKeyboardEvent:I}=L({itemSizes:h,cols:x,loopFocus:v,onLoop:y,dense:m,orientation:p,highlightedIndex:d,onHighlightedIndexChange:f,rootRef:T,stopEventPropagation:w,enableHomeAndEndKeys:S,direction:g(),disabledIndices:E,modifierKeys:D}),R=s(ee,e,{state:l,ref:a,props:[A,...o,k],stateAttributesMapping:u}),B=P.useMemo(()=>({highlightedIndex:j,onHighlightedIndexChange:M,highlightItemOnHover:O,relayKeyboardEvent:I}),[j,M,O,I]);return(0,z.jsx)(n.Provider,{value:B,children:(0,z.jsx)(b,{elementsRef:N,onMapChange:e=>{C?.(e),F(e)},children:R})})}export{F as n,B as t};

package/dist/showcase/assets/DialogTrigger-C0DB0bXw.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{A as n,D as r,E as i,F as a,Gn as o,Ht as s,I as c,Jn as l,L as u,M as d,N as f,O as p,P as m,Qn as h,Qt as g,R as _,Rn as v,Sn as y,V as b,W as x,Y as S,Z as C,_ as w,at as T,b as E,g as D,j as O,k,nr as A,qt as j,st as M,tr as N,v as P,xn as F}from"./example-BIrQab7K.js";import{s as I}from"./index-Cz4UGUT2.js";import{a as L,i as ee,n as te,o as ne,r as R}from"./useOpenInteractionType-eyZ6twES.js";import{t as z}from"./inertValue-BVXUUuS4.js";import{o as B}from"./composite-B-19wwf9.js";var V=e(t()),H=V.createContext(!1),U=V.createContext(void 0);function W(e){let t=V.useContext(U);if(e===!1&&t===void 0)throw Error(N(27));return t}var G={...P,...b},K=V.forwardRef(function(e,t){let{render:n,className:r,style:i,forceRender:a=!1,...s}=e,{store:c}=W(),l=c.useState(`open`),u=c.useState(`nested`),d=c.useState(`mounted`);return o(`div`,e,{state:{open:l,transitionStatus:c.useState(`transitionStatus`)},ref:[c.context.backdropRef,t],stateAttributesMapping:G,props:[{role:`presentation`,hidden:!d,style:{userSelect:`none`,WebkitUserSelect:`none`}},s],enabled:a||!u})}),q=V.forwardRef(function(e,t){let{render:n,className:r,style:i,disabled:a=!1,nativeButton:c=!0,...l}=e,{store:u}=W(),d=u.useState(`open`),{getButtonProps:f,buttonRef:p}=h({disabled:a,native:c}),m={disabled:a};function g(e){d&&u.setOpen(!1,s(j,e.nativeEvent))}return o(`button`,e,{state:m,ref:[t,p],props:[{onClick:g},l,f]})}),J=V.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...s}=e,{store:c}=W(),l=D(a);return c.useSyncedValueWithCleanup(`descriptionElementId`,l),o(`p`,e,{ref:t,props:[{id:l},s]})}),Y=function(e){return e.nestedDialogs=`--nested-dialogs`,e}({}),X=function(e){return e[e.open=w.open]=`open`,e[e.closed=w.closed]=`closed`,e[e.startingStyle=w.startingStyle]=`startingStyle`,e[e.endingStyle=w.endingStyle]=`endingStyle`,e.nested=`data-nested`,e.nestedDialogOpen=`data-nested-dialog-open`,e}({}),Z=V.createContext(void 0);function re(){let e=V.useContext(Z);if(e===void 0)throw Error(N(26));return e}var Q=I(),ie={...P,...b,nestedDialogOpen(e){return e?{[X.nestedDialogOpen]:``}:null}},ae=V.forwardRef(function(e,t){let{render:r,className:i,style:a,finalFocus:s,initialFocus:c,...l}=e,{store:u}=W(),d=u.useState(`descriptionElementId`),f=u.useState(`disablePointerDismissal`),p=u.useState(`floatingRootContext`),m=u.useState(`popupProps`),h=u.useState(`modal`),g=u.useState(`mounted`),v=u.useState(`nested`),y=u.useState(`nestedOpenDialogCount`),b=u.useState(`open`),x=u.useState(`openMethod`),S=u.useState(`titleElementId`),C=u.useState(`transitionStatus`),w=u.useState(`role`),T=p.useState(`floatingId`),E=l.id??T;re(),_({open:b,ref:u.context.popupRef,onComplete(){b&&u.context.onOpenChangeComplete?.(!0)}});function D(e){return e===`touch`?u.context.popupRef.current:!0}let O=c===void 0?D:c,k=y>0,A=u.useStateSetter(`popupElement`),j=o(`div`,e,{state:{open:b,nested:v,transitionStatus:C,nestedDialogOpen:k},props:[m,{id:E,"aria-labelledby":S??void 0,"aria-describedby":d??void 0,role:w,...n,hidden:!g,onKeyDown(e){B.has(e.key)&&e.stopPropagation()},style:{[Y.nestedDialogs]:y}},l],ref:[t,u.context.popupRef,A],stateAttributesMapping:ie});return(0,Q.jsx)(ne,{context:p,openInteractionType:x,disabled:!g,closeOnFocusOut:!f,initialFocus:O,returnFocus:s,modal:h!==!1,restoreFocus:`popup`,children:j})}),oe=V.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{store:i}=W(),a=i.useState(`mounted`),o=i.useState(`modal`),s=i.useState(`open`);return a||n?(0,Q.jsx)(Z.Provider,{value:n,children:(0,Q.jsxs)(T,{ref:t,...r,children:[a&&o===!0&&(0,Q.jsx)(ee,{ref:i.context.internalBackdropRef,inert:z(!s)}),e.children]})}):null});function se(e){let{store:t,parentContext:n,actionsRef:r,isDrawer:i}=e,o=t.useState(`open`);a(t,o),d(t);let{forceUnmount:c}=f(o,t),l=V.useCallback(()=>{t.setOpen(!1,s(g))},[t]);return V.useImperativeHandle(r,()=>({unmount:c,close:l}),[c,l]),{parentContext:n,isDrawer:i}}function ce({store:e,dialogRoot:t}){let{parentContext:r,isDrawer:i}=t,a=e.useState(`open`),o=e.useState(`disablePointerDismissal`),s=e.useState(`modal`),c=e.useState(`popupElement`),u=e.useState(`floatingRootContext`),[d,f]=V.useState(0),[p,h]=V.useState(0),g=d===0,_=C(u,{outsidePressEvent(){return e.context.internalBackdropRef.current||e.context.backdropRef.current?`intentional`:{mouse:s===`trap-focus`?`sloppy`:`intentional`,touch:`sloppy`}},outsidePress(t){if(!e.context.outsidePressEnabledRef.current||`button`in t&&t.button!==0||`touches`in t&&t.touches.length!==1)return!1;let n=y(t);if(g&&!o){let t=n;return s&&(e.context.internalBackdropRef.current||e.context.backdropRef.current)?e.context.internalBackdropRef.current===t||e.context.backdropRef.current===t||F(t,c)&&!t?.hasAttribute(`data-base-ui-portal`):!0}return!1},escapeKey:g});return R(a&&s===!0,c),e.useContextCallback(`onNestedDialogOpen`,(e,t)=>{f(e),h(t)}),e.useContextCallback(`onNestedDialogClose`,()=>{f(0),h(0)}),V.useEffect(()=>(r?.onNestedDialogOpen&&a&&r.onNestedDialogOpen(d+1,p+ +!!i),r?.onNestedDialogClose&&!a&&r.onNestedDialogClose(),()=>{r?.onNestedDialogClose&&a&&r.onNestedDialogClose()}),[i,a,d,p,r]),m(e,{activeTriggerProps:_.reference??l,inactiveTriggerProps:_.trigger??l,popupProps:V.useMemo(()=>A(n,_.floating),[_.floating]),nestedOpenDialogCount:d,nestedOpenDrawerCount:p}),null}var le={...p,modal:S(e=>e.modal),nested:S(e=>e.nested),nestedOpenDialogCount:S(e=>e.nestedOpenDialogCount),nestedOpenDrawerCount:S(e=>e.nestedOpenDrawerCount),disablePointerDismissal:S(e=>e.disablePointerDismissal),openMethod:S(e=>e.openMethod),descriptionElementId:S(e=>e.descriptionElementId),titleElementId:S(e=>e.titleElementId),viewportElement:S(e=>e.viewportElement),role:S(e=>e.role)},$=class e extends x{constructor(e,t,n=!1){let i=new k,a=ue(e);a.floatingRootContext=r(i,t,n),super(a,{popupRef:V.createRef(),backdropRef:V.createRef(),internalBackdropRef:V.createRef(),outsidePressEnabledRef:{current:!0},triggerElements:i,onOpenChange:void 0,onOpenChangeComplete:void 0},le)}setOpen=(e,t)=>{if(t.preventUnmountOnClose=()=>{this.set(`preventUnmountingOnClose`,!0)},!e&&t.trigger==null&&this.state.activeTriggerId!=null&&(t.trigger=this.state.activeTriggerElement??void 0),this.context.onOpenChange?.(e,t),t.isCanceled)return;this.state.floatingRootContext.dispatchOpenChange(e,t);let n={open:e};O(n,e,t.trigger),this.update(n)};static useStore(t,n){return c(t,(t,r)=>new e(n,t,r),!0).store}};function ue(e={}){return{...i(),modal:!0,disablePointerDismissal:!1,popupElement:null,viewportElement:null,descriptionElementId:void 0,titleElementId:void 0,openMethod:null,nested:!1,nestedOpenDialogCount:0,nestedOpenDrawerCount:0,role:`dialog`,...e}}function de(e,t=`dialog`){let{children:n,open:r,defaultOpen:i=!1,onOpenChange:a,onOpenChangeComplete:o,disablePointerDismissal:s=!1,modal:c=!0,actionsRef:l,handle:u,triggerId:d,defaultTriggerId:f=null}=e,p=t===`drawer`,m=t===`alert-dialog`,h=m?!0:c,g=m||s,_=m?`alertdialog`:`dialog`,y=W(!0),b={modal:h,disablePointerDismissal:g,nested:!!y,role:_},x=$.useStore(u?.store,{open:i,openProp:r,activeTriggerId:f,triggerIdProp:d,...b});v(()=>{let e=r===void 0&&x.state.open===!1&&i===!0?{open:!0,activeTriggerId:f}:null;m?x.update(e?{...b,...e}:b):e&&x.update(e)}),x.useControlledProp(`openProp`,r),x.useControlledProp(`triggerIdProp`,d),x.useSyncedValues(b),x.useContextCallback(`onOpenChange`,a),x.useContextCallback(`onOpenChangeComplete`,o);let S=x.useState(`open`),C=x.useState(`mounted`),w=x.useState(`payload`),T=se({store:x,actionsRef:l,parentContext:y?.store.context,isDrawer:p}),E=S||C,D=V.useMemo(()=>({store:x}),[x]);return(0,Q.jsx)(H.Provider,{value:!1,children:(0,Q.jsxs)(U.Provider,{value:D,children:[E&&(0,Q.jsx)(ce,{store:x,dialogRoot:T}),typeof n==`function`?n({payload:w}):n]})})}function fe(e){return de(e,V.useContext(H)?`drawer`:`dialog`)}var pe=V.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...s}=e,{store:c}=W(),l=D(a);return c.useSyncedValueWithCleanup(`titleElementId`,l),o(`h2`,e,{ref:t,props:[{id:l},s]})}),me=V.forwardRef(function(e,t){let{render:n,className:r,style:i,disabled:a=!1,nativeButton:s=!0,id:c,payload:l,handle:d,...f}=e,p=W(!0),m=d?.store??p?.store;if(!m)throw Error(N(79));let g=D(c),_=m.useState(`floatingRootContext`),v=m.useState(`isOpenedByTrigger`,g),y=m.useState(`triggerPopupId`,g),b=V.useRef(null),{registerTrigger:x,isMountedByThisTrigger:S}=u(g,b,m,{payload:l}),{getButtonProps:C,buttonRef:w}=h({disabled:a,native:s}),T=L(_,{enabled:_!=null}),O=te(()=>m.select(`open`),e=>{m.set(`openMethod`,e)}),k={disabled:a,open:v},A=m.useState(`triggerProps`,S);return o(`button`,e,{state:k,ref:[w,t,x,b],props:[T.reference,A,O,{[M]:``,id:g,"aria-haspopup":`dialog`,"aria-expanded":v,"aria-controls":y},f,C],stateAttributesMapping:E})});export{ae as a,K as c,oe as i,pe as n,J as o,fe as r,q as s,me as t};

package/dist/showcase/assets/FieldItemContext-CFTR-INZ.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";var n=e(t()),r=n.createContext({disabled:!1});function i(){return n.useContext(r)}export{i as t};

package/dist/showcase/assets/FormContext-lmjYAh4E.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Yn as n}from"./example-BIrQab7K.js";var r=e(t()),i=r.createContext({formRef:{current:{fields:new Map}},errors:{},clearErrors:n,validationMode:`onSubmit`,submitAttemptedRef:{current:!1}});function a(){return r.useContext(i)}export{a as t};

package/dist/showcase/assets/LabelableContext-CDv6gSfU.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Jn as n,Yn as r,rr as i,tr as a}from"./example-BIrQab7K.js";var o=e(t()),s=function(e){return e.disabled=`data-disabled`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.filled=`data-filled`,e.focused=`data-focused`,e}({}),c={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:null,valueMissing:!1},l={valid:null,touched:!1,dirty:!1,filled:!1,focused:!1},u={disabled:!1,...l},d={valid(e){return e===null?null:e?{[s.valid]:``}:{[s.invalid]:``}}},f={invalid:void 0,name:void 0,validityData:{state:c,errors:[],error:``,value:``,initialValue:null},setValidityData:r,disabled:void 0,touched:l.touched,setTouched:r,dirty:l.dirty,setDirty:r,filled:l.filled,setFilled:r,focused:l.focused,setFocused:r,validate:()=>null,validationMode:`onSubmit`,validationDebounceTime:0,shouldValidateOnChange:()=>!1,state:u,markedDirtyRef:{current:!1},registerFieldControl:r,validation:{getValidationProps:(e=n)=>e,getInputValidationProps:(e=n)=>e,inputRef:{current:null},commit:async()=>{}}},p=o.createContext(f);function m(e=!0){let t=o.useContext(p);if(t.setValidityData===r&&!e)throw Error(a(28));return t}function h(e,t,n,r,a=!0){let{registerFieldControl:s}=m(),c=o.useRef(null);c.current||=Symbol(),i(()=>{let i=c.current;if(!(!i||!a))return s(i,{controlRef:e,getValue:r,id:t,value:n}),()=>{s(i,void 0)}},[e,a,r,t,s,n])}var g=o.createContext({controlId:void 0,registerControlId:r,labelId:void 0,setLabelId:r,messageIds:[],setMessageIds:r,getDescriptionProps:e=>e});function _(){return o.useContext(g)}export{m as a,p as i,h as n,l as o,f as r,d as s,_ as t};

package/dist/showcase/assets/PreviewLayout-BG1B5TzA.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{s as t}from"./index-Cz4UGUT2.js";e();var n=t();function r({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`flex flex-wrap items-center gap-3 ${t}`,children:e})}function i({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`flex w-full flex-col gap-5 ${t}`,children:e})}export{r as n,i as t};

package/dist/showcase/assets/RadioGroup-C-0MNAYY.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Ft as ee,Gn as n,H as r,Ht as i,Jn as a,Pt as o,Qn as s,R as c,V as l,Yn as u,Zn as d,cr as f,g as p,ir as m,rr as h,sn as g,tr as _,xn as te}from"./example-BIrQab7K.js";import{s as v}from"./index-Cz4UGUT2.js";import{t as y}from"./useControlled-Cpg8gDqb.js";import{p as b}from"./composite-B-19wwf9.js";import{t as x}from"./useValueChanged-Bz3WRSDy.js";import{t as ne}from"./CompositeItem-DleE4kTc.js";import{t as re}from"./serializeValue-B_EucO5O.js";import{a as ie,n as ae,s as S,t as oe}from"./LabelableContext-CDv6gSfU.js";import{t as se}from"./FormContext-lmjYAh4E.js";import{t as ce}from"./useLabelableId-Czdg4nY8.js";import{t as C}from"./FieldItemContext-CFTR-INZ.js";import{t as w}from"./useAriaLabelledBy-etINba8U.js";import{n as le,t as T}from"./CompositeRoot-BbNkvtLz.js";var E=e(t()),D=function(e){return e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.disabled=`data-disabled`,e.readonly=`data-readonly`,e.required=`data-required`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.filled=`data-filled`,e.focused=`data-focused`,e}({}),O={checked(e){return e?{[D.checked]:``}:{[D.unchecked]:``}},...l,...S},k=E.createContext(void 0);function ue(){return E.useContext(k)}var A=E.createContext(void 0);function j(){let e=E.useContext(A);if(e===void 0)throw Error(_(52));return e}var M=v(),N=E.forwardRef(function(e,t){let{render:r,className:c,disabled:l=!1,readOnly:_=!1,required:te=!1,"aria-labelledby":v,value:y,inputRef:b,nativeButton:x=!1,id:ae,style:S,...se}=e,T=ue(),{disabled:D,readOnly:k,required:j,form:N,checkedValue:P,touched:F=!1,validation:de,name:I}=T??{},L=T?.setCheckedValue??u,fe=T?.setTouched??u,R=T?.registerControlRef??u,z=T?.registerInputRef??u,{setDirty:B,validityData:V,setTouched:H,setFilled:U,state:W,disabled:G}=ie(),K=C(),{labelId:pe,getDescriptionProps:me}=oe(),q=G||K.disabled||D||l,J=k||_,Y=j||te,he=N,X=T?P===y:y===``,Z=E.useRef(null),Q=E.useRef(null),ge=m(e=>{e&&R(e,q)}),_e=d(b,Q,z);h(()=>{Q.current?.checked&&U(!0)},[U]),h(()=>{if(Q.current){if(q&&X){z(null);return}Z.current&&R(Z.current,q),z(Q.current)}},[X,q,R,z]);let ve=p(),ye=ce({id:ae,implicit:!1,controlRef:Z}),be=x?void 0:ye,xe=w(v,pe,Q,!x,be),Se={role:`radio`,"aria-checked":X,"aria-required":Y||void 0,"aria-readonly":J||void 0,"aria-labelledby":xe,[le]:X?``:void 0,id:x?ye:ve,onKeyDown(e){e.key===`Enter`&&e.preventDefault()},onClick(e){if(e.defaultPrevented||q||J)return;e.preventDefault();let t=Q.current;t&&t.dispatchEvent(new(f(t)).PointerEvent(`click`,{bubbles:!0,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey}))},onFocus(e){e.defaultPrevented||q||J||!F||(Q.current?.click(),fe(!1))}},{getButtonProps:Ce,buttonRef:we}=s({disabled:q,native:x}),Te={type:`radio`,ref:_e,form:he,id:be,name:I,tabIndex:-1,style:I?ee:o,"aria-hidden":!0,...y===void 0?a:{value:re(y)},disabled:q,checked:X,required:Y,readOnly:J,onChange(e){if(e.nativeEvent.defaultPrevented||q||J||y===void 0)return;let t=i(g,e.nativeEvent);t.isCanceled||(H(!0),B(y!==V.initialValue),U(!0),L(y,t))},onFocus(){Z.current?.focus()}},$=E.useMemo(()=>({...W,required:Y,disabled:q,readOnly:J,checked:X}),[W,q,J,X,Y]),Ee=$,De=T!==void 0,Oe=[t,Z,we,ge],ke=[Se,me,de?.getValidationProps??a,se,Ce],Ae=n(`span`,e,{enabled:!De,state:$,ref:Oe,props:ke,stateAttributesMapping:O});return(0,M.jsxs)(A.Provider,{value:Ee,children:[De?(0,M.jsx)(ne,{tag:`span`,render:r,className:c,style:S,state:$,refs:Oe,props:ke,stateAttributesMapping:O}):Ae,(0,M.jsx)(`input`,{...Te,suppressHydrationWarning:!0})]})}),P=E.forwardRef(function(e,t){let{render:ee,className:i,style:a,keepMounted:o=!1,...s}=e,l=j(),u=l.checked,{mounted:d,transitionStatus:f,setMounted:p}=r(u),m={...l,transitionStatus:f},h=E.useRef(null),g=o||d,_=n(`span`,e,{ref:[t,h],state:m,props:s,stateAttributesMapping:O});return c({open:u,ref:h,onComplete(){u||p(!1)}}),g?_:null}),F=E.createContext({legendId:void 0,setLegendId:()=>{},disabled:void 0});function de(e=!1){let t=E.useContext(F);if(!t&&!e)throw Error(_(86));return t}var I=[b],L=E.forwardRef(function(e,t){let{render:ee,className:n,disabled:r,readOnly:i,required:a,onValueChange:o,value:s,defaultValue:c,form:l,name:u,inputRef:d,id:f,style:h,...g}=e,{setTouched:_,setFocused:v,shouldValidateOnChange:b,validationMode:ne,name:re,disabled:ce,state:C,validation:w,setDirty:le,setFilled:D,validityData:O}=ie(),{labelId:ue}=oe(),{clearErrors:A}=se(),j=de(!0),N=ce||r,P=re??u,F=p(f),[L,fe]=y({controlled:s,default:c,name:`RadioGroup`,state:`value`}),[R,z]=E.useState(!1),B=m((e,t)=>{o?.(e,t),!t.isCanceled&&fe(e)}),V=E.useRef(null),H=E.useRef(null),U=E.useRef(null);function W(e){let t;return d&&(typeof d==`function`?t=d(e):d.current=e),H.current=e,w.inputRef.current=e,t}let G=m((e,t=!1)=>{if(e){if(t){V.current===e&&(V.current=null);return}V.current??=e}}),K=m(e=>{if(!e||e.disabled)return;U.current||=e;let t=H.current;if(e.checked||t==null||t.disabled)return W(e)});ae(V,F,L??null),x(L,()=>{A(P),le(L!==O.initialValue),D(L!=null),b()?w.commit(L):w.commit(L,!0);let e=U.current;L==null&&e&&!e.disabled&&W(e)});let pe=g[`aria-labelledby`]??ue??j?.legendId,me={...C,disabled:N??!1,required:a??!1,readOnly:i??!1},q=E.useMemo(()=>({...C,checkedValue:L,disabled:N,form:l,validation:w,name:P,readOnly:i,registerControlRef:G,registerInputRef:K,required:a,setCheckedValue:B,setTouched:z,touched:R}),[L,N,l,w,C,P,i,G,K,a,B,z,R]),J={role:`radiogroup`,"aria-required":a||void 0,"aria-disabled":N||void 0,"aria-readonly":i||void 0,"aria-labelledby":pe,onFocus(){v(!0)},onBlur(e){te(e.currentTarget,e.relatedTarget)||(_(!0),v(!1),ne===`onBlur`&&w.commit(L))},onKeyDownCapture(e){e.key.startsWith(`Arrow`)&&(_(!0),z(!0),v(!0))}};return(0,M.jsx)(k.Provider,{value:q,children:(0,M.jsx)(T,{render:ee,className:n,style:h,state:me,props:[J,w.getValidationProps,g],refs:[t],stateAttributesMapping:S,enableHomeAndEndKeys:!1,modifierKeys:I})})});export{P as n,N as r,L as t};

package/dist/showcase/assets/Separator-KsPLUEno.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Gn as n}from"./example-BIrQab7K.js";var r=e(t()).forwardRef(function(e,t){let{className:r,render:i,orientation:a=`horizontal`,style:o,...s}=e;return n(`div`,e,{state:{orientation:a},ref:t,props:[{role:`separator`,"aria-orientation":a},s]})});export{r as t};

package/dist/showcase/assets/ToolbarRootContext-AV8xAl2m.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{tr as n}from"./example-BIrQab7K.js";var r=e(t()),i=r.createContext(void 0);function a(e){let t=r.useContext(i);if(t===void 0&&!e)throw Error(n(69));return t}export{a as t};

package/dist/showcase/assets/accordion-BWkuKg77.js

@@ -0,0 +1,171 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,Tr as i,hr as a,mr as o,t as s,yr as c}from"./example-BIrQab7K.js";import{t as l}from"./bell-Dt3Nz2y2.js";import{t as u}from"./circle-question-mark-Dbi-WTYN.js";import{t as d}from"./credit-card-CYgRtM77.js";import{t as f}from"./lock-Dn4-vUBz.js";import{t as p}from"./settings-BSRT_96A.js";import{t as m}from"./sparkles-DFJmoAFP.js";import{k as h,n as g,s as _}from"./index-Cz4UGUT2.js";import{t as v}from"./props-table-BR-KjRNe.js";import{a as y,c as b,i as x,n as S,o as C,r as w,s as T,t as E}from"./accordion-variants-CVT_62VO.js";import{t as D}from"./icon-badge-CxvxB8Vd.js";import{t as O}from"./smart-card-B4P_C0nk.js";var k={regionAriaLabel:void 0},A=t(n(),1),j=_(),M=(0,A.forwardRef)(function({items:e,multiple:t=!1,defaultValue:n,value:i,onValueChange:a,variant:o=`card`,iconStyle:s=`medallion`,className:c,itemClassName:l,triggerClassName:u,contentClassName:d,strings:f},p){let m=h(k,f);return(0,j.jsx)(y,{ref:p,multiple:t,defaultValue:n,value:i,onValueChange:a?e=>a(e):void 0,"aria-label":m.regionAriaLabel,className:g(`smart-accordion--component`,w[o],c),children:e.map(e=>(0,j.jsxs)(T,{value:e.value,className:g(S[o],l),children:[(0,j.jsx)(b,{className:g(x,u),disabled:e.disabled,children:(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-3`,children:[(0,j.jsx)(N,{iconStyle:s,icon:e.icon}),(0,j.jsx)(r,{tag:`span`,weight:`semibold`,children:e.title}),!!e.badge&&(0,j.jsx)(`span`,{className:`ml-1 inline-flex shrink-0`,children:e.badge})]})}),(0,j.jsx)(C,{className:g(s===`medallion`?E.withMedallion:E.withoutMedallion,d),children:(0,j.jsx)(r,{type:`secondary`,className:`leading-relaxed`,children:e.content})})]},e.value))})});M.displayName=`SmartAccordion`;function N({iconStyle:e,icon:t}){return e===`none`||!t?null:e===`inline`?(0,j.jsx)(`span`,{className:`inline-flex shrink-0 text-muted-foreground`,children:t}):(0,j.jsx)(D,{size:`sm`,tone:`muted`,shape:`circle`,"aria-hidden":`true`,children:t})}var P=e({CompoundApi:()=>K,Default:()=>L,IconStyleInline:()=>H,IconStyleMedallion:()=>V,IconStyleNone:()=>U,MultipleOpen:()=>W,RealisticFAQ:()=>q,VariantBordered:()=>z,VariantCard:()=>R,VariantFlat:()=>B,WithBadgeAndDisabled:()=>G}),F=[{value:`account`,icon:(0,j.jsx)(p,{className:`size-4`}),title:`Account settings`,badge:(0,j.jsx)(c,{variant:`primary`,children:`New`}),content:`Manage your account preferences, security settings, and personal information. You can also configure two-factor authentication here.`},{value:`privacy`,icon:(0,j.jsx)(f,{className:`size-4`}),title:`Privacy & security`,content:`Control who can see your profile and what data we collect. View our latest security audits and transparency reports.`},{value:`notifications`,icon:(0,j.jsx)(l,{className:`size-4`}),title:`Notifications`,badge:(0,j.jsx)(c,{variant:`secondary`,children:`3`}),content:`Choose which events trigger an email or push notification. Granular per-channel control.`},{value:`billing`,icon:(0,j.jsx)(d,{className:`size-4`}),title:`Billing`,content:`Update your payment method, download invoices, and manage seats.`,disabled:!0},{value:`support`,icon:(0,j.jsx)(u,{className:`size-4`}),title:`Help & support`,content:`Access our help center, community forums, and contact support 24/7.`}],I=[{value:`a`,title:`What is included in the plan?`,content:`Everything in the free tier plus team seats, audit log, and custom roles.`},{value:`b`,title:`Can I switch plans later?`,content:`Yes — upgrades take effect immediately, downgrades at the next billing cycle.`},{value:`c`,title:`Do you offer discounts for non-profits?`,content:`We do — drop a note to billing with proof of status.`}];function L(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),defaultValue:[`account`]})})}function R(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),variant:`card`,defaultValue:[`account`]})})}function z(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),variant:`bordered`,defaultValue:[`privacy`]})})}function B(){return(0,j.jsx)(O,{padding:`sm`,className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:I,variant:`flat`,iconStyle:`none`,defaultValue:[`a`]})})}function V(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),iconStyle:`medallion`,defaultValue:[`account`]})})}function H(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),iconStyle:`inline`,defaultValue:[`account`]})})}function U(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:I,iconStyle:`none`,defaultValue:[`a`]})})}function W(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),multiple:!0,defaultValue:[`account`,`privacy`]})})}function G(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F,defaultValue:[`account`]})})}function K(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsxs)(y,{defaultValue:[`custom`],children:[(0,j.jsxs)(T,{value:`custom`,className:`rounded-md border bg-card mb-2`,children:[(0,j.jsx)(b,{className:`px-4 py-3`,children:(0,j.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsx)(m,{className:`size-4 text-primary`}),(0,j.jsx)(r,{tag:`span`,weight:`semibold`,children:`Custom row layout`}),(0,j.jsx)(c,{variant:`warning`,children:`Beta`})]})}),(0,j.jsx)(C,{className:`px-4 pb-4`,children:(0,j.jsx)(r,{type:`secondary`,children:`Drop down to the compound API when you need more than icon + title + body — e.g. multi-line meta, action rows, or custom indicators.`})})]}),(0,j.jsxs)(T,{value:`another`,className:`rounded-md border bg-card`,children:[(0,j.jsx)(b,{className:`px-4 py-3`,children:(0,j.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,j.jsx)(r,{tag:`span`,weight:`semibold`,children:`Two-line trigger`}),(0,j.jsx)(r,{size:`xs`,type:`secondary`,children:`Updated 2h ago`})]})}),(0,j.jsx)(C,{className:`px-4 pb-4`,children:(0,j.jsx)(r,{type:`secondary`,children:`Body content for the second item.`})})]})]})})}function q(){return(0,j.jsxs)(`div`,{className:`w-full max-w-xl space-y-4`,children:[(0,j.jsx)(i,{tag:`h4`,subHeading:`Everything you need to know before signing up.`,children:`Frequently asked questions`}),(0,j.jsx)(M,{items:I,variant:`bordered`,iconStyle:`none`})]})}var J=`import { Bell, CreditCard, HelpCircle, Lock, Settings, Sparkles } from 'lucide-react';
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, SmartAccordion } from '@/components/base/accordion';
+import { Badge } from '@/components/base/badge';
+import { SmartCard } from '@/components/base/cards';
+import { Heading, Text } from '@/components/typography';
+
+const settingsItems = [
+	{
+		value: 'account',
+		icon: <Settings className="size-4" />,
+		title: 'Account settings',
+		badge: <Badge variant="primary">New</Badge>,
+		content:
+			'Manage your account preferences, security settings, and personal information. You can also configure two-factor authentication here.',
+	},
+	{
+		value: 'privacy',
+		icon: <Lock className="size-4" />,
+		title: 'Privacy & security',
+		content:
+			'Control who can see your profile and what data we collect. View our latest security audits and transparency reports.',
+	},
+	{
+		value: 'notifications',
+		icon: <Bell className="size-4" />,
+		title: 'Notifications',
+		badge: <Badge variant="secondary">3</Badge>,
+		content:
+			'Choose which events trigger an email or push notification. Granular per-channel control.',
+	},
+	{
+		value: 'billing',
+		icon: <CreditCard className="size-4" />,
+		title: 'Billing',
+		content: 'Update your payment method, download invoices, and manage seats.',
+		disabled: true,
+	},
+	{
+		value: 'support',
+		icon: <HelpCircle className="size-4" />,
+		title: 'Help & support',
+		content: 'Access our help center, community forums, and contact support 24/7.',
+	},
+];
+
+const faqItems = [
+	{ value: 'a', title: 'What is included in the plan?', content: 'Everything in the free tier plus team seats, audit log, and custom roles.' },
+	{ value: 'b', title: 'Can I switch plans later?', content: 'Yes — upgrades take effect immediately, downgrades at the next billing cycle.' },
+	{ value: 'c', title: 'Do you offer discounts for non-profits?', content: 'We do — drop a note to billing with proof of status.' },
+];
+
+export function Default() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems.slice(0, 3)} defaultValue={['account']} />
+		</div>
+	);
+}
+
+export function VariantCard() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems.slice(0, 3)} variant="card" defaultValue={['account']} />
+		</div>
+	);
+}
+
+export function VariantBordered() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems.slice(0, 3)} variant="bordered" defaultValue={['privacy']} />
+		</div>
+	);
+}
+
+export function VariantFlat() {
+	return (
+		<SmartCard padding="sm" className="w-full max-w-xl">
+			<SmartAccordion items={faqItems} variant="flat" iconStyle="none" defaultValue={['a']} />
+		</SmartCard>
+	);
+}
+
+export function IconStyleMedallion() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems.slice(0, 3)} iconStyle="medallion" defaultValue={['account']} />
+		</div>
+	);
+}
+
+export function IconStyleInline() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems.slice(0, 3)} iconStyle="inline" defaultValue={['account']} />
+		</div>
+	);
+}
+
+export function IconStyleNone() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={faqItems} iconStyle="none" defaultValue={['a']} />
+		</div>
+	);
+}
+
+export function MultipleOpen() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems.slice(0, 3)} multiple defaultValue={['account', 'privacy']} />
+		</div>
+	);
+}
+
+export function WithBadgeAndDisabled() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems} defaultValue={['account']} />
+		</div>
+	);
+}
+
+export function CompoundApi() {
+	return (
+		<div className="w-full max-w-xl">
+			<Accordion defaultValue={['custom']}>
+				<AccordionItem value="custom" className="rounded-md border bg-card mb-2">
+					<AccordionTrigger className="px-4 py-3">
+						<div className="flex items-center gap-2">
+							<Sparkles className="size-4 text-primary" />
+							<Text tag="span" weight="semibold">Custom row layout</Text>
+							<Badge variant="warning">Beta</Badge>
+						</div>
+					</AccordionTrigger>
+					<AccordionContent className="px-4 pb-4">
+						<Text type="secondary">
+							Drop down to the compound API when you need more than icon + title +
+							body — e.g. multi-line meta, action rows, or custom indicators.
+						</Text>
+					</AccordionContent>
+				</AccordionItem>
+				<AccordionItem value="another" className="rounded-md border bg-card">
+					<AccordionTrigger className="px-4 py-3">
+						<div className="flex w-full items-center justify-between">
+							<Text tag="span" weight="semibold">Two-line trigger</Text>
+							<Text size="xs" type="secondary">Updated 2h ago</Text>
+						</div>
+					</AccordionTrigger>
+					<AccordionContent className="px-4 pb-4">
+						<Text type="secondary">Body content for the second item.</Text>
+					</AccordionContent>
+				</AccordionItem>
+			</Accordion>
+		</div>
+	);
+}
+
+export function RealisticFAQ() {
+	return (
+		<div className="w-full max-w-xl space-y-4">
+			<Heading tag="h4" subHeading="Everything you need to know before signing up.">
+				Frequently asked questions
+			</Heading>
+			<SmartAccordion items={faqItems} variant="bordered" iconStyle="none" />
+		</div>
+	);
+}
+`;function Y(e){let t={code:`code`,p:`p`,...e.components};return P||Z(`Examples`,!1),K||Z(`Examples.CompoundApi`,!0),L||Z(`Examples.Default`,!0),H||Z(`Examples.IconStyleInline`,!0),V||Z(`Examples.IconStyleMedallion`,!0),U||Z(`Examples.IconStyleNone`,!0),W||Z(`Examples.MultipleOpen`,!0),q||Z(`Examples.RealisticFAQ`,!0),z||Z(`Examples.VariantBordered`,!0),R||Z(`Examples.VariantCard`,!0),B||Z(`Examples.VariantFlat`,!0),G||Z(`Examples.WithBadgeAndDisabled`,!0),(0,j.jsxs)(a,{title:`Accordion`,description:`Two tiers — pass-through compound parts (Accordion / AccordionItem / AccordionTrigger / AccordionContent) for full control, or SmartAccordion for the canonical icon + title + optional badge + body admin pattern.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/accordion`,children:[(0,j.jsx)(o,{title:`Overview`,id:`overview`,children:(0,j.jsxs)(t.p,{children:[(0,j.jsx)(t.code,{children:`SmartAccordion`}),` is the 90% case — pass an `,(0,j.jsx)(t.code,{children:`items`}),` array of `,(0,j.jsx)(t.code,{children:`{ value, title, icon?, badge?, content, disabled? }`}),` and pick a visual `,(0,j.jsx)(t.code,{children:`variant`}),` (`,(0,j.jsx)(t.code,{children:`card`}),` |
+`,(0,j.jsx)(t.code,{children:`bordered`}),` | `,(0,j.jsx)(t.code,{children:`flat`}),`) and an `,(0,j.jsx)(t.code,{children:`iconStyle`}),` (`,(0,j.jsx)(t.code,{children:`medallion`}),` | `,(0,j.jsx)(t.code,{children:`inline`}),` | `,(0,j.jsx)(t.code,{children:`none`}),`).
+Drop down to the compound `,(0,j.jsx)(t.code,{children:`Accordion`}),` parts for richer rows.`]})}),(0,j.jsx)(o,{title:`Default`,id:`default`,children:(0,j.jsx)(s,{name:`Default`,source:J,children:(0,j.jsx)(L,{})})}),(0,j.jsxs)(o,{title:`Variants`,id:`variants`,children:[(0,j.jsx)(s,{name:`VariantCard`,source:J,children:(0,j.jsx)(R,{})}),(0,j.jsx)(s,{name:`VariantBordered`,source:J,children:(0,j.jsx)(z,{})}),(0,j.jsx)(s,{name:`VariantFlat`,source:J,children:(0,j.jsx)(B,{})})]}),(0,j.jsxs)(o,{title:`Icon styles`,id:`icon-styles`,children:[(0,j.jsx)(s,{name:`IconStyleMedallion`,source:J,children:(0,j.jsx)(V,{})}),(0,j.jsx)(s,{name:`IconStyleInline`,source:J,children:(0,j.jsx)(H,{})}),(0,j.jsx)(s,{name:`IconStyleNone`,source:J,children:(0,j.jsx)(U,{})})]}),(0,j.jsxs)(o,{title:`States`,id:`states`,children:[(0,j.jsx)(s,{name:`MultipleOpen`,source:J,children:(0,j.jsx)(W,{})}),(0,j.jsx)(s,{name:`WithBadgeAndDisabled`,source:J,children:(0,j.jsx)(G,{})})]}),(0,j.jsx)(o,{title:`Compound API`,id:`compound`,children:(0,j.jsx)(s,{name:`CompoundApi`,source:J,children:(0,j.jsx)(K,{})})}),(0,j.jsx)(o,{title:`Realistic usage`,id:`realistic`,children:(0,j.jsx)(s,{name:`RealisticFAQ`,source:J,children:(0,j.jsx)(q,{})})}),(0,j.jsx)(o,{title:`API`,id:`api`,children:(0,j.jsx)(v,{component:`SmartAccordion`})})]})}function X(e={}){let{wrapper:t}=e.components||{};return t?(0,j.jsx)(t,{...e,children:(0,j.jsx)(Y,{...e})}):Y(e)}function Z(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{X as default};

package/dist/showcase/assets/accordion-variants-CVT_62VO.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{An as n,Gn as r,Ht as i,Kn as a,Qn as o,V as s,Zn as c,g as l,ir as u,m as d,rr as f,sn as p,tr as m}from"./example-BIrQab7K.js";import{t as h}from"./chevron-down-CSn8HCwf.js";import{t as g}from"./chevron-up-CeFY6O0I.js";import{n as _,s as v}from"./index-Cz4UGUT2.js";import{t as y}from"./useControlled-Cpg8gDqb.js";import{n as b,r as x}from"./useCompositeListItem-CcY0U1bY.js";import{a as S,i as C,n as w,o as T,r as E,t as D}from"./useCollapsiblePanel-BNe9r1t_.js";import{t as O}from"./isElementDisabled-KSuuBj8D.js";import{a as k,i as A,o as j,r as M,t as N}from"./composite-B-19wwf9.js";var P=e(t()),F=P.createContext(void 0);function I(){let e=P.useContext(F);if(e===void 0)throw Error(m(10));return e}var L=v(),R={value:()=>null},z=P.forwardRef(function(e,t){let{render:n,className:a,disabled:o=!1,hiddenUntilFound:s,keepMounted:c,loopFocus:l=!0,onValueChange:f,multiple:m=!1,orientation:h=`vertical`,value:g,defaultValue:_,style:v,...b}=e,S=d(),C=P.useMemo(()=>{if(g===void 0)return _??[]},[g,_]),w=P.useRef([]),[T,E]=y({controlled:g,default:C,name:`Accordion`,state:`value`}),D=u((e,t)=>{let n=i(p);if(!m){let t=T[0]===e?[]:[e];if(f?.(t,n),n.isCanceled)return;E(t)}else if(t){let t=T.slice();if(t.push(e),f?.(t,n),n.isCanceled)return;E(t)}else{let t=T.filter(t=>t!==e);if(f?.(t,n),n.isCanceled)return;E(t)}}),O=P.useMemo(()=>({value:T,disabled:o,orientation:h}),[T,o,h]),k=P.useMemo(()=>({accordionItemRefs:w,direction:S,disabled:o,handleValueChange:D,hiddenUntilFound:s??!1,keepMounted:c??!1,loopFocus:l,orientation:h,state:O,value:T}),[S,o,D,s,c,l,h,O,T]),A=r(`div`,e,{state:O,ref:t,props:[{dir:S,role:`region`},b],stateAttributesMapping:R});return(0,L.jsx)(F.Provider,{value:k,children:(0,L.jsx)(x,{elementsRef:w,children:A})})}),B=P.createContext(void 0);function V(){let e=P.useContext(B);if(e===void 0)throw Error(m(9));return e}var H=function(e){return e.index=`data-index`,e.disabled=`data-disabled`,e.open=`data-open`,e}({}),U={...w,index:e=>Number.isInteger(e)?{[H.index]:String(e)}:null,...s,value:()=>null},W=P.forwardRef(function(e,t){let{className:n,disabled:i=!1,onOpenChange:a,render:o,value:s,style:d,...f}=e,{ref:p,index:m}=b(),h=c(t,p),{disabled:g,handleValueChange:_,state:v,value:y}=I(),x=l(),S=s??x,w=i||g,E=P.useMemo(()=>{if(!y)return!1;for(let e=0;e<y.length;e+=1)if(y[e]===S)return!0;return!1},[y,S]),D=u((e,t)=>{a?.(e,t),!t.isCanceled&&_(S,e)}),O=T({open:E,onOpenChange:D,disabled:w}),k=P.useMemo(()=>({open:O.open,disabled:O.disabled,transitionStatus:O.transitionStatus}),[O.open,O.disabled,O.transitionStatus]),A=P.useMemo(()=>({...O,onOpenChange:D,state:k}),[O,k,D]),j=P.useMemo(()=>({...v,hidden:!E&&!O.mounted,index:m,disabled:w,open:E}),[O.mounted,w,m,E,v]),M=l(),[N,F]=P.useState(M),R=P.useMemo(()=>({open:E,state:j,setTriggerId:F,triggerId:N}),[E,j,F,N]),z=r(`div`,e,{state:j,ref:h,props:f,stateAttributesMapping:U});return(0,L.jsx)(C.Provider,{value:A,children:(0,L.jsx)(B.Provider,{value:R,children:z})})}),G=P.forwardRef(function(e,t){let{render:n,className:i,style:a,...o}=e,{state:s}=V();return r(`h3`,e,{state:s,ref:t,props:o,stateAttributesMapping:U})});function K(e){let{current:t}=e,n=[];for(let e=0;e<t.length;e+=1){let r=t[e];if(!O(r)){let e=r?.querySelector(`[type="button"], [role="button"]`);e&&!O(e)&&n.push(e)}}return n}var q=P.forwardRef(function(e,t){let{disabled:i,className:a,id:s,render:c,nativeButton:l=!0,style:u,...d}=e,{panelId:p,open:m,handleTrigger:h,disabled:g}=S(),{getButtonProps:_,buttonRef:v}=o({disabled:i??g,focusableWhenDisabled:!0,native:l,composite:!0}),{accordionItemRefs:y,direction:b,loopFocus:x,orientation:C}=I(),w=b===`rtl`,T=C===`horizontal`,{state:D,setTriggerId:O,triggerId:P}=V();return f(()=>(s&&O(s),()=>{O(void 0)}),[s,O]),r(`button`,e,{state:D,ref:[t,v],props:[{"aria-controls":m?p:void 0,"aria-expanded":m,id:P,tabIndex:0,onClick:h,onKeyDown(e){if(!j.has(e.key))return;n(e);let t=K(y),r=t.length-1,i=-1,a=t.indexOf(e.currentTarget);function o(){i=x?a+1>r?0:a+1:Math.min(a+1,r)}function s(){i=x&&a===0?r:a-1}switch(e.key){case N:T||o();break;case k:T||s();break;case A:T&&(w?s():o());break;case M:T&&(w?o():s());break;case`Home`:i=0;break;case`End`:i=r;break;default:break}i>-1&&t[i].focus()}},d,_],stateAttributesMapping:E})}),J=function(e){return e.accordionPanelHeight=`--accordion-panel-height`,e.accordionPanelWidth=`--accordion-panel-width`,e}({}),Y=P.forwardRef(function(e,t){let{className:n,hiddenUntilFound:i,keepMounted:o,id:s,render:c,style:l,...u}=e,{hiddenUntilFound:d,keepMounted:p}=I(),{mounted:m,onOpenChange:h,open:g,panelId:_,setMounted:v,setOpen:y,setPanelIdState:b,transitionStatus:x}=S(),C=i??d,w=o??p;f(()=>{if(s)return b(s),()=>{b(void 0)}},[s,b]);let{height:T,props:E,ref:O,shouldPreventOpenAnimation:k,shouldRender:A,transitionStatus:j,width:M}=D({externalRef:t,hiddenUntilFound:C,id:s??_,keepMounted:w,mounted:m,onOpenChange:h,open:g,setMounted:v,setOpen:y,transitionStatus:x}),{state:N,triggerId:P}=V(),F={...N,transitionStatus:j},L=a(l,F),R=r(`div`,{...e,style:void 0},{state:F,ref:O,props:[E,{"aria-labelledby":P,role:`region`,style:{[J.accordionPanelHeight]:T===void 0?`auto`:`${T}px`,[J.accordionPanelWidth]:M===void 0?`auto`:`${M}px`}},u,L?{style:L}:void 0,k?{style:{animationName:`none`}}:void 0],stateAttributesMapping:U});return A?R:null});function X({className:e,...t}){return(0,L.jsx)(z,{"data-slot":`accordion`,className:_(`flex w-full flex-col overflow-hidden rounded-2xl border`,e),...t})}function Z({className:e,...t}){return(0,L.jsx)(W,{"data-slot":`accordion-item`,className:_(`not-last:border-b data-open:bg-muted/50`,e),...t})}function Q({className:e,children:t,...n}){return(0,L.jsx)(G,{className:`flex`,children:(0,L.jsxs)(q,{"data-slot":`accordion-trigger`,className:_(`group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground`,e),...n,children:[t,(0,L.jsx)(h,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden`}),(0,L.jsx)(g,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline`})]})})}function $({className:e,children:t,...n}){return(0,L.jsx)(Y,{"data-slot":`accordion-content`,className:`overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up`,...n,children:(0,L.jsx)(`div`,{className:_(`h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4`,e),children:t})})}var ee={card:`space-y-2 border-0 rounded-none overflow-visible`,bordered:`rounded-lg border border-border bg-card overflow-hidden`,flat:`border-0 rounded-none bg-transparent overflow-visible`},te={card:`border border-border bg-card rounded-md data-open:bg-card`,bordered:`bg-transparent not-last:border-b border-border data-open:bg-muted/40`,flat:`border-0 bg-transparent data-open:bg-muted/30 rounded-md`},ne=`gap-3 px-3 py-(--row-py) text-left hover:no-underline`,re={withMedallion:`pl-12 pr-3 pt-0`,withoutMedallion:`pl-3 pr-3 pt-0`};export{X as a,Q as c,ne as i,te as n,$ as o,ee as r,Z as s,re as t};

package/dist/showcase/assets/action-menu-BOUHlGba.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{r as n}from"./example-BIrQab7K.js";import{t as r}from"./ellipsis-vertical-yH8S83bc.js";import{n as i,s as a}from"./index-Cz4UGUT2.js";import{a as o,l as s,r as c,s as l,t as u}from"./dropdown-menu-bPWrLPgm.js";var d=e(t(),1),f=a(),p=({label:e,icon:t=r,srText:a=`Open menu`,buttonProps:o,align:l=`center`,children:p,contentClassName:m=``,width:h=`w-auto`,closeOnSelect:g=!1,density:_=`default`})=>{let[v,y]=d.useState(!1),b=d.useMemo(()=>{let e=d.Children.toArray(p).map(e=>{if(!d.isValidElement(e)||e.type.displayName!==`MenuAction`)return e;let t=e,n=t.props.onClick;return d.cloneElement(t,{onClick:()=>{n&&n(),g&&y(!1)},density:t.props.density??_})}),t=e.filter(e=>d.isValidElement(e)?e.props.variant!==`error`:!1),n=e.filter(e=>d.isValidElement(e)?e.props.variant===`error`:!1);return[...t,...n]},[p,g,_]),x={variant:`secondary`,buttonStyle:`ghost`,size:`icon`,className:`h-8 w-8 p-0`},{variant:S=`secondary`,buttonStyle:C=`ghost`,size:w=`icon`,className:T,...E}={...x,...o,className:i(x.className,o?.className)},D=e?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t,{className:`h-4 w-4 mr-2`}),e]}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t,{className:`h-4 w-4`}),(0,f.jsx)(`span`,{className:`sr-only`,children:a})]});return(0,f.jsxs)(u,{open:v,onOpenChange:y,children:[(0,f.jsx)(s,{render:e=>(0,f.jsx)(n,{...E,...e,type:`button`,variant:S,buttonStyle:C,size:w,className:i(`action-menu--component`,T,e.className),children:D})}),(0,f.jsx)(c,{align:l,className:i(h,`min-w-[140px] p-2`,_===`table`&&`text-xxs leading-4`,m),children:b})]})};p.displayName=`ActionMenu`;var m=d.forwardRef(({onClick:e,href:t,prefetch:n,disabled:r=!1,icon:a,label:s,variant:c=`secondary`,className:u=``,children:d,density:p=`default`},m)=>{let h=t&&!r,g=h?e=>(0,f.jsx)(`a`,{...e,href:t,className:i(e.className)}):void 0;return d?h?(0,f.jsx)(l,{href:t,onClick:e,render:g,className:i(`text-xs px-2 py-1.5 gap-1.5`,p===`table`&&`text-inherit leading-4`,u),children:d}):(0,f.jsx)(o,{ref:m,disabled:r,onClick:e,className:i(`text-xs px-2 py-1.5 gap-1.5`,p===`table`&&`text-inherit leading-4`,u),children:d}):h?(0,f.jsxs)(l,{href:t,variant:c===`error`?`destructive`:`default`,onClick:e,render:g,className:i(`text-xs px-2 py-1.5 gap-1.5`,p===`table`&&`leading-4`,u),children:[!!a&&(0,f.jsx)(a,{className:`h-3.5 w-3.5`}),s]}):(0,f.jsxs)(o,{ref:m,disabled:r,variant:c===`error`?`destructive`:`default`,onClick:e,className:i(`text-xs px-2 py-1.5 gap-1.5`,p===`table`&&`leading-4`,u),children:[!!a&&(0,f.jsx)(a,{className:`h-3.5 w-3.5`}),s]})});m.displayName=`MenuAction`;export{m as n,p as t};