admin-ui-starter-kit 0.1.3 → 0.1.4

package/dist/showcase/assets/CSPContext-ImKusJJ_.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";function n(e,t=-(2**53-1),n=2**53-1){return Math.max(t,Math.min(e,n))}var r=e(t()),i=r.createContext(void 0),a={disableStyleElements:!1};function o(){return r.useContext(i)??a}export{n,o as t};

package/dist/showcase/assets/CompositeItem-C-DIOBdJ.js

@@ -0,0 +1 @@
+import{Gn as e,Jn as t,qn as n}from"./example-C6-_Sy6B.js";import{t as r}from"./useCompositeItem-C-1zP8zD.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-Ce4ORgG2.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-C6-_Sy6B.js";import{a as y}from"./index-B8DVXCmf.js";import{r as b}from"./useCompositeListItem-D4ugfKLB.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-YicTVAO0.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/Control.FullScreen-CwLQ1MMK.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./leaflet-src-S_KZeH2q.js";var n=e(t(),1);typeof document>`u`&&console.warn(`"window.document" is undefined; leaflet.fullscreen requires this object to access the DOM`);var r=(()=>{let e=[[`requestFullscreen`,`exitFullscreen`,`fullscreenElement`,`fullscreenEnabled`,`fullscreenchange`,`fullscreenerror`],[`webkitRequestFullscreen`,`webkitExitFullscreen`,`webkitFullscreenElement`,`webkitFullscreenEnabled`,`webkitfullscreenchange`,`webkitfullscreenerror`]],t=e[0],n={};for(let r of e)if(r[1]in document){for(let e=0;e<r.length;e++)n[t[e]]=r[e];return n}return!1})(),i={change:r.fullscreenchange,error:r.fullscreenerror},a={async request(e,t){e||=document.documentElement;let n=r.requestFullscreen;await this._callNative(()=>e[n](t))},async exit(){if(!this.isFullscreen)return;let e=r.exitFullscreen;await this._callNative(()=>document[e]())},async _callNative(e){let t=e();if(t instanceof Promise){await t;return}await new Promise(e=>{let t=()=>{this.off(`change`,t),e()};this.on(`change`,t)})},on(e,t){let n=i[e];n&&document.addEventListener(n,t)},off(e,t){let n=i[e];n&&document.removeEventListener(n,t)},nativeAPI:r};Object.defineProperties(a,{isFullscreen:{get(){return!!document[r.fullscreenElement]}},isEnabled:{enumerable:!0,get(){return!!document[r.fullscreenEnabled]}}});var o=n.Control.extend({options:{position:`topleft`,title:`Full Screen`,titleCancel:`Exit Full Screen`,forceSeparateButton:!1,forcePseudoFullscreen:!1,fullscreenElement:!1},_screenfull:a,onAdd(e){let t=`leaflet-control-zoom-fullscreen`,n,r=``;return e.zoomControl&&!this.options.forceSeparateButton?n=e.zoomControl._container:(n=document.createElement(`div`),n.className=`leaflet-bar`),this.options.content?r=this.options.content:t+=` leaflet-fullscreen-icon`,this._createButton(this.options.title,t,r,n,this.toggleFullScreen,this),this._map.fullscreenControl=this,this._map.on(`enterFullscreen exitFullscreen`,this._toggleState,this),n},onRemove(){n.DomEvent.off(this.link,`click`,n.DomEvent.stop).off(this.link,`click`,this.toggleFullScreen,this),this._screenfull.isEnabled&&n.DomEvent.off(document,this._screenfull.nativeAPI.fullscreenchange,n.DomEvent.stop).off(document,this._screenfull.nativeAPI.fullscreenchange,this._handleFullscreenChange,this)},_createButton(e,t,r,i,a,o){return this.link=document.createElement(`a`),this.link.className=t,i.appendChild(this.link),this.link.href=`#`,this.link.title=e,this.link.innerHTML=r,this.link.setAttribute(`role`,`button`),this.link.setAttribute(`aria-label`,e),n.DomEvent.disableClickPropagation(i),n.DomEvent.on(this.link,`click`,n.DomEvent.stop).on(this.link,`click`,a,o),this._screenfull.isEnabled&&n.DomEvent.on(document,this._screenfull.nativeAPI.fullscreenchange,n.DomEvent.stop).on(document,this._screenfull.nativeAPI.fullscreenchange,this._handleFullscreenChange,o),this.link},async toggleFullScreen(){let e=this._map,{fullscreenElement:t,forcePseudoFullscreen:n}=this.options,r=t||e.getContainer(),i=this._screenfull.isEnabled&&!n;e._isFullscreen?(e._exitFired=!0,i?await this._screenfull.exit():r.classList.remove(`leaflet-pseudo-fullscreen`),e.invalidateSize(),e._isFullscreen=!1,e.fire(`exitFullscreen`)):(e._exitFired=!1,i?await this._screenfull.request(r):r.classList.add(`leaflet-pseudo-fullscreen`),e.invalidateSize(),e._isFullscreen=!0,e.fire(`enterFullscreen`))},_toggleState(){let{title:e,titleCancel:t}=this.options,n=this._map._isFullscreen;this.link.title=n?t:e,this.link.setAttribute(`aria-label`,this.link.title),this.link.setAttribute(`aria-pressed`,n.toString()),this.link.classList.toggle(`leaflet-fullscreen-on`,n)},_handleFullscreenChange(){let e=this._map;!this._screenfull.isFullscreen&&e._isFullscreen&&!e._exitFired&&(e._exitFired=!0,e._isFullscreen=!1,e.fire(`exitFullscreen`),e.invalidateSize())}});n.Map.include({toggleFullscreen(){this.fullscreenControl.toggleFullScreen()}});export{o as FullScreen,o as default};

package/dist/showcase/assets/DialogTrigger-DWvMs7dp.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-C6-_Sy6B.js";import{a as I}from"./index-B8DVXCmf.js";import{a as L,i as ee,n as te,o as ne,r as R}from"./useOpenInteractionType-BLV8Pa2n.js";import{t as z}from"./inertValue-i0cAMG-0.js";import{o as B}from"./composite-YicTVAO0.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/FormContext-BeC1MJpT.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-C6-_Sy6B.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/PreviewLayout-N1PTTyZK.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{a as t}from"./index-B8DVXCmf.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-DAWaa26D.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Ar as n,Ft as r,Gn as i,H as a,Ht as o,It as s,J as c,Jn as l,Pt as u,Qn as d,R as f,Rt as p,Sn as m,Tr as h,Ut as g,V as _,Vt as v,Yn as y,Yt as b,Zn as ee,ar as x,bn as S,cr as C,en as te,g as ne,in as w,ir as T,lr as E,m as re,nr as ie,rr as D,sn as ae,tr as oe,un as O,xn as se,yn as ce,zt as le}from"./example-C6-_Sy6B.js";import{a as k}from"./index-B8DVXCmf.js";import{t as ue}from"./useControlled-Cpg8gDqb.js";import{n as de,r as A}from"./useCompositeListItem-D4ugfKLB.js";import{a as fe,d as j,f as M,i as pe,o as me,p as he,r as N,s as P,t as ge}from"./composite-YicTVAO0.js";import{t as F}from"./useValueChanged-DwgbaueK.js";import{t as I}from"./CompositeItem-C-DIOBdJ.js";import{n as L,r as R,t as z}from"./resolveAriaLabelledBy-B6CR9UP2.js";import{c as B,n as _e,o as ve,r as ye,t as V}from"./useLabelableId-CSxAHpU-.js";import{t as be}from"./FormContext-BeC1MJpT.js";import{n as H}from"./switch-B4iRxZFU.js";import{n as U,t as W}from"./CSPContext-ImKusJJ_.js";import{n as xe,t as Se}from"./valueToPercent-B5BHWU68.js";import{n as G,t as Ce}from"./CompositeRoot-Ce4ORgG2.js";var K=e(t());function we(e){if(!e)return null;for(let t of e.elements){let e=t.tagName;if(e===`BUTTON`||e===`INPUT`){let e=t;if(e.type===`submit`)return e}}return null}var q=function(e){return e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.indeterminate=`data-indeterminate`,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}({});function Te(e){return K.useMemo(()=>({checked(t){return e.indeterminate?{}:t?{[q.checked]:``}:{[q.unchecked]:``}},...B}),[e.indeterminate])}var J=K.createContext({disabled:!1});function Ee(){return K.useContext(J)}var De=K.createContext(void 0);function Oe(e=!0){let t=K.useContext(De);if(t===void 0&&!e)throw Error(oe(3));return t}var ke=K.createContext(void 0);function Ae(){let e=K.useContext(ke);if(e===void 0)throw Error(oe(14));return e}var Y=k(),je=`data-parent`,X=K.forwardRef(function(e,t){let{checked:n,className:a,defaultChecked:s=!1,"aria-labelledby":c,disabled:f=!1,form:p,id:m,indeterminate:h=!1,inputRef:g,name:_,onCheckedChange:v,parent:b=!1,readOnly:S=!1,render:te,required:w=!1,uncheckedValue:T,value:E,nativeButton:re=!1,style:oe,...O}=e,{clearErrors:se}=be(),{disabled:ce,name:le,setDirty:k,setFilled:de,setFocused:A,setTouched:fe,state:j,validationMode:M,validityData:pe,shouldValidateOnChange:me,validation:he}=ve(),N=Ee(),{labelId:P,controlId:ge,registerControlId:I,getDescriptionProps:L}=_e(),R=Oe(),z=R?.parent,B=z&&R.allValues,V=ce||N.disabled||R?.disabled||f,U=le??_,W=E??U,xe=ne(),Se=ne(),G=ge;B?G=b?Se:`${z.id}-${W}`:m&&(G=m);let Ce={};B&&(b?Ce=R.parent.getParentProps():W&&(Ce=R.parent.getChildProps(W)));let{checked:q=n,indeterminate:J=h,onCheckedChange:De,...Ae}=Ce,X=R?.value,Me=R?.setValue,Ne=R?.defaultValue,Pe=K.useRef(null),Fe=x(()=>Symbol(`checkbox-control`)),Ie=K.useRef(!1),{getButtonProps:Le,buttonRef:Re}=d({disabled:V,native:re}),ze=R?.validation??he,[Z,Be]=ue({controlled:W&&X&&!b?X.includes(W):q,default:W&&Ne&&!b?Ne.includes(W):s,name:`Checkbox`,state:`checked`});D(()=>{I!==y&&(Ie.current=!0,I(Fe.current,G))},[G,I,Fe]),K.useEffect(()=>{let e=Fe.current;return()=>{!Ie.current||I===y||(Ie.current=!1,I(e,void 0))}},[I,Fe]),ye(Pe,xe,Z,void 0,!R);let Q=K.useRef(null),Ve=ee(g,Q,ze.inputRef),He=H(c,P,Q,!re,G??void 0);D(()=>{Q.current&&(Q.current.indeterminate=J,Z&&de(!0))},[Z,J,de]),F(Z,()=>{R&&!b||(se(U),de(Z),k(Z!==pe.initialValue),me()?ze.commit(Z):ze.commit(Z,!0))});let Ue=ie({checked:Z,disabled:V,form:p,name:b?void 0:U,id:re?void 0:G??void 0,required:w,ref:Ve,style:U?r:u,tabIndex:-1,type:`checkbox`,"aria-hidden":!0,onChange(e){if(e.nativeEvent.defaultPrevented)return;if(S){e.preventDefault();return}let t=e.currentTarget.checked,n=o(ae,e.nativeEvent);De?.(t,n),v?.(t,n),!n.isCanceled&&(Be(t),W&&X&&Me&&!b&&!B&&Me(t?[...X,W]:X.filter(e=>e!==W),n))},onFocus(){Pe.current?.focus()}},E===void 0?l:{value:(R?Z&&E:E)||``},L,R?ze.getValidationProps:ze.getInputValidationProps),$=B?!!q:Z,We=B&&J||h;K.useEffect(()=>{if(!z||!W)return;let e=z.disabledStatesRef.current;return e.set(W,V),()=>{e.delete(W)}},[z,V,W]);let Ge=K.useMemo(()=>({...j,checked:$,disabled:V,readOnly:S,required:w,indeterminate:We}),[j,$,V,S,w,We]),Ke=Te(Ge),qe=i(`span`,e,{state:Ge,ref:[Re,Pe,t,R?.registerControlRef],props:[{id:re?G??void 0:xe,role:`checkbox`,"aria-checked":J?`mixed`:Z,"aria-readonly":S||void 0,"aria-required":w||void 0,"aria-labelledby":He,[je]:b?``:void 0,onFocus(){A(!0)},onBlur(){let e=Q.current;e&&(fe(!0),A(!1),M===`onBlur`&&ze.commit(R?X:e.checked))},onKeyDown(e){if(e.key!==`Enter`||(e.preventBaseUIHandler(),e.defaultPrevented))return;let t=Q.current?.form??null,n=e.currentTarget,r=e.nativeEvent,i=e.preventDefault,a=r.preventDefault,o=!1;e.preventDefault=()=>{o=!0,i.call(e)},r.preventDefault=()=>{o=!0,a.call(r)},a.call(r),C(n).queueMicrotask(()=>{e.preventDefault=i,r.preventDefault=a,o||we(t)?.click()})},onClick(e){if(S||V)return;e.preventDefault();let t=Q.current;t&&t.dispatchEvent(new(C(t)).PointerEvent(`click`,{bubbles:!0,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey}))}},L,ze.getValidationProps,O,Ae,Le],stateAttributesMapping:Ke});return(0,Y.jsxs)(ke.Provider,{value:Ge,children:[qe,!Z&&!R&&U&&!b&&T!==void 0&&(0,Y.jsx)(`input`,{type:`hidden`,form:p,name:U,value:T}),(0,Y.jsx)(`input`,{...Ue,suppressHydrationWarning:!0})]})}),Me=K.forwardRef(function(e,t){let{render:n,className:r,style:o,keepMounted:s=!1,...c}=e,l=Ae(),u=l.checked||l.indeterminate,{mounted:d,transitionStatus:p,setMounted:m}=a(u),h=K.useRef(null),g={...l,transitionStatus:p};f({open:u,ref:h,onComplete(){u||m(!1)}});let v={...Te(l),..._,...B},y=s||d,b=i(`span`,e,{ref:[t,h],state:g,stateAttributesMapping:v,props:c});return y?b:null});function Ne({className:e,onCheckedChange:t,...r}){return(0,Y.jsx)(X,{"data-slot":`checkbox`,className:h(`peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-[color,box-shadow] outline-none`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive`,`data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground`,`data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`,e),onCheckedChange:t,...r,children:(0,Y.jsx)(Me,{"data-slot":`checkbox-indicator`,className:`flex items-center justify-center text-current`,children:(0,Y.jsx)(n,{className:`size-3.5`})})})}function Pe(e,t,n=(e,t)=>e===t){return e.length===t.length&&e.every((e,r)=>n(e,t[r]))}function Fe(e,t){return e-t}function Ie(e,t,n){let r=e.slice();return r[t]=n,r.sort(Fe)}function Le(e,t,n,r,i,a){let o=e;return o=U(o,n,r),i&&(o=Ie(a,t,U(o,a[t-1]||-1/0,a[t+1]||1/0))),o}function Re(e,t,n){if(!Array.isArray(e))return!0;let r=e.reduce((e,t,n,r)=>(n===r.length-1||e.push(Math.abs(t-r[n+1])),e),[]);return Math.min(...r)>=t*n}var ze={activeThumbIndex:()=>null,max:()=>null,min:()=>null,minStepsBetweenValues:()=>null,step:()=>null,values:()=>null,...B},Z=K.createContext(void 0);function Be(){let e=K.useContext(Z);if(e===void 0)throw Error(oe(62));return e}function Q(e){return`key`in e?w:te}function Ve(e,t){return typeof e==`number`&&typeof t==`number`?e===t:Array.isArray(e)&&Array.isArray(t)?Pe(e,t):!1}var He=K.forwardRef(function(e,t){let{"aria-labelledby":n,className:r,defaultValue:a,disabled:c=!1,id:l,format:u,largeStep:d=10,locale:f,render:p,max:m=100,min:h=0,minStepsBetweenValues:_=0,form:v,name:y,onValueChange:b,onValueCommitted:ee,orientation:x=`horizontal`,step:C=1,thumbCollisionBehavior:te=`push`,thumbAlignment:w=`center`,value:E,style:re,...ie}=e,ae=ne(l),oe=z(ae),O=T(b),ce=T(ee),{clearErrors:k}=be(),{state:de,disabled:fe,name:j,setTouched:M,setDirty:pe,validityData:me,shouldValidateOnChange:he,validation:N}=ve(),{labelId:P}=_e(),[ge,I]=K.useState(),R=n??L(P,ge),B=fe||c,V=j??y,[H,W]=ue({controlled:E,default:a??h,name:`Slider`}),xe=K.useRef(null),Se=K.useRef(null),G=K.useRef([]),Ce=K.useRef(null),we=K.useRef(null),q=K.useRef(-1),Te=K.useRef(null),J=K.useRef(null),Ee=K.useRef(`none`),De=le(u),[Oe,ke]=K.useState(-1),[Ae,je]=K.useState(-1),[X,Me]=K.useState(!1),[Ne,Ie]=K.useState(()=>new Map),[Be,He]=K.useState([void 0,void 0]),Ue=T(e=>{ke(e),e!==-1&&je(e)});ye(Se,ae,H),F(H,()=>{k(V),he()?N.commit(H):N.commit(H,!0);let e=me.initialValue,t;t=Array.isArray(H)&&Array.isArray(e)?!Pe(H,e):H!==e,pe(t)});let $=T(e=>{e&&(Se.current=e)}),We=Array.isArray(H),Ge=K.useMemo(()=>We?H.slice().sort(Fe):[U(H,h,m)],[m,h,We,H]),Ke=T((e,t)=>{if(Number.isNaN(e)||Ve(e,H))return;let n=t??o(`none`,void 0,void 0,{activeThumbIndex:-1});Ee.current=n.reason;let r=n.event,i=new(r.constructor??Event)(r.type,r);Object.defineProperty(i,"target",{writable:!0,value:{value:e,name:V}}),n.event=i,J.current=e,O(e,n),!n.isCanceled&&W(e)}),qe=T((e,t,n)=>{let r=Le(e,t,h,m,We,Ge);if(Re(r,C,_)){let e=Q(n);Ke(r,o(e,n.nativeEvent,void 0,{activeThumbIndex:t})),M(!0),ce(J.current??r,g(e,n.nativeEvent))}});D(()=>{let e=S(s(xe.current));B&&se(xe.current,e)&&e.blur()},[B]),B&&Oe!==-1&&Ue(-1);let Je=K.useMemo(()=>({...de,activeThumbIndex:Oe,disabled:B,dragging:X,orientation:x,max:m,min:h,minStepsBetweenValues:_,step:C,values:Ge}),[de,Oe,B,X,m,h,_,x,C,Ge]),Ye=K.useMemo(()=>({active:Oe,controlRef:Se,disabled:B,dragging:X,validation:N,formatOptionsRef:De,handleInputChange:qe,indicatorPosition:Be,inset:w!==`center`,labelId:R,rootLabelId:oe,largeStep:d,lastUsedThumbIndex:Ae,lastChangedValueRef:J,lastChangeReasonRef:Ee,form:v,locale:f,max:m,min:h,minStepsBetweenValues:_,name:V,onValueCommitted:ce,orientation:x,pressedInputRef:Ce,pressedThumbCenterOffsetRef:we,pressedThumbIndexRef:q,pressedValuesRef:Te,registerFieldControlRef:$,renderBeforeHydration:w===`edge`,setActive:Ue,setDragging:Me,setIndicatorPosition:He,setLabelId:I,setValue:Ke,state:Je,step:C,thumbCollisionBehavior:te,thumbMap:Ne,thumbRefs:G,values:Ge}),[Oe,Se,R,oe,B,X,N,De,qe,Be,d,Ae,J,Ee,v,f,m,h,_,V,ce,x,Ce,we,q,Te,$,Ue,Me,He,I,Ke,Je,C,te,w,Ne,G,Ge]),Xe=i(`div`,e,{state:Je,ref:[t,xe],props:[{"aria-labelledby":R,id:ae,role:`group`},N.getValidationProps,ie],stateAttributesMapping:ze});return(0,Y.jsx)(Z.Provider,{value:Ye,children:(0,Y.jsx)(A,{elementsRef:G,onMapChange:Ie,children:Xe})})});function Ue(e){let t=e.getBoundingClientRect();return{x:(t.left+t.right)/2,y:(t.top+t.bottom)/2}}function $(e){if(e===0)return 0;if(Math.abs(e)<1){let t=e.toExponential().split(`e-`),n=t[0].split(`.`)[1];return(n?n.length:0)+parseInt(t[1],10)}let t=e.toString().split(`.`)[1];return t?t.length:0}function We(e,t,n){let r=Math.round((e-n)/t)*t+n;return Number(r.toFixed(Math.max($(t),$(n))))}function Ge({values:e,index:t,nextValue:n,min:r,max:i,step:a,minStepsBetweenValues:o,initialValues:s}){if(e.length===0)return[];let c=e.slice(),l=a*o,u=c.length-1,d=s??e;c[t]=U(n,r+t*l,i-(u-t)*l);for(let e=t+1;e<=u;e+=1){let t=c[e-1]+l,n=i-(u-e)*l,r=d[e]??c[e],a=Math.max(c[e],t);r<a&&(a=Math.max(r,t)),c[e]=U(a,t,n)}for(let e=t-1;e>=0;--e){let t=c[e+1]-l,n=r+e*l,i=d[e]??c[e],a=Math.min(c[e],t);i>a&&(a=Math.min(i,t)),c[e]=U(a,n,t)}for(let e=0;e<=u;e+=1)c[e]=Number(c[e].toFixed(12));return c}function Ke({behavior:e,values:t,currentValues:n,initialValues:r,pressedIndex:i,nextValue:a,min:o,max:s,step:c,minStepsBetweenValues:l}){let u=n??t,d=r??t;if(!(u.length>1))return{value:a,thumbIndex:0,didSwap:!1};let f=c*l;switch(e){case`swap`:{let e=u[i],t=1e-7,n=u.slice(),r=n[i-1],p=n[i+1],m=U(a,r==null?o:r+f,p==null?s:p-f),h=Number(m.toFixed(12));n[i]=h;let g=a>e,_=a<e,v=g&&p!=null&&a>=p-t,y=_&&r!=null&&a<=r+t;if(!v&&!y)return{value:n,thumbIndex:i,didSwap:!1};let b=v?i+1:i-1,ee=n.map((e,t)=>t===i?h:d[t]??u[t]),x=a;x=v?Math.max(a,n[b]):Math.min(a,n[b]);let S=Ge({values:n,index:b,nextValue:x,min:o,max:s,step:c,minStepsBetweenValues:l,initialValues:ee}),C=v?b-1:b+1;if(C>=0&&C<S.length){let e=S[C-1],t=S[C+1],n=e==null?o:e+f;n=Math.max(n,o+C*f);let r=t==null?s:t-f;r=Math.min(r,s-(S.length-1-C)*f);let i=U(h,n,r);S[C]=Number(i.toFixed(12))}return{value:S,thumbIndex:b,didSwap:!0}}case`push`:return{value:Ge({values:u,index:i,nextValue:a,min:o,max:s,step:c,minStepsBetweenValues:l}),thumbIndex:i,didSwap:!1};default:{let e=u.slice(),t=e[i-1],n=e[i+1],r=U(a,t==null?o:t+f,n==null?s:n-f);return e[i]=Number(r.toFixed(12)),{value:e,thumbIndex:i,didSwap:!1}}}}var qe=2;function Je(e,t){if(!e)return{start:0,end:0};function n(e){let t=e==null?0:parseFloat(e);return Number.isNaN(t)?0:t}let r=t?`Top`:`InlineStart`,i=t?`Bottom`:`InlineEnd`;return{start:n(e[`border${r}Width`])+n(e[`padding${r}`]),end:n(e[`border${i}Width`])+n(e[`padding${i}`])}}function Ye(e,t){if(t.current!=null&&e.changedTouches){let n=e;for(let e=0;e<n.changedTouches.length;e+=1){let r=n.changedTouches[e];if(r.identifier===t.current)return{x:r.clientX,y:r.clientY}}return null}return{x:e.clientX,y:e.clientY}}var Xe=K.forwardRef(function(e,t){let{render:n,className:r,style:a,...c}=e,{disabled:l,dragging:u,inset:d,lastChangedValueRef:f,lastChangeReasonRef:h,max:_,min:y,minStepsBetweenValues:ee,onValueCommitted:x,orientation:te,pressedInputRef:ne,pressedThumbCenterOffsetRef:w,pressedThumbIndexRef:ie,pressedValuesRef:D,registerFieldControlRef:ae,renderBeforeHydration:oe,setActive:ce,setDragging:k,setValue:ue,state:de,step:A,thumbCollisionBehavior:fe,thumbRefs:j,values:M}=Be(),pe=re(),me=M.length>1,he=te===`vertical`,N=K.useRef(null),P=K.useRef(null),ge=T(e=>{e&&P.current==null&&(P.current=C(e).getComputedStyle(e))}),F=K.useRef(null),I=K.useRef(0),L=K.useRef(0),R=le(M);function z(e){ie.current!==e&&(ie.current=e);let t=j.current[e];if(!t){w.current=null,ne.current=null;return}ne.current=t.querySelector(`input[type="range"]`)}function B(e){let t=N.current;if(!t)return null;let{width:n,height:r,bottom:i,left:a,right:o}=t.getBoundingClientRect(),s=Je(P.current,he),c=L.current,l=(he?r:n)-s.start-s.end-c*2,u=w.current??0,d=e.x-u,f=e.y-u,p=U(((he?i-f-s.end:(pe===`rtl`?o-d:d-a)-s.start)-c)/l,0,1),m=(_-y)*p+y;if(m=We(m,A,y),m=U(m,y,_),!me)return{value:m,thumbIndex:0,didSwap:!1};let h=ie.current;if(h<0)return null;let g=Ke({behavior:fe,values:M,currentValues:R.current??M,initialValues:D.current,pressedIndex:h,nextValue:m,min:y,max:_,step:A,minStepsBetweenValues:ee});return fe===`swap`&&g.didSwap?z(g.thumbIndex):ie.current=g.thumbIndex,g}function _e(e){D.current=me?M.slice():null,R.current=M;let t=ie.current,n=t;if(t>-1&&t<M.length){if(M[t]===_){let e=t;for(;e>0&&M[e-1]===_;)--e;n=e}}else{let t=he?`y`:`x`,r;n=-1;for(let i=0;i<j.current.length;i+=1){let a=j.current[i];if(E(a)){let o=Ue(a),s=Math.abs(e[t]-o[t]);(r===void 0||s<=r)&&(n=i,r=s)}}}if(n>-1&&n!==t&&z(n),d){let e=j.current[n];E(e)&&(L.current=e.getBoundingClientRect()[he?`height`:`width`]/2)}}function ve(e){let t=j.current?.[e]?.querySelector(`input[type="range"]`);t&&t.focus({preventScroll:!0,focusVisible:!1})}let ye=T(e=>{let t=Ye(e,F);if(t==null)return;if(I.current+=1,e.type===`pointermove`&&e.buttons===0){V(e);return}let n=B(t);n!=null&&Re(n.value,A,ee)&&(!u&&I.current>qe&&k(!0),ue(n.value,o(b,e,void 0,{activeThumbIndex:n.thumbIndex})),R.current=Array.isArray(n.value)?n.value:[n.value],n.didSwap&&ve(n.thumbIndex))});function V(e){ce(-1),k(!1),ne.current=null,w.current=null;let t=Ye(e,F),n=t==null?null:B(t);if(n!=null){let t=h.current;x(f.current??n.value,g(t,e))}`pointerType`in e&&N.current?.hasPointerCapture(e.pointerId)&&N.current?.releasePointerCapture(e.pointerId),ie.current=-1,F.current=null,D.current=null,H()}let be=T(e=>{if(l)return;let t=e.changedTouches[0];t!=null&&(F.current=t.identifier);let n=Ye(e,F);if(n!=null){_e(n);let t=B(n);if(t==null)return;ve(t.thumbIndex),ue(t.value,o(O,e,void 0,{activeThumbIndex:t.thumbIndex})),R.current=Array.isArray(t.value)?t.value:[t.value],t.didSwap&&ve(t.thumbIndex)}I.current=0;let r=s(N.current);r.addEventListener(`touchmove`,ye,{passive:!0}),r.addEventListener(`touchend`,V,{passive:!0})}),H=T(()=>{let e=s(N.current);e.removeEventListener(`pointermove`,ye),e.removeEventListener(`pointerup`,V),e.removeEventListener(`touchmove`,ye),e.removeEventListener(`touchend`,V),D.current=null}),W=p();return K.useEffect(()=>{let e=N.current;if(!e)return()=>H();let t=v(e,`touchstart`,be,{passive:!0});return()=>{t(),W.cancel(),H()}},[H,be,N,W]),K.useEffect(()=>{l&&H()},[l,H]),i(`div`,e,{state:de,ref:[t,ae,N,ge],props:[{"data-base-ui-slider-control":oe?``:void 0,onPointerDown(e){let t=N.current,n=m(e.nativeEvent);if(!t||l||e.defaultPrevented||!E(n)||e.button!==0)return;let r=Ye(e,F);if(r!=null){_e(r);let n=B(r);if(n==null)return;se(j.current[n.thumbIndex],S(s(t)))?e.preventDefault():W.request(()=>{ve(n.thumbIndex)}),k(!0),w.current??(ue(n.value,o(O,e.nativeEvent,void 0,{activeThumbIndex:n.thumbIndex})),R.current=Array.isArray(n.value)?n.value:[n.value],n.didSwap&&ve(n.thumbIndex))}e.nativeEvent.pointerId&&t.setPointerCapture(e.nativeEvent.pointerId),I.current=0;let i=s(N.current);i.addEventListener(`pointermove`,ye,{passive:!0}),i.addEventListener(`pointerup`,V,{once:!0})}},c],stateAttributesMapping:ze})}),Ze=K.forwardRef(function(e,t){let{render:n,className:r,style:a,...o}=e,{state:s}=Be();return i(`div`,e,{state:s,ref:t,props:[{style:{position:`relative`}},o],stateAttributesMapping:ze})}),Qe=c();function $e(){return y}function et(){return!1}function tt(){return!0}function nt(){return(0,Qe.useSyncExternalStore)($e,et,tt)}var rt=function(e){return e.index=`data-index`,e.dragging=`data-dragging`,e.orientation=`data-orientation`,e.disabled=`data-disabled`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.focused=`data-focused`,e}({}),it=new Set([...me,M,j]);function at(e,t,n,r){if(!(t<0))return e.length===2?t===0?`${xe(e[t],r,n)} start range`:`${xe(e[t],r,n)} end range`:n?xe(e[t],r,n):void 0}function ot(e,t,n,r,i){let a=n===1?e+t:e-t;return U(Number(a.toFixed(Math.max($(e),$(t),$(r)))),r,i)}var st=K.forwardRef(function(e,t){let{render:n,children:r,className:a,"aria-describedby":o,"aria-label":s,"aria-labelledby":c,disabled:l=!1,getAriaLabel:d,getAriaValueText:f,id:p,index:m,inputRef:h,onBlur:g,onFocus:_,onKeyDown:v,tabIndex:y,style:b,...x}=e,{nonce:S}=W(),te=ne(p),{active:w,lastUsedThumbIndex:E,controlRef:ae,disabled:oe,validation:O,formatOptionsRef:se,handleInputChange:le,inset:k,labelId:ue,largeStep:A,locale:he,max:F,min:I,minStepsBetweenValues:L,form:R,name:z,orientation:B,pressedInputRef:_e,pressedThumbCenterOffsetRef:ye,pressedThumbIndexRef:be,renderBeforeHydration:H,setActive:U,setIndicatorPosition:G,state:Ce,step:we,values:q}=Be(),Te=re(),J=l||oe,Ee=q.length>1,De=B===`vertical`,Oe=Te===`rtl`,{setTouched:ke,setFocused:Ae,validationMode:je}=ve(),X=K.useRef(null),Me=K.useRef(null),Ne=K.useRef(!1),Pe=ne(),Fe=V(),Ie=Ee?Pe:Fe,{ref:Re,index:Z}=de({metadata:K.useMemo(()=>({inputId:Ie}),[Ie])}),Q=Ee?m??Z:0,Ve=Q===q.length-1,He=q[Q],$=Se(He,I,F),[Ge,Ke]=K.useState(),qe=nt(),Je=E>=0&&E<q.length?E:-1,Ye=T(()=>{let e=ae.current,t=X.current;if(!e||!t)return;let n=t.getBoundingClientRect(),r=e.getBoundingClientRect(),i=De?`height`:`width`,a=r[i]-n[i],o=(n[i]/2+a*$/100)/r[i]*100,s=Number.isFinite(o)?o:void 0;Ke(s),Q===0?G(e=>[s,e[1]]):Ve&&G(e=>[e[0],s])});D(()=>{k&&queueMicrotask(Ye)},[Ye,k]),D(()=>{k&&Ye()},[Ye,k,$]),D(()=>{if(!k)return;let e=ae.current,t=X.current;if(!e||!t)return;let n=C(e).ResizeObserver;if(typeof n!=`function`)return;let r=new n(Ye);return r.observe(e),r.observe(t),()=>{r.disconnect()}},[ae,Ye,k]);let Xe=De?`bottom`:`insetInlineStart`,Ze=De?`left`:`top`,Qe;Ee?w===Q?Qe=2:Je===Q&&(Qe=1):w===Q&&(Qe=1);let $e;$e=k?{"--position":`${Ge??0}%`,visibility:H&&qe||Ge===void 0?`hidden`:void 0,position:`absolute`,[Xe]:`var(--position)`,[Ze]:`50%`,translate:`${(De||!Oe?-1:1)*50}% ${(De?1:-1)*50}%`,zIndex:Qe}:Number.isFinite($)?{position:`absolute`,[Xe]:`${$}%`,[Ze]:`50%`,translate:`${(De||!Oe?-1:1)*50}% ${(De?1:-1)*50}%`,zIndex:Qe}:u;let et;B===`vertical`&&(et=Oe?`vertical-rl`:`vertical-lr`);let tt=typeof d==`function`?d(Q):s,st=ie({"aria-label":tt,"aria-labelledby":c??(tt==null?ue:void 0),"aria-describedby":o,"aria-orientation":B,"aria-valuenow":He,"aria-valuetext":typeof f==`function`?f(xe(He,he,se.current??void 0),He,Q):at(q,Q,se.current??void 0,he),disabled:J,form:R,id:Ie,max:F,min:I,name:z,onChange(e){le(e.currentTarget.valueAsNumber,Q,e)},onFocus(e){let t=Ne.current;Ne.current=!1,U(Q),Ae(!0),t&&e.stopPropagation()},onBlur(e){if(Ne.current){e.stopPropagation();return}X.current&&(U(-1),ke(!0),Ae(!1),je===`onBlur`&&O.commit(Le(He,Q,I,F,Ee,q)))},onKeyDown(e){if(!it.has(e.key))return;me.has(e.key)&&e.stopPropagation();let t=null,n=We(He,we,I);switch(e.key){case fe:t=ot(n,e.shiftKey?A:we,1,I,F);break;case pe:t=ot(n,e.shiftKey?A:we,Oe?-1:1,I,F);break;case ge:t=ot(n,e.shiftKey?A:we,-1,I,F);break;case N:t=ot(n,e.shiftKey?A:we,Oe?1:-1,I,F);break;case M:t=ot(n,A,1,I,F);break;case j:t=ot(n,A,-1,I,F);break;case`End`:t=F,Ee&&(t=Number.isFinite(q[Q+1])?q[Q+1]-we*L:F);break;case P:t=I,Ee&&(t=Number.isFinite(q[Q-1])?q[Q-1]+we*L:I);break;default:break}if(t!==null){let n=e.currentTarget;ce(n)||(Ne.current=!0,n.blur(),n.focus({preventScroll:!0,focusVisible:!0})),le(t,Q,e),e.preventDefault()}},step:we,style:{...u,width:`100%`,height:`100%`,writingMode:et},tabIndex:y??void 0,type:`range`,value:He??``},O.getInputValidationProps),ct=ee(Me,O.inputRef,h);return i(`div`,e,{state:Ce,ref:[t,Re,X],props:[{[rt.index]:Q,children:(0,Y.jsxs)(K.Fragment,{children:[r,(0,Y.jsx)(`input`,{ref:ct,...st,suppressHydrationWarning:!0}),k&&qe&&H&&Ve&&(0,Y.jsx)(`script`,{nonce:S,dangerouslySetInnerHTML:{__html:'!function(){const t=document.currentScript?.parentElement;if(!t)return;const e=t.closest("[data-base-ui-slider-control]");if(!e)return;const r=e.querySelector("[data-base-ui-slider-indicator]"),i=e.getBoundingClientRect(),n="vertical"===e.getAttribute("data-orientation")?"height":"width",o=e.querySelectorAll(\'input[type="range"]\'),l=o.length>1,s=o.length-1;let a=null,u=null;for(let t=0;t<o.length;t+=1){const e=o[t],y=parseFloat(e.getAttribute("value")??"");if(Number.isNaN(y))return;const c=e.parentElement;if(!c)return;const p=parseFloat(e.getAttribute("max")??"100"),g=parseFloat(e.getAttribute("min")??"0"),b=c?.getBoundingClientRect(),d=i[n]-b[n],m=100*(y-g)/(p-g),v=(b[n]/2+d*m/100)/i[n]*100;c.style.setProperty("--position",`${v}%`),Number.isFinite(v)&&(c.style.removeProperty("visibility"),r&&(0===t?(a=v,r.style.setProperty("--start-position",`${v}%`),l||r.style.removeProperty("visibility")):t===s&&(u=v-(a??0),r.style.setProperty("--end-position",`${v}%`),r.style.setProperty("--relative-size",`${u}%`),r.style.removeProperty("visibility"))))}}();'},suppressHydrationWarning:!0})]}),id:te,onBlur:g,onFocus:_,onPointerDown(e){if(be.current=Q,X.current!=null){let t=B===`horizontal`?`x`:`y`,n=Ue(X.current);ye.current=(B===`horizontal`?e.clientX:e.clientY)-n[t]}Me.current!=null&&_e.current!==Me.current&&(_e.current=Me.current)},style:$e,suppressHydrationWarning:H||void 0},x],stateAttributesMapping:ze})});function ct(e,t,n,r,i,a){let o=n===void 0||t&&r===void 0?`hidden`:void 0,s=e?`bottom`:`insetInlineStart`,c=e?`height`:`width`,l={visibility:i&&a?`hidden`:o,position:e?`absolute`:`relative`,[e?`width`:`height`]:`inherit`};return l[`--start-position`]=`${n??0}%`,t?(l[`--relative-size`]=`${(r??0)-(n??0)}%`,l[s]=`var(--start-position)`,l[c]=`var(--relative-size)`,l):(l[s]=0,l[c]=`var(--start-position)`,l)}function lt(e,t,n,r){let i=e?`bottom`:`insetInlineStart`,a=e?`height`:`width`,o={position:e?`absolute`:`relative`,[e?`width`:`height`]:`inherit`};if(!t)return o[i]=0,o[a]=`${n}%`,o;let s=r-n;return o[i]=`${n}%`,o[a]=`${s}%`,o}var ut=K.forwardRef(function(e,t){let{render:n,className:r,style:a,...o}=e,{indicatorPosition:s,inset:c,max:l,min:u,orientation:d,renderBeforeHydration:f,state:p,values:m}=Be(),h=nt(),g=d===`vertical`,_=m.length>1,v=c?ct(g,_,s[0],s[1],f,h):lt(g,_,Se(m[0],u,l),Se(m[m.length-1],u,l));return i(`div`,e,{state:p,ref:t,props:[{"data-base-ui-slider-indicator":f?``:void 0,style:v,suppressHydrationWarning:f||void 0},o],stateAttributesMapping:ze})});function dt({className:e,defaultValue:t,value:n,min:r=0,max:i=100,...a}){let o=K.useMemo(()=>Array.isArray(n)?n:Array.isArray(t)?t:[r,i],[n,t,r,i]);return(0,Y.jsx)(He,{className:h(`data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full`,e),"data-slot":`slider`,defaultValue:t,value:n,min:r,max:i,thumbAlignment:`edge`,...a,children:(0,Y.jsxs)(Xe,{className:`relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col`,children:[(0,Y.jsx)(Ze,{"data-slot":`slider-track`,className:`relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5`,children:(0,Y.jsx)(ut,{"data-slot":`slider-range`,className:`absolute bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full`})}),Array.from({length:o.length},(e,t)=>(0,Y.jsx)(st,{"data-slot":`slider-thumb`,className:`block size-4 shrink-0 rounded-full border border-primary bg-white shadow-sm ring-ring/50 transition-[color,box-shadow] select-none hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50`},t))]})})}var ft=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}({}),pt={checked(e){return e?{[ft.checked]:``}:{[ft.unchecked]:``}},..._,...B},mt=K.createContext(void 0);function ht(){return K.useContext(mt)}var gt=K.createContext(void 0);function _t(){let e=K.useContext(gt);if(e===void 0)throw Error(oe(52));return e}var vt=K.forwardRef(function(e,t){let{render:n,className:a,disabled:s=!1,readOnly:c=!1,required:f=!1,"aria-labelledby":p,value:m,inputRef:h,nativeButton:g=!1,id:_,style:v,...b}=e,x=ht(),{disabled:S,readOnly:te,required:w,form:E,checkedValue:re,touched:ie=!1,validation:oe,name:O}=x??{},se=x?.setCheckedValue??y,ce=x?.setTouched??y,le=x?.registerControlRef??y,k=x?.registerInputRef??y,{setDirty:ue,validityData:de,setTouched:A,setFilled:fe,state:j,disabled:M}=ve(),pe=Ee(),{labelId:me,getDescriptionProps:he}=_e(),N=M||pe.disabled||S||s,P=te||c,ge=w||f,F=E,L=x?re===m:m===``,z=K.useRef(null),B=K.useRef(null),ye=T(e=>{e&&le(e,N)}),be=ee(h,B,k);D(()=>{B.current?.checked&&fe(!0)},[fe]),D(()=>{if(B.current){if(N&&L){k(null);return}z.current&&le(z.current,N),k(B.current)}},[L,N,le,k]);let U=ne(),W=V({id:_,implicit:!1,controlRef:z}),xe=g?void 0:W,Se=H(p,me,B,!g,xe),Ce={role:`radio`,"aria-checked":L,"aria-required":ge||void 0,"aria-readonly":P||void 0,"aria-labelledby":Se,[G]:L?``:void 0,id:g?W:U,onKeyDown(e){e.key===`Enter`&&e.preventDefault()},onClick(e){if(e.defaultPrevented||N||P)return;e.preventDefault();let t=B.current;t&&t.dispatchEvent(new(C(t)).PointerEvent(`click`,{bubbles:!0,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey}))},onFocus(e){e.defaultPrevented||N||P||!ie||(B.current?.click(),ce(!1))}},{getButtonProps:we,buttonRef:q}=d({disabled:N,native:g}),Te={type:`radio`,ref:be,form:F,id:xe,name:O,tabIndex:-1,style:O?r:u,"aria-hidden":!0,...m===void 0?l:{value:R(m)},disabled:N,checked:L,required:ge,readOnly:P,onChange(e){if(e.nativeEvent.defaultPrevented||N||P||m===void 0)return;let t=o(ae,e.nativeEvent);t.isCanceled||(A(!0),ue(m!==de.initialValue),fe(!0),se(m,t))},onFocus(){z.current?.focus()}},J=K.useMemo(()=>({...j,required:ge,disabled:N,readOnly:P,checked:L}),[j,N,P,L,ge]),De=J,Oe=x!==void 0,ke=[t,z,q,ye],Ae=[Ce,he,oe?.getValidationProps??l,b,we],je=i(`span`,e,{enabled:!Oe,state:J,ref:ke,props:Ae,stateAttributesMapping:pt});return(0,Y.jsxs)(gt.Provider,{value:De,children:[Oe?(0,Y.jsx)(I,{tag:`span`,render:n,className:a,style:v,state:J,refs:ke,props:Ae,stateAttributesMapping:pt}):je,(0,Y.jsx)(`input`,{...Te,suppressHydrationWarning:!0})]})}),yt=K.forwardRef(function(e,t){let{render:n,className:r,style:o,keepMounted:s=!1,...c}=e,l=_t(),u=l.checked,{mounted:d,transitionStatus:p,setMounted:m}=a(u),h={...l,transitionStatus:p},g=K.useRef(null),_=s||d,v=i(`span`,e,{ref:[t,g],state:h,props:c,stateAttributesMapping:pt});return f({open:u,ref:g,onComplete(){u||m(!1)}}),_?v:null}),bt=K.createContext({legendId:void 0,setLegendId:()=>{},disabled:void 0});function xt(e=!1){let t=K.useContext(bt);if(!t&&!e)throw Error(oe(86));return t}var St=[he],Ct=K.forwardRef(function(e,t){let{render:n,className:r,disabled:i,readOnly:a,required:o,onValueChange:s,value:c,defaultValue:l,form:u,name:d,inputRef:f,id:p,style:m,...h}=e,{setTouched:g,setFocused:_,shouldValidateOnChange:v,validationMode:y,name:b,disabled:ee,state:x,validation:S,setDirty:C,setFilled:te,validityData:w}=ve(),{labelId:E}=_e(),{clearErrors:re}=be(),ie=xt(!0),D=ee||i,ae=b??d,oe=ne(p),[O,ce]=ue({controlled:c,default:l,name:`RadioGroup`,state:`value`}),[le,k]=K.useState(!1),de=T((e,t)=>{s?.(e,t),!t.isCanceled&&ce(e)}),A=K.useRef(null),fe=K.useRef(null),j=K.useRef(null);function M(e){let t;return f&&(typeof f==`function`?t=f(e):f.current=e),fe.current=e,S.inputRef.current=e,t}let pe=T((e,t=!1)=>{if(e){if(t){A.current===e&&(A.current=null);return}A.current??=e}}),me=T(e=>{if(!e||e.disabled)return;j.current||=e;let t=fe.current;if(e.checked||t==null||t.disabled)return M(e)});ye(A,oe,O??null),F(O,()=>{re(ae),C(O!==w.initialValue),te(O!=null),v()?S.commit(O):S.commit(O,!0);let e=j.current;O==null&&e&&!e.disabled&&M(e)});let he=h[`aria-labelledby`]??E??ie?.legendId,N={...x,disabled:D??!1,required:o??!1,readOnly:a??!1},P=K.useMemo(()=>({...x,checkedValue:O,disabled:D,form:u,validation:S,name:ae,readOnly:a,registerControlRef:pe,registerInputRef:me,required:o,setCheckedValue:de,setTouched:k,touched:le}),[O,D,u,S,x,ae,a,pe,me,o,de,k,le]),ge={role:`radiogroup`,"aria-required":o||void 0,"aria-disabled":D||void 0,"aria-readonly":a||void 0,"aria-labelledby":he,onFocus(){_(!0)},onBlur(e){se(e.currentTarget,e.relatedTarget)||(g(!0),_(!1),y===`onBlur`&&S.commit(O))},onKeyDownCapture(e){e.key.startsWith(`Arrow`)&&(g(!0),k(!0),_(!0))}};return(0,Y.jsx)(mt.Provider,{value:P,children:(0,Y.jsx)(Ce,{render:n,className:r,style:m,state:N,props:[ge,S.getValidationProps,h],refs:[t],stateAttributesMapping:B,enableHomeAndEndKeys:!1,modifierKeys:St})})});export{Ne as a,dt as i,yt as n,vt as r,Ct as t};

package/dist/showcase/assets/Separator-guDkmky0.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-C6-_Sy6B.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-BJ7hWga8.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-C6-_Sy6B.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-CiM9WhkT.js

@@ -0,0 +1,172 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Cr as r,Tr as i,gr as a,hr as o,mr as s,t as c}from"./example-C6-_Sy6B.js";import{t as l}from"./bell-CVEeEWw4.js";import{t as u}from"./circle-question-mark-BQrUUiKD.js";import{t as d}from"./credit-card-BoDfW0R8.js";import{t as f}from"./lock-DQcZ9cEj.js";import{t as p}from"./settings-DlKX-bZT.js";import{t as m}from"./sparkles-BEa1AgNq.js";import{D as h,a as g}from"./index-B8DVXCmf.js";import{t as _}from"./props-table-CM_1cocj.js";import{a as v,c as y,i as b,n as x,o as S,r as C,s as w,t as T}from"./accordion-variants-C_sHrQ7C.js";import{t as E}from"./icon-badge-Bcm8TlJi.js";import{t as D}from"./smart-card-7szg_qSt.js";var O={regionAriaLabel:void 0},k=t(n(),1),A=g(),j=(0,k.forwardRef)(function({items:e,multiple:t=!1,defaultValue:n,value:a,onValueChange:o,variant:s=`card`,iconStyle:c=`medallion`,className:l,itemClassName:u,triggerClassName:d,contentClassName:f,strings:p},m){let g=h(O,p);return(0,A.jsx)(v,{ref:m,multiple:t,defaultValue:n,value:a,onValueChange:o?e=>o(e):void 0,"aria-label":g.regionAriaLabel,className:i(`smart-accordion--component`,C[s],l),children:e.map(e=>(0,A.jsxs)(w,{value:e.value,className:i(x[s],u),children:[(0,A.jsx)(y,{className:i(b,d),disabled:e.disabled,children:(0,A.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-3`,children:[(0,A.jsx)(M,{iconStyle:c,icon:e.icon}),(0,A.jsx)(r,{tag:`span`,weight:`semibold`,children:e.title}),!!e.badge&&(0,A.jsx)(`span`,{className:`ml-1 inline-flex shrink-0`,children:e.badge})]})}),(0,A.jsx)(S,{className:i(c===`medallion`?T.withMedallion:T.withoutMedallion,f),children:(0,A.jsx)(r,{type:`secondary`,className:`leading-relaxed`,children:e.content})})]},e.value))})});j.displayName=`SmartAccordion`;function M({iconStyle:e,icon:t}){return e===`none`||!t?null:e===`inline`?(0,A.jsx)(`span`,{className:`inline-flex shrink-0 text-muted-foreground`,children:t}):(0,A.jsx)(E,{size:`sm`,tone:`muted`,shape:`circle`,"aria-hidden":`true`,children:t})}var N=e({CompoundApi:()=>G,Default:()=>I,IconStyleInline:()=>V,IconStyleMedallion:()=>B,IconStyleNone:()=>H,MultipleOpen:()=>U,RealisticFAQ:()=>K,VariantBordered:()=>R,VariantCard:()=>L,VariantFlat:()=>z,WithBadgeAndDisabled:()=>W}),P=[{value:`account`,icon:(0,A.jsx)(p,{className:`size-4`}),title:`Account settings`,badge:(0,A.jsx)(a,{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,A.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,A.jsx)(l,{className:`size-4`}),title:`Notifications`,badge:(0,A.jsx)(a,{variant:`secondary`,children:`3`}),content:`Choose which events trigger an email or push notification. Granular per-channel control.`},{value:`billing`,icon:(0,A.jsx)(d,{className:`size-4`}),title:`Billing`,content:`Update your payment method, download invoices, and manage seats.`,disabled:!0},{value:`support`,icon:(0,A.jsx)(u,{className:`size-4`}),title:`Help & support`,content:`Access our help center, community forums, and contact support 24/7.`}],F=[{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 I(){return(0,A.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,A.jsx)(j,{items:P.slice(0,3),defaultValue:[`account`]})})}function L(){return(0,A.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,A.jsx)(j,{items:P.slice(0,3),variant:`card`,defaultValue:[`account`]})})}function R(){return(0,A.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,A.jsx)(j,{items:P.slice(0,3),variant:`bordered`,defaultValue:[`privacy`]})})}function z(){return(0,A.jsx)(D,{padding:`sm`,className:`w-full max-w-xl`,children:(0,A.jsx)(j,{items:F,variant:`flat`,iconStyle:`none`,defaultValue:[`a`]})})}function B(){return(0,A.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,A.jsx)(j,{items:P.slice(0,3),iconStyle:`medallion`,defaultValue:[`account`]})})}function V(){return(0,A.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,A.jsx)(j,{items:P.slice(0,3),iconStyle:`inline`,defaultValue:[`account`]})})}function H(){return(0,A.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,A.jsx)(j,{items:F,iconStyle:`none`,defaultValue:[`a`]})})}function U(){return(0,A.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,A.jsx)(j,{items:P.slice(0,3),multiple:!0,defaultValue:[`account`,`privacy`]})})}function W(){return(0,A.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,A.jsx)(j,{items:P,defaultValue:[`account`]})})}function G(){return(0,A.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,A.jsxs)(v,{defaultValue:[`custom`],children:[(0,A.jsxs)(w,{value:`custom`,className:`rounded-md border bg-card mb-2`,children:[(0,A.jsx)(y,{className:`px-4 py-3`,children:(0,A.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,A.jsx)(m,{className:`size-4 text-primary`}),(0,A.jsx)(`span`,{className:`font-semibold`,children:`Custom row layout`}),(0,A.jsx)(a,{variant:`warning`,children:`Beta`})]})}),(0,A.jsx)(S,{className:`px-4 pb-4`,children:(0,A.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,A.jsxs)(w,{value:`another`,className:`rounded-md border bg-card`,children:[(0,A.jsx)(y,{className:`px-4 py-3`,children:(0,A.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,A.jsx)(`span`,{className:`font-semibold`,children:`Two-line trigger`}),(0,A.jsx)(r,{size:`xs`,type:`secondary`,children:`Updated 2h ago`})]})}),(0,A.jsx)(S,{className:`px-4 pb-4`,children:(0,A.jsx)(r,{type:`secondary`,children:`Body content for the second item.`})})]})]})})}function K(){return(0,A.jsxs)(`div`,{className:`w-full max-w-xl space-y-4`,children:[(0,A.jsxs)(`div`,{children:[(0,A.jsx)(`h3`,{className:`text-base font-semibold`,children:`Frequently asked questions`}),(0,A.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Everything you need to know before signing up.`})]}),(0,A.jsx)(j,{items:F,variant:`bordered`,iconStyle:`none`})]})}var q=`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 { Text } from '@/components/typography/text';
+
+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" />
+							<span className="font-semibold">Custom row layout</span>
+							<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">
+							<span className="font-semibold">Two-line trigger</span>
+							<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">
+			<div>
+				<h3 className="text-base font-semibold">Frequently asked questions</h3>
+				<p className="text-sm text-muted-foreground">Everything you need to know before signing up.</p>
+			</div>
+			<SmartAccordion items={faqItems} variant="bordered" iconStyle="none" />
+		</div>
+	);
+}
+`;function J(e){let t={code:`code`,p:`p`,...e.components};return N||X(`Examples`,!1),G||X(`Examples.CompoundApi`,!0),I||X(`Examples.Default`,!0),V||X(`Examples.IconStyleInline`,!0),B||X(`Examples.IconStyleMedallion`,!0),H||X(`Examples.IconStyleNone`,!0),U||X(`Examples.MultipleOpen`,!0),K||X(`Examples.RealisticFAQ`,!0),R||X(`Examples.VariantBordered`,!0),L||X(`Examples.VariantCard`,!0),z||X(`Examples.VariantFlat`,!0),W||X(`Examples.WithBadgeAndDisabled`,!0),(0,A.jsxs)(o,{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,A.jsx)(s,{title:`Overview`,id:`overview`,children:(0,A.jsxs)(t.p,{children:[(0,A.jsx)(t.code,{children:`SmartAccordion`}),` is the 90% case — pass an `,(0,A.jsx)(t.code,{children:`items`}),` array of `,(0,A.jsx)(t.code,{children:`{ value, title, icon?, badge?, content, disabled? }`}),` and pick a visual `,(0,A.jsx)(t.code,{children:`variant`}),` (`,(0,A.jsx)(t.code,{children:`card`}),` |
+`,(0,A.jsx)(t.code,{children:`bordered`}),` | `,(0,A.jsx)(t.code,{children:`flat`}),`) and an `,(0,A.jsx)(t.code,{children:`iconStyle`}),` (`,(0,A.jsx)(t.code,{children:`medallion`}),` | `,(0,A.jsx)(t.code,{children:`inline`}),` | `,(0,A.jsx)(t.code,{children:`none`}),`).
+Drop down to the compound `,(0,A.jsx)(t.code,{children:`Accordion`}),` parts for richer rows.`]})}),(0,A.jsx)(s,{title:`Default`,id:`default`,children:(0,A.jsx)(c,{name:`Default`,source:q,children:(0,A.jsx)(I,{})})}),(0,A.jsxs)(s,{title:`Variants`,id:`variants`,children:[(0,A.jsx)(c,{name:`VariantCard`,source:q,children:(0,A.jsx)(L,{})}),(0,A.jsx)(c,{name:`VariantBordered`,source:q,children:(0,A.jsx)(R,{})}),(0,A.jsx)(c,{name:`VariantFlat`,source:q,children:(0,A.jsx)(z,{})})]}),(0,A.jsxs)(s,{title:`Icon styles`,id:`icon-styles`,children:[(0,A.jsx)(c,{name:`IconStyleMedallion`,source:q,children:(0,A.jsx)(B,{})}),(0,A.jsx)(c,{name:`IconStyleInline`,source:q,children:(0,A.jsx)(V,{})}),(0,A.jsx)(c,{name:`IconStyleNone`,source:q,children:(0,A.jsx)(H,{})})]}),(0,A.jsxs)(s,{title:`States`,id:`states`,children:[(0,A.jsx)(c,{name:`MultipleOpen`,source:q,children:(0,A.jsx)(U,{})}),(0,A.jsx)(c,{name:`WithBadgeAndDisabled`,source:q,children:(0,A.jsx)(W,{})})]}),(0,A.jsx)(s,{title:`Compound API`,id:`compound`,children:(0,A.jsx)(c,{name:`CompoundApi`,source:q,children:(0,A.jsx)(G,{})})}),(0,A.jsx)(s,{title:`Realistic usage`,id:`realistic`,children:(0,A.jsx)(c,{name:`RealisticFAQ`,source:q,children:(0,A.jsx)(K,{})})}),(0,A.jsx)(s,{title:`API`,id:`api`,children:(0,A.jsx)(_,{component:`SmartAccordion`})})]})}function Y(e={}){let{wrapper:t}=e.components||{};return t?(0,A.jsx)(t,{...e,children:(0,A.jsx)(J,{...e})}):J(e)}function X(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Y as default};

package/dist/showcase/assets/accordion-variants-C_sHrQ7C.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,Tr as s,V as c,Zn as l,g as u,ir as d,m as f,rr as p,sn as m,tr as h}from"./example-C6-_Sy6B.js";import{t as g}from"./chevron-down-x7TQsvYY.js";import{t as _}from"./chevron-up-Dc3aAaGH.js";import{a as v}from"./index-B8DVXCmf.js";import{t as y}from"./useControlled-Cpg8gDqb.js";import{n as b,r as x}from"./useCompositeListItem-D4ugfKLB.js";import{a as S,i as C,n as w,o as T,r as E,t as D}from"./useCollapsiblePanel-CeHRY8U2.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-YicTVAO0.js";var P=e(t()),F=P.createContext(void 0);function I(){let e=P.useContext(F);if(e===void 0)throw Error(h(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:u,multiple:p=!1,orientation:h=`vertical`,value:g,defaultValue:_,style:v,...b}=e,S=f(),C=P.useMemo(()=>{if(g===void 0)return _??[]},[g,_]),w=P.useRef([]),[T,E]=y({controlled:g,default:C,name:`Accordion`,state:`value`}),D=d((e,t)=>{let n=i(m);if(!p){let t=T[0]===e?[]:[e];if(u?.(t,n),n.isCanceled)return;E(t)}else if(t){let t=T.slice();if(t.push(e),u?.(t,n),n.isCanceled)return;E(t)}else{let t=T.filter(t=>t!==e);if(u?.(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(h(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,...c,value:()=>null},W=P.forwardRef(function(e,t){let{className:n,disabled:i=!1,onOpenChange:a,render:o,value:s,style:c,...f}=e,{ref:p,index:m}=b(),h=l(t,p),{disabled:g,handleValueChange:_,state:v,value:y}=I(),x=u(),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=d((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=u(),[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:f,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 p(()=>(s&&O(s),()=>{O(void 0)}),[s,O]),r(`button`,e,{state:D,ref:[t,v],props:[{"aria-controls":m?f: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:f}=I(),{mounted:m,onOpenChange:h,open:g,panelId:_,setMounted:v,setOpen:y,setPanelIdState:b,transitionStatus:x}=S(),C=i??d,w=o??f;p(()=>{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:s(`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:s(`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:s(`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)(g,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden`}),(0,L.jsx)(_,{"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:s(`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-mlWlGE5P.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,r}from"./example-C6-_Sy6B.js";import{t as i}from"./ellipsis-vertical-Bcl9HX9k.js";import{a}from"./index-B8DVXCmf.js";import{a as o,l as s,r as c,s as l,t as u}from"./dropdown-menu-Q1BV3wPP.js";var d=e(t(),1),f=a(),p=({label:e,icon:t=i,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:n(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)(r,{...E,...e,type:`button`,variant:S,buttonStyle:C,size:w,className:n(`action-menu--component`,T,e.className),children:D})}),(0,f.jsx)(c,{align:l,className:n(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:r,disabled:i=!1,icon:a,label:s,variant:c=`secondary`,className:u=``,children:d,density:p=`default`},m)=>{let h=t&&!i,g=h?e=>(0,f.jsx)(`a`,{...e,href:t,className:n(e.className)}):void 0;return d?h?(0,f.jsx)(l,{href:t,onClick:e,render:g,className:n(`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:i,onClick:e,className:n(`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:n(`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:i,variant:c===`error`?`destructive`:`default`,onClick:e,className:n(`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};