admin-ui-starter-kit 0.6.9 → 0.7.0

package/dist/showcase/assets/select-B0ivd5pJ.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{$ as n,En as r,Gt as i,Jt as a,K as o,Kt as s,Mn as c,O as l,Or as u,P as d,Qt as f,Tn as p,Vt as m,Wn as ee,Wt as h,X as g,Y as te,Yn as _,Yt as v,Zt as y,_t as b,ar as x,at as S,b as C,br as w,cr as ne,d as T,en as E,et as D,f as O,fr as k,gr as A,hr as j,ir as M,it as N,lr as P,m as F,mr as I,mt as re,nr as L,ot as ie,pn as ae,pr as R,rt as z,u as oe,v as se,vn as ce,y as le,zn as B}from"./example-DDhaO2UY.js";import{t as V}from"./chevron-down-CjLLqYjs.js";import{t as ue}from"./chevron-up-WpyEPcvJ.js";import{d as H,n as U}from"./index-DSBghWdd.js";import{a as W,o as de,r as G,s as K,t as fe}from"./useOpenInteractionType-CKNY2kPx.js";import{n as pe,r as me,t as q}from"./getPseudoElementBounds-r_QLBIGn.js";import{t as he}from"./inertValue-DOcq7b5x.js";import{t as ge}from"./useControlled-BHUji6Sp.js";import{n as J,r as _e,t as ve}from"./useCompositeListItem-DWggcwRs.js";import{t as ye}from"./ToolbarRootContext-BY_Czi0-.js";import{o as be}from"./composite-D2jjTQvZ.js";import{t as xe}from"./useValueChanged-BjYsvuOC.js";import{t as Se}from"./isElementDisabled-KSuuBj8D.js";import{a as Ce,c as we,d as Te,i as Ee,l as De,o as Oe,r as ke,s as Ae,t as je,u as Me}from"./resolveValueLabel-D8poX7JF.js";import{c as Ne,n as Pe,o as Fe,r as Ie,t as Le}from"./LabelableContext-Bfc22fLa.js";import{t as Re}from"./useLabelableId-Dx_-xVBr.js";import{n as ze,r as Be}from"./resolveAriaLabelledBy-iFo8AzEr.js";import{n as Ve,t as He}from"./CSPContext-Bfs88_eg.js";import{n as Ue,r as We,t as Ge}from"./styles-CMmKOMCT.js";var Y=e(t(),1);function Ke(e){let[t,n]=Y.useState({current:e,previous:null});return e!==t.current&&n({current:e,previous:t.current}),t.previous}var qe=Y.createContext(null),Je=Y.createContext(null);function X(){let e=Y.useContext(qe);if(e===null)throw Error(k(60));return e}function Ye(){let e=Y.useContext(Je);if(e===null)throw Error(k(61));return e}var Z={id:z(e=>e.id),labelId:z(e=>e.labelId),modal:z(e=>e.modal),multiple:z(e=>e.multiple),items:z(e=>e.items),itemToStringLabel:z(e=>e.itemToStringLabel),itemToStringValue:z(e=>e.itemToStringValue),isItemEqualToValue:z(e=>e.isItemEqualToValue),value:z(e=>e.value),hasSelectedValue:z(e=>{let{value:t,multiple:n,itemToStringValue:r}=e;return t==null?!1:n&&Array.isArray(t)?t.length>0:Oe(t,r)!==``}),hasNullItemLabel:z((e,t)=>t?je(e.items):!1),open:z(e=>e.open),mounted:z(e=>e.mounted),forceMount:z(e=>e.forceMount),transitionStatus:z(e=>e.transitionStatus),openMethod:z(e=>e.openMethod),activeIndex:z(e=>e.activeIndex),selectedIndex:z(e=>e.selectedIndex),isActive:z((e,t)=>e.activeIndex===t),isSelected:z((e,t)=>{let n=e.isItemEqualToValue,r=e.value;return e.multiple?Array.isArray(r)&&r.some(e=>Ae(t,e,n)):Ae(t,r,n)}),isSelectedByFocus:z((e,t)=>e.selectedIndex===t),popupProps:z(e=>e.popupProps),triggerProps:z(e=>e.triggerProps),triggerElement:z(e=>e.triggerElement),positionerElement:z(e=>e.positionerElement),listElement:z(e=>e.listElement),popupSide:z(e=>e.popupSide),scrollUpArrowVisible:z(e=>e.scrollUpArrowVisible),scrollDownArrowVisible:z(e=>e.scrollDownArrowVisible),hasScrollArrows:z(e=>e.hasScrollArrows)},Q=H();function Xe(e){let{id:t,value:r,defaultValue:a=null,onValueChange:s,open:c,defaultOpen:u=!1,onOpenChange:p,name:m,form:ee,autoComplete:te,disabled:_=!1,readOnly:y=!1,required:b=!1,modal:S=!0,actionsRef:C,inputRef:w,onOpenChangeComplete:T,items:E,multiple:O=!1,itemToStringLabel:k,itemToStringValue:P,isItemEqualToValue:F=we,highlightItemOnHover:re=!0,children:L}=e,{clearErrors:ae}=Pe(),{setDirty:z,setTouched:oe,setFocused:se,validityData:le,setFilled:B,name:V,disabled:ue,validation:H,validationMode:U}=Fe(),W=Re({id:t}),G=ue||_,K=V??m,[q,he]=ge({controlled:r,default:O?a??M:a,name:`Select`,state:`value`}),[J,_e]=ge({controlled:c,default:u,name:`Select`,state:`open`}),ve=Y.useRef([]),ye=Y.useRef([]),be=Y.useRef(null),Te=Y.useRef(null),Ee=Y.useRef(0),ke=Y.useRef(null),je=Y.useRef([]),Me=Y.useRef(!1),Ne=Y.useRef(null),Le=Y.useRef(null),ze=Y.useRef({allowSelectedMouseUp:!1,allowUnselectedMouseUp:!1,dragY:0}),Ve=Y.useRef(!1),{mounted:He,setMounted:Ge,transitionStatus:X}=g(J),{openMethod:Ye,triggerProps:Xe}=fe(J),$=A(()=>new n({id:W,labelId:void 0,modal:S,multiple:O,itemToStringLabel:k,itemToStringValue:P,isItemEqualToValue:F,value:q,open:J,mounted:He,transitionStatus:X,items:E,forceMount:!1,openMethod:null,activeIndex:null,selectedIndex:null,popupProps:{},triggerProps:{},triggerElement:null,positionerElement:null,listElement:null,popupSide:null,scrollUpArrowVisible:!1,scrollDownArrowVisible:!1,hasScrollArrows:!1})).current,Ze=D($,Z.activeIndex),Qe=D($,Z.selectedIndex),$e=D($,Z.triggerElement),et=D($,Z.positionerElement),tt=Ke(Ye),nt=Ye??tt??null,rt=Y.useMemo(()=>O?``:Oe(q,P),[O,q,P]),it=Y.useMemo(()=>O&&Array.isArray(q)?q.map(e=>Oe(e,P)):Oe(q,P),[O,q,P]);Ie(v($.state.triggerElement),W,q,j(()=>it),!G,m);let at=Y.useRef(q),ot=O?Array.isArray(q)&&q.length>0:q!=null&&Oe(q,P)!==``;I(()=>{q!==at.current&&$.set(`forceMount`,!0)},[$,q]),I(()=>{B(ot)},[ot,B]),I(function(){let e=je.current,t;if(O){let n=Array.isArray(q)?q:[];if(n.length===0)t=null;else{let r=n[n.length-1],i=De(e,r,F);t=i===-1?null:i}}else{let n=De(e,q,F);t=n===-1?null:n}t===null&&(Le.current=null),!J&&$.set(`selectedIndex`,t)},[ot,O,J,q,je,F,$,Le]);function st(e){let t=le.initialValue;return Array.isArray(e)&&Array.isArray(t)?!Be(e,t,(e,t)=>Ae(e,t,F)):e!==t}xe(q,()=>{ae(K),z(st(q)),H.change(q)});let ct=j((e,t)=>{p?.(e,t),!t.isCanceled&&(_e(e),!e&&(t.reason===`focus-out`||t.reason===`outside-press`)&&(oe(!0),se(!1),U===`onBlur`&&H.commit(q)))}),lt=j(()=>{Ge(!1),$.update({activeIndex:null,openMethod:null}),T?.(!1)});o({enabled:!C,open:J,ref:be,onComplete(){J||lt()}}),Y.useImperativeHandle(C,()=>({unmount:lt}),[lt]);let ut=j((e,t)=>{s?.(e,t),!t.isCanceled&&he(e)}),dt=j(()=>{let e=$.state.listElement||be.current;if(!e)return;let t=Ue(e.scrollHeight,e.clientHeight),n=We(e.scrollTop,t),r=n>0,i=n<t;$.state.scrollUpArrowVisible!==r&&$.set(`scrollUpArrowVisible`,r),$.state.scrollDownArrowVisible!==i&&$.set(`scrollDownArrowVisible`,i)}),ft=l({open:J,onOpenChange:ct,elements:{reference:$e,floating:et}}),pt=de(ft,{enabled:!y&&!G,event:`mousedown`}),mt=ie(ft),ht=me(ft,{enabled:!y&&!G,listRef:ve,activeIndex:Ze,selectedIndex:Qe,disabledIndices:M,onNavigate(e){e===null&&!J||$.set(`activeIndex`,e)},focusItemOnHover:re}),gt=pe(ft,{enabled:!y&&!G&&(J||!O),listRef:ye,activeIndex:Ze,selectedIndex:Qe,disabledIndices:e=>Se(ve.current[e]),onMatch(e){J?$.set(`activeIndex`,e):ut(je.current[e],f(`none`))},onTyping(e){Me.current=e}}),_t=Y.useMemo(()=>{let e=R(gt.reference,ht.reference,mt.reference,pt.reference,Xe);return W&&(e.id=W),e},[pt.reference,gt.reference,ht.reference,mt.reference,Xe,W]),vt=Y.useMemo(()=>R(d,gt.floating,ht.floating,mt.floating),[gt.floating,ht.floating,mt.floating]),yt=ht.item??x;N(()=>{$.update({popupProps:vt,triggerProps:_t})}),I(()=>{$.update({id:W,modal:S,multiple:O,value:q,open:J,mounted:He,transitionStatus:X,popupProps:vt,triggerProps:_t,items:E,itemToStringLabel:k,itemToStringValue:P,isItemEqualToValue:F,openMethod:nt})},[$,W,S,O,q,J,He,X,vt,_t,E,k,P,F,nt]);let bt=Y.useMemo(()=>({store:$,name:K,required:b,disabled:G,readOnly:y,multiple:O,highlightItemOnHover:re,setValue:ut,setOpen:ct,listRef:ve,popupRef:be,scrollHandlerRef:Te,handleScrollArrowVisibility:dt,scrollArrowsMountedCountRef:Ee,itemProps:yt,valueRef:ke,valuesRef:je,labelsRef:ye,typingRef:Me,selectionRef:ze,firstItemTextRef:Ne,selectedItemTextRef:Le,validation:H,onOpenChangeComplete:T,alignItemWithTriggerActiveRef:Ve,initialValueRef:at}),[$,K,b,G,y,O,re,ut,ct,yt,H,T,dt]),xt=ne(w,H.inputRef),St=O&&Array.isArray(q)&&q.length>0,Ct=O?void 0:K,wt=Y.useMemo(()=>!O||!Array.isArray(q)||!K?null:q.map(e=>{let t=Oe(e,P);return(0,Q.jsx)(`input`,{type:`hidden`,form:ee,name:K,value:t,disabled:G},t)}),[O,q,ee,K,P,G]);return(0,Q.jsx)(qe.Provider,{value:bt,children:(0,Q.jsxs)(Je.Provider,{value:ft,children:[L,(0,Q.jsx)(`input`,{...H.getValidationProps(G,{onFocus(){$.state.triggerElement?.focus({focusVisible:!0})},onChange(e){if(e.nativeEvent.defaultPrevented||G||y)return;let t=e.currentTarget.value,n=f(ce,e.nativeEvent);function r(){if(O)return;let e=t.toLowerCase(),r=je.current.findIndex(t=>Oe(t,P).toLowerCase()===e||Ce(t,k).toLowerCase()===e);r===-1&&(r=je.current.findIndex((t,n)=>{let r=ye.current[n];return r!=null&&r.toLowerCase()===e}));let i=r===-1?void 0:je.current[r];i!=null&&ut(i,n)}$.set(`forceMount`,!0),queueMicrotask(r)}}),id:W&&Ct==null?`${W}-hidden-input`:void 0,form:ee,name:Ct,autoComplete:te,value:rt,disabled:G,required:b&&!St,readOnly:y,ref:xt,style:K?i:h,tabIndex:-1,"aria-hidden":!0,suppressHydrationWarning:!0}),wt]})})}var $=2,Ze=400,Qe={...le,...Ne,popupSide:e=>e?{"data-popup-side":e}:null,value:()=>null},$e=Y.forwardRef(function(e,t){let{render:n,className:i,id:a,disabled:o=!1,nativeButton:l=!0,style:u,...d}=e,{setTouched:p,setFocused:m,validationMode:ee,state:h,disabled:g}=Fe(),{labelId:te}=Le(),{store:y,setOpen:b,selectionRef:x,validation:S,readOnly:C,required:w,alignItemWithTriggerActiveRef:ne,disabled:T}=X(),O=g||T||o,k=D(y,Z.open),A=D(y,Z.mounted),M=D(y,Z.value),N=D(y,Z.triggerProps),F=D(y,Z.positionerElement),I=D(y,Z.listElement),re=D(y,Z.popupSide),ie=D(y,Z.id),ae=D(y,Z.labelId),z=D(y,Z.hasSelectedValue),oe=A&&F?re:null,se=a??ie,le=ze(te,ae);Re({id:se});let B=v(F),V=Y.useRef(null),{getButtonProps:ue,buttonRef:H}=P({disabled:O,native:l}),U=j(e=>{y.set(`triggerElement`,e)}),W=_(),de=_(),G=_();Y.useEffect(()=>{if(k)return G.start(Ze,()=>{x.current.allowUnselectedMouseUp=!0,x.current.allowSelectedMouseUp=!0}),()=>{G.clear()};x.current={allowSelectedMouseUp:!1,allowUnselectedMouseUp:!1,dragY:0},de.clear()},[k,x,de,G]);let K=R(N,{id:se,role:`combobox`,"aria-expanded":k?`true`:`false`,"aria-haspopup":`listbox`,"aria-controls":k?I?.id??r(F)?.id:void 0,"aria-labelledby":le,"aria-readonly":C||void 0,"aria-required":w||void 0,tabIndex:O?-1:0,onFocus(e){m(!0),k&&ne.current&&b(!1,f(ce,e.nativeEvent)),W.start(0,()=>{y.set(`forceMount`,!0)})},onBlur(e){c(F,e.relatedTarget)||(p(!0),m(!1),ee===`onBlur`&&S.commit(M))},onMouseDown(e){if(k)return;let t=s(e.currentTarget);function n(e){if(!V.current)return;let t=e.target;if(c(V.current,t)||c(B.current,t))return;let n=q(V.current);e.clientX>=n.left-$&&e.clientX<=n.right+$&&e.clientY>=n.top-$&&e.clientY<=n.bottom+$||b(!1,f(E,e))}de.start(0,()=>{t.addEventListener(`mouseup`,n,{once:!0})})}},d,ue),fe=S.getValidationProps(O,K);fe.role=`combobox`;let pe={...h,open:k,disabled:O,value:M,readOnly:C,popupSide:oe,placeholder:!z};return L(`button`,e,{ref:[t,V,H,U],state:pe,stateAttributesMapping:Qe,props:fe})}),et={value:()=>null},tt=Y.forwardRef(function(e,t){let{className:n,render:r,children:i,placeholder:a,style:o,...s}=e,{store:c,valueRef:l}=X(),u=D(c,Z.value),d=D(c,Z.items),f=D(c,Z.itemToStringLabel),p=D(c,Z.hasSelectedValue),m=!p&&a!=null&&i==null,ee=D(c,Z.hasNullItemLabel,m),h={value:u,placeholder:!p},g=null;return g=typeof i==`function`?i(u):i??(!p&&a!=null&&!ee?a:Array.isArray(u)?ke(u,d,f):Ee(u,d,f)),L(`span`,e,{state:h,ref:[t,l],props:[{children:g},s],stateAttributesMapping:et})}),nt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{store:o}=X();return L(`span`,e,{state:{open:D(o,Z.open)},ref:t,props:[{"aria-hidden":!0,children:`▼`},a],stateAttributesMapping:C})}),rt=Y.createContext(void 0),it=Y.forwardRef(function(e,t){let{store:n}=X(),r=D(n,Z.mounted),i=D(n,Z.forceMount);return r||i?(0,Q.jsx)(rt.Provider,{value:!0,children:(0,Q.jsx)(re,{ref:t,...e})}):null}),at=Y.createContext(void 0);function ot(){let e=Y.useContext(at);if(!e)throw Error(k(59));return e}function st(e,t){e&&Object.assign(e.style,t)}var ct={position:`relative`,maxHeight:`100%`,overflowX:`hidden`,overflowY:`auto`},lt={position:`fixed`},ut=Y.forwardRef(function(e,t){let{anchor:n,positionMethod:r=`absolute`,className:i,render:a,side:o=`bottom`,align:s=`center`,sideOffset:c=0,alignOffset:l=0,collisionBoundary:u=`clipping-ancestors`,collisionPadding:d,arrowPadding:p=5,sticky:m=!1,disableAnchorTracking:ee,alignItemWithTrigger:h=!0,collisionAvoidance:g=b,style:te,..._}=e,{store:v,listRef:y,labelsRef:x,alignItemWithTriggerActiveRef:S,selectedItemTextRef:C,valuesRef:w,initialValueRef:ne,popupRef:T,setValue:E}=X(),k=Ye(),A=D(v,Z.open),M=D(v,Z.mounted),N=D(v,Z.modal),P=D(v,Z.value),F=D(v,Z.openMethod),re=D(v,Z.positionerElement),L=D(v,Z.triggerElement),ie=D(v,Z.isItemEqualToValue),ae=D(v,Z.transitionStatus),R=Y.useRef(null),z=Y.useRef(null),[se,le]=Y.useState(h),B=M&&se&&F!==`touch`;!M&&se!==h&&le(h),I(()=>{M||(Z.scrollUpArrowVisible(v.state)&&v.set(`scrollUpArrowVisible`,!1),Z.scrollDownArrowVisible(v.state)&&v.set(`scrollDownArrowVisible`,!1))},[v,M]),Y.useImperativeHandle(S,()=>B),G((B||N)&&A,F===`touch`,re,L);let V=O({anchor:n,floatingRootContext:k,positionMethod:r,mounted:M,side:o,sideOffset:c,align:s,alignOffset:l,arrowPadding:p,collisionBoundary:u,collisionPadding:d,sticky:m,disableAnchorTracking:ee??B,collisionAvoidance:g,keepMounted:!0}),ue=B?`none`:V.side,H=B?lt:V.positionerStyles,U={open:A,side:ue,align:V.align,anchorHidden:V.anchorHidden};I(()=>{v.set(`popupSide`,V.side)},[v,V.side]);let de=oe(e,U,{styles:H,transitionStatus:ae,props:_,refs:[t,j(e=>{v.set(`positionerElement`,e)})],hidden:!M,inert:!A}),K=Y.useRef(0),fe=j(e=>{if(e.size===0&&K.current===0||w.current.length===0)return;let t=K.current;if(K.current=e.size,e.size===t)return;let n=f(ce);if(t!==0&&!v.state.multiple&&P!==null&&De(w.current,P,ie)===-1){let e=ne.current,t=e!=null&&De(w.current,e,ie)!==-1?e:null;E(t,n),t===null&&(v.set(`selectedIndex`,null),C.current=null)}if(t!==0&&v.state.multiple&&Array.isArray(P)){let e=e=>De(w.current,e,ie)!==-1,t=P.filter(t=>e(t));(t.length!==P.length||t.some(e=>!Te(P,e,ie)))&&(E(t,n),t.length===0&&(v.set(`selectedIndex`,null),C.current=null))}if(A&&B){v.update({scrollUpArrowVisible:!1,scrollDownArrowVisible:!1});let e={height:``};st(re,e),st(T.current,e)}}),pe=Y.useMemo(()=>({...V,side:ue,alignItemWithTriggerActive:B,setControlledAlignItemWithTrigger:le,scrollUpArrowRef:R,scrollDownArrowRef:z}),[V,ue,B,le]);return(0,Q.jsx)(_e,{elementsRef:y,labelsRef:x,onMapChange:fe,children:(0,Q.jsxs)(at.Provider,{value:pe,children:[M&&N&&(0,Q.jsx)(W,{inert:he(!A),cutout:L}),de]})})}),dt={...se,...te},ft=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,finalFocus:c,...l}=e,{store:u,popupRef:d,onOpenChangeComplete:m,setOpen:h,valueRef:g,firstItemTextRef:te,selectedItemTextRef:_,multiple:v,handleScrollArrowVisibility:b,scrollHandlerRef:x,listRef:S,highlightItemOnHover:C}=X(),{side:ne,align:E,alignItemWithTriggerActive:O,isPositioned:k,setControlledAlignItemWithTrigger:A}=ot(),M=ye(!0)!=null,N=Ye(),P=F(),{nonce:re,disableStyleElements:ie}=He(),ae=D(u,Z.id),R=D(u,Z.open),z=D(u,Z.openMethod),oe=D(u,Z.mounted),se=D(u,Z.popupProps),ce=D(u,Z.transitionStatus),le=D(u,Z.triggerElement),B=D(u,Z.positionerElement),V=D(u,Z.listElement),ue=Y.useRef(!1),H=Y.useRef(!1),U=Y.useRef({}),W=a(),de=j(e=>{if(!B||!d.current||!H.current)return;if(ue.current||!O){b();return}let t=B.style.top===`0px`,n=B.style.bottom===`0px`;if(!t&&!n){b();return}let r=ht(B),i=gt(B.getBoundingClientRect().height,`y`,r),a=s(B),o=w(B),c=o.getComputedStyle(B),l=parseFloat(c.marginTop),u=parseFloat(c.marginBottom),f=pt(o.getComputedStyle(d.current)),p=Math.min(a.documentElement.clientHeight-l-u,f),m=e.scrollTop,ee=mt(e),h=0,g=null,te=!1,_=!1,v=e=>{B.style.height=`${e}px`},y=(t,n)=>{let r=Ve(t,0,p-i);r>0&&v(i+r),e.scrollTop=n,p-(i+r)<=1&&(ue.current=!0),b()},x=t?ee-m:m,S=Math.min(i+x,p);if(h=S,x<=1){y(x,t?ee:0);return}if(p-S>1?t?_=!0:g=0:(te=!0,n&&m<ee&&(g=m-(x-(i+x-p)))),h=Math.ceil(h),h!==0&&v(h),_||g!=null){let t=mt(e),n=_?t:Ve(g,0,t);Math.abs(e.scrollTop-n)>1&&(e.scrollTop=n)}(te||h>=p-1)&&(ue.current=!0),b()});Y.useImperativeHandle(x,()=>de,[de]),o({open:R,ref:d,onComplete(){R&&m?.(!0)}});let G={open:R,transitionStatus:ce,side:ne,align:E};I(()=>{!B||!d.current||Object.keys(U.current).length||(U.current={top:B.style.top||`0`,left:B.style.left||`0`,right:B.style.right,height:B.style.height,bottom:B.style.bottom,minHeight:B.style.minHeight,maxHeight:B.style.maxHeight,marginTop:B.style.marginTop,marginBottom:B.style.marginBottom})},[d,B]),I(()=>{R||O||(H.current=!1,ue.current=!1,st(B,U.current))},[R,O,B,d]),I(()=>{let e=d.current;if(!R||!le||!B||!e||O&&!k||u.state.transitionStatus===`ending`)return;if(!O){H.current=!0,W.request(b),e.style.removeProperty(`--transform-origin`);return}let t=yt(e);e.style.removeProperty(`--transform-origin`);try{let t=_.current;t?.isConnected||(t=!Z.hasSelectedValue(u.state)&&te.current?.isConnected?te.current:null);let n=g.current,r=w(B),i=r.getComputedStyle(B),a=r.getComputedStyle(e),o=s(le),c=ht(le),l=_t(le.getBoundingClientRect(),c),d=_t(B.getBoundingClientRect(),c),f=l.height,p=V||e,m=p.scrollHeight,h=parseFloat(a.borderBottomWidth),v=parseFloat(i.marginTop)||10,y=parseFloat(i.marginBottom)||10,x=parseFloat(i.minHeight)||100,ne=pt(a),T=o.documentElement.clientHeight-v-y,E=o.documentElement.clientWidth,D=T-l.bottom+f,O,k=P===`rtl`?l.right-d.width:l.left,j=0;if(t&&n){let e=_t(n.getBoundingClientRect(),c);O=_t(t.getBoundingClientRect(),c),k=d.left+(P===`rtl`?e.right-O.right:e.left-O.left);let r=e.top-l.top+e.height/2;j=O.top-d.top+O.height/2-r}let M=D+j+y+h,N=Math.min(T,M),F=T-v-y,I=M-N,re=E-5;B.style.left=`${Ve(k,5,re-d.width)}px`,B.style.height=`${N}px`,B.style.maxHeight=`none`,B.style.marginTop=`${v}px`,B.style.marginBottom=`${y}px`,e.style.height=`100%`;let L=mt(p),ie=I>=L-1;ie&&(N=Math.min(T,d.height)-(I-L));let ae=l.top<20||l.bottom>T-20||Math.ceil(N)+1<Math.min(m,x),R=(r.visualViewport?.scale??1)!==1&&ee;if(ae||R){H.current=!0,st(B,U.current),A(!1);return}let z=Math.max(x,N);if(ie){let e=Math.max(0,T-M);B.style.top=d.height>=F?`0`:`${e}px`,B.style.height=`${N}px`,p.scrollTop=mt(p)}else B.style.bottom=`0`,p.scrollTop=I;if(O){let t=d.top,n=d.height,r=O.top+O.height/2,i=Ve(n>0?(r-t)/n*100:50,0,100);e.style.setProperty(`--transform-origin`,`50% ${i}%`)}(z===T||N>=ne)&&(ue.current=!0),b(),C&&u.state.selectedIndex===null&&u.state.activeIndex===null&&S.current[0]!=null&&u.set(`activeIndex`,0),H.current=!0}finally{t()}},[u,R,B,le,g,te,_,d,b,O,A,W,V,S,C,P,k]),Y.useEffect(()=>{if(!O||!B||!R)return;let e=w(B);function t(e){h(!1,f(p,e))}return y(e,`resize`,t)},[h,O,B,R]);let fe={...V?{role:`presentation`,"aria-orientation":void 0}:{role:`listbox`,"aria-multiselectable":v||void 0,id:`${ae}-list`},onKeyDown(e){M&&be.has(e.key)&&e.stopPropagation()},onScroll(e){V||de(e.currentTarget)},...O&&{style:V?{height:`100%`}:ct}},pe=L(`div`,e,{ref:[t,d],state:G,stateAttributesMapping:dt,props:[se,fe,T(ce),{className:!V&&O?Ge.className:void 0},l]});return(0,Q.jsxs)(Y.Fragment,{children:[!ie&&Ge.getElement(re),(0,Q.jsx)(K,{context:N,modal:!1,disabled:!oe,openInteractionType:z,returnFocus:c,restoreFocus:!0,children:pe})]})});function pt(e){let t=e.maxHeight||``;return t.endsWith(`px`)&&parseFloat(t)||1/0}function mt(e){return Ue(e.scrollHeight,e.clientHeight)}function ht(e){return S.getScale(e)}function gt(e,t,n){return e/n[t]}function _t(e,t){return m({x:gt(e.x,`x`,t),y:gt(e.y,`y`,t),width:gt(e.width,`x`,t),height:gt(e.height,`y`,t)})}var vt=[[`transform`,`none`],[`scale`,`1`],[`translate`,`0 0`]];function yt(e){let{style:t}=e,n={};for(let[e,r]of vt)n[e]=t.getPropertyValue(e),t.setProperty(e,r,`important`);return()=>{for(let[e]of vt){let r=n[e];r?t.setProperty(e,r):t.removeProperty(e)}}}var bt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{store:o,scrollHandlerRef:s}=X(),{alignItemWithTriggerActive:c}=ot(),l=D(o,Z.hasScrollArrows),u=D(o,Z.openMethod),d=D(o,Z.multiple),f={id:`${D(o,Z.id)}-list`,role:`listbox`,"aria-multiselectable":d||void 0,onScroll(e){s.current?.(e.currentTarget)},...c&&{style:ct},className:l&&u!==`touch`?Ge.className:void 0};return L(`div`,e,{ref:[t,j(e=>{o.set(`listElement`,e)})],props:[f,a]})}),xt=Y.createContext(void 0);function St(){let e=Y.useContext(xt);if(!e)throw Error(k(57));return e}var Ct=Y.memo(Y.forwardRef(function(e,t){let{render:n,className:r,style:i,value:a=null,label:o,disabled:s=!1,nativeButton:c=!1,...l}=e,u=Y.useRef(null),d=J({label:o,textRef:u,indexGuessBehavior:ve.GuessFromOrder}),{store:p,itemProps:m,setOpen:ee,setValue:h,selectionRef:g,typingRef:te,valuesRef:_,multiple:v,selectedItemTextRef:y,disabled:b,readOnly:x}=X(),S=D(p,Z.isActive,d.index),C=D(p,Z.open),w=D(p,Z.isSelected,a),ne=D(p,Z.isSelectedByFocus,d.index),T=D(p,Z.isItemEqualToValue),E=d.index,O=E!==-1,k=Y.useRef(null);I(()=>{if(!O)return;let e=_.current;return e[E]=a,()=>{delete e[E]}},[O,E,a,_]),I(()=>{if(!O)return;let e=p.state.value,t=e;v&&Array.isArray(e)&&(t=e.length>0?e[e.length-1]:void 0),t!==void 0&&Ae(a,t,T)&&(p.set(`selectedIndex`,E),u.current&&(y.current=u.current))},[O,E,v,T,p,a,y]);let A=Y.useRef(null),j=Y.useRef(`mouse`),M=Y.useRef(!1),{getButtonProps:N,buttonRef:F}=P({disabled:s,focusableWhenDisabled:!0,native:c,composite:!0}),re={disabled:s,selected:w,highlighted:S};function ie(e){if(b||x)return;let t=p.state.value;if(v){let n=Array.isArray(t)?t:[];h(w?Me(n,a,T):[...n,a],f(ae,e))}else h(a,f(ae,e)),ee(!1,f(ae,e))}function R(){g.current.dragY=0}let z={role:`option`,"aria-selected":w,tabIndex:C&&S?0:-1,onKeyDown(e){A.current=e.key,p.set(`activeIndex`,E),e.key===` `&&te.current&&e.preventDefault()},onClick(e){let t=e.type===`click`&&j.current!==`touch`,n=e.nativeEvent.pointerType,r=t&&B(e.nativeEvent)&&(n!==void 0||S),i=t&&!r&&!M.current;M.current=!1,!(e.type===`keydown`&&A.current===null)&&(s||e.type===`keydown`&&A.current===` `&&te.current||i||(A.current=null,ie(e.nativeEvent)))},onPointerEnter(e){j.current=e.pointerType},onPointerMove(e){if(e.pointerType===`mouse`&&e.buttons===1){let t=g.current;t.dragY+=e.movementY,t.dragY**2>=64&&(t.allowUnselectedMouseUp=!0)}},onPointerDown(e){j.current=e.pointerType,M.current=!0,R()},onMouseUp(){if(R(),s||j.current===`touch`||M.current)return;let e=!g.current.allowSelectedMouseUp&&w,t=!g.current.allowUnselectedMouseUp&&!w;e||t||(M.current=!0,k.current?.click(),M.current=!1)}},oe=L(`div`,e,{ref:[F,t,d.ref,k],state:re,props:[m,z,l,N]}),se=Y.useMemo(()=>({selected:w,index:E,textRef:u,selectedByFocus:ne,hasRegistered:O}),[w,E,u,ne,O]);return(0,Q.jsx)(xt.Provider,{value:se,children:oe})})),wt=Y.forwardRef(function(e,t){let n=e.keepMounted??!1,{selected:r}=St();return n||r?(0,Q.jsx)(Tt,{...e,ref:t}):null}),Tt=Y.memo(Y.forwardRef((e,t)=>{let{render:n,className:r,style:i,keepMounted:a,...s}=e,{selected:c}=St(),l=Y.useRef(null),{transitionStatus:u,setMounted:d}=g(c),f=L(`span`,e,{ref:[t,l],state:{selected:c,transitionStatus:u},props:[{"aria-hidden":!0,children:`✔️`},s],stateAttributesMapping:te});return o({open:c,ref:l,onComplete(){c||d(!1)}}),f})),Et=Y.memo(Y.forwardRef(function(e,t){let{index:n,textRef:r,selectedByFocus:i,hasRegistered:a}=St(),{firstItemTextRef:o,selectedItemTextRef:s}=X(),{render:c,className:l,style:u,...d}=e;return L(`div`,e,{ref:[Y.useCallback(e=>{e&&(a&&n===0&&(o.current=e),a&&i&&(s.current=e))},[o,s,n,i,a]),t,r],props:d})})),Dt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,direction:a,keepMounted:s=!1,...c}=e,l=a===`up`,{store:u,popupRef:d,listRef:f,handleScrollArrowVisibility:p,scrollArrowsMountedCountRef:m}=X(),{side:ee,scrollDownArrowRef:h,scrollUpArrowRef:v}=ot(),y=D(u,l?Z.scrollUpArrowVisible:Z.scrollDownArrowVisible),b=D(u,Z.openMethod),x=y&&b!==`touch`,S=_(),C=l?v:h,{mounted:w,transitionStatus:ne,setMounted:T}=g(x);I(()=>(m.current+=1,u.state.hasScrollArrows||u.set(`hasScrollArrows`,!0),()=>{m.current=Math.max(0,m.current-1),m.current===0&&u.state.hasScrollArrows&&u.set(`hasScrollArrows`,!1)}),[u,m]),o({open:x,ref:C,onComplete(){x||T(!1)}});let E=L(`div`,e,{ref:[t,C],state:{direction:a,visible:x,side:ee,transitionStatus:ne},props:[{"aria-hidden":!0,children:l?`▲`:`▼`,style:{position:`absolute`},onMouseMove(e){if(e.movementX===0&&e.movementY===0||S.isStarted())return;u.set(`activeIndex`,null);function t(){let e=u.state.listElement??d.current;if(!e)return;u.set(`activeIndex`,null),p();let n=Ue(e.scrollHeight,e.clientHeight),r=We(e.scrollTop,n),i=r===(l?0:n),a=f.current;if(r!==e.scrollTop&&(e.scrollTop=r),a.length===0&&u.set(l?`scrollUpArrowVisible`:`scrollDownArrowVisible`,!i),i){S.clear();return}if(a.length>0){let t=C.current?.offsetHeight||0;e.scrollTop=Ot(a,l,r,e.clientHeight,t,n)}S.start(40,t)}S.start(40,t)},onMouseLeave(){S.clear()}},c],stateAttributesMapping:te});return w||s?E:null});function Ot(e,t,n,r,i,a){if(t){let t=0,r=n+i-1;for(let n=0;n<e.length;n+=1){let i=e[n];if(i&&i.offsetTop>=r){t=n;break}}let o=Math.max(0,t-1),s=e[o];return o<t&&s?We(s.offsetTop-i,a):0}let o=e.length-1,s=n+r-i+1;for(let t=0;t<e.length;t+=1){let n=e[t];if(n&&n.offsetTop+n.offsetHeight>s){o=Math.max(0,t-1);break}}let c=Math.min(e.length-1,o+1),l=e[c];return c>o&&l?We(l.offsetTop+l.offsetHeight-r+i,a):a}var kt=Y.forwardRef(function(e,t){return(0,Q.jsx)(Dt,{...e,ref:t,direction:`down`})}),At=Y.forwardRef(function(e,t){return(0,Q.jsx)(Dt,{...e,ref:t,direction:`up`})}),jt=Y.createContext(void 0),Mt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,[o,s]=Y.useState(),c=Y.useMemo(()=>({labelId:o,setLabelId:s}),[o,s]),l=L(`div`,e,{ref:t,props:[{role:`group`,"aria-labelledby":o},a]});return(0,Q.jsx)(jt.Provider,{value:c,children:l})}),Nt=Xe;function Pt({className:e,...t}){return(0,Q.jsx)(Mt,{"data-slot":`select-group`,className:U(`scroll-my-1 p-1`,e),...t})}function Ft({className:e,...t}){return(0,Q.jsx)(tt,{"data-slot":`select-value`,className:U(`flex flex-1 text-left`,e),...t})}function It({className:e,size:t=`default`,children:n,...r}){return(0,Q.jsxs)($e,{"data-slot":`select-trigger`,"data-size":t,className:U(`border-input data-[placeholder]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...r,children:[n,(0,Q.jsx)(nt,{render:(0,Q.jsx)(V,{className:`text-muted-foreground size-4 pointer-events-none`})})]})}function Lt({className:e,children:t,side:n=`bottom`,sideOffset:r=4,align:i=`center`,alignOffset:a=0,alignItemWithTrigger:o=!0,...s}){return(0,Q.jsx)(it,{children:(0,Q.jsx)(ut,{side:n,sideOffset:r,align:i,alignOffset:a,alignItemWithTrigger:o,className:`isolate z-50`,children:(0,Q.jsxs)(ft,{"data-slot":`select-content`,"data-align-trigger":o,className:U(`bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-md shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 relative isolate z-50 max-h-(--available-height) min-w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto data-[align-trigger=true]:animate-none`,e),...s,children:[(0,Q.jsx)(zt,{}),(0,Q.jsx)(bt,{children:t}),(0,Q.jsx)(Bt,{})]})})})}function Rt({className:e,children:t,...n}){return(0,Q.jsxs)(Ct,{"data-slot":`select-item`,className:U(`focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...n,children:[(0,Q.jsx)(Et,{className:`flex flex-1 gap-2 shrink-0`,children:t}),(0,Q.jsx)(wt,{render:(0,Q.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex size-4 items-center justify-center`}),children:(0,Q.jsx)(u,{className:`pointer-events-none`})})]})}function zt({className:e,...t}){return(0,Q.jsx)(At,{"data-slot":`select-scroll-up-button`,className:U(`bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full`,e),...t,children:(0,Q.jsx)(ue,{})})}function Bt({className:e,...t}){return(0,Q.jsx)(kt,{"data-slot":`select-scroll-down-button`,className:U(`bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full`,e),...t,children:(0,Q.jsx)(V,{})})}export{It as a,Rt as i,Lt as n,Ft as o,Pt as r,Nt as t};

package/dist/showcase/assets/select-BrPUZL6Z.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{x as n}from"./section-DLqBJGPH.js";import{N as r,d as i,n as a}from"./index-DSBghWdd.js";import{a as o,i as s,n as c,o as l,r as u,t as d}from"./select-B0ivd5pJ.js";import{a as f,f as p,l as m,s as h,u as g}from"./form-sizing-Bv0A0Oi0.js";var _=e(t(),1),v=i(),y={placeholder:`Select an option`},b=`__select_empty__`,x=e=>e===``||e===null?b:e??void 0,S=e=>{if(e!==b)return e},C=(0,_.memo)((0,_.forwardRef)(({options:e,placeholder:t,strings:i,allowClear:C=!1,invalid:w,size:T,className:E,onChange:D,disabled:O,defaultOpen:k,open:A,onOpenChange:j,name:M,required:N,"aria-label":P,value:F,defaultValue:I},L)=>{let R=r(y,i),{defaultControlSize:z}=n(),B=p(T,z),V=t??R.placeholder,H=(0,_.useMemo)(()=>{let t=e.map(e=>({...e,value:x(e.value)??``}));return C&&(t.some(e=>e.value===b)||t.unshift({label:V,value:b})),t},[e,C,V]),U=(0,_.useMemo)(()=>x(F),[F]),W=(0,_.useMemo)(()=>x(I),[I]),G=(0,_.useMemo)(()=>{let e=U??W;if(e!==void 0)return H.find(t=>t.value===e)?.label},[W,H,U]),K=(0,_.useCallback)(e=>{e!==null&&D?.(S(e))},[D]),q=!!w;return(0,v.jsxs)(d,{onValueChange:e=>K(e),disabled:O,defaultOpen:k,open:A,onOpenChange:j,name:M,required:N,value:U,defaultValue:W,children:[(0,v.jsx)(o,{ref:L,"aria-label":P,"aria-invalid":q||void 0,className:a(`select--component`,`flex w-full items-center justify-between rounded-radius border !shadow-none`,`transition-[color,box-shadow] outline-none`,g[B],m[B],h[B],`bg-transparent dark:bg-input/30`,`data-[placeholder]:text-muted-foreground`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,E),children:(0,v.jsx)(l,{placeholder:V,children:G})}),(0,v.jsx)(c,{children:(0,v.jsx)(u,{children:H.map(e=>(0,v.jsxs)(s,{value:e.value,disabled:e.disabled,children:[!!e.icon&&(0,v.jsxs)(`div`,{className:a(`flex items-center`,h[B]),children:[(0,v.jsx)(`span`,{className:a(f[B],`shrink-0`),children:e.icon}),e.label]}),!e.icon&&e.label]},e.value))})})]})}));C.displayName=`Select`;export{C as t};

package/dist/showcase/assets/send-B4jTMdd9.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`send`,[[`path`,{d:`M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z`,key:`1ffxy3`}],[`path`,{d:`m21.854 2.147-10.94 10.939`,key:`12cjpa`}]]);export{t};

package/dist/showcase/assets/separator-7f_tdxB3.js

@@ -0,0 +1,28 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DLqBJGPH.js";import{t as r}from"./example-DDhaO2UY.js";import{d as i}from"./index-DSBghWdd.js";import{t as a}from"./separator-BvhVS5L0.js";var o=e({Horizontal:()=>c,Vertical:()=>l}),s=i();function c(){return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`div`,{className:`text-sm`,children:`Above`}),(0,s.jsx)(a,{className:`my-3`}),(0,s.jsx)(`div`,{className:`text-sm`,children:`Below`})]})})}function l(){return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(`div`,{className:`flex h-10 items-center`,children:[(0,s.jsx)(`span`,{className:`text-sm`,children:`Item A`}),(0,s.jsx)(a,{orientation:`vertical`,className:`mx-3`}),(0,s.jsx)(`span`,{className:`text-sm`,children:`Item B`}),(0,s.jsx)(a,{orientation:`vertical`,className:`mx-3`}),(0,s.jsx)(`span`,{className:`text-sm`,children:`Item C`})]})})}var u=`import { Separator } from '@/components/ui/separator';
+
+export function Horizontal() {
+	return (
+		<>
+			<div>
+								<div className="text-sm">Above</div>
+								<Separator className="my-3" />
+								<div className="text-sm">Below</div>
+							</div>
+		</>
+	);
+}
+
+export function Vertical() {
+	return (
+		<>
+			<div className="flex h-10 items-center">
+								<span className="text-sm">Item A</span>
+								<Separator orientation="vertical" className="mx-3" />
+								<span className="text-sm">Item B</span>
+								<Separator orientation="vertical" className="mx-3" />
+								<span className="text-sm">Item C</span>
+							</div>
+		</>
+	);
+}
+`;function d(e){return o||p(`Examples`,!1),c||p(`Examples.Horizontal`,!0),l||p(`Examples.Vertical`,!0),(0,s.jsx)(t,{title:`UI · Separator`,description:`Horizontal & vertical dividers.`,layer:`ui`,status:`ready`,children:(0,s.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,s.jsx)(r,{name:`Horizontal`,source:u,children:(0,s.jsx)(c,{})}),(0,s.jsx)(r,{name:`Vertical`,source:u,children:(0,s.jsx)(l,{})})]})})}function f(e={}){let{wrapper:t}=e.components||{};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}function p(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{f as default};

package/dist/showcase/assets/separator-BvhVS5L0.js

@@ -0,0 +1 @@
+import{d as e,n as t}from"./index-DSBghWdd.js";import{t as n}from"./Separator-DSecBOlo.js";var r=e();function i({className:e,orientation:i=`horizontal`,...a}){return(0,r.jsx)(n,{"data-slot":`separator`,orientation:i,className:t(`bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch`,e),...a})}export{i as t};

package/dist/showcase/assets/separator-DeMF0eCd.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{d as t,n}from"./index-DSBghWdd.js";import{t as r}from"./separator-BvhVS5L0.js";e();var i=t();function a({className:e,dashed:t=!1,...a}){return(0,i.jsx)(r,{className:n(`separator--component`,t&&[`bg-transparent border-border border-dashed`,`data-[orientation=horizontal]:h-0 data-[orientation=horizontal]:border-t`,`data-[orientation=vertical]:w-0 data-[orientation=vertical]:border-l`],e),...a})}a.displayName=`Separator`;export{a as t};

package/dist/showcase/assets/separator-Dsqit2yw.js

@@ -0,0 +1 @@
+import{n as e,t}from"./section-DLqBJGPH.js";import{t as n}from"./example-DDhaO2UY.js";import{f as r,t as i,y as a}from"./display-utilities.examples-BMKQv0ep.js";import{d as o}from"./index-DSBghWdd.js";import{t as s}from"./props-table-CzpevabQ.js";var c=o();function l(o){return a||d(`Examples`,!1),r||d(`Examples.SeparatorExample`,!0),(0,c.jsxs)(e,{title:`Separator`,description:`Horizontal and vertical separator wrapper for grouping dense admin content.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/separator`,children:[(0,c.jsx)(t,{title:`Examples`,id:`examples`,children:(0,c.jsx)(n,{name:`SeparatorExample`,source:i,children:(0,c.jsx)(r,{})})}),(0,c.jsx)(t,{title:`API`,id:`api`,children:(0,c.jsx)(s,{component:`Separator`})})]})}function u(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(l,{...e})}):l(e)}function d(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{u as default};

package/dist/showcase/assets/settings-2-DnZeyxSR.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`settings-2`,[[`path`,{d:`M14 17H5`,key:`gfn3mx`}],[`path`,{d:`M19 7h-9`,key:`6i9tg`}],[`circle`,{cx:`17`,cy:`17`,r:`3`,key:`18b49y`}],[`circle`,{cx:`7`,cy:`7`,r:`3`,key:`dfmy0x`}]]);export{t};

package/dist/showcase/assets/settings-GFwewlvm.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`settings`,[[`path`,{d:`M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915`,key:`1i5ecw`}],[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}]]);export{t};

package/dist/showcase/assets/sheet-B06fRKgl.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{er as t,l as n}from"./example-DDhaO2UY.js";import{t as r}from"./x-DVQ0XpIT.js";import{d as i,n as a}from"./index-DSBghWdd.js";import{a as o,c as s,l as c,n as l,o as u,r as d,s as f,t as p}from"./DialogTrigger-CVhas4X-.js";e();var m=i();function h({...e}){return(0,m.jsx)(d,{"data-slot":`sheet`,modal:`trap-focus`,...e})}function g({asChild:e=!1,...t}){let r=e?(0,m.jsx)(n,{}):void 0;return(0,m.jsx)(p,{"data-slot":`sheet-trigger`,render:r,...t})}function _({...e}){return(0,m.jsx)(o,{"data-slot":`sheet-portal`,...e})}function v({className:e,...t}){return(0,m.jsx)(c,{"data-slot":`sheet-overlay`,className:a(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50`,e),...t})}function y({className:e,children:n,side:i=`right`,showCloseButton:o=!0,...c}){return(0,m.jsxs)(_,{children:[(0,m.jsx)(v,{}),(0,m.jsxs)(u,{"data-slot":`sheet-content`,"data-side":i,className:a(`bg-background data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm`,e),...c,children:[n,!!o&&(0,m.jsxs)(s,{"data-slot":`sheet-close`,render:(0,m.jsx)(t,{variant:`ghost`,className:`absolute top-4 right-4`,size:`icon-sm`}),children:[(0,m.jsx)(r,{}),(0,m.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function b({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`sheet-header`,className:a(`gap-1.5 p-4 flex flex-col`,e),...t})}function x({className:e,asChild:t=!1,...r}){let i=t?(0,m.jsx)(n,{}):void 0;return(0,m.jsx)(l,{"data-slot":`sheet-title`,render:i,className:a(`text-foreground font-medium`,e),...r})}function S({className:e,asChild:t=!1,...r}){let i=t?(0,m.jsx)(n,{}):void 0;return(0,m.jsx)(f,{"data-slot":`sheet-description`,render:i,className:a(`text-muted-foreground text-sm`,e),...r})}export{x as a,b as i,y as n,g as o,S as r,h as t};

package/dist/showcase/assets/shield-NNzIJA-o.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`shield`,[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}]]);export{t};

package/dist/showcase/assets/shield-alert-dlgSUsVl.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`shield-alert`,[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`M12 8v4`,key:`1got3b`}],[`path`,{d:`M12 16h.01`,key:`1drbdi`}]]);export{t};

package/dist/showcase/assets/shield-check-CkqmRaJd.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`shield-check`,[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]);export{t};

package/dist/showcase/assets/shopping-bag-x4S32KGc.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`shopping-bag`,[[`path`,{d:`M16 10a4 4 0 0 1-8 0`,key:`1ltviw`}],[`path`,{d:`M3.103 6.034h17.794`,key:`awc11p`}],[`path`,{d:`M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z`,key:`o988cm`}]]);export{t};

package/dist/showcase/assets/showcase-CiXeaTrT.js

@@ -0,0 +1,132 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-DLqBJGPH.js";import{r as a,t as o}from"./example-DDhaO2UY.js";import{t as s}from"./circle-check-BdcUhuQ7.js";import{t as c}from"./code-xml-C_ICl6NY.js";import{t as l}from"./eye-Bipckkwy.js";import{d as u,l as d}from"./index-DSBghWdd.js";import{t as f}from"./icon-badge-CrSkFExw.js";import{t as p}from"./smart-card-BA097ZGN.js";var m=d(`file-search`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`circle`,{cx:`11.5`,cy:`14.5`,r:`2.5`,key:`1bq0ko`}],[`path`,{d:`M13.3 16.3 15 18`,key:`2quom7`}]]),h=d(`mouse-pointer-2`,[[`path`,{d:`M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z`,key:`edeuup`}]]),g=d(`panels-top-left`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M3 9h18`,key:`1pudct`}],[`path`,{d:`M9 21V9`,key:`1oto5p`}]]),_=e({InteractionChecks:()=>C,RouteShortcuts:()=>S,SearchTargets:()=>x,ShowcaseWorkflow:()=>b}),v=u(),y=[{icon:g,title:`Browse`,description:`Use the sidebar groups for docs, base, layouts, composed surfaces, and features.`,tone:`primary`},{icon:l,title:`Inspect`,description:`Each MDX page shows live examples, source paths, and the owning layer.`,tone:`info`},{icon:c,title:`Copy`,description:`Example code uses real components and public import paths.`,tone:`success`},{icon:s,title:`Verify`,description:`Use browser, a11y, visual, exports, docs, and package smoke gates before release.`,tone:`warning`}];function b(){return(0,v.jsx)(`div`,{className:`grid gap-3 md:grid-cols-2 xl:grid-cols-4`,children:y.map(e=>(0,v.jsx)(p,{surface:`framed`,padding:`default`,className:`h-full`,children:(0,v.jsxs)(`div`,{className:`space-y-3`,children:[(0,v.jsx)(f,{icon:e.icon,tone:e.tone,shape:`square`}),(0,v.jsxs)(`div`,{children:[(0,v.jsx)(r,{weight:`semibold`,children:e.title}),(0,v.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:e.description})]})]})},e.title))})}function x(){return(0,v.jsx)(p,{title:`Searchable route index`,description:`The sidebar search scans labels, ids, families, sections, scope labels, and route notes.`,icon:(0,v.jsx)(f,{icon:m,tone:`info`,shape:`square`,size:`default`}),children:(0,v.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,v.jsx)(n,{variant:`secondary`,children:`css variables`}),(0,v.jsx)(n,{variant:`secondary`,children:`services/actions`}),(0,v.jsx)(n,{variant:`secondary`,children:`hooks reference`}),(0,v.jsx)(n,{variant:`secondary`,children:`global search`}),(0,v.jsx)(n,{variant:`secondary`,children:`base/forms`}),(0,v.jsx)(n,{variant:`secondary`,children:`layout/sidebar`}),(0,v.jsx)(n,{variant:`secondary`,children:`features/filters`})]})})}function S(){return(0,v.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,v.jsx)(a,{href:`#/docs/installation`,size:`default`,children:`Installation`}),(0,v.jsx)(a,{href:`#/base/css-variables`,size:`default`,buttonStyle:`outline`,children:`CSS variables`}),(0,v.jsx)(a,{href:`#/docs/refinement-guide`,size:`default`,buttonStyle:`outline`,children:`Refinement guide`}),(0,v.jsx)(a,{href:`#/features/global-search`,size:`default`,buttonStyle:`outline`,children:`Global search`}),(0,v.jsx)(a,{href:`#/layout/sidebar`,size:`default`,buttonStyle:`outline`,children:`Sidebar`})]})}function C(){return(0,v.jsx)(p,{surface:`framed`,padding:`default`,children:(0,v.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-[auto_minmax(0,1fr)]`,children:[(0,v.jsx)(f,{icon:h,tone:`primary`,shape:`square`}),(0,v.jsxs)(`div`,{className:`space-y-2`,children:[(0,v.jsx)(r,{weight:`semibold`,children:`Treat examples as functional previews`}),(0,v.jsx)(r,{size:`xs`,type:`secondary`,children:`Interactive examples should exercise callbacks, async states, selection, validation, overlays, and controlled/uncontrolled behavior instead of rendering static mocks.`}),(0,v.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,v.jsx)(n,{variant:`secondary`,children:`Callbacks`}),(0,v.jsx)(n,{variant:`secondary`,children:`Loading`}),(0,v.jsx)(n,{variant:`secondary`,children:`Errors`}),(0,v.jsx)(n,{variant:`secondary`,children:`Keyboard`}),(0,v.jsx)(n,{variant:`secondary`,children:`Responsive`})]})]})]})})}var w=`import {
+	CheckCircle2,
+	Code2,
+	Eye,
+	FileSearch,
+	MousePointer2,
+	PanelsTopLeft } from 'lucide-react';
+
+import { Badge } from '@/components/base/badge';
+import { Button } from '@/components/base/buttons';
+import { SmartCard } from '@/components/base/cards';
+import { IconBadge,
+} from '@/components/base/display';
+import { Text } from '@/components/typography';
+
+const WORKFLOW = [
+	{
+		icon: PanelsTopLeft,
+		title: 'Browse',
+		description: 'Use the sidebar groups for docs, base, layouts, composed surfaces, and features.',
+		tone: 'primary',
+	},
+	{
+		icon: Eye,
+		title: 'Inspect',
+		description: 'Each MDX page shows live examples, source paths, and the owning layer.',
+		tone: 'info',
+	},
+	{
+		icon: Code2,
+		title: 'Copy',
+		description: 'Example code uses real components and public import paths.',
+		tone: 'success',
+	},
+	{
+		icon: CheckCircle2,
+		title: 'Verify',
+		description: 'Use browser, a11y, visual, exports, docs, and package smoke gates before release.',
+		tone: 'warning',
+	},
+] as const;
+
+export function ShowcaseWorkflow() {
+	return (
+		<div className="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
+			{WORKFLOW.map((item) => (
+				<SmartCard key={item.title} surface="framed" padding="default" className="h-full">
+					<div className="space-y-3">
+						<IconBadge icon={item.icon} tone={item.tone} shape="square" />
+						<div>
+							<Text weight="semibold">{item.title}</Text>
+							<Text size="xs" type="secondary" className="mt-1">
+								{item.description}
+							</Text>
+						</div>
+					</div>
+				</SmartCard>
+			))}
+		</div>
+	);
+}
+
+export function SearchTargets() {
+	return (
+		<SmartCard
+			title="Searchable route index"
+			description="The sidebar search scans labels, ids, families, sections, scope labels, and route notes."
+			icon={<IconBadge icon={FileSearch} tone="info" shape="square" size="default" />}
+		>
+			<div className="flex flex-wrap gap-2">
+				<Badge variant="secondary">css variables</Badge>
+				<Badge variant="secondary">services/actions</Badge>
+				<Badge variant="secondary">hooks reference</Badge>
+				<Badge variant="secondary">global search</Badge>
+				<Badge variant="secondary">base/forms</Badge>
+				<Badge variant="secondary">layout/sidebar</Badge>
+				<Badge variant="secondary">features/filters</Badge>
+			</div>
+		</SmartCard>
+	);
+}
+
+export function RouteShortcuts() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<Button href="#/docs/installation" size="default">
+				Installation
+			</Button>
+			<Button href="#/base/css-variables" size="default" buttonStyle="outline">
+				CSS variables
+			</Button>
+			<Button href="#/docs/refinement-guide" size="default" buttonStyle="outline">
+				Refinement guide
+			</Button>
+			<Button href="#/features/global-search" size="default" buttonStyle="outline">
+				Global search
+			</Button>
+			<Button href="#/layout/sidebar" size="default" buttonStyle="outline">
+				Sidebar
+			</Button>
+		</div>
+	);
+}
+
+export function InteractionChecks() {
+	return (
+		<SmartCard surface="framed" padding="default">
+			<div className="grid gap-3 md:grid-cols-[auto_minmax(0,1fr)]">
+				<IconBadge icon={MousePointer2} tone="primary" shape="square" />
+				<div className="space-y-2">
+					<Text weight="semibold">Treat examples as functional previews</Text>
+					<Text size="xs" type="secondary">
+						Interactive examples should exercise callbacks, async states, selection, validation, overlays, and controlled/uncontrolled behavior instead of rendering static mocks.
+					</Text>
+					<div className="flex flex-wrap gap-2">
+						<Badge variant="secondary">Callbacks</Badge>
+						<Badge variant="secondary">Loading</Badge>
+						<Badge variant="secondary">Errors</Badge>
+						<Badge variant="secondary">Keyboard</Badge>
+						<Badge variant="secondary">Responsive</Badge>
+					</div>
+				</div>
+			</div>
+		</SmartCard>
+	);
+}
+`;function T(e){let n={p:`p`,...e.components};return _||D(`Examples`,!1),C||D(`Examples.InteractionChecks`,!0),S||D(`Examples.RouteShortcuts`,!0),x||D(`Examples.SearchTargets`,!0),b||D(`Examples.ShowcaseWorkflow`,!0),(0,v.jsxs)(t,{title:`Showcase`,description:`How to use this preview app as the package map, design review surface, and release verification aid.`,layer:`docs`,status:`ready`,sourcePath:`src/preview`,children:[(0,v.jsx)(i,{title:`Workflow`,id:`workflow`,children:(0,v.jsx)(o,{name:`ShowcaseWorkflow`,source:w,layout:`flush`,children:(0,v.jsx)(b,{})})}),(0,v.jsxs)(i,{title:`Search`,id:`search`,children:[(0,v.jsx)(n.p,{children:`The sidebar search is global. It should find docs pages, package layers,
+component families, route ids, and token surfaces. The CSS variables page also
+has its own variable-level search table for token names, utilities, scopes, and
+purposes.`}),(0,v.jsx)(o,{name:`SearchTargets`,source:w,layout:`flush`,children:(0,v.jsx)(x,{})})]}),(0,v.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,v.jsx)(o,{name:`InteractionChecks`,source:w,layout:`flush`,children:(0,v.jsx)(C,{})}),(0,v.jsx)(n.p,{children:`Examples should render real package components. When a preview needs large
+private glue, the package component probably needs a slot, render prop, hook, or
+documented callback seam instead.`})]}),(0,v.jsx)(i,{title:`Shortcuts`,id:`shortcuts`,children:(0,v.jsx)(o,{name:`RouteShortcuts`,source:w,layout:`center`,children:(0,v.jsx)(S,{})})})]})}function E(e={}){let{wrapper:t}=e.components||{};return t?(0,v.jsx)(t,{...e,children:(0,v.jsx)(T,{...e})}):T(e)}function D(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{E as default};

package/dist/showcase/assets/sidebar-BDOvomlZ.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{g as t,p as n}from"./sidebar.context-M_w0AsBU.js";import{d as r,n as i}from"./index-DSBghWdd.js";e();var a=r(),o=`font-medium text-sidebar-foreground transition-[background-color,color] hover:bg-sidebar-accent hover:text-sidebar-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring data-active:bg-sidebar-accent data-active:font-semibold data-active:text-sidebar-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:font-semibold data-[active=true]:text-sidebar-foreground`,s=`font-medium text-sidebar-foreground/80 transition-[background-color,color] hover:bg-transparent hover:text-sidebar-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring data-active:bg-transparent data-active:font-semibold data-active:text-primary data-[active=true]:bg-transparent data-[active=true]:font-semibold data-[active=true]:text-primary`;function c({className:e,render:t,tooltip:r,...s}){let c=r&&!t?(0,a.jsx)(`button`,{type:`button`}):t;return(0,a.jsx)(n,{className:i(`sidebar-menu-button--component`,o,e),render:c,tooltip:r,...s})}function l({className:e,...n}){return(0,a.jsx)(t,{className:i(`sidebar-menu-sub-button--component`,s,e),...n})}export{l as n,c as t};

package/dist/showcase/assets/sidebar.context-M_w0AsBU.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{c as n,p as r}from"./section-DLqBJGPH.js";import{a as i,c as a,er as o,o as s,pr as c,r as l,s as u}from"./example-DDhaO2UY.js";import{t as d}from"./chevrons-up-down-CPkjAe_j.js";import{t as f}from"./settings-GFwewlvm.js";import{t as p}from"./user-DlFWtE-h.js";import{N as m,d as h,l as g,n as _}from"./index-DSBghWdd.js";import{a as v,c as y,l as b,r as ee,t as x}from"./dropdown-menu-DijrdxTg.js";import{o as S,r as C,t as w}from"./avatar-CTFW3AQa.js";import{t as T}from"./useRender-Bk8pPQUW.js";import{t as E}from"./separator-BvhVS5L0.js";var D=g(`log-out`,[[`path`,{d:`m16 17 5-5-5-5`,key:`1bji2h`}],[`path`,{d:`M21 12H9`,key:`dn1m92`}],[`path`,{d:`M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4`,key:`1uf3rs`}]]),O=g(`panel-left`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M9 3v18`,key:`fh3hqa`}]]),k=e(t(),1),A=768;function j(){let[e,t]=(0,k.useState)();return(0,k.useEffect)(()=>{let e=window.matchMedia(`(max-width: ${A-1}px)`),n=()=>{t(window.innerWidth<A)};return e.addEventListener(`change`,n),t(window.innerWidth<A),()=>e.removeEventListener(`change`,n)},[]),!!e}var M=h(),N=`sidebar_state`,P=3600*24*7,F=`16rem`,I=`3rem`,L=`b`,R=k.createContext(null);function z(){let e=k.useContext(R);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function B({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:i,children:a,...o}){let s=j(),[c,l]=k.useState(!1),[u,d]=k.useState(e),f=t??u,p=k.useCallback(e=>{let t=typeof e==`function`?e(f):e;n?n(t):d(t),document.cookie=`${N}=${t}; path=/; max-age=${P}`},[n,f]),m=k.useCallback(()=>s?l(e=>!e):p(e=>!e),[s,p,l]);k.useEffect(()=>{let e=e=>{e.key===L&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),m())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[m]);let h=f?`expanded`:`collapsed`,g=k.useMemo(()=>({state:h,open:f,setOpen:p,isMobile:s,openMobile:c,setOpenMobile:l,toggleSidebar:m}),[h,f,p,s,c,l,m]);return(0,M.jsx)(R.Provider,{value:g,children:(0,M.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":F,"--sidebar-width-icon":I,...i},className:_(`group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full`,r),...o,children:a})})}function V({className:e,onClick:t,...n}){let{toggleSidebar:r}=z();return(0,M.jsxs)(o,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,size:`icon-sm`,className:_(e),onClick:e=>{t?.(e),r()},...n,children:[(0,M.jsx)(O,{}),(0,M.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function H({className:e,...t}){return(0,M.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:_(`gap-2 px-2 flex flex-col`,e),...t})}function U({className:e,...t}){return(0,M.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:_(`gap-2 p-2 flex flex-col`,e),...t})}function te({className:e,...t}){return(0,M.jsx)(E,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:_(`bg-sidebar-border mx-2 w-auto`,e),...t})}function W({className:e,...t}){return(0,M.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:_(`no-scrollbar gap-2 flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function G({className:e,...t}){return(0,M.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:_(`p-2 relative flex w-full min-w-0 flex-col`,e),...t})}function K({className:e,render:t,...n}){return T({defaultTagName:`div`,props:c({className:_(`text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0`,e)},n),render:t,state:{slot:`sidebar-group-label`,sidebar:`group-label`}})}function q({className:e,...t}){return(0,M.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:_(`text-sm w-full`,e),...t})}function J({className:e,...t}){return(0,M.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:_(`gap-1 flex w-full min-w-0 flex-col`,e),...t})}function Y({className:e,...t}){return(0,M.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:_(`group/menu-item relative`,e),...t})}var X=n(`ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&_svg]:size-4 [&_svg]:shrink-0`,{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function Z({render:e,isActive:t=!1,variant:n=`default`,size:r=`default`,tooltip:o,className:l,...u}){let{isMobile:d,state:f}=z(),p=o?e?(0,M.jsx)(a,{render:e}):a:void 0,m=T({defaultTagName:`button`,props:c({className:_(X({variant:n,size:r}),l)},u),render:o?p:e,state:{slot:`sidebar-menu-button`,sidebar:`menu-button`,size:r,active:t}});return o?(typeof o==`string`&&(o={children:o}),(0,M.jsxs)(i,{children:[m,(0,M.jsx)(s,{side:`right`,align:`center`,hidden:f!==`collapsed`||d,...o})]})):m}function Q({className:e,...t}){return(0,M.jsx)(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:_(`border-sidebar-border mx-3.5 translate-x-px gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col`,e),...t})}function ne({className:e,...t}){return(0,M.jsx)(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:_(`group/menu-sub-item relative`,e),...t})}function re({render:e,size:t=`md`,isActive:n=!1,className:r,...i}){return T({defaultTagName:`a`,props:c({className:_(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0`,r)},i),render:e,state:{slot:`sidebar-menu-sub-button`,sidebar:`menu-sub-button`,size:t,active:n}})}var ie={triggerLabel:`Notifications`,heading:`Notifications`,markAllRead:`Mark all as read`,empty:`No new notifications`,viewAll:`View all notifications`},ae={placeholder:`Search...`,shortcutMac:`⌘K`,shortcutPc:`Ctrl+K`},oe={profile:`Profile`,settings:`Settings`,logout:`Log out`};function $(e){return e.split(` `).map(e=>e[0]).filter(Boolean).slice(0,2).join(``).toUpperCase()}function se({user:e,showEmail:t=!0,customContent:n,onProfile:i,onSettings:a,onLogout:o,align:s=`end`,side:c=`bottom`,strings:u,triggerClassName:h,contentClassName:g,renderTrigger:T}){let E=m(oe,u),O=$(e.name),k=(0,M.jsxs)(M.Fragment,{children:[!!i&&(0,M.jsxs)(v,{onClick:i,children:[(0,M.jsx)(p,{className:`mr-space-md size-icon`,"aria-hidden":`true`}),(0,M.jsx)(r,{tag:`span`,size:`xs`,className:`text-inherit`,children:E.profile})]}),!!a&&(0,M.jsxs)(v,{onClick:a,children:[(0,M.jsx)(f,{className:`mr-space-md size-icon`,"aria-hidden":`true`}),(0,M.jsx)(r,{tag:`span`,size:`xs`,className:`text-inherit`,children:E.settings})]}),!!(i||a)&&!!o&&(0,M.jsx)(y,{}),!!o&&(0,M.jsxs)(v,{onClick:o,children:[(0,M.jsx)(D,{className:`mr-space-md size-icon`,"aria-hidden":`true`}),(0,M.jsx)(r,{tag:`span`,size:`xs`,className:`text-inherit`,children:E.logout})]})]});return(0,M.jsxs)(x,{children:[(0,M.jsx)(b,{render:T?.(e)??(0,M.jsxs)(l,{"data-component":`header-user-menu`,"data-slot":`header-user-menu-trigger`,type:`button`,variant:`secondary`,buttonStyle:`ghost`,className:_(`header-user-menu--component header-user-menu--trigger group h-control-lg max-w-56 justify-start gap-space-md rounded-lg px-space-sm pr-space-md text-foreground shadow-none hover:bg-foreground/5 data-[state=open]:bg-foreground/5`,t?`py-space-sm`:`py-space-xs`,`dark:text-background dark:hover:bg-topbar-accent/50`,h),children:[(0,M.jsxs)(w,{"data-slot":`header-user-avatar`,className:`header-user-menu--avatar size-avatar-sm overflow-hidden rounded-full ring-1 ring-border/60`,children:[!!e.avatar&&(0,M.jsx)(S,{src:e.avatar,alt:e.name}),(0,M.jsx)(C,{className:`rounded-md bg-success text-xs font-semibold text-background`,children:O})]}),(0,M.jsxs)(`div`,{"data-slot":`header-user-identity`,className:`header-user-menu--identity grid min-w-0 flex-1 text-left leading-none`,children:[(0,M.jsx)(r,{size:`xs`,weight:`medium`,className:`truncate`,children:e.name}),!!t&&!!e.email&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`truncate`,children:e.email})]}),(0,M.jsx)(d,{className:`header-user-menu--chevron size-icon-sm shrink-0 text-muted-foreground`,"aria-hidden":`true`})]})}),(0,M.jsx)(ee,{"data-component":`header-user-menu-content`,"data-slot":`header-user-menu-content`,className:_(`header-user-menu--content w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg p-surface-sm`,g),align:s,side:c,children:n??k})]})}var ce=z;function le({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:i,children:a,...o}){return(0,M.jsx)(u,{delayDuration:0,children:(0,M.jsx)(B,{defaultOpen:e,open:t,onOpenChange:n,style:i,className:_(`min-h-svh`,r),...o,children:a})})}export{ne as _,ae as a,D as b,G as c,H as d,J as f,re as g,Q as h,ie as i,q as l,Y as m,ce as n,W as o,Z as p,se as r,U as s,le as t,K as u,te as v,V as y};

package/dist/showcase/assets/skeleton-C0-TGyFP.js

@@ -0,0 +1,29 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DLqBJGPH.js";import{t as r}from"./example-DDhaO2UY.js";import{d as i}from"./index-DSBghWdd.js";import{t as a}from"./skeleton-CyCX3AHa.js";import{t as o}from"./PreviewLayout-ClbLOtTa.js";var s=e({CardPlaceholder:()=>u,Lines:()=>l}),c=i();function l(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(o,{children:[(0,c.jsx)(a,{className:`h-4 w-4/5`}),(0,c.jsx)(a,{className:`h-4 w-3/5`}),(0,c.jsx)(a,{className:`h-4 w-2/5`})]})})}function u(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,c.jsx)(a,{className:`size-10 rounded-full`}),(0,c.jsxs)(`div`,{className:`flex-1 space-y-2`,children:[(0,c.jsx)(a,{className:`h-4 w-32`}),(0,c.jsx)(a,{className:`h-3 w-48`})]})]})})}var d=`import { Skeleton } from '@/components/ui/skeleton';
+import { Col } from '../../PreviewLayout';
+
+export function Lines() {
+	return (
+		<>
+			<Col>
+								<Skeleton className="h-4 w-4/5" />
+								<Skeleton className="h-4 w-3/5" />
+								<Skeleton className="h-4 w-2/5" />
+							</Col>
+		</>
+	);
+}
+
+export function CardPlaceholder() {
+	return (
+		<>
+			<div className="flex items-center gap-3">
+								<Skeleton className="size-10 rounded-full" />
+								<div className="flex-1 space-y-2">
+									<Skeleton className="h-4 w-32" />
+									<Skeleton className="h-3 w-48" />
+								</div>
+							</div>
+		</>
+	);
+}
+`;function f(e){return s||m(`Examples`,!1),u||m(`Examples.CardPlaceholder`,!0),l||m(`Examples.Lines`,!0),(0,c.jsx)(t,{title:`UI · Skeleton`,description:`Animated loading placeholders.`,layer:`ui`,status:`ready`,children:(0,c.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(r,{name:`Lines`,source:d,children:(0,c.jsx)(l,{})}),(0,c.jsx)(r,{name:`CardPlaceholder`,source:d,children:(0,c.jsx)(u,{})})]})})}function p(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(f,{...e})}):f(e)}function m(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{p as default};

package/dist/showcase/assets/skeleton-ClY9N5IF.js

@@ -0,0 +1 @@
+import{n as e,t}from"./section-DLqBJGPH.js";import{t as n}from"./example-DDhaO2UY.js";import{_ as r,c as i,h as a,m as o,t as s,y as c}from"./display-utilities.examples-BMKQv0ep.js";import{d as l}from"./index-DSBghWdd.js";import{t as u}from"./props-table-CzpevabQ.js";var d=l();function f(l){return c||m(`Examples`,!1),i||m(`Examples.PageSkeletonExample`,!0),o||m(`Examples.SkeletonExample`,!0),a||m(`Examples.TableSkeletonExample`,!0),r||m(`Examples.TwoColumnPageSkeletonExample`,!0),(0,d.jsxs)(e,{title:`Skeleton`,description:`Reusable loading skeletons for content rows, pages, two-column detail views, and tables.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/skeleton`,children:[(0,d.jsx)(t,{title:`Inline content`,id:`inline-content`,children:(0,d.jsx)(n,{name:`SkeletonExample`,source:s,children:(0,d.jsx)(o,{})})}),(0,d.jsxs)(t,{title:`Page layouts`,id:`page-layouts`,children:[(0,d.jsx)(n,{name:`PageSkeletonExample`,source:s,children:(0,d.jsx)(i,{})}),(0,d.jsx)(n,{name:`TwoColumnPageSkeletonExample`,source:s,children:(0,d.jsx)(r,{})})]}),(0,d.jsx)(t,{title:`Tables`,id:`tables`,children:(0,d.jsx)(n,{name:`TableSkeletonExample`,source:s,children:(0,d.jsx)(a,{})})}),(0,d.jsxs)(t,{title:`API`,id:`api`,children:[(0,d.jsx)(u,{component:`Skeleton`}),(0,d.jsx)(u,{component:`ContentSkeleton`}),(0,d.jsx)(u,{component:`PageSkeleton`}),(0,d.jsx)(u,{component:`TwoColumnPageSkeleton`}),(0,d.jsx)(u,{component:`TableSkeleton`})]})]})}function p(e={}){let{wrapper:t}=e.components||{};return t?(0,d.jsx)(t,{...e,children:(0,d.jsx)(f,{...e})}):f(e)}function m(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{p as default};

package/dist/showcase/assets/skeleton-CyCX3AHa.js

@@ -0,0 +1 @@
+import{d as e,n as t}from"./index-DSBghWdd.js";var n=e();function r({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`skeleton`,className:t(`bg-muted rounded-md animate-pulse`,e),...r})}export{r as t};

package/dist/showcase/assets/skeleton-JapnB0xo.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n,n as r}from"./index-DSBghWdd.js";import{t as i}from"./smart-card-BA097ZGN.js";import{t as a}from"./skeleton-CyCX3AHa.js";var o=e(t(),1),s=n(),c=[`w-full`,`w-11/12`,`w-10/12`,`w-9/12`,`w-8/12`,`w-7/12`],l=[`w-24`,`w-36`,`w-28`,`w-20`,`w-32`,`w-16`],u=(e,t,n=12,r=!1)=>Number.isFinite(e)?Math.max(+!r,Math.min(Math.floor(e??t),n)):t,d=(e,t)=>t?.[e%t.length]??c[e%c.length],f=e=>e[`aria-label`]||e[`aria-labelledby`]?void 0:!0;function p({className:e,contentClassName:t,children:n}){return(0,s.jsx)(i,{surface:`framed`,padding:`default`,className:e,contentClassName:r(`skeleton-frame--content min-w-0`,t),children:n})}function m({description:e=!0,action:t=!0,className:n}){return(0,s.jsxs)(`div`,{className:r(`flex min-w-0 items-start justify-between gap-space-md`,n),children:[(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-sm`,children:[(0,s.jsx)(b,{className:`h-4 w-36 max-w-full`}),!!e&&(0,s.jsx)(b,{className:`h-3 w-56 max-w-full`})]}),!!t&&(0,s.jsx)(b,{className:`h-control-sm w-20 shrink-0`})]})}function h({index:e}){return(0,s.jsxs)(p,{contentClassName:`flex min-w-0 flex-col gap-space-md`,children:[(0,s.jsxs)(`div`,{className:`flex items-start justify-between gap-space-md`,children:[(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-space-sm`,children:[(0,s.jsx)(b,{className:r(`h-3 w-20`,e%2==0&&`w-24`)}),(0,s.jsx)(b,{className:r(`h-5 w-24`,e%3==0&&`w-28`)})]}),(0,s.jsx)(b,{className:`size-8 rounded-md`})]}),(0,s.jsxs)(`div`,{className:`flex items-center gap-space-sm`,children:[(0,s.jsx)(b,{className:`h-5 w-16`}),(0,s.jsx)(b,{className:`h-3 w-24`})]})]})}function g({index:e}){return(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-space-xs`,children:[(0,s.jsx)(b,{className:r(`h-3 w-20`,e%2==0&&`w-24`)}),(0,s.jsx)(b,{className:r(`h-4 w-36 max-w-full`,e%3==0&&`w-44`)})]})}function _({lines:e=4,dense:t=!1}){let n=u(e,4,8);return(0,s.jsxs)(p,{contentClassName:`flex min-w-0 flex-col gap-space-lg`,children:[(0,s.jsx)(m,{description:!t,action:!t}),(0,s.jsx)(`div`,{className:`grid min-w-0 gap-space-md sm:grid-cols-2`,children:Array.from({length:n},(e,t)=>(0,s.jsx)(g,{index:t},`detail-row-${String(t)}`))})]})}function v({lines:e=3}){let t=u(e,3,5);return(0,s.jsxs)(p,{contentClassName:`flex min-w-0 flex-col gap-space-md`,children:[(0,s.jsx)(m,{description:!1,action:!1}),(0,s.jsx)(`div`,{className:`grid min-w-0 gap-space-sm`,children:Array.from({length:t},(e,t)=>(0,s.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-space-md`,children:[(0,s.jsx)(b,{className:r(`h-3 w-20`,t%2==0&&`w-24`)}),(0,s.jsx)(b,{className:r(`h-3.5 w-16`,t%3==0&&`w-20`)})]},`sidebar-line-${String(t)}`))})]})}function y({row:e}){return(0,s.jsxs)(`div`,{className:`flex min-w-0 items-center gap-space-sm`,children:[(0,s.jsx)(b,{className:`size-8 rounded-full shrink-0`}),(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-xs`,children:[(0,s.jsx)(b,{className:r(`h-3.5 w-32 max-w-full`,e%2==0&&`w-40`)}),(0,s.jsx)(b,{className:`h-3 w-24 max-w-full`})]})]})}function b({className:e,...t}){return(0,s.jsx)(a,{className:r(`skeleton--component`,e),...t})}b.displayName=`Skeleton`;var x=o.forwardRef(function({lines:e=3,avatar:t=!1,action:n=!1,lineWidths:i,className:a,...o},c){let l=u(e,3);return(0,s.jsxs)(`div`,{ref:c,"aria-hidden":f(o),className:r(`content-skeleton--component`,`flex w-full min-w-0 items-start gap-space-md`,a),...o,children:[!!t&&(0,s.jsx)(b,{className:`size-avatar rounded-full shrink-0`}),(0,s.jsx)(`div`,{className:`content-skeleton--body flex min-w-0 flex-1 flex-col gap-space-sm`,children:Array.from({length:l},(e,t)=>(0,s.jsx)(b,{className:r(`content-skeleton--line h-3.5`,t===0&&`h-4`,d(t,i))},`content-line-${String(t)}`))}),!!n&&(0,s.jsx)(b,{className:`content-skeleton--action h-control-sm w-16 shrink-0`})]})});x.displayName=`ContentSkeleton`;var S=o.forwardRef(function({stats:e=3,sections:t=2,sectionLines:n=4,tabs:i=!0,actions:a=2,className:o,children:c,...l},d){let p=u(e,3,6,!0),m=u(t,2,6,!0),g=u(a,2,4,!0);return(0,s.jsxs)(`div`,{ref:d,"aria-hidden":f(l),className:r(`page-skeleton--component flex w-full min-w-0 flex-col gap-space-2xl`,o),...l,children:[(0,s.jsxs)(`div`,{className:`page-skeleton--header flex min-w-0 flex-col gap-space-lg md:flex-row md:items-start md:justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-space-md`,children:[(0,s.jsx)(b,{className:`size-avatar-lg rounded-full shrink-0`}),(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-sm`,children:[(0,s.jsx)(b,{className:`h-5 w-56 max-w-full`}),(0,s.jsx)(b,{className:`h-3.5 w-80 max-w-full`}),(0,s.jsxs)(`div`,{className:`flex flex-wrap gap-space-sm pt-space-2xs`,children:[(0,s.jsx)(b,{className:`h-6 w-16`}),(0,s.jsx)(b,{className:`h-6 w-20`}),(0,s.jsx)(b,{className:`h-6 w-14`})]})]})]}),(0,s.jsx)(`div`,{className:`flex shrink-0 items-center gap-space-sm`,children:Array.from({length:g},(e,t)=>(0,s.jsx)(b,{className:r(`h-control-sm`,t===0?`w-24`:`w-9`)},`page-action-${String(t)}`))})]}),!!i&&(0,s.jsxs)(`div`,{className:`page-skeleton--tabs flex min-w-0 flex-wrap gap-space-sm rounded-lg border border-border/70 bg-card p-space-sm`,children:[(0,s.jsx)(b,{className:`h-control-sm w-32`}),(0,s.jsx)(b,{className:`h-control-sm w-28`}),(0,s.jsx)(b,{className:`h-control-sm w-36`})]}),p>0&&(0,s.jsx)(`div`,{className:`page-skeleton--stats grid min-w-0 gap-space-lg sm:grid-cols-2 lg:grid-cols-3`,children:Array.from({length:p},(e,t)=>(0,s.jsx)(h,{index:t},`page-stat-${String(t)}`))}),m>0&&(0,s.jsx)(`div`,{className:`page-skeleton--sections grid min-w-0 gap-space-lg`,children:Array.from({length:m},(e,t)=>(0,s.jsx)(_,{lines:n},`page-section-${String(t)}`))}),c]})});S.displayName=`PageSkeleton`;var C=o.forwardRef(function({mainSections:e=2,sidebarSections:t=3,mainLines:n=5,sidebarLines:i=3,className:a,...o},c){let l=u(e,2,5),d=u(t,3,5);return(0,s.jsx)(S,{ref:c,stats:0,sections:0,tabs:!1,className:r(`two-column-page-skeleton--component`,a),...o,children:(0,s.jsxs)(`div`,{className:`two-column-page-skeleton--layout grid min-w-0 gap-space-lg lg:grid-cols-3`,children:[(0,s.jsx)(`div`,{className:`two-column-page-skeleton--main grid min-w-0 gap-space-lg lg:col-span-2`,children:Array.from({length:l},(e,t)=>(0,s.jsx)(_,{lines:n},`two-column-main-${String(t)}`))}),(0,s.jsx)(`div`,{className:`two-column-page-skeleton--sidebar grid min-w-0 gap-space-lg self-start`,children:Array.from({length:d},(e,t)=>(0,s.jsx)(v,{lines:i},`two-column-sidebar-${String(t)}`))})]})})});C.displayName=`TwoColumnPageSkeleton`;var w=o.forwardRef(function({rows:e=6,columns:t=5,toolbar:n=!0,footer:a=!0,className:o,...c},d){let p=u(e,6,20),m=u(t,5,8),h=Array.from({length:m},(e,t)=>t);return(0,s.jsx)(`div`,{ref:d,"aria-hidden":f(c),className:r(`table-skeleton--component`,o),...c,children:(0,s.jsxs)(i,{surface:`framed`,padding:`default`,className:`overflow-hidden`,contentClassName:`p-0!`,children:[!!n&&(0,s.jsxs)(`div`,{className:`table-skeleton--toolbar flex min-w-0 items-center justify-between gap-space-md border-b border-border/70 px-surface py-row-y-lg`,children:[(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-space-sm`,children:[(0,s.jsx)(b,{className:`h-control-sm w-56 max-w-full`}),(0,s.jsx)(b,{className:`hidden h-control-sm w-24 sm:block`})]}),(0,s.jsxs)(`div`,{className:`hidden shrink-0 items-center gap-space-sm sm:flex`,children:[(0,s.jsx)(b,{className:`h-control-sm w-20`}),(0,s.jsx)(b,{className:`h-control-sm w-9`})]})]}),(0,s.jsx)(`div`,{className:`table-skeleton--scroll overflow-x-auto`,children:(0,s.jsxs)(`table`,{className:`w-full min-w-full table-fixed border-collapse`,children:[(0,s.jsx)(`thead`,{children:(0,s.jsx)(`tr`,{className:`border-b border-border/70`,children:h.map(e=>(0,s.jsx)(`th`,{className:`h-12 px-surface text-left align-middle`,children:(0,s.jsx)(b,{className:r(`h-3.5`,l[e%l.length])})},`table-head-${String(e)}`))})}),(0,s.jsx)(`tbody`,{children:Array.from({length:p},(e,t)=>(0,s.jsx)(`tr`,{className:`border-b border-border/55 last:border-b-0`,children:h.map(e=>(0,s.jsx)(`td`,{className:`px-surface py-row-y-lg align-middle`,children:e===0?(0,s.jsx)(y,{row:t}):(0,s.jsx)(b,{className:r(`h-3.5`,l[(t+e)%l.length])})},`table-cell-${String(t)}-${String(e)}`))},`table-row-${String(t)}`))})]})}),!!a&&(0,s.jsxs)(`div`,{className:`table-skeleton--footer flex items-center justify-between gap-space-md border-t border-border/70 px-surface py-row-y-lg`,children:[(0,s.jsx)(b,{className:`h-3.5 w-32`}),(0,s.jsxs)(`div`,{className:`flex items-center gap-space-sm`,children:[(0,s.jsx)(b,{className:`h-control-sm w-20`}),(0,s.jsx)(b,{className:`h-control-sm w-20`})]})]})]})})});w.displayName=`TableSkeleton`;export{C as a,w as i,S as n,b as r,x as t};

package/dist/showcase/assets/slider-BagnbSUE.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{$t as n,An as r,Jt as i,Kt as a,Mn as o,Nn as s,Qt as c,Wt as l,Yt as u,Zt as d,br as f,cr as p,fr as m,g as h,hr as g,jn as ee,m as te,mn as _,mr as v,nr as ne,nt as y,or as b,pr as x,un as re,xr as ie}from"./example-DDhaO2UY.js";import{d as ae,n as oe}from"./index-DSBghWdd.js";import{t as se}from"./useControlled-BHUji6Sp.js";import{n as S,r as C}from"./useCompositeListItem-DWggcwRs.js";import{a as ce,d as le,f as ue,i as de,o as fe,r as pe,s as me,t as he}from"./composite-D2jjTQvZ.js";import{t as ge}from"./useValueChanged-BjYsvuOC.js";import{n as w,t as T}from"./valueToPercent-gleKSaFe.js";import{c as _e,n as ve,o as ye,r as E,t as D}from"./LabelableContext-Bfc22fLa.js";import{t as be}from"./useLabelableId-Dx_-xVBr.js";import{n as O,r as k,t as xe}from"./resolveAriaLabelledBy-iFo8AzEr.js";import{n as A,t as j}from"./CSPContext-Bfs88_eg.js";var M=e(t(),1);function N(e,t){return e-t}function Se(e,t,n){let r=e.slice();return r[t]=n,r.sort(N)}function Ce(e,t,n,r,i,a){let o=e;return o=A(o,n,r),i&&(o=Se(a,t,A(o,a[t-1]??-1/0,a[t+1]??1/0))),o}function P(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 we={activeThumbIndex:()=>null,max:()=>null,min:()=>null,minStepsBetweenValues:()=>null,step:()=>null,values:()=>null,..._e},Te=M.createContext(void 0);function Ee(){let e=M.useContext(Te);if(e===void 0)throw Error(m(62));return e}var F=ae();function I(e){return`key`in e?_:re}function L(e,t){return typeof e==`number`&&typeof t==`number`?e===t:Array.isArray(e)&&Array.isArray(t)?k(e,t):!1}var De=M.forwardRef(function(e,t){let{"aria-labelledby":r,className:i,defaultValue:s,disabled:l=!1,id:d,format:f,largeStep:p=10,locale:m,render:te,max:_=100,min:y=0,minStepsBetweenValues:b=0,form:x,name:re,onValueChange:ie,onValueCommitted:ae,orientation:oe=`horizontal`,step:S=1,thumbCollisionBehavior:ce=`push`,thumbAlignment:le=`center`,value:ue,style:de,...fe}=e,pe=h(d),me=xe(pe),he=g(ie),w=g(ae),{clearErrors:T}=ve(),{state:_e,disabled:be,name:j,setTouched:Se,setDirty:Ee,validityData:De,validation:Oe}=ye(),{labelId:R}=D(),[ke,z]=M.useState(),B=r??O(R,ke),V=be||l,Ae=j??re,[H,U]=se({controlled:ue,default:s??y,name:`Slider`}),W=M.useRef(null),G=M.useRef(null),je=M.useRef([]),K=M.useRef(null),q=M.useRef(null),Me=M.useRef(-1),Ne=M.useRef(null),Pe=M.useRef(`none`),Fe=u(f),[J,Ie]=M.useState(-1),[Le,Y]=M.useState(-1),[X,Z]=M.useState(!1),[Re,ze]=M.useState(()=>new Map),[Be,Q]=M.useState([void 0,void 0]),Ve=g(e=>{Ie(e),e!==-1&&Y(e)});E(Oe.inputRef,pe,H,void 0,!V,re),ge(H,()=>{T(Ae),Oe.change(H);let e=De.initialValue,t;t=Array.isArray(H)&&Array.isArray(e)?!k(H,e):H!==e,Ee(t)});let He=g(e=>{e&&(G.current=e)}),Ue=Array.isArray(H),We=M.useMemo(()=>Ue?H.slice().sort(N):[A(H,y,_)],[_,y,Ue,H]),Ge=g((e,t)=>{if(Number.isNaN(e)||L(e,H))return!1;let n=t??c(`none`,void 0,void 0,{activeThumbIndex:-1}),r=n.event,i=new(r.constructor??Event)(r.type,r);return Object.defineProperty(i,"target",{writable:!0,value:{value:e,name:Ae}}),n.event=i,he(e,n),n.isCanceled?!1:(Pe.current=n.reason,U(e),!0)}),Ke=g((e,t,r)=>{let i=Ce(e,t,y,_,Ue,We);if(P(i,S,b)){let e=I(r),a=Ge(i,c(e,r.nativeEvent,void 0,{activeThumbIndex:t}));Se(!0),a&&w(i,n(e,r.nativeEvent))}});v(()=>{let e=ee(a(W.current));V&&o(W.current,e)&&e.blur()},[V]),V&&J!==-1&&Ve(-1);let qe=M.useMemo(()=>({..._e,activeThumbIndex:J,disabled:V,dragging:X,orientation:oe,max:_,min:y,minStepsBetweenValues:b,step:S,values:We}),[_e,J,V,X,_,y,b,oe,S,We]),$=M.useMemo(()=>({active:J,controlRef:G,disabled:V,dragging:X,validation:Oe,formatOptionsRef:Fe,handleInputChange:Ke,indicatorPosition:Be,inset:le!==`center`,labelId:B,rootLabelId:me,largeStep:p,lastUsedThumbIndex:Le,lastChangeReasonRef:Pe,form:x,locale:m,max:_,min:y,minStepsBetweenValues:b,name:Ae,onValueCommitted:w,orientation:oe,pressedInputRef:K,pressedThumbCenterOffsetRef:q,pressedThumbIndexRef:Me,pressedValuesRef:Ne,registerFieldControlRef:He,renderBeforeHydration:le===`edge`,setActive:Ve,setDragging:Z,setIndicatorPosition:Q,setLabelId:z,setValue:Ge,state:qe,step:S,thumbCollisionBehavior:ce,thumbMap:Re,thumbRefs:je,values:We}),[J,G,B,me,V,X,Oe,Fe,Ke,Be,p,Le,Pe,x,m,_,y,b,Ae,w,oe,K,q,Me,Ne,He,Ve,Z,Q,z,Ge,qe,S,ce,le,Re,je,We]),Je=ne(`div`,e,{state:qe,ref:[t,W],props:[{"aria-labelledby":B,id:pe,role:`group`},fe,e=>Oe.getValidationProps(V,e)],stateAttributesMapping:we});return(0,F.jsx)(Te.Provider,{value:$,children:(0,F.jsx)(C,{elementsRef:je,onMapChange:ze,children:Je})})});function Oe(e){let t=e.getBoundingClientRect();return{x:(t.left+t.right)/2,y:(t.top+t.bottom)/2}}function R(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 ke(e,t,n){let r=Math.round((e-n)/t)*t+n;return Number(r.toFixed(Math.max(R(t),R(n))))}function z({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]=A(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]=A(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]=A(a,n,t)}for(let e=0;e<=u;e+=1)c[e]=Number(c[e].toFixed(12));return c}function B({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=A(a,r==null?o:r+f,p==null?s:p-f),h=Number(m.toFixed(12));n[i]=h;let g=a>e,ee=a<e,te=g&&p!=null&&a>=p-t,_=ee&&r!=null&&a<=r+t;if(!te&&!_)return{value:n,thumbIndex:i,didSwap:!1};let v=te?i+1:i-1,ne=n.map((e,t)=>t===i?h:d[t]??u[t]),y=a;y=te?Math.max(a,n[v]):Math.min(a,n[v]);let b=z({values:n,index:v,nextValue:y,min:o,max:s,step:c,minStepsBetweenValues:l,initialValues:ne}),x=te?v-1:v+1;if(x>=0&&x<b.length){let e=b[x-1],t=b[x+1],n=e==null?o:e+f;n=Math.max(n,o+x*f);let r=t==null?s:t-f;r=Math.min(r,s-(b.length-1-x)*f);let i=A(h,n,r);b[x]=Number(i.toFixed(12))}return{value:b,thumbIndex:v,didSwap:!0}}case`push`:return{value:z({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=A(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 V=2;function Ae(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 H(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 U=M.forwardRef(function(e,t){let{render:r,className:l,style:p,...m}=e,{disabled:h,dragging:_,inset:v,lastChangeReasonRef:y,max:b,min:x,minStepsBetweenValues:re,onValueCommitted:ae,orientation:oe,pressedInputRef:se,pressedThumbCenterOffsetRef:S,pressedThumbIndexRef:C,pressedValuesRef:ce,registerFieldControlRef:le,renderBeforeHydration:ue,setActive:de,setDragging:fe,setValue:pe,state:me,step:he,thumbCollisionBehavior:ge,thumbRefs:w,values:T}=Ee(),_e=te(),ve=T.length>1,ye=oe===`vertical`,E=M.useRef(null),D=M.useRef(null),be=g(e=>{e&&D.current==null&&(D.current=f(e).getComputedStyle(e))}),O=M.useRef(null),k=M.useRef(0),xe=M.useRef(0),j=M.useRef(null),N=u(T);function Se(e){C.current!==e&&(C.current=e);let t=w.current[e];if(!t){S.current=null,se.current=null;return}se.current=t.querySelector(`input[type="range"]`)}function Ce(){C.current=-1,S.current=null,se.current=null}function Te(e){return ie(e)?w.current.some(t=>!ie(t)||!o(t,e)?!1:t.querySelector(`input[type="range"]`)?.disabled===!0):!1}function F(e){let t=E.current,n=C.current;if(!t||!ve&&(n<0||n>=T.length))return null;let{width:r,height:i,bottom:a,left:o,right:s}=t.getBoundingClientRect(),c=Ae(D.current,ye),l=xe.current,u=(ye?i:r)-c.start-c.end-l*2,d=S.current??0,f=e.x-d,p=e.y-d,m=A(((ye?a-p-c.end:(_e===`rtl`?s-f:f-o)-c.start)-l)/u,0,1),h=(b-x)*m+x;return h=ke(h,he,x),h=A(h,x,b),ve?n<0?null:B({behavior:ge,values:T,currentValues:N.current??T,initialValues:ce.current,pressedIndex:n,nextValue:h,min:x,max:b,step:he,minStepsBetweenValues:re}):{value:h,thumbIndex:n,didSwap:!1}}function I(e){ce.current=ve?T.slice():null,j.current=null,N.current=T;let t=C.current,n=t;if(t>-1&&t<T.length){if(T[t]===b){let e=t;for(;e>0&&T[e-1]===b;)--e;n=e}}else{let t=ye?`y`:`x`,r;n=-1;for(let i=0;i<w.current.length;i+=1){let a=w.current[i];if(ie(a)&&!a.querySelector(`input[type="range"]`)?.disabled){let o=Oe(a),s=Math.abs(e[t]-o[t]);(r===void 0||s<=r)&&(n=i,r=s)}}}if(n>-1&&n!==t&&Se(n),v){let e=w.current[n];ie(e)&&(xe.current=e.getBoundingClientRect()[ye?`height`:`width`]/2)}}function L(e){let t=w.current?.[e]?.querySelector(`input[type="range"]`);t&&t.focus({preventScroll:!0,focusVisible:!1})}function De(e,t,n){let r=pe(e.value,c(t,n,void 0,{activeThumbIndex:e.thumbIndex}));return r&&(j.current=e.value,N.current=Array.isArray(e.value)?e.value:[e.value],e.didSwap&&Se(e.thumbIndex)),r}let R=g(e=>{let t=H(e,O);if(t==null)return;if(k.current+=1,e.type===`pointermove`&&e.buttons===0){z(e);return}let n=F(t);n!=null&&P(n.value,he,re)&&(!_&&k.current>V&&fe(!0),De(n,`drag`,e)&&n.didSwap&&L(n.thumbIndex))}),z=g(e=>{if(de(-1),fe(!1),se.current=null,S.current=null,j.current!=null){let t=y.current;ae(j.current,n(t,e))}`pointerType`in e&&E.current?.hasPointerCapture(e.pointerId)&&E.current?.releasePointerCapture(e.pointerId),C.current=-1,O.current=null,ce.current=null,j.current=null,W()}),U=g(e=>{if(h)return;if(Te(s(e))){Ce();return}let t=e.changedTouches[0];t!=null&&(O.current=t.identifier);let n=H(e,O);if(n!=null){I(n);let t=F(n);if(t==null)return;L(t.thumbIndex),De(t,`track-press`,e)&&t.didSwap&&L(t.thumbIndex)}k.current=0;let r=a(E.current);r.addEventListener(`touchmove`,R,{passive:!0}),r.addEventListener(`touchend`,z,{passive:!0})}),W=g(()=>{let e=a(E.current);e.removeEventListener(`pointermove`,R),e.removeEventListener(`pointerup`,z),e.removeEventListener(`touchmove`,R),e.removeEventListener(`touchend`,z),ce.current=null,j.current=null}),G=i();return M.useEffect(()=>{let e=E.current;if(!e)return()=>W();let t=d(e,`touchstart`,U,{passive:!0});return()=>{t(),G.cancel(),W()}},[W,U,E,G]),M.useEffect(()=>{h&&W()},[h,W]),ne(`div`,e,{state:me,ref:[t,le,E,be],props:[{"data-base-ui-slider-control":ue?``:void 0,onPointerDown(e){let t=E.current,n=s(e.nativeEvent);if(!t||h||e.defaultPrevented||!ie(n)||e.button!==0)return;if(Te(n)){Ce();return}let r=H(e,O);if(r!=null){I(r);let n=F(r);if(n==null)return;o(w.current[n.thumbIndex],ee(a(t)))?e.preventDefault():G.request(()=>{L(n.thumbIndex)}),fe(!0),S.current==null&&De(n,`track-press`,e.nativeEvent)&&n.didSwap&&L(n.thumbIndex)}e.nativeEvent.pointerId&&t.setPointerCapture(e.nativeEvent.pointerId),k.current=0;let i=a(E.current);i.addEventListener(`pointermove`,R,{passive:!0}),i.addEventListener(`pointerup`,z,{once:!0})}},m],stateAttributesMapping:we})}),W=M.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{state:o}=Ee();return ne(`div`,e,{state:o,ref:t,props:[{style:{position:`relative`}},a],stateAttributesMapping:we})}),G=y();function je(){return b}function K(){return!1}function q(){return!0}function Me(){return(0,G.useSyncExternalStore)(je,K,q)}var Ne=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}({}),Pe=new Set([...fe,ue,le]);function Fe(e,t,n,r){if(!(t<0))return e.length===2?t===0?`${w(e[t],r,n)} start range`:`${w(e[t],r,n)} end range`:n?w(e[t],r,n):void 0}function J(e,t,n,r,i){let a=n===1?e+t:e-t;return A(Number(a.toFixed(Math.max(R(e),R(t),R(r)))),r,i)}var Ie=M.forwardRef(function(e,t){let{render:n,children:i,className:a,"aria-describedby":o,"aria-label":s,"aria-labelledby":c,"aria-valuetext":u,disabled:d=!1,getAriaLabel:m,getAriaValueText:ee,id:_,index:y,inputRef:b,onBlur:re,onFocus:ie,onKeyDown:ae,tabIndex:oe,style:se,...C}=e,{nonce:ge}=j(),_e=h(_),{active:ve,lastUsedThumbIndex:E,controlRef:D,disabled:O,validation:k,formatOptionsRef:xe,handleInputChange:A,inset:N,labelId:Se,largeStep:P,locale:Te,max:I,min:L,minStepsBetweenValues:De,form:R,name:z,orientation:B,pressedInputRef:V,pressedThumbCenterOffsetRef:Ae,pressedThumbIndexRef:H,renderBeforeHydration:U,setActive:W,setIndicatorPosition:G,state:je,step:K,values:q}=Ee(),Ie=te(),Le=d||O,Y=q.length>1,X=B===`vertical`,Z=Ie===`rtl`,{setTouched:Re,setFocused:ze,validationMode:Be}=ye(),Q=M.useRef(null),Ve=M.useRef(null),He=M.useRef(!1),Ue=h(),We=be(),Ge=Y?Ue:We,{ref:Ke,index:qe}=S({metadata:M.useMemo(()=>({inputId:Ge}),[Ge])}),$=Y?y??qe:0,Je=$===q.length-1,Ye=q[$],Xe=T(Ye,L,I),[Ze,Qe]=M.useState(),$e=Me(),et=E>=0&&E<q.length?E:-1,tt=g(()=>{let e=D.current,t=Q.current;if(!e||!t)return;let n=t.getBoundingClientRect(),r=e.getBoundingClientRect(),i=X?`height`:`width`,a=r[i]-n[i],o=(n[i]/2+a*Xe/100)/r[i]*100,s=Number.isFinite(o)?o:void 0;Qe(s),$===0?G(e=>[s,e[1]]):Je&&G(e=>[e[0],s])});v(()=>{N&&queueMicrotask(tt)},[tt,N]),v(()=>{N&&tt()},[tt,N,Xe]),v(()=>{if(!N)return;let e=D.current,t=Q.current;if(!e||!t)return;let n=f(e).ResizeObserver;if(typeof n!=`function`)return;let r=new n(tt);return r.observe(e),r.observe(t),()=>{r.disconnect()}},[D,tt,N]);let nt=X?`bottom`:`insetInlineStart`,rt=X?`left`:`top`,it;Y?ve===$?it=2:et===$&&(it=1):ve===$&&(it=1);let at;at=N?{"--position":`${Ze??0}%`,visibility:U&&$e||Ze===void 0?`hidden`:void 0,position:`absolute`,[nt]:`var(--position)`,[rt]:`50%`,translate:`${(X||!Z?-1:1)*50}% ${(X?1:-1)*50}%`,zIndex:it}:Number.isFinite(Xe)?{position:`absolute`,[nt]:`${Xe}%`,[rt]:`50%`,translate:`${(X||!Z?-1:1)*50}% ${(X?1:-1)*50}%`,zIndex:it}:l;let ot;B===`vertical`&&(ot=Z?`vertical-rl`:`vertical-lr`);let st=typeof m==`function`?m($):s,ct=x({"aria-label":st,"aria-labelledby":c??(st==null?Se:void 0),"aria-describedby":o,"aria-orientation":B,"aria-valuenow":Ye,"aria-valuetext":typeof ee==`function`?ee(w(Ye,Te,xe.current??void 0),Ye,$):u??Fe(q,$,xe.current??void 0,Te),disabled:Le,form:R,id:Ge,max:I,min:L,name:z,onChange(e){A(e.currentTarget.valueAsNumber,$,e)},onFocus(e){let t=He.current;He.current=!1,W($),ze(!0),t&&e.stopPropagation()},onBlur(e){if(He.current){e.stopPropagation();return}Q.current&&(W(-1),Re(!0),ze(!1),Be===`onBlur`&&k.commit(Ce(Ye,$,L,I,Y,q)))},onKeyDown(e){if(e.defaultPrevented||!Pe.has(e.key))return;fe.has(e.key)&&e.stopPropagation();let t=null,n=ke(Ye,K,L);switch(e.key){case ce:t=J(n,e.shiftKey?P:K,1,L,I);break;case de:t=J(n,e.shiftKey?P:K,Z?-1:1,L,I);break;case he:t=J(n,e.shiftKey?P:K,-1,L,I);break;case pe:t=J(n,e.shiftKey?P:K,Z?1:-1,L,I);break;case ue:t=J(n,P,1,L,I);break;case le:t=J(n,P,-1,L,I);break;case`End`:t=I,Y&&(t=Number.isFinite(q[$+1])?q[$+1]-K*De:I);break;case me:t=L,Y&&(t=Number.isFinite(q[$-1])?q[$-1]+K*De:L);break;default:break}if(t!==null){let n=e.currentTarget;r(n)||(He.current=!0,n.blur(),n.focus({preventScroll:!0,focusVisible:!0})),A(t,$,e),e.preventDefault()}},step:K,style:{...l,width:`100%`,height:`100%`,writingMode:ot},tabIndex:oe??void 0,type:`range`,value:Ye??``},e=>k.getValidationProps(Le,e),{onKeyDown:ae}),lt=p(Ve,k.inputRef,b);return ne(`div`,e,{state:je,ref:[t,Ke,Q],props:[{[Ne.index]:$,children:(0,F.jsxs)(M.Fragment,{children:[i,(0,F.jsx)(`input`,{ref:lt,...ct,suppressHydrationWarning:!0}),N&&$e&&U&&Je&&(0,F.jsx)(`script`,{nonce:ge,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:_e,onBlur:re,onFocus:ie,onPointerDown(e){if(!Le){if(H.current=$,Q.current!=null){let t=B===`horizontal`?`x`:`y`,n=Oe(Q.current);Ae.current=(B===`horizontal`?e.clientX:e.clientY)-n[t]}Ve.current!=null&&V.current!==Ve.current&&(V.current=Ve.current)}},style:at,suppressHydrationWarning:U||void 0},C],stateAttributesMapping:we})});function Le(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 Y(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 X=M.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{indicatorPosition:o,inset:s,max:c,min:l,orientation:u,renderBeforeHydration:d,state:f,values:p}=Ee(),m=Me(),h=u===`vertical`,g=p.length>1,ee=s?Le(h,g,o[0],o[1],d,m):Y(h,g,T(p[0],l,c),T(p[p.length-1],l,c));return ne(`div`,e,{state:f,ref:t,props:[{"data-base-ui-slider-indicator":d?``:void 0,style:ee,suppressHydrationWarning:d||void 0},a],stateAttributesMapping:we})});function Z({className:e,defaultValue:t,value:n,min:r=0,max:i=100,...a}){let o=M.useMemo(()=>Array.isArray(n)?n:Array.isArray(t)?t:[r,i],[n,t,r,i]);return(0,F.jsx)(De,{className:oe(`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,F.jsxs)(U,{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,F.jsx)(W,{"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,F.jsx)(X,{"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,F.jsx)(Ie,{"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))]})})}export{Z as t};

package/dist/showcase/assets/smart-card-BA097ZGN.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{_ as n}from"./section-DLqBJGPH.js";import{a as r,c as i,o as a,r as o}from"./example-DDhaO2UY.js";import{t as s}from"./chevron-down-CjLLqYjs.js";import{t as c}from"./ellipsis-Bm3jOBg8.js";import{t as l}from"./info-wAcLD6Uj.js";import{N as u,d,n as f}from"./index-DSBghWdd.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./card-primitives-C5YmKK4H.js";import{r as C,t as w}from"./alert-BQucj-0f.js";import{a as T,l as E,r as D,t as O}from"./dropdown-menu-DijrdxTg.js";var k=e(t(),1),A=d();function j({alert:e,alertVariant:t,hasHeader:n,padding:r}){let i=g[r];return(0,A.jsx)(`div`,{className:f(m.alert,i.alertX,n?i.alertOffsetWithHeader:i.alertOffsetStandalone),children:(0,A.jsx)(w,{variant:t,children:(0,A.jsx)(C,{children:e})})})}function M({actions:e,actionsLabel:t}){return(0,A.jsxs)(O,{children:[(0,A.jsx)(E,{type:`button`,"aria-label":t,className:f(`inline-flex size-control-sm shrink-0 items-center justify-center rounded-radius p-0`,`text-muted-foreground hover:bg-accent hover:text-accent-foreground`,`outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,`transition-colors`),children:(0,A.jsx)(c,{className:`size-4`})}),(0,A.jsx)(D,{align:`end`,className:`min-w-36 p-space-xs`,children:e.map((e,t)=>(0,A.jsxs)(T,{onClick:e.onClick,disabled:e.disabled,className:`gap-space-sm px-control-sm py-space-xs text-pxs`,children:[!!e.icon&&(0,A.jsx)(`span`,{className:`flex shrink-0 items-center`,children:e.icon}),e.label]},e.id??`${e.label}-${t}`))})]})}function N({tooltipLabel:e}){return(0,A.jsx)(i,{render:t=>{let n=t;return(0,A.jsx)(o,{...n,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,className:f(`h-5 w-5 text-muted-foreground`,n.className),"aria-label":e,children:(0,A.jsx)(l,{className:`size-3.5`})})}})}function P({icon:e,title:t,titleSuffix:n,description:i,tooltip:o,tooltipLabel:s,headerStart:c,headerEnd:l,headerAction:u,actions:d,actionsLabel:p,padding:m,className:y}){let x=Array.isArray(d)?d:[],S=x.length>0,C=b(e),w=b(t),T=b(n),E=b(i),D=b(o),O=b(c),k=b(l),j=b(u),P=C||w||T||D,F=k||j||S;return(0,A.jsxs)(h,{className:f(`flex-row items-start justify-between gap-space-lg pb-0`,g[m].headerX,y),children:[(0,A.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-xs`,children:[!!O&&c,!!P&&(0,A.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs`,children:[!!C&&(0,A.jsx)(`span`,{className:`flex shrink-0 items-center text-muted-foreground`,children:e}),(0,A.jsx)(v,{children:t}),!!T&&(0,A.jsx)(`div`,{className:`flex items-center gap-space-md`,children:n}),!!D&&(0,A.jsxs)(r,{children:[(0,A.jsx)(N,{tooltipLabel:s}),(0,A.jsx)(a,{children:o})]})]}),!!E&&(0,A.jsx)(_,{className:`text-left`,children:i})]}),!!F&&(0,A.jsxs)(`div`,{className:`flex shrink-0 items-center gap-space-md`,children:[!!k&&l,!!j&&u,!!S&&(0,A.jsx)(M,{actions:x,actionsLabel:p})]})]})}var F={expandLabel:`Expand card`,collapseLabel:`Collapse card`};function I({title:e,lines:t=2,className:n}){let r=({barClassName:e})=>(0,A.jsx)(`div`,{className:f(`animate-pulse rounded bg-muted`,e)});return(0,A.jsxs)(p,{className:f(S.card,`gap-space-xl py-surface-lg`,n),children:[(0,A.jsx)(h,{className:`flex-col gap-space-sm px-surface-lg pb-0`,children:e?(0,A.jsx)(v,{children:e}):(0,A.jsx)(r,{barClassName:`h-4 w-32`})}),(0,A.jsx)(x,{className:`space-y-space-lg px-surface-lg py-0`,children:Array.from({length:t},(e,t)=>(0,A.jsx)(r,{barClassName:f(`h-4`,t===0?`w-full`:`w-3/4`)},`skel-${String(t)}`))})]})}I.displayName=`SmartCardSkeleton`;function ee(e){return e===`small`||e==="default"?e:e===`sm`?`small`:`default`}var L=(0,k.forwardRef)(function({icon:e,title:t,titleSuffix:r,description:i,tooltip:a,tooltipAriaLabel:c=`Card info`,footerText:l,alert:d,alertVariant:m=`default`,surface:h,transparent:_=!1,padding:v,actions:C,actionsLabel:w=`Card actions`,headerAction:T,headerStart:E,headerEnd:D,contentTop:O,contentBottom:M,footerSlot:N,headerDivider:I,footerDivider:L=!1,expandable:R=!1,defaultExpanded:z=!1,expanded:B,onExpandedChange:V,children:te,className:ne,headerClassName:re,contentClassName:ie,footerClassName:H,strings:ae},oe){let{defaultPadding:se,defaultSurface:ce,defaultHeaderDivider:le}=n(),U=ee(v??se),W=g[U],G=Array.isArray(C)?C:[],K=u(F,ae),q=R!==!1&&R!==void 0,J=typeof R==`object`&&R?.collapsedMaxHeight!==void 0?R.collapsedMaxHeight:`12rem`,ue=typeof J==`number`?`${J}px`:J,Y=B!==void 0,[de,fe]=(0,k.useState)(z),X=Y?B:de,pe=(0,k.useCallback)(()=>{let e=!X;Y||fe(e),V?.(e)},[X,Y,V]),Z=b(e)||b(t)||b(i)||G.length>0||b(T)||b(E)||b(D),me=b(d),he=b(l),ge=b(N),_e=b(O),Q=b(M),ve=c.trim().length>0?c:`Card info`,ye=q?{maxHeight:X?``:ue}:void 0,$=h??(_?`flat`:ce??`framed`),be=I??le??!1;return(0,A.jsxs)(p,{ref:oe,"data-surface":$,className:f(S[$],W.shell,q&&`relative pb-1 !overflow-visible`,ne),children:[!!Z&&(0,A.jsx)(P,{icon:e,title:t,titleSuffix:r,description:i,tooltip:a,tooltipLabel:ve,headerStart:E,headerEnd:D,headerAction:T,actions:G,actionsLabel:w,padding:U,className:f(be&&`pb-space-lg border-b border-border/60`,re)}),!!me&&(0,A.jsx)(j,{alert:d,alertVariant:m,hasHeader:Z,padding:U}),(0,A.jsxs)(x,{className:f(W.contentX,W.contentY,q&&`relative overflow-hidden transition-[max-height] duration-500 ease-in-out`,ie),style:ye,children:[!!_e&&O,te,!!Q&&M,!!q&&!X&&(0,A.jsx)(`div`,{"aria-hidden":`true`,className:`from-background pointer-events-none absolute inset-x-0 bottom-0 h-20 rounded-b-lg bg-linear-to-t to-transparent`})]}),!!he&&(0,A.jsx)(y,{className:f(`justify-end text-xs text-muted-foreground`,W.footerX,L&&`pt-space-lg border-t border-border/60`,H),children:l}),!!ge&&(0,A.jsx)(y,{className:f(`flex-col items-stretch`,W.footerX,L&&`pt-space-lg border-t border-border/60`,H),children:N}),!!q&&(0,A.jsx)(`div`,{className:`absolute -bottom-4 left-1/2 -translate-x-1/2 z-10`,children:(0,A.jsxs)(o,{type:`button`,variant:`secondary`,buttonStyle:`outline`,size:`icon-small`,onClick:pe,"aria-expanded":X,"aria-label":X?K.collapseLabel:K.expandLabel,className:f(`inline-flex size-control-sm items-center justify-center rounded-full`,`border border-border bg-background text-foreground shadow-sm`,`hover:bg-muted/40 transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50`),children:[(0,A.jsx)(s,{"aria-hidden":`true`,className:f(`size-4 transition-transform duration-300`,X&&`rotate-180`)}),(0,A.jsx)(`span`,{className:`sr-only`,children:X?K.collapseLabel:K.expandLabel})]})})]})});L.displayName=`SmartCard`;export{I as n,L as t};

package/dist/showcase/assets/sonner-bg55zTHJ.js

@@ -0,0 +1,22 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DLqBJGPH.js";import{er as r,t as i}from"./example-DDhaO2UY.js";import{d as a}from"./index-DSBghWdd.js";import{n as o}from"./dist-DfpWey5P.js";import{n as s}from"./PreviewLayout-ClbLOtTa.js";var c=e({TriggerToasts:()=>u}),l=a();function u(){return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(s,{children:[(0,l.jsx)(r,{onClick:()=>o(`Default toast`),children:`Default`}),(0,l.jsx)(r,{variant:`outline`,onClick:()=>o.success(`Saved successfully`),children:`Success`}),(0,l.jsx)(r,{variant:`outline`,onClick:()=>o.warning(`Heads up`),children:`Warning`}),(0,l.jsx)(r,{variant:`destructive`,onClick:()=>o.error(`Failed to save`),children:`Error`}),(0,l.jsx)(r,{variant:`secondary`,onClick:()=>o.info(`FYI`),children:`Info`}),(0,l.jsx)(r,{variant:`ghost`,onClick:()=>{let e=o.loading(`Working…`);setTimeout(()=>o.success(`Done`,{id:e}),1500)},children:`Loading → success`})]})})}var d=`import { toast } from 'sonner';
+import { Button } from '@/components/ui/button';
+import { Row } from '../../PreviewLayout';
+
+export function TriggerToasts() {
+	return (
+		<>
+			<Row>
+								<Button onClick={() => toast('Default toast')}>Default</Button>
+								<Button variant="outline" onClick={() => toast.success('Saved successfully')}>Success</Button>
+								<Button variant="outline" onClick={() => toast.warning('Heads up')}>Warning</Button>
+								<Button variant="destructive" onClick={() => toast.error('Failed to save')}>Error</Button>
+								<Button variant="secondary" onClick={() => toast.info('FYI')}>Info</Button>
+								<Button variant="ghost" onClick={() => {
+									const id = toast.loading('Working…');
+									setTimeout(() => toast.success('Done', { id }), 1500);
+								}}>Loading → success</Button>
+							</Row>
+		</>
+	);
+}
+`;function f(e){return c||m(`Examples`,!1),u||m(`Examples.TriggerToasts`,!0),(0,l.jsx)(t,{title:`UI · Sonner toaster`,description:`Toast notifications.`,layer:`ui`,status:`ready`,children:(0,l.jsx)(n,{title:`Examples`,id:`examples`,children:(0,l.jsx)(i,{name:`TriggerToasts`,source:d,children:(0,l.jsx)(u,{})})})})}function p(e={}){let{wrapper:t}=e.components||{};return t?(0,l.jsx)(t,{...e,children:(0,l.jsx)(f,{...e})}):f(e)}function m(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{p as default};