design-system-silkhaus 0.0.17 → 0.0.18

package/dist/index.cjs

@@ -64,4 +64,4 @@ Check the top-level render call using <`+R+">.")}return x}}function kn(u,x){{if(
 `)},Uc=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,o=r===void 0?"margin":r,a=P.useMemo(function(){return Bc(o)},[o]);return P.createElement(zc,{styles:Vc(a,!t,o,n?"":"!important")})},un=!1;if(typeof window!="undefined")try{var Rt=Object.defineProperty({},"passive",{get:function(){return un=!0,!0}});window.addEventListener("test",Rt,Rt),window.removeEventListener("test",Rt,Rt)}catch(e){un=!1}var Xe=un?{passive:!1}:!1,Gc=function(e){return e.tagName==="TEXTAREA"},so=function(e,t){var n=window.getComputedStyle(e);return n[t]!=="hidden"&&!(n.overflowY===n.overflowX&&!Gc(e)&&n[t]==="visible")},Yc=function(e){return so(e,"overflowY")},Hc=function(e){return so(e,"overflowX")},dr=function(e,t){var n=t;do{typeof ShadowRoot!="undefined"&&n instanceof ShadowRoot&&(n=n.host);var r=lo(e,n);if(r){var o=uo(e,n),a=o[1],i=o[2];if(a>i)return!0}n=n.parentNode}while(n&&n!==document.body);return!1},Kc=function(e){var t=e.scrollTop,n=e.scrollHeight,r=e.clientHeight;return[t,n,r]},qc=function(e){var t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;return[t,n,r]},lo=function(e,t){return e==="v"?Yc(t):Hc(t)},uo=function(e,t){return e==="v"?Kc(t):qc(t)},Xc=function(e,t){return e==="h"&&t==="rtl"?-1:1},Zc=function(e,t,n,r,o){var a=Xc(e,window.getComputedStyle(t).direction),i=a*r,c=n.target,s=t.contains(c),l=!1,p=i>0,f=0,b=0;do{var m=uo(e,c),h=m[0],g=m[1],v=m[2],w=g-v-a*h;(h||w)&&lo(e,c)&&(f+=w,b+=h),c=c.parentNode}while(!s&&c!==document.body||s&&(t.contains(c)||t===c));return(p&&(o&&f===0||!o&&i>f)||!p&&(o&&b===0||!o&&-i>b))&&(l=!0),l},St=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},fr=function(e){return[e.deltaX,e.deltaY]},pr=function(e){return e&&"current"in e?e.current:e},Jc=function(e,t){return e[0]===t[0]&&e[1]===t[1]},Qc=function(e){return`
   .block-interactivity-`.concat(e,` {pointer-events: none;}
   .allow-interactivity-`).concat(e,` {pointer-events: all;}
-`)},es=0,Ze=[];function ts(e){var t=P.useRef([]),n=P.useRef([0,0]),r=P.useRef(),o=P.useState(es++)[0],a=P.useState(function(){return co()})[0],i=P.useRef(e);P.useEffect(function(){i.current=e},[e]),P.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(o));var g=Cc([e.lockRef.current],(e.shards||[]).map(pr),!0).filter(Boolean);return g.forEach(function(v){return v.classList.add("allow-interactivity-".concat(o))}),function(){document.body.classList.remove("block-interactivity-".concat(o)),g.forEach(function(v){return v.classList.remove("allow-interactivity-".concat(o))})}}},[e.inert,e.lockRef.current,e.shards]);var c=P.useCallback(function(g,v){if("touches"in g&&g.touches.length===2)return!i.current.allowPinchZoom;var w=St(g),y=n.current,C="deltaX"in g?g.deltaX:y[0]-w[0],$="deltaY"in g?g.deltaY:y[1]-w[1],E,k=g.target,D=Math.abs(C)>Math.abs($)?"h":"v";if("touches"in g&&D==="h"&&k.type==="range")return!1;var T=dr(D,k);if(!T)return!0;if(T?E=D:(E=D==="v"?"h":"v",T=dr(D,k)),!T)return!1;if(!r.current&&"changedTouches"in g&&(C||$)&&(r.current=E),!E)return!0;var _=r.current||E;return Zc(_,v,g,_==="h"?C:$,!0)},[]),s=P.useCallback(function(g){var v=g;if(!(!Ze.length||Ze[Ze.length-1]!==a)){var w="deltaY"in v?fr(v):St(v),y=t.current.filter(function(E){return E.name===v.type&&E.target===v.target&&Jc(E.delta,w)})[0];if(y&&y.should){v.cancelable&&v.preventDefault();return}if(!y){var C=(i.current.shards||[]).map(pr).filter(Boolean).filter(function(E){return E.contains(v.target)}),$=C.length>0?c(v,C[0]):!i.current.noIsolation;$&&v.cancelable&&v.preventDefault()}}},[]),l=P.useCallback(function(g,v,w,y){var C={name:g,delta:v,target:w,should:y};t.current.push(C),setTimeout(function(){t.current=t.current.filter(function($){return $!==C})},1)},[]),p=P.useCallback(function(g){n.current=St(g),r.current=void 0},[]),f=P.useCallback(function(g){l(g.type,fr(g),g.target,c(g,e.lockRef.current))},[]),b=P.useCallback(function(g){l(g.type,St(g),g.target,c(g,e.lockRef.current))},[]);P.useEffect(function(){return Ze.push(a),e.setCallbacks({onScrollCapture:f,onWheelCapture:f,onTouchMoveCapture:b}),document.addEventListener("wheel",s,Xe),document.addEventListener("touchmove",s,Xe),document.addEventListener("touchstart",p,Xe),function(){Ze=Ze.filter(function(g){return g!==a}),document.removeEventListener("wheel",s,Xe),document.removeEventListener("touchmove",s,Xe),document.removeEventListener("touchstart",p,Xe)}},[]);var m=e.removeScrollBar,h=e.inert;return P.createElement(P.Fragment,null,h?P.createElement(a,{styles:Qc(o)}):null,m?P.createElement(Uc,{gapMode:"margin"}):null)}const ns=Mc(io,ts);var fo=P.forwardRef(function(e,t){return P.createElement(Nt,$e({},e,{ref:t,sideCar:ns}))});fo.classNames=Nt.classNames;const rs=fo,os=["Enter"," "],as=["ArrowDown","PageUp","Home"],po=["ArrowUp","PageDown","End"],is=[...as,...po],Lt="Menu",[dn,cs,ss]=Ir(Lt),[Ue,mo]=pt(Lt,[ss,Xr,to]),Cn=Xr(),go=to(),[ls,gt]=Ue(Lt),[us,Rn]=Ue(Lt),ds=e=>{const{__scopeMenu:t,open:n=!1,children:r,dir:o,onOpenChange:a,modal:i=!0}=e,c=Cn(t),[s,l]=d.useState(null),p=d.useRef(!1),f=Ee(a),b=Fr(o);return d.useEffect(()=>{const m=()=>{p.current=!0,document.addEventListener("pointerdown",h,{capture:!0,once:!0}),document.addEventListener("pointermove",h,{capture:!0,once:!0})},h=()=>p.current=!1;return document.addEventListener("keydown",m,{capture:!0}),()=>{document.removeEventListener("keydown",m,{capture:!0}),document.removeEventListener("pointerdown",h,{capture:!0}),document.removeEventListener("pointermove",h,{capture:!0})}},[]),d.createElement(Qi,c,d.createElement(ls,{scope:t,open:n,onOpenChange:f,content:s,onContentChange:l},d.createElement(us,{scope:t,onClose:d.useCallback(()=>f(!1),[f]),isUsingKeyboardRef:p,dir:b,modal:i},r)))},fs=d.forwardRef((e,t)=>{const a=e,{__scopeMenu:n}=a,r=N(a,["__scopeMenu"]),o=Cn(n);return d.createElement(ec,q({},o,r,{ref:t}))}),vo="MenuPortal",[ps,ms]=Ue(vo,{forceMount:void 0}),gs=e=>{const{__scopeMenu:t,forceMount:n,children:r,container:o}=e,a=gt(vo,t);return d.createElement(ps,{scope:t,forceMount:n},d.createElement($n,{present:n||a.open},d.createElement(nc,{asChild:!0,container:o},r)))},Ne="MenuContent",[vs,bo]=Ue(Ne),bs=d.forwardRef((e,t)=>{const n=ms(Ne,e.__scopeMenu),c=e,{forceMount:r=n.forceMount}=c,o=N(c,["forceMount"]),a=gt(Ne,e.__scopeMenu),i=Rn(Ne,e.__scopeMenu);return d.createElement(dn.Provider,{scope:e.__scopeMenu},d.createElement($n,{present:r||a.open},d.createElement(dn.Slot,{scope:e.__scopeMenu},i.modal?d.createElement(hs,q({},o,{ref:t})):d.createElement(ys,q({},o,{ref:t})))))}),hs=d.forwardRef((e,t)=>{const n=gt(Ne,e.__scopeMenu),r=d.useRef(null),o=pe(t,r);return d.useEffect(()=>{const a=r.current;if(a)return Ec(a)},[]),d.createElement(ho,q({},e,{ref:o,trapFocus:n.open,disableOutsidePointerEvents:n.open,disableOutsideScroll:!0,onFocusOutside:Q(e.onFocusOutside,a=>a.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:()=>n.onOpenChange(!1)}))}),ys=d.forwardRef((e,t)=>{const n=gt(Ne,e.__scopeMenu);return d.createElement(ho,q({},e,{ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,onDismiss:()=>n.onOpenChange(!1)}))}),ho=d.forwardRef((e,t)=>{const X=e,{__scopeMenu:n,loop:r=!1,trapFocus:o,onOpenAutoFocus:a,onCloseAutoFocus:i,disableOutsidePointerEvents:c,onEntryFocus:s,onEscapeKeyDown:l,onPointerDownOutside:p,onFocusOutside:f,onInteractOutside:b,onDismiss:m,disableOutsideScroll:h}=X,g=N(X,["__scopeMenu","loop","trapFocus","onOpenAutoFocus","onCloseAutoFocus","disableOutsidePointerEvents","onEntryFocus","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","onDismiss","disableOutsideScroll"]),v=gt(Ne,n),w=Rn(Ne,n),y=Cn(n),C=go(n),$=cs(n),[E,k]=d.useState(null),D=d.useRef(null),T=pe(t,D,v.onContentChange),_=d.useRef(0),B=d.useRef(""),K=d.useRef(0),O=d.useRef(null),G=d.useRef("right"),F=d.useRef(0),z=h?rs:d.Fragment,V=h?{as:ut,allowPinchZoom:!0}:void 0,L=A=>{var U,te;const ce=B.current+A,Re=$().filter(oe=>!oe.disabled),we=document.activeElement,se=(U=Re.find(oe=>oe.ref.current===we))===null||U===void 0?void 0:U.textValue,ge=Re.map(oe=>oe.textValue),de=Ts(ge,ce,se),ve=(te=Re.find(oe=>oe.textValue===de))===null||te===void 0?void 0:te.ref.current;(function oe(Ge){B.current=Ge,window.clearTimeout(_.current),Ge!==""&&(_.current=window.setTimeout(()=>oe(""),1e3))})(ce),ve&&setTimeout(()=>ve.focus())};d.useEffect(()=>()=>window.clearTimeout(_.current),[]),Ga();const Y=d.useCallback(A=>{var U,te;return G.current===((U=O.current)===null||U===void 0?void 0:U.side)&&_s(A,(te=O.current)===null||te===void 0?void 0:te.area)},[]);return d.createElement(vs,{scope:n,searchRef:B,onItemEnter:d.useCallback(A=>{Y(A)&&A.preventDefault()},[Y]),onItemLeave:d.useCallback(A=>{var U;Y(A)||((U=D.current)===null||U===void 0||U.focus(),k(null))},[Y]),onTriggerLeave:d.useCallback(A=>{Y(A)&&A.preventDefault()},[Y]),pointerGraceTimerRef:K,onPointerGraceIntentChange:d.useCallback(A=>{O.current=A},[])},d.createElement(z,V,d.createElement(Ya,{asChild:!0,trapped:o,onMountAutoFocus:Q(a,A=>{var U;A.preventDefault(),(U=D.current)===null||U===void 0||U.focus()}),onUnmountAutoFocus:i},d.createElement(za,{asChild:!0,disableOutsidePointerEvents:c,onEscapeKeyDown:l,onPointerDownOutside:p,onFocusOutside:f,onInteractOutside:b,onDismiss:m},d.createElement(hc,q({asChild:!0},C,{dir:w.dir,orientation:"vertical",loop:r,currentTabStopId:E,onCurrentTabStopIdChange:k,onEntryFocus:Q(s,A=>{w.isUsingKeyboardRef.current||A.preventDefault()})}),d.createElement(tc,q({role:"menu","aria-orientation":"vertical","data-state":Rs(v.open),"data-radix-menu-content":"",dir:w.dir},y,g,{ref:T,style:S({outline:"none"},g.style),onKeyDown:Q(g.onKeyDown,A=>{const te=A.target.closest("[data-radix-menu-content]")===A.currentTarget,ce=A.ctrlKey||A.altKey||A.metaKey,Re=A.key.length===1;te&&(A.key==="Tab"&&A.preventDefault(),!ce&&Re&&L(A.key));const we=D.current;if(A.target!==we||!is.includes(A.key))return;A.preventDefault();const ge=$().filter(de=>!de.disabled).map(de=>de.ref.current);po.includes(A.key)&&ge.reverse(),Ss(ge)}),onBlur:Q(e.onBlur,A=>{A.currentTarget.contains(A.target)||(window.clearTimeout(_.current),B.current="")}),onPointerMove:Q(e.onPointerMove,pn(A=>{const U=A.target,te=F.current!==A.clientX;if(A.currentTarget.contains(U)&&te){const ce=A.clientX>F.current?"right":"left";G.current=ce,F.current=A.clientX}}))})))))))}),fn="MenuItem",mr="menu.itemSelect",ws=d.forwardRef((e,t)=>{const f=e,{disabled:n=!1,onSelect:r}=f,o=N(f,["disabled","onSelect"]),a=d.useRef(null),i=Rn(fn,e.__scopeMenu),c=bo(fn,e.__scopeMenu),s=pe(t,a),l=d.useRef(!1),p=()=>{const b=a.current;if(!n&&b){const m=new CustomEvent(mr,{bubbles:!0,cancelable:!0});b.addEventListener(mr,h=>r==null?void 0:r(h),{once:!0}),Dr(b,m),m.defaultPrevented?l.current=!1:i.onClose()}};return d.createElement(xs,q({},o,{ref:s,disabled:n,onClick:Q(e.onClick,p),onPointerDown:b=>{var m;(m=e.onPointerDown)===null||m===void 0||m.call(e,b),l.current=!0},onPointerUp:Q(e.onPointerUp,b=>{var m;l.current||(m=b.currentTarget)===null||m===void 0||m.click()}),onKeyDown:Q(e.onKeyDown,b=>{const m=c.searchRef.current!=="";n||m&&b.key===" "||os.includes(b.key)&&(b.currentTarget.click(),b.preventDefault())})}))}),xs=d.forwardRef((e,t)=>{const h=e,{__scopeMenu:n,disabled:r=!1,textValue:o}=h,a=N(h,["__scopeMenu","disabled","textValue"]),i=bo(fn,n),c=go(n),s=d.useRef(null),l=pe(t,s),[p,f]=d.useState(!1),[b,m]=d.useState("");return d.useEffect(()=>{const g=s.current;if(g){var v;m(((v=g.textContent)!==null&&v!==void 0?v:"").trim())}},[a.children]),d.createElement(dn.ItemSlot,{scope:n,disabled:r,textValue:o!=null?o:b},d.createElement(yc,q({asChild:!0},c,{focusable:!r}),d.createElement(Ae.div,q({role:"menuitem","data-highlighted":p?"":void 0,"aria-disabled":r||void 0,"data-disabled":r?"":void 0},a,{ref:l,onPointerMove:Q(e.onPointerMove,pn(g=>{r?i.onItemLeave(g):(i.onItemEnter(g),g.defaultPrevented||g.currentTarget.focus())})),onPointerLeave:Q(e.onPointerLeave,pn(g=>i.onItemLeave(g))),onFocus:Q(e.onFocus,()=>f(!0)),onBlur:Q(e.onBlur,()=>f(!1))}))))}),$s="MenuRadioGroup";Ue($s,{value:void 0,onValueChange:()=>{}});const Es="MenuItemIndicator";Ue(Es,{checked:!1});const Cs="MenuSub";Ue(Cs);function Rs(e){return e?"open":"closed"}function Ss(e){const t=document.activeElement;for(const n of e)if(n===t||(n.focus(),document.activeElement!==t))return}function Ps(e,t){return e.map((n,r)=>e[(t+r)%e.length])}function Ts(e,t,n){const o=t.length>1&&Array.from(t).every(l=>l===t[0])?t[0]:t,a=n?e.indexOf(n):-1;let i=Ps(e,Math.max(a,0));o.length===1&&(i=i.filter(l=>l!==n));const s=i.find(l=>l.toLowerCase().startsWith(o.toLowerCase()));return s!==n?s:void 0}function Os(e,t){const{x:n,y:r}=e;let o=!1;for(let a=0,i=t.length-1;a<t.length;i=a++){const c=t[a].x,s=t[a].y,l=t[i].x,p=t[i].y;s>r!=p>r&&n<(l-c)*(r-s)/(p-s)+c&&(o=!o)}return o}function _s(e,t){if(!t)return!1;const n={x:e.clientX,y:e.clientY};return Os(n,t)}function pn(e){return t=>t.pointerType==="mouse"?e(t):void 0}const As=ds,Ms=fs,ks=gs,Ds=bs,Is=ws,yo="DropdownMenu",[Fs,Js]=pt(yo,[mo]),vt=mo(),[Ns,wo]=Fs(yo),Ls=e=>{const{__scopeDropdownMenu:t,children:n,dir:r,open:o,defaultOpen:a,onOpenChange:i,modal:c=!0}=e,s=vt(t),l=d.useRef(null),[p=!1,f]=kr({prop:o,defaultProp:a,onChange:i});return d.createElement(Ns,{scope:t,triggerId:an(),triggerRef:l,contentId:an(),open:p,onOpenChange:f,onOpenToggle:d.useCallback(()=>f(b=>!b),[f]),modal:c},d.createElement(As,q({},s,{open:p,onOpenChange:f,dir:r,modal:c}),n))},js="DropdownMenuTrigger",Ws=d.forwardRef((e,t)=>{const c=e,{__scopeDropdownMenu:n,disabled:r=!1}=c,o=N(c,["__scopeDropdownMenu","disabled"]),a=wo(js,n),i=vt(n);return d.createElement(Ms,q({asChild:!0},i),d.createElement(Ae.button,q({type:"button",id:a.triggerId,"aria-haspopup":"menu","aria-expanded":a.open,"aria-controls":a.open?a.contentId:void 0,"data-state":a.open?"open":"closed","data-disabled":r?"":void 0,disabled:r},o,{ref:gn(t,a.triggerRef),onPointerDown:Q(e.onPointerDown,s=>{!r&&s.button===0&&s.ctrlKey===!1&&(a.onOpenToggle(),a.open||s.preventDefault())}),onKeyDown:Q(e.onKeyDown,s=>{r||(["Enter"," "].includes(s.key)&&a.onOpenToggle(),s.key==="ArrowDown"&&a.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(s.key)&&s.preventDefault())})})))}),Bs=e=>{const o=e,{__scopeDropdownMenu:t}=o,n=N(o,["__scopeDropdownMenu"]),r=vt(t);return d.createElement(ks,q({},r,n))},zs="DropdownMenuContent",Vs=d.forwardRef((e,t)=>{const c=e,{__scopeDropdownMenu:n}=c,r=N(c,["__scopeDropdownMenu"]),o=wo(zs,n),a=vt(n),i=d.useRef(!1);return d.createElement(Ds,q({id:o.contentId,"aria-labelledby":o.triggerId},a,r,{ref:t,onCloseAutoFocus:Q(e.onCloseAutoFocus,s=>{var l;i.current||(l=o.triggerRef.current)===null||l===void 0||l.focus(),i.current=!1,s.preventDefault()}),onInteractOutside:Q(e.onInteractOutside,s=>{const l=s.detail.originalEvent,p=l.button===0&&l.ctrlKey===!0,f=l.button===2||p;(!o.modal||f)&&(i.current=!0)}),style:J(S({},e.style),{"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"})}))}),Us=d.forwardRef((e,t)=>{const a=e,{__scopeDropdownMenu:n}=a,r=N(a,["__scopeDropdownMenu"]),o=vt(n);return d.createElement(Is,q({},o,r,{ref:t}))}),Gs=Ls,Ys=Ws,Hs=Bs,xo=Vs,$o=Us;function Eo(...e){return ye(he(e))}const Ks=Gs,qs=Ys,Co=d.forwardRef((o,r)=>{var a=o,{className:e,sideOffset:t=4}=a,n=N(a,["className","sideOffset"]);return ae.jsx(Hs,{children:ae.jsx(xo,S({ref:r,sideOffset:t,className:Eo("z-50 min-w-[8rem] overflow-hidden rounded-sm border border-Fills-terciary bg-Text-textSecondaryPlusDark text-Text-primary shadow-md","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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",e)},n))})});Co.displayName=xo.displayName;const Ro=d.forwardRef((o,r)=>{var a=o,{className:e,inset:t}=a,n=N(a,["className","inset"]);return ae.jsx($o,S({ref:r,className:Eo("relative flex cursor-default transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 items-center bg-Text-textSecondaryPlusDark placeholder-Fills-quadrutery text-Text-primary rounded-sm hover:bg-Fills-quintiary active:text-Text-primary active:bg-Fills-quadrutery focus:outline-none disabled:bg-Fills-quintiary px-[12px] pt-[8px] pb-[7px]",t&&"pl-8",e)},n))});Ro.displayName=$o.displayName;exports.Button=$r;exports.Card=Sr;exports.CardContent=_r;exports.CardDescription=Or;exports.CardFooter=Ar;exports.CardHeader=Pr;exports.CardTitle=Tr;exports.DropdownMenu=Ks;exports.DropdownMenuContent=Co;exports.DropdownMenuItem=Ro;exports.DropdownMenuTrigger=qs;exports.Grid=Mr;exports.Input=Er;
+`)},es=0,Ze=[];function ts(e){var t=P.useRef([]),n=P.useRef([0,0]),r=P.useRef(),o=P.useState(es++)[0],a=P.useState(function(){return co()})[0],i=P.useRef(e);P.useEffect(function(){i.current=e},[e]),P.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(o));var g=Cc([e.lockRef.current],(e.shards||[]).map(pr),!0).filter(Boolean);return g.forEach(function(v){return v.classList.add("allow-interactivity-".concat(o))}),function(){document.body.classList.remove("block-interactivity-".concat(o)),g.forEach(function(v){return v.classList.remove("allow-interactivity-".concat(o))})}}},[e.inert,e.lockRef.current,e.shards]);var c=P.useCallback(function(g,v){if("touches"in g&&g.touches.length===2)return!i.current.allowPinchZoom;var w=St(g),y=n.current,C="deltaX"in g?g.deltaX:y[0]-w[0],$="deltaY"in g?g.deltaY:y[1]-w[1],E,k=g.target,D=Math.abs(C)>Math.abs($)?"h":"v";if("touches"in g&&D==="h"&&k.type==="range")return!1;var T=dr(D,k);if(!T)return!0;if(T?E=D:(E=D==="v"?"h":"v",T=dr(D,k)),!T)return!1;if(!r.current&&"changedTouches"in g&&(C||$)&&(r.current=E),!E)return!0;var _=r.current||E;return Zc(_,v,g,_==="h"?C:$,!0)},[]),s=P.useCallback(function(g){var v=g;if(!(!Ze.length||Ze[Ze.length-1]!==a)){var w="deltaY"in v?fr(v):St(v),y=t.current.filter(function(E){return E.name===v.type&&E.target===v.target&&Jc(E.delta,w)})[0];if(y&&y.should){v.cancelable&&v.preventDefault();return}if(!y){var C=(i.current.shards||[]).map(pr).filter(Boolean).filter(function(E){return E.contains(v.target)}),$=C.length>0?c(v,C[0]):!i.current.noIsolation;$&&v.cancelable&&v.preventDefault()}}},[]),l=P.useCallback(function(g,v,w,y){var C={name:g,delta:v,target:w,should:y};t.current.push(C),setTimeout(function(){t.current=t.current.filter(function($){return $!==C})},1)},[]),p=P.useCallback(function(g){n.current=St(g),r.current=void 0},[]),f=P.useCallback(function(g){l(g.type,fr(g),g.target,c(g,e.lockRef.current))},[]),b=P.useCallback(function(g){l(g.type,St(g),g.target,c(g,e.lockRef.current))},[]);P.useEffect(function(){return Ze.push(a),e.setCallbacks({onScrollCapture:f,onWheelCapture:f,onTouchMoveCapture:b}),document.addEventListener("wheel",s,Xe),document.addEventListener("touchmove",s,Xe),document.addEventListener("touchstart",p,Xe),function(){Ze=Ze.filter(function(g){return g!==a}),document.removeEventListener("wheel",s,Xe),document.removeEventListener("touchmove",s,Xe),document.removeEventListener("touchstart",p,Xe)}},[]);var m=e.removeScrollBar,h=e.inert;return P.createElement(P.Fragment,null,h?P.createElement(a,{styles:Qc(o)}):null,m?P.createElement(Uc,{gapMode:"margin"}):null)}const ns=Mc(io,ts);var fo=P.forwardRef(function(e,t){return P.createElement(Nt,$e({},e,{ref:t,sideCar:ns}))});fo.classNames=Nt.classNames;const rs=fo,os=["Enter"," "],as=["ArrowDown","PageUp","Home"],po=["ArrowUp","PageDown","End"],is=[...as,...po],Lt="Menu",[dn,cs,ss]=Ir(Lt),[Ue,mo]=pt(Lt,[ss,Xr,to]),Cn=Xr(),go=to(),[ls,gt]=Ue(Lt),[us,Rn]=Ue(Lt),ds=e=>{const{__scopeMenu:t,open:n=!1,children:r,dir:o,onOpenChange:a,modal:i=!0}=e,c=Cn(t),[s,l]=d.useState(null),p=d.useRef(!1),f=Ee(a),b=Fr(o);return d.useEffect(()=>{const m=()=>{p.current=!0,document.addEventListener("pointerdown",h,{capture:!0,once:!0}),document.addEventListener("pointermove",h,{capture:!0,once:!0})},h=()=>p.current=!1;return document.addEventListener("keydown",m,{capture:!0}),()=>{document.removeEventListener("keydown",m,{capture:!0}),document.removeEventListener("pointerdown",h,{capture:!0}),document.removeEventListener("pointermove",h,{capture:!0})}},[]),d.createElement(Qi,c,d.createElement(ls,{scope:t,open:n,onOpenChange:f,content:s,onContentChange:l},d.createElement(us,{scope:t,onClose:d.useCallback(()=>f(!1),[f]),isUsingKeyboardRef:p,dir:b,modal:i},r)))},fs=d.forwardRef((e,t)=>{const a=e,{__scopeMenu:n}=a,r=N(a,["__scopeMenu"]),o=Cn(n);return d.createElement(ec,q({},o,r,{ref:t}))}),vo="MenuPortal",[ps,ms]=Ue(vo,{forceMount:void 0}),gs=e=>{const{__scopeMenu:t,forceMount:n,children:r,container:o}=e,a=gt(vo,t);return d.createElement(ps,{scope:t,forceMount:n},d.createElement($n,{present:n||a.open},d.createElement(nc,{asChild:!0,container:o},r)))},Ne="MenuContent",[vs,bo]=Ue(Ne),bs=d.forwardRef((e,t)=>{const n=ms(Ne,e.__scopeMenu),c=e,{forceMount:r=n.forceMount}=c,o=N(c,["forceMount"]),a=gt(Ne,e.__scopeMenu),i=Rn(Ne,e.__scopeMenu);return d.createElement(dn.Provider,{scope:e.__scopeMenu},d.createElement($n,{present:r||a.open},d.createElement(dn.Slot,{scope:e.__scopeMenu},i.modal?d.createElement(hs,q({},o,{ref:t})):d.createElement(ys,q({},o,{ref:t})))))}),hs=d.forwardRef((e,t)=>{const n=gt(Ne,e.__scopeMenu),r=d.useRef(null),o=pe(t,r);return d.useEffect(()=>{const a=r.current;if(a)return Ec(a)},[]),d.createElement(ho,q({},e,{ref:o,trapFocus:n.open,disableOutsidePointerEvents:n.open,disableOutsideScroll:!0,onFocusOutside:Q(e.onFocusOutside,a=>a.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:()=>n.onOpenChange(!1)}))}),ys=d.forwardRef((e,t)=>{const n=gt(Ne,e.__scopeMenu);return d.createElement(ho,q({},e,{ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,onDismiss:()=>n.onOpenChange(!1)}))}),ho=d.forwardRef((e,t)=>{const X=e,{__scopeMenu:n,loop:r=!1,trapFocus:o,onOpenAutoFocus:a,onCloseAutoFocus:i,disableOutsidePointerEvents:c,onEntryFocus:s,onEscapeKeyDown:l,onPointerDownOutside:p,onFocusOutside:f,onInteractOutside:b,onDismiss:m,disableOutsideScroll:h}=X,g=N(X,["__scopeMenu","loop","trapFocus","onOpenAutoFocus","onCloseAutoFocus","disableOutsidePointerEvents","onEntryFocus","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","onDismiss","disableOutsideScroll"]),v=gt(Ne,n),w=Rn(Ne,n),y=Cn(n),C=go(n),$=cs(n),[E,k]=d.useState(null),D=d.useRef(null),T=pe(t,D,v.onContentChange),_=d.useRef(0),B=d.useRef(""),K=d.useRef(0),O=d.useRef(null),G=d.useRef("right"),F=d.useRef(0),z=h?rs:d.Fragment,V=h?{as:ut,allowPinchZoom:!0}:void 0,L=A=>{var U,te;const ce=B.current+A,Re=$().filter(oe=>!oe.disabled),we=document.activeElement,se=(U=Re.find(oe=>oe.ref.current===we))===null||U===void 0?void 0:U.textValue,ge=Re.map(oe=>oe.textValue),de=Ts(ge,ce,se),ve=(te=Re.find(oe=>oe.textValue===de))===null||te===void 0?void 0:te.ref.current;(function oe(Ge){B.current=Ge,window.clearTimeout(_.current),Ge!==""&&(_.current=window.setTimeout(()=>oe(""),1e3))})(ce),ve&&setTimeout(()=>ve.focus())};d.useEffect(()=>()=>window.clearTimeout(_.current),[]),Ga();const Y=d.useCallback(A=>{var U,te;return G.current===((U=O.current)===null||U===void 0?void 0:U.side)&&_s(A,(te=O.current)===null||te===void 0?void 0:te.area)},[]);return d.createElement(vs,{scope:n,searchRef:B,onItemEnter:d.useCallback(A=>{Y(A)&&A.preventDefault()},[Y]),onItemLeave:d.useCallback(A=>{var U;Y(A)||((U=D.current)===null||U===void 0||U.focus(),k(null))},[Y]),onTriggerLeave:d.useCallback(A=>{Y(A)&&A.preventDefault()},[Y]),pointerGraceTimerRef:K,onPointerGraceIntentChange:d.useCallback(A=>{O.current=A},[])},d.createElement(z,V,d.createElement(Ya,{asChild:!0,trapped:o,onMountAutoFocus:Q(a,A=>{var U;A.preventDefault(),(U=D.current)===null||U===void 0||U.focus()}),onUnmountAutoFocus:i},d.createElement(za,{asChild:!0,disableOutsidePointerEvents:c,onEscapeKeyDown:l,onPointerDownOutside:p,onFocusOutside:f,onInteractOutside:b,onDismiss:m},d.createElement(hc,q({asChild:!0},C,{dir:w.dir,orientation:"vertical",loop:r,currentTabStopId:E,onCurrentTabStopIdChange:k,onEntryFocus:Q(s,A=>{w.isUsingKeyboardRef.current||A.preventDefault()})}),d.createElement(tc,q({role:"menu","aria-orientation":"vertical","data-state":Rs(v.open),"data-radix-menu-content":"",dir:w.dir},y,g,{ref:T,style:S({outline:"none"},g.style),onKeyDown:Q(g.onKeyDown,A=>{const te=A.target.closest("[data-radix-menu-content]")===A.currentTarget,ce=A.ctrlKey||A.altKey||A.metaKey,Re=A.key.length===1;te&&(A.key==="Tab"&&A.preventDefault(),!ce&&Re&&L(A.key));const we=D.current;if(A.target!==we||!is.includes(A.key))return;A.preventDefault();const ge=$().filter(de=>!de.disabled).map(de=>de.ref.current);po.includes(A.key)&&ge.reverse(),Ss(ge)}),onBlur:Q(e.onBlur,A=>{A.currentTarget.contains(A.target)||(window.clearTimeout(_.current),B.current="")}),onPointerMove:Q(e.onPointerMove,pn(A=>{const U=A.target,te=F.current!==A.clientX;if(A.currentTarget.contains(U)&&te){const ce=A.clientX>F.current?"right":"left";G.current=ce,F.current=A.clientX}}))})))))))}),fn="MenuItem",mr="menu.itemSelect",ws=d.forwardRef((e,t)=>{const f=e,{disabled:n=!1,onSelect:r}=f,o=N(f,["disabled","onSelect"]),a=d.useRef(null),i=Rn(fn,e.__scopeMenu),c=bo(fn,e.__scopeMenu),s=pe(t,a),l=d.useRef(!1),p=()=>{const b=a.current;if(!n&&b){const m=new CustomEvent(mr,{bubbles:!0,cancelable:!0});b.addEventListener(mr,h=>r==null?void 0:r(h),{once:!0}),Dr(b,m),m.defaultPrevented?l.current=!1:i.onClose()}};return d.createElement(xs,q({},o,{ref:s,disabled:n,onClick:Q(e.onClick,p),onPointerDown:b=>{var m;(m=e.onPointerDown)===null||m===void 0||m.call(e,b),l.current=!0},onPointerUp:Q(e.onPointerUp,b=>{var m;l.current||(m=b.currentTarget)===null||m===void 0||m.click()}),onKeyDown:Q(e.onKeyDown,b=>{const m=c.searchRef.current!=="";n||m&&b.key===" "||os.includes(b.key)&&(b.currentTarget.click(),b.preventDefault())})}))}),xs=d.forwardRef((e,t)=>{const h=e,{__scopeMenu:n,disabled:r=!1,textValue:o}=h,a=N(h,["__scopeMenu","disabled","textValue"]),i=bo(fn,n),c=go(n),s=d.useRef(null),l=pe(t,s),[p,f]=d.useState(!1),[b,m]=d.useState("");return d.useEffect(()=>{const g=s.current;if(g){var v;m(((v=g.textContent)!==null&&v!==void 0?v:"").trim())}},[a.children]),d.createElement(dn.ItemSlot,{scope:n,disabled:r,textValue:o!=null?o:b},d.createElement(yc,q({asChild:!0},c,{focusable:!r}),d.createElement(Ae.div,q({role:"menuitem","data-highlighted":p?"":void 0,"aria-disabled":r||void 0,"data-disabled":r?"":void 0},a,{ref:l,onPointerMove:Q(e.onPointerMove,pn(g=>{r?i.onItemLeave(g):(i.onItemEnter(g),g.defaultPrevented||g.currentTarget.focus())})),onPointerLeave:Q(e.onPointerLeave,pn(g=>i.onItemLeave(g))),onFocus:Q(e.onFocus,()=>f(!0)),onBlur:Q(e.onBlur,()=>f(!1))}))))}),$s="MenuRadioGroup";Ue($s,{value:void 0,onValueChange:()=>{}});const Es="MenuItemIndicator";Ue(Es,{checked:!1});const Cs="MenuSub";Ue(Cs);function Rs(e){return e?"open":"closed"}function Ss(e){const t=document.activeElement;for(const n of e)if(n===t||(n.focus(),document.activeElement!==t))return}function Ps(e,t){return e.map((n,r)=>e[(t+r)%e.length])}function Ts(e,t,n){const o=t.length>1&&Array.from(t).every(l=>l===t[0])?t[0]:t,a=n?e.indexOf(n):-1;let i=Ps(e,Math.max(a,0));o.length===1&&(i=i.filter(l=>l!==n));const s=i.find(l=>l.toLowerCase().startsWith(o.toLowerCase()));return s!==n?s:void 0}function Os(e,t){const{x:n,y:r}=e;let o=!1;for(let a=0,i=t.length-1;a<t.length;i=a++){const c=t[a].x,s=t[a].y,l=t[i].x,p=t[i].y;s>r!=p>r&&n<(l-c)*(r-s)/(p-s)+c&&(o=!o)}return o}function _s(e,t){if(!t)return!1;const n={x:e.clientX,y:e.clientY};return Os(n,t)}function pn(e){return t=>t.pointerType==="mouse"?e(t):void 0}const As=ds,Ms=fs,ks=gs,Ds=bs,Is=ws,yo="DropdownMenu",[Fs,Js]=pt(yo,[mo]),vt=mo(),[Ns,wo]=Fs(yo),Ls=e=>{const{__scopeDropdownMenu:t,children:n,dir:r,open:o,defaultOpen:a,onOpenChange:i,modal:c=!0}=e,s=vt(t),l=d.useRef(null),[p=!1,f]=kr({prop:o,defaultProp:a,onChange:i});return d.createElement(Ns,{scope:t,triggerId:an(),triggerRef:l,contentId:an(),open:p,onOpenChange:f,onOpenToggle:d.useCallback(()=>f(b=>!b),[f]),modal:c},d.createElement(As,q({},s,{open:p,onOpenChange:f,dir:r,modal:c}),n))},js="DropdownMenuTrigger",Ws=d.forwardRef((e,t)=>{const c=e,{__scopeDropdownMenu:n,disabled:r=!1}=c,o=N(c,["__scopeDropdownMenu","disabled"]),a=wo(js,n),i=vt(n);return d.createElement(Ms,q({asChild:!0},i),d.createElement(Ae.button,q({type:"button",id:a.triggerId,"aria-haspopup":"menu","aria-expanded":a.open,"aria-controls":a.open?a.contentId:void 0,"data-state":a.open?"open":"closed","data-disabled":r?"":void 0,disabled:r},o,{ref:gn(t,a.triggerRef),onPointerDown:Q(e.onPointerDown,s=>{!r&&s.button===0&&s.ctrlKey===!1&&(a.onOpenToggle(),a.open||s.preventDefault())}),onKeyDown:Q(e.onKeyDown,s=>{r||(["Enter"," "].includes(s.key)&&a.onOpenToggle(),s.key==="ArrowDown"&&a.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(s.key)&&s.preventDefault())})})))}),Bs=e=>{const o=e,{__scopeDropdownMenu:t}=o,n=N(o,["__scopeDropdownMenu"]),r=vt(t);return d.createElement(ks,q({},r,n))},zs="DropdownMenuContent",Vs=d.forwardRef((e,t)=>{const c=e,{__scopeDropdownMenu:n}=c,r=N(c,["__scopeDropdownMenu"]),o=wo(zs,n),a=vt(n),i=d.useRef(!1);return d.createElement(Ds,q({id:o.contentId,"aria-labelledby":o.triggerId},a,r,{ref:t,onCloseAutoFocus:Q(e.onCloseAutoFocus,s=>{var l;i.current||(l=o.triggerRef.current)===null||l===void 0||l.focus(),i.current=!1,s.preventDefault()}),onInteractOutside:Q(e.onInteractOutside,s=>{const l=s.detail.originalEvent,p=l.button===0&&l.ctrlKey===!0,f=l.button===2||p;(!o.modal||f)&&(i.current=!0)}),style:J(S({},e.style),{"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"})}))}),Us=d.forwardRef((e,t)=>{const a=e,{__scopeDropdownMenu:n}=a,r=N(a,["__scopeDropdownMenu"]),o=vt(n);return d.createElement(Is,q({},o,r,{ref:t}))}),Gs=Ls,Ys=Ws,Hs=Bs,xo=Vs,$o=Us;function Eo(...e){return ye(he(e))}const Ks=Gs,qs=Ys,Co=P.forwardRef((o,r)=>{var a=o,{className:e,sideOffset:t=4}=a,n=N(a,["className","sideOffset"]);return ae.jsx(Hs,{children:ae.jsx(xo,S({ref:r,sideOffset:t,className:Eo("z-50 min-w-[8rem] overflow-hidden rounded-sm border border-Fills-terciary bg-Text-textSecondaryPlusDark text-Text-primary shadow-md","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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",e)},n))})});Co.displayName=xo.displayName;const Ro=P.forwardRef((o,r)=>{var a=o,{className:e,inset:t}=a,n=N(a,["className","inset"]);return ae.jsx($o,S({ref:r,className:Eo("relative flex cursor-default transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 items-center bg-Text-textSecondaryPlusDark placeholder-Fills-quadrutery text-Text-primary rounded-sm hover:bg-Fills-quintiary active:text-Text-primary active:bg-Fills-quadrutery focus:outline-none disabled:bg-Fills-quintiary px-[12px] pt-[8px] pb-[7px]",t&&"pl-8",e)},n))});Ro.displayName=$o.displayName;exports.Button=$r;exports.Card=Sr;exports.CardContent=_r;exports.CardDescription=Or;exports.CardFooter=Ar;exports.CardHeader=Pr;exports.CardTitle=Tr;exports.DropdownMenu=Ks;exports.DropdownMenuContent=Co;exports.DropdownMenuItem=Ro;exports.DropdownMenuTrigger=qs;exports.Grid=Mr;exports.Input=Er;

package/dist/index.d.ts

@@ -35,17 +35,17 @@ declare const cardVariants: (props?: ({
     cardType?: "default" | "shadowCard" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare const DropdownMenu: React_3.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 
-export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuContent: React_3.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_3.RefAttributes<HTMLDivElement>, "ref"> & React_3.RefAttributes<HTMLDivElement>>;
 
-export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const DropdownMenuItem: React_3.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_3.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean | undefined;
-} & React_2.RefAttributes<HTMLDivElement>>;
+} & React_3.RefAttributes<HTMLDivElement>>;
 
-export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuTrigger: React_3.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_3.RefAttributes<HTMLButtonElement>>;
 
-export declare interface DropdownProps extends React_2.HTMLAttributes<HTMLElement> {
+export declare interface DropdownProps extends React_3.HTMLAttributes<HTMLElement> {
 }
 
 export declare const Grid: React_3.ForwardRefExoticComponent<GridProps & React_3.RefAttributes<HTMLDivElement>>;

package/dist/index.js

@@ -36,7 +36,7 @@ var Ee = (e, t, n) => new Promise((r, o) => {
   c((n = n.apply(e, t)).next());
 });
 import * as R from "react";
-import le, { useCallback as fe, createContext as Nt, useMemo as Lt, createElement as _, useContext as En, useRef as J, useEffect as oe, useState as ce, forwardRef as ie, Children as ot, isValidElement as jt, cloneElement as Cn, Fragment as Rr, useLayoutEffect as Pr, useReducer as Xo } from "react";
+import fe, { useCallback as de, createContext as Nt, useMemo as Lt, createElement as _, useContext as En, useRef as J, useEffect as oe, useState as ce, forwardRef as ie, Children as ot, isValidElement as jt, cloneElement as Cn, Fragment as Rr, useLayoutEffect as Pr, useReducer as Xo } from "react";
 import * as qo from "react-dom";
 import Zo, { flushSync as Tr } from "react-dom";
 var dn = { exports: {} }, pt = {};
@@ -52,7 +52,7 @@ var dn = { exports: {} }, pt = {};
 var Zn;
 function Jo() {
   return Zn || (Zn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = le, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), c = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), b = Symbol.iterator, m = "@@iterator";
+    var e = fe, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), c = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), b = Symbol.iterator, m = "@@iterator";
     function g(u) {
       if (u === null || typeof u != "object")
         return null;
@@ -271,14 +271,14 @@ function Jo() {
       } catch (Me) {
         if (Me && M && typeof Me.stack == "string") {
           for (var j = Me.stack.split(`
-`), de = M.stack.split(`
-`), re = j.length - 1, ae = de.length - 1; re >= 1 && ae >= 0 && j[re] !== de[ae]; )
+`), ue = M.stack.split(`
+`), re = j.length - 1, ae = ue.length - 1; re >= 1 && ae >= 0 && j[re] !== ue[ae]; )
             ae--;
           for (; re >= 1 && ae >= 0; re--, ae--)
-            if (j[re] !== de[ae]) {
+            if (j[re] !== ue[ae]) {
               if (re !== 1 || ae !== 1)
                 do
-                  if (re--, ae--, ae < 0 || j[re] !== de[ae]) {
+                  if (re--, ae--, ae < 0 || j[re] !== ue[ae]) {
                     var he = `
 ` + j[re].replace(" at new ", " at ");
                     return u.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", u.displayName)), typeof u == "function" && se.set(u, he), he;
@@ -345,8 +345,8 @@ function Jo() {
             var j = void 0;
             try {
               if (typeof u[W] != "function") {
-                var de = Error((M || "React class") + ": " + C + " type `" + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof u[W] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw de.name = "Invariant Violation", de;
+                var ue = Error((M || "React class") + ": " + C + " type `" + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof u[W] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ue.name = "Invariant Violation", ue;
               }
               j = u[W](x, W, M, C, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (re) {
@@ -462,8 +462,8 @@ function Jo() {
     };
     function No(u, x, C, M, H) {
       {
-        var Z, W = {}, j = null, de = null;
-        C !== void 0 && (Ln(C), j = "" + C), Mo(x) && (Ln(x.key), j = "" + x.key), Ao(x) && (de = x.ref, ko(x, H));
+        var Z, W = {}, j = null, ue = null;
+        C !== void 0 && (Ln(C), j = "" + C), Mo(x) && (Ln(x.key), j = "" + x.key), Ao(x) && (ue = x.ref, ko(x, H));
         for (Z in x)
           Pe.call(x, Z) && !_o.hasOwnProperty(Z) && (W[Z] = x[Z]);
         if (u && u.defaultProps) {
@@ -471,11 +471,11 @@ function Jo() {
           for (Z in re)
             W[Z] === void 0 && (W[Z] = re[Z]);
         }
-        if (j || de) {
+        if (j || ue) {
           var ae = typeof u == "function" ? u.displayName || u.name || "Unknown" : u;
-          j && Do(W, ae), de && Io(W, ae);
+          j && Do(W, ae), ue && Io(W, ae);
         }
-        return Fo(u, j, de, H, M, ft.current, W);
+        return Fo(u, j, ue, H, M, ft.current, W);
       }
     }
     var Qt = y.ReactCurrentOwner, Bn = y.ReactDebugCurrentFrame;
@@ -602,8 +602,8 @@ Check the top-level render call using <` + C + ">.");
         if (!W) {
           var j = "";
           (u === void 0 || typeof u == "object" && u !== null && Object.keys(u).length === 0) && (j += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var de = Lo(H);
-          de ? j += de : j += zn();
+          var ue = Lo(H);
+          ue ? j += ue : j += zn();
           var re;
           u === null ? re = "null" : je(u) ? re = "array" : u !== void 0 && u.$$typeof === t ? (re = "<" + (G(u.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : re = typeof u, h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", re, j);
         }
@@ -651,7 +651,7 @@ function Qo() {
   if (Jn)
     return mt;
   Jn = 1;
-  var e = le, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = fe, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function a(c, s, l) {
     var f, d = {}, v = null, p = null;
     l !== void 0 && (v = "" + l), s.key !== void 0 && (v = "" + s.key), s.ref !== void 0 && (p = s.ref);
@@ -665,7 +665,7 @@ function Qo() {
   return mt.Fragment = n, mt.jsx = a, mt.jsxs = a, mt;
 }
 process.env.NODE_ENV === "production" ? dn.exports = Qo() : dn.exports = Jo();
-var ue = dn.exports;
+var le = dn.exports;
 function Or(e) {
   var t, n, r = "";
   if (typeof e == "string" || typeof e == "number")
@@ -3011,10 +3011,10 @@ const Se = /* @__PURE__ */ fi(_i), tr = {
   quaternary: "text-accentEggplant-100 rounded-sm hover:bg-Background-accentEggplant-5 active:bg-Background-accentEggplant-5 focus:bg-Background-accentEggplant-100 focus:text-Text-textPrimaryDark disabled:text-Background-accentEggplant-20",
   small: "py-space075 px-space400",
   large: "py-space150 px-space400"
-}, Ai = le.forwardRef(
+}, Ai = fe.forwardRef(
   (a, i) => {
     var c = a, { color: e = "primary", size: t = "small", disabled: n = !1, className: r } = c, o = N(c, ["color", "size", "disabled", "className"]);
-    return /* @__PURE__ */ ue.jsx(
+    return /* @__PURE__ */ le.jsx(
       "button",
       S({
         ref: i,
@@ -3029,18 +3029,18 @@ const nr = {
   primary: "bg-Text-textSecondaryPlusDark placeholder-Fills-quadrutery text-Text-primary border border-Fills-terciary rounded-sm hover:border-Fills-secondary active:text-Text-primary active:border-Text-primary focus:border-Text-primary focus:outline-none disabled:bg-Fills-quintiary px-[12px] pt-[8px] pb-[7px]",
   success: "bg-Text-textSecondaryPlusDark placeholder-Fills-quadrutery text-Text-primary border border-Fills-terciary rounded-sm hover:border-Fills-secondary active:text-Text-primary active:border-Text-primary focus:border-Text-primary focus:outline-none disabled:bg-Fills-quintiary px-[12px] pt-[8px] pb-[7px]",
   error: "bg-Text-textSecondaryPlusDark placeholder-Fills-quadrutery text-Text-primary border border-System-red rounded-sm active:text-Text-primary focus:outline-none disabled:bg-Fills-quintiary px-[12px] pt-[8px] pb-[7px]"
-}, Mi = le.forwardRef(
+}, Mi = fe.forwardRef(
   (s, c) => {
     var l = s, { color: e = "primary", disabled: t = !1, textarea: n = !1, label: r, caption: o, className: i } = l, a = N(l, ["color", "disabled", "textarea", "label", "caption", "className"]);
-    return n ? /* @__PURE__ */ ue.jsx(
+    return n ? /* @__PURE__ */ le.jsx(
       "textarea",
       S({
         disabled: t,
         className: Se(Ce(nr[e], i))
       }, a)
-    ) : /* @__PURE__ */ ue.jsxs("div", { className: "flex flex-col items-start w-full", children: [
-      r && /* @__PURE__ */ ue.jsx("label", { className: "text-mediumSubHead font-normal", children: r }),
-      /* @__PURE__ */ ue.jsx(
+    ) : /* @__PURE__ */ le.jsxs("div", { className: "flex flex-col items-start w-full", children: [
+      r && /* @__PURE__ */ le.jsx("label", { className: "text-mediumSubHead font-normal", children: r }),
+      /* @__PURE__ */ le.jsx(
         "input",
         S({
           ref: c,
@@ -3048,7 +3048,7 @@ const nr = {
           className: Se(Ce(nr[e], i))
         }, a)
       ),
-      o && /* @__PURE__ */ ue.jsx("caption", { className: "text-mediumCaption1 font-normal", children: o })
+      o && /* @__PURE__ */ le.jsx("caption", { className: "text-mediumCaption1 font-normal", children: o })
     ] });
   }
 );
@@ -3109,7 +3109,7 @@ const rr = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, or =
 }), Ii = R.forwardRef(
   (o, r) => {
     var i = o, { className: e, cardType: t } = i, n = N(i, ["className", "cardType"]);
-    return /* @__PURE__ */ ue.jsx(
+    return /* @__PURE__ */ le.jsx(
       "div",
       S({
         ref: r,
@@ -3131,7 +3131,7 @@ Ii.displayName = "Card";
 const Fi = R.forwardRef(
   (r, n) => {
     var o = r, { className: e } = o, t = N(o, ["className"]);
-    return /* @__PURE__ */ ue.jsx(
+    return /* @__PURE__ */ le.jsx(
       "div",
       S({
         ref: n,
@@ -3144,7 +3144,7 @@ Fi.displayName = "CardHeader";
 const Ni = R.forwardRef(
   (r, n) => {
     var o = r, { className: e } = o, t = N(o, ["className"]);
-    return /* @__PURE__ */ ue.jsx(
+    return /* @__PURE__ */ le.jsx(
       "div",
       S({
         ref: n,
@@ -3157,7 +3157,7 @@ Ni.displayName = "Title";
 const Li = R.forwardRef(
   (r, n) => {
     var o = r, { className: e } = o, t = N(o, ["className"]);
-    return /* @__PURE__ */ ue.jsx(
+    return /* @__PURE__ */ le.jsx(
       "div",
       S({
         ref: n,
@@ -3170,7 +3170,7 @@ Li.displayName = "Description";
 const ji = R.forwardRef(
   (r, n) => {
     var o = r, { className: e } = o, t = N(o, ["className"]);
-    return /* @__PURE__ */ ue.jsx(
+    return /* @__PURE__ */ le.jsx(
       "div",
       S({
         ref: n,
@@ -3183,7 +3183,7 @@ ji.displayName = "Content";
 const Wi = R.forwardRef(
   (r, n) => {
     var o = r, { className: e } = o, t = N(o, ["className"]);
-    return /* @__PURE__ */ ue.jsx(
+    return /* @__PURE__ */ le.jsx(
       "div",
       S({
         ref: n,
@@ -3299,7 +3299,7 @@ const Bi = Fr(
 ), zi = R.forwardRef(
   (o, r) => {
     var i = o, { className: e, children: t } = i, n = N(i, ["className", "children"]);
-    return /* @__PURE__ */ ue.jsx(
+    return /* @__PURE__ */ le.jsx(
       "div",
       Q(S({
         className: Se(
@@ -3352,7 +3352,7 @@ function Rn(...e) {
   );
 }
 function ye(...e) {
-  return fe(Rn(...e), e);
+  return de(Rn(...e), e);
 }
 function xt(e, t = []) {
   let n = [];
@@ -3451,7 +3451,7 @@ function Nr({ prop: e, defaultProp: t, onChange: n = () => {
   const [r, o] = Gi({
     defaultProp: t,
     onChange: n
-  }), i = e !== void 0, a = i ? e : r, c = Oe(n), s = fe((l) => {
+  }), i = e !== void 0, a = i ? e : r, c = Oe(n), s = de((l) => {
     if (i) {
       const d = typeof l == "function" ? l(e) : l;
       d !== e && c(d);
@@ -3557,29 +3557,29 @@ function jr(e) {
     },
     itemMap: /* @__PURE__ */ new Map()
   }), a = (p) => {
-    const { scope: b, children: m } = p, g = le.useRef(null), y = le.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ le.createElement(o, {
+    const { scope: b, children: m } = p, g = fe.useRef(null), y = fe.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ fe.createElement(o, {
       scope: b,
       itemMap: y,
       collectionRef: g
     }, m);
-  }, c = e + "CollectionSlot", s = /* @__PURE__ */ le.forwardRef((p, b) => {
+  }, c = e + "CollectionSlot", s = /* @__PURE__ */ fe.forwardRef((p, b) => {
     const { scope: m, children: g } = p, y = i(c, m), h = ye(b, y.collectionRef);
-    return /* @__PURE__ */ le.createElement(bt, {
+    return /* @__PURE__ */ fe.createElement(bt, {
       ref: h
     }, g);
-  }), l = e + "CollectionItemSlot", f = "data-radix-collection-item", d = /* @__PURE__ */ le.forwardRef((p, b) => {
-    const $ = p, { scope: m, children: g } = $, y = N($, ["scope", "children"]), h = le.useRef(null), E = ye(b, h), w = i(l, m);
-    return le.useEffect(() => (w.itemMap.set(h, S({
+  }), l = e + "CollectionItemSlot", f = "data-radix-collection-item", d = /* @__PURE__ */ fe.forwardRef((p, b) => {
+    const $ = p, { scope: m, children: g } = $, y = N($, ["scope", "children"]), h = fe.useRef(null), E = ye(b, h), w = i(l, m);
+    return fe.useEffect(() => (w.itemMap.set(h, S({
       ref: h
-    }, y)), () => void w.itemMap.delete(h))), /* @__PURE__ */ le.createElement(bt, {
+    }, y)), () => void w.itemMap.delete(h))), /* @__PURE__ */ fe.createElement(bt, {
       [f]: "",
       ref: E
     }, g);
   });
   function v(p) {
     const b = i(e + "CollectionConsumer", p);
-    return le.useCallback(() => {
+    return fe.useCallback(() => {
       const g = b.collectionRef.current;
       if (!g)
         return [];
@@ -3835,7 +3835,7 @@ const rn = "focusScope.autoFocusOnMount", on = "focusScope.autoFocusOnUnmount",
     f,
     p
   ]);
-  const b = fe((g) => {
+  const b = de((g) => {
     if (!n && !r || p.paused)
       return;
     const y = g.key === "Tab" && !g.altKey && !g.ctrlKey && !g.metaKey, h = document.activeElement;
@@ -5408,7 +5408,7 @@ function bc(e) {
       "mounted",
       "unmountSuspended"
     ].includes(c),
-    ref: fe((l) => {
+    ref: de((l) => {
       l && (r.current = getComputedStyle(l)), n(l);
     }, [])
   };
@@ -5445,23 +5445,23 @@ const an = "rovingFocusGroup.onEntryFocus", hc = {
     dir: p,
     loop: o,
     currentTabStopId: b,
-    onItemFocus: fe(
+    onItemFocus: de(
       (P) => m(P),
       [
         m
       ]
     ),
-    onItemShiftTab: fe(
+    onItemShiftTab: de(
       () => y(!0),
       []
     ),
-    onFocusableItemAdd: fe(
+    onFocusableItemAdd: de(
       () => k(
         (P) => P + 1
       ),
       []
     ),
-    onFocusableItemRemove: fe(
+    onFocusableItemRemove: de(
       () => k(
         (P) => P - 1
       ),
@@ -6144,7 +6144,7 @@ const vs = vo, bs = [
     onContentChange: l
   }, /* @__PURE__ */ _(Es, {
     scope: t,
-    onClose: fe(
+    onClose: de(
       () => d(!1),
       [
         d
@@ -6239,31 +6239,31 @@ const vs = vo, bs = [
     );
   };
   oe(() => () => window.clearTimeout(O.current), []), oa();
-  const Y = fe((A) => {
+  const Y = de((A) => {
     var V, ne;
     return G.current === ((V = T.current) === null || V === void 0 ? void 0 : V.side) && Us(A, (ne = T.current) === null || ne === void 0 ? void 0 : ne.area);
   }, []);
   return /* @__PURE__ */ _(Os, {
     scope: n,
     searchRef: B,
-    onItemEnter: fe((A) => {
+    onItemEnter: de((A) => {
       Y(A) && A.preventDefault();
     }, [
       Y
     ]),
-    onItemLeave: fe((A) => {
+    onItemLeave: de((A) => {
       var V;
       Y(A) || ((V = D.current) === null || V === void 0 || V.focus(), k(null));
     }, [
       Y
     ]),
-    onTriggerLeave: fe((A) => {
+    onTriggerLeave: de((A) => {
       Y(A) && A.preventDefault();
     }, [
       Y
     ]),
     pointerGraceTimerRef: K,
-    onPointerGraceIntentChange: fe((A) => {
+    onPointerGraceIntentChange: de((A) => {
       T.current = A;
     }, [])
   }, /* @__PURE__ */ _(z, U, /* @__PURE__ */ _(ia, {
@@ -6478,7 +6478,7 @@ const Vs = Cs, Gs = Ss, Ys = Ts, Hs = _s, Ks = ks, Eo = "DropdownMenu", [Xs, pl]
     contentId: gn(),
     open: f,
     onOpenChange: d,
-    onOpenToggle: fe(
+    onOpenToggle: de(
       () => d(
         (v) => !v
       ),
@@ -6557,9 +6557,9 @@ const Vs = Cs, Gs = Ss, Ys = Ts, Hs = _s, Ks = ks, Eo = "DropdownMenu", [Xs, pl]
 function Po(...e) {
   return Se(Ce(e));
 }
-const ml = ol, gl = il, cl = le.forwardRef((o, r) => {
+const ml = ol, gl = il, cl = R.forwardRef((o, r) => {
   var i = o, { className: e, sideOffset: t = 4 } = i, n = N(i, ["className", "sideOffset"]);
-  return /* @__PURE__ */ ue.jsx(al, { children: /* @__PURE__ */ ue.jsx(
+  return /* @__PURE__ */ le.jsx(al, { children: /* @__PURE__ */ le.jsx(
     So,
     S({
       ref: r,
@@ -6573,9 +6573,9 @@ const ml = ol, gl = il, cl = le.forwardRef((o, r) => {
   ) });
 });
 cl.displayName = So.displayName;
-const sl = le.forwardRef((o, r) => {
+const sl = R.forwardRef((o, r) => {
   var i = o, { className: e, inset: t } = i, n = N(i, ["className", "inset"]);
-  return /* @__PURE__ */ ue.jsx(
+  return /* @__PURE__ */ le.jsx(
     Ro,
     S({
       ref: r,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "design-system-silkhaus",
   "private": false,
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "A template for creating React component libraries with Vite, Tailwind, and Storybook.",
   "author": "meet-codevyasa",
   "license": "MIT",