@k3-universe/react-kit 0.0.1 → 0.0.2

package/storybook-static/assets/{RadioGroup.stories-Tz2LW6O6.js → RadioGroup.stories-CjuD3CwD.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{R as s,a as o}from"./radio-group-iPL-8jvw.js";import{L as a}from"./label-C5vJTTwH.js";import"./iframe-G-6sM9Mt.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-1v1lhNFD.js";import"./index-DvM9azdj.js";import"./index-DqWzLCH-.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";import"./index-CMmbDm5O.js";import"./index-BDwnENHR.js";import"./index-DhoByIgc.js";import"./index-I343IfOC.js";import"./index-lH-AZpAn.js";import"./index-CAwQR9Pv.js";import"./index-ClNNG_ys.js";import"./index-ev1RjzGv.js";import"./index-HghBIZeg.js";import"./index-Bq6UNRVc.js";import"./utils-D-KgF5mV.js";import"./circle-DVJTkDI7.js";import"./createLucideIcon-1ZwIAs_l.js";const _={title:"Shadcn/UI/RadioGroup",component:s},r={render:()=>e.jsxs(s,{defaultValue:"comfortable",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(o,{value:"default",id:"r1"}),e.jsx(a,{htmlFor:"r1",children:"Default"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(o,{value:"comfortable",id:"r2"}),e.jsx(a,{htmlFor:"r2",children:"Comfortable"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(o,{value:"compact",id:"r3"}),e.jsx(a,{htmlFor:"r3",children:"Compact"})]})]})};var t,m,i;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{R as s,a as o}from"./radio-group-CvN0LQZp.js";import{L as a}from"./label-CwntpYJ0.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-BcAKBHrX.js";import"./index-Pk2lGsul.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-Cw7p-pms.js";import"./index-C9xvlw_B.js";import"./index-BN5_W3Yi.js";import"./index-DWC9SV-P.js";import"./index-DschQYGl.js";import"./index-7XoYQV2z.js";import"./index-Dr2xmx-F.js";import"./index-DMk2qc2_.js";import"./index-Dqw7miiX.js";import"./index-CKwUGXmt.js";import"./utils-D-KgF5mV.js";import"./circle-CyarsADt.js";import"./createLucideIcon-CLBo0iA0.js";const _={title:"Shadcn/UI/RadioGroup",component:s},r={render:()=>e.jsxs(s,{defaultValue:"comfortable",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(o,{value:"default",id:"r1"}),e.jsx(a,{htmlFor:"r1",children:"Default"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(o,{value:"comfortable",id:"r2"}),e.jsx(a,{htmlFor:"r2",children:"Comfortable"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(o,{value:"compact",id:"r3"}),e.jsx(a,{htmlFor:"r3",children:"Compact"})]})]})};var t,m,i;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{
   render: () => <RadioGroup defaultValue="comfortable">
       <div className="flex items-center space-x-2">
         <RadioGroupItem value="default" id="r1" />

package/storybook-static/assets/{Resizable.stories-DhP2GKN7.js → Resizable.stories-Cs8dvdc5.js}

@@ -1,4 +1,4 @@
-import{j as M}from"./jsx-runtime-D_zvdyIk.js";import{r as d,b as Hn}from"./iframe-G-6sM9Mt.js";import{c as sn}from"./utils-D-KgF5mV.js";import{G as kn}from"./grip-vertical-Buja1rv9.js";import"./preload-helper-Dp1pzeXC.js";import"./createLucideIcon-1ZwIAs_l.js";const Ie=d.createContext(null);Ie.displayName="PanelGroupContext";const A={group:"data-panel-group",groupDirection:"data-panel-group-direction",groupId:"data-panel-group-id",panel:"data-panel",panelCollapsible:"data-panel-collapsible",panelId:"data-panel-id",panelSize:"data-panel-size",resizeHandle:"data-resize-handle",resizeHandleActive:"data-resize-handle-active",resizeHandleEnabled:"data-panel-resize-handle-enabled",resizeHandleId:"data-panel-resize-handle-id",resizeHandleState:"data-resize-handle-state"},Be=10,te=d.useLayoutEffect,Oe=Hn.useId,Dn=typeof Oe=="function"?Oe:()=>null;let Mn=0;function Ve(e=null){const n=Dn(),t=d.useRef(e||n||null);return t.current===null&&(t.current=""+Mn++),e??t.current}function un({children:e,className:n="",collapsedSize:t,collapsible:r,defaultSize:i,forwardedRef:o,id:l,maxSize:a,minSize:s,onCollapse:h,onExpand:w,onResize:p,order:u,style:v,tagName:z="div",...E}){const R=d.useContext(Ie);if(R===null)throw Error("Panel components must be rendered within a PanelGroup container");const{collapsePanel:S,expandPanel:N,getPanelSize:k,getPanelStyle:$,groupId:O,isPanelCollapsed:I,reevaluatePanelConstraints:P,registerPanel:U,resizePanel:J,unregisterPanel:V}=R,j=Ve(l),H=d.useRef({callbacks:{onCollapse:h,onExpand:w,onResize:p},constraints:{collapsedSize:t,collapsible:r,defaultSize:i,maxSize:a,minSize:s},id:j,idIsFromProps:l!==void 0,order:u});d.useRef({didLogMissingDefaultSizeWarning:!1}),te(()=>{const{callbacks:G,constraints:_}=H.current,T={..._};H.current.id=j,H.current.idIsFromProps=l!==void 0,H.current.order=u,G.onCollapse=h,G.onExpand=w,G.onResize=p,_.collapsedSize=t,_.collapsible=r,_.defaultSize=i,_.maxSize=a,_.minSize=s,(T.collapsedSize!==_.collapsedSize||T.collapsible!==_.collapsible||T.maxSize!==_.maxSize||T.minSize!==_.minSize)&&P(H.current,T)}),te(()=>{const G=H.current;return U(G),()=>{V(G)}},[u,j,U,V]),d.useImperativeHandle(o,()=>({collapse:()=>{S(H.current)},expand:G=>{N(H.current,G)},getId(){return j},getSize(){return k(H.current)},isCollapsed(){return I(H.current)},isExpanded(){return!I(H.current)},resize:G=>{J(H.current,G)}}),[S,N,k,I,j,J]);const ee=$(H.current,i);return d.createElement(z,{...E,children:e,className:n,id:j,style:{...ee,...v},[A.groupId]:O,[A.panel]:"",[A.panelCollapsible]:r||void 0,[A.panelId]:j,[A.panelSize]:parseFloat(""+ee.flexGrow).toFixed(1)})}const cn=d.forwardRef((e,n)=>d.createElement(un,{...e,forwardedRef:n}));un.displayName="Panel";cn.displayName="forwardRef(Panel)";let Te=null,Re=-1,Z=null;function $n(e,n,t){const r=(n&gn)!==0,i=(n&hn)!==0,o=(n&zn)!==0,l=(n&xn)!==0;if(n){if(r)return o?"se-resize":l?"ne-resize":"e-resize";if(i)return o?"sw-resize":l?"nw-resize":"w-resize";if(o)return"s-resize";if(l)return"n-resize"}switch(e){case"horizontal":return"ew-resize";case"intersection":return"move";case"vertical":return"ns-resize"}}function _n(){Z!==null&&(document.head.removeChild(Z),Te=null,Z=null,Re=-1)}function Me(e,n,t){var r,i;const o=$n(e,n);if(Te!==o){if(Te=o,Z===null&&(Z=document.createElement("style"),document.head.appendChild(Z)),Re>=0){var l;(l=Z.sheet)===null||l===void 0||l.removeRule(Re)}Re=(r=(i=Z.sheet)===null||i===void 0?void 0:i.insertRule(`*{cursor: ${o} !important;}`))!==null&&r!==void 0?r:-1}}function dn(e){return e.type==="keydown"}function fn(e){return e.type.startsWith("pointer")}function pn(e){return e.type.startsWith("mouse")}function Ne(e){if(fn(e)){if(e.isPrimary)return{x:e.clientX,y:e.clientY}}else if(pn(e))return{x:e.clientX,y:e.clientY};return{x:1/0,y:1/0}}function Gn(){if(typeof matchMedia=="function")return matchMedia("(pointer:coarse)").matches?"coarse":"fine"}function jn(e,n,t){return e.x<n.x+n.width&&e.x+e.width>n.x&&e.y<n.y+n.height&&e.y+e.height>n.y}function Tn(e,n){if(e===n)throw new Error("Cannot compare node with itself");const t={a:Je(e),b:Je(n)};let r;for(;t.a.at(-1)===t.b.at(-1);)e=t.a.pop(),n=t.b.pop(),r=e;y(r,"Stacking order can only be calculated for elements with a common ancestor");const i={a:Xe(qe(t.a)),b:Xe(qe(t.b))};if(i.a===i.b){const o=r.childNodes,l={a:t.a.at(-1),b:t.b.at(-1)};let a=o.length;for(;a--;){const s=o[a];if(s===l.a)return 1;if(s===l.b)return-1}}return Math.sign(i.a-i.b)}const Bn=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function Vn(e){var n;const t=getComputedStyle((n=mn(e))!==null&&n!==void 0?n:e).display;return t==="flex"||t==="inline-flex"}function Fn(e){const n=getComputedStyle(e);return!!(n.position==="fixed"||n.zIndex!=="auto"&&(n.position!=="static"||Vn(e))||+n.opacity<1||"transform"in n&&n.transform!=="none"||"webkitTransform"in n&&n.webkitTransform!=="none"||"mixBlendMode"in n&&n.mixBlendMode!=="normal"||"filter"in n&&n.filter!=="none"||"webkitFilter"in n&&n.webkitFilter!=="none"||"isolation"in n&&n.isolation==="isolate"||Bn.test(n.willChange)||n.webkitOverflowScrolling==="touch")}function qe(e){let n=e.length;for(;n--;){const t=e[n];if(y(t,"Missing node"),Fn(t))return t}return null}function Xe(e){return e&&Number(getComputedStyle(e).zIndex)||0}function Je(e){const n=[];for(;e;)n.push(e),e=mn(e);return n}function mn(e){const{parentNode:n}=e;return n&&n instanceof ShadowRoot?n.host:n}const gn=1,hn=2,zn=4,xn=8,Un=Gn()==="coarse";let K=[],se=!1,Q=new Map,Le=new Map;const ze=new Set;function Wn(e,n,t,r,i){var o;const{ownerDocument:l}=n,a={direction:t,element:n,hitAreaMargins:r,setResizeHandlerState:i},s=(o=Q.get(l))!==null&&o!==void 0?o:0;return Q.set(l,s+1),ze.add(a),Ee(),function(){var w;Le.delete(e),ze.delete(a);const p=(w=Q.get(l))!==null&&w!==void 0?w:1;if(Q.set(l,p-1),Ee(),p===1&&Q.delete(l),K.includes(a)){const u=K.indexOf(a);u>=0&&K.splice(u,1),Ae(),i("up",!0,null)}}}function Kn(e){const{target:n}=e,{x:t,y:r}=Ne(e);se=!0,Fe({target:n,x:t,y:r}),Ee(),K.length>0&&(Ce("down",e),Ae(),e.preventDefault(),yn(n)||e.stopImmediatePropagation())}function $e(e){const{x:n,y:t}=Ne(e);if(se&&e.buttons===0&&(se=!1,Ce("up",e)),!se){const{target:r}=e;Fe({target:r,x:n,y:t})}Ce("move",e),Ae(),K.length>0&&e.preventDefault()}function _e(e){const{target:n}=e,{x:t,y:r}=Ne(e);Le.clear(),se=!1,K.length>0&&(e.preventDefault(),yn(n)||e.stopImmediatePropagation()),Ce("up",e),Fe({target:n,x:t,y:r}),Ae(),Ee()}function yn(e){let n=e;for(;n;){if(n.hasAttribute(A.resizeHandle))return!0;n=n.parentElement}return!1}function Fe({target:e,x:n,y:t}){K.splice(0);let r=null;(e instanceof HTMLElement||e instanceof SVGElement)&&(r=e),ze.forEach(i=>{const{element:o,hitAreaMargins:l}=i,a=o.getBoundingClientRect(),{bottom:s,left:h,right:w,top:p}=a,u=Un?l.coarse:l.fine;if(n>=h-u&&n<=w+u&&t>=p-u&&t<=s+u){if(r!==null&&document.contains(r)&&o!==r&&!o.contains(r)&&!r.contains(o)&&Tn(r,o)>0){let z=r,E=!1;for(;z&&!z.contains(o);){if(jn(z.getBoundingClientRect(),a)){E=!0;break}z=z.parentElement}if(E)return}K.push(i)}})}function Ge(e,n){Le.set(e,n)}function Ae(){let e=!1,n=!1;K.forEach(r=>{const{direction:i}=r;i==="horizontal"?e=!0:n=!0});let t=0;Le.forEach(r=>{t|=r}),e&&n?Me("intersection",t):e?Me("horizontal",t):n?Me("vertical",t):_n()}let je;function Ee(){var e;(e=je)===null||e===void 0||e.abort(),je=new AbortController;const n={capture:!0,signal:je.signal};ze.size&&(se?(K.length>0&&Q.forEach((t,r)=>{const{body:i}=r;t>0&&(i.addEventListener("contextmenu",_e,n),i.addEventListener("pointerleave",$e,n),i.addEventListener("pointermove",$e,n))}),Q.forEach((t,r)=>{const{body:i}=r;i.addEventListener("pointerup",_e,n),i.addEventListener("pointercancel",_e,n)})):Q.forEach((t,r)=>{const{body:i}=r;t>0&&(i.addEventListener("pointerdown",Kn,n),i.addEventListener("pointermove",$e,n))}))}function Ce(e,n){ze.forEach(t=>{const{setResizeHandlerState:r}=t,i=K.includes(t);r(e,i,n)})}function On(){const[e,n]=d.useState(0);return d.useCallback(()=>n(t=>t+1),[])}function y(e,n){if(!e)throw console.error(n),Error(n)}function re(e,n,t=Be){return e.toFixed(t)===n.toFixed(t)?0:e>n?1:-1}function Y(e,n,t=Be){return re(e,n,t)===0}function F(e,n,t){return re(e,n,t)===0}function qn(e,n,t){if(e.length!==n.length)return!1;for(let r=0;r<e.length;r++){const i=e[r],o=n[r];if(!F(i,o,t))return!1}return!0}function ae({panelConstraints:e,panelIndex:n,size:t}){const r=e[n];y(r!=null,`Panel constraints not found for index ${n}`);let{collapsedSize:i=0,collapsible:o,maxSize:l=100,minSize:a=0}=r;if(re(t,a)<0)if(o){const s=(i+a)/2;re(t,s)<0?t=i:t=a}else t=a;return t=Math.min(l,t),t=parseFloat(t.toFixed(Be)),t}function ge({delta:e,initialLayout:n,panelConstraints:t,pivotIndices:r,prevLayout:i,trigger:o}){if(F(e,0))return n;const l=[...n],[a,s]=r;y(a!=null,"Invalid first pivot index"),y(s!=null,"Invalid second pivot index");let h=0;if(o==="keyboard"){{const p=e<0?s:a,u=t[p];y(u,`Panel constraints not found for index ${p}`);const{collapsedSize:v=0,collapsible:z,minSize:E=0}=u;if(z){const R=n[p];if(y(R!=null,`Previous layout not found for panel index ${p}`),F(R,v)){const S=E-R;re(S,Math.abs(e))>0&&(e=e<0?0-S:S)}}}{const p=e<0?a:s,u=t[p];y(u,`No panel constraints found for index ${p}`);const{collapsedSize:v=0,collapsible:z,minSize:E=0}=u;if(z){const R=n[p];if(y(R!=null,`Previous layout not found for panel index ${p}`),F(R,E)){const S=R-v;re(S,Math.abs(e))>0&&(e=e<0?0-S:S)}}}}{const p=e<0?1:-1;let u=e<0?s:a,v=0;for(;;){const E=n[u];y(E!=null,`Previous layout not found for panel index ${u}`);const S=ae({panelConstraints:t,panelIndex:u,size:100})-E;if(v+=S,u+=p,u<0||u>=t.length)break}const z=Math.min(Math.abs(e),Math.abs(v));e=e<0?0-z:z}{let u=e<0?a:s;for(;u>=0&&u<t.length;){const v=Math.abs(e)-Math.abs(h),z=n[u];y(z!=null,`Previous layout not found for panel index ${u}`);const E=z-v,R=ae({panelConstraints:t,panelIndex:u,size:E});if(!F(z,R)&&(h+=z-R,l[u]=R,h.toPrecision(3).localeCompare(Math.abs(e).toPrecision(3),void 0,{numeric:!0})>=0))break;e<0?u--:u++}}if(qn(i,l))return i;{const p=e<0?s:a,u=n[p];y(u!=null,`Previous layout not found for panel index ${p}`);const v=u+h,z=ae({panelConstraints:t,panelIndex:p,size:v});if(l[p]=z,!F(z,v)){let E=v-z,S=e<0?s:a;for(;S>=0&&S<t.length;){const N=l[S];y(N!=null,`Previous layout not found for panel index ${S}`);const k=N+E,$=ae({panelConstraints:t,panelIndex:S,size:k});if(F(N,$)||(E-=$-N,l[S]=$),F(E,0))break;e>0?S--:S++}}}const w=l.reduce((p,u)=>u+p,0);return F(w,100)?l:i}function Xn({layout:e,panelsArray:n,pivotIndices:t}){let r=0,i=100,o=0,l=0;const a=t[0];y(a!=null,"No pivot index found"),n.forEach((p,u)=>{const{constraints:v}=p,{maxSize:z=100,minSize:E=0}=v;u===a?(r=E,i=z):(o+=E,l+=z)});const s=Math.min(i,100-o),h=Math.max(r,100-l),w=e[a];return{valueMax:s,valueMin:h,valueNow:w}}function xe(e,n=document){return Array.from(n.querySelectorAll(`[${A.resizeHandleId}][data-panel-group-id="${e}"]`))}function vn(e,n,t=document){const i=xe(e,t).findIndex(o=>o.getAttribute(A.resizeHandleId)===n);return i??null}function bn(e,n,t){const r=vn(e,n,t);return r!=null?[r,r+1]:[-1,-1]}function Jn(e){return e instanceof HTMLElement?!0:typeof e=="object"&&e!==null&&"tagName"in e&&"getAttribute"in e}function Sn(e,n=document){if(Jn(n)&&n.dataset.panelGroupId==e)return n;const t=n.querySelector(`[data-panel-group][data-panel-group-id="${e}"]`);return t||null}function He(e,n=document){const t=n.querySelector(`[${A.resizeHandleId}="${e}"]`);return t||null}function Yn(e,n,t,r=document){var i,o,l,a;const s=He(n,r),h=xe(e,r),w=s?h.indexOf(s):-1,p=(i=(o=t[w])===null||o===void 0?void 0:o.id)!==null&&i!==void 0?i:null,u=(l=(a=t[w+1])===null||a===void 0?void 0:a.id)!==null&&l!==void 0?l:null;return[p,u]}function Zn({committedValuesRef:e,eagerValuesRef:n,groupId:t,layout:r,panelDataArray:i,panelGroupElement:o,setLayout:l}){d.useRef({didWarnAboutMissingResizeHandle:!1}),te(()=>{if(!o)return;const a=xe(t,o);for(let s=0;s<i.length-1;s++){const{valueMax:h,valueMin:w,valueNow:p}=Xn({layout:r,panelsArray:i,pivotIndices:[s,s+1]}),u=a[s];if(u!=null){const v=i[s];y(v,`No panel data found for index "${s}"`),u.setAttribute("aria-controls",v.id),u.setAttribute("aria-valuemax",""+Math.round(h)),u.setAttribute("aria-valuemin",""+Math.round(w)),u.setAttribute("aria-valuenow",p!=null?""+Math.round(p):"")}}return()=>{a.forEach((s,h)=>{s.removeAttribute("aria-controls"),s.removeAttribute("aria-valuemax"),s.removeAttribute("aria-valuemin"),s.removeAttribute("aria-valuenow")})}},[t,r,i,o]),d.useEffect(()=>{if(!o)return;const a=n.current;y(a,"Eager values not found");const{panelDataArray:s}=a,h=Sn(t,o);y(h!=null,`No group found for id "${t}"`);const w=xe(t,o);y(w,`No resize handles found for group id "${t}"`);const p=w.map(u=>{const v=u.getAttribute(A.resizeHandleId);y(v,"Resize handle element has no handle id attribute");const[z,E]=Yn(t,v,s,o);if(z==null||E==null)return()=>{};const R=S=>{if(!S.defaultPrevented)switch(S.key){case"Enter":{S.preventDefault();const N=s.findIndex(k=>k.id===z);if(N>=0){const k=s[N];y(k,`No panel data found for index ${N}`);const $=r[N],{collapsedSize:O=0,collapsible:I,minSize:P=0}=k.constraints;if($!=null&&I){const U=ge({delta:F($,O)?P-O:O-$,initialLayout:r,panelConstraints:s.map(J=>J.constraints),pivotIndices:bn(t,v,o),prevLayout:r,trigger:"keyboard"});r!==U&&l(U)}}break}}};return u.addEventListener("keydown",R),()=>{u.removeEventListener("keydown",R)}});return()=>{p.forEach(u=>u())}},[o,e,n,t,r,i,l])}function Ye(e,n){if(e.length!==n.length)return!1;for(let t=0;t<e.length;t++)if(e[t]!==n[t])return!1;return!0}function Pn(e,n){const t=e==="horizontal",{x:r,y:i}=Ne(n);return t?r:i}function Qn(e,n,t,r,i){const o=t==="horizontal",l=He(n,i);y(l,`No resize handle element found for id "${n}"`);const a=l.getAttribute(A.groupId);y(a,"Resize handle element has no group id attribute");let{initialCursorPosition:s}=r;const h=Pn(t,e),w=Sn(a,i);y(w,`No group element found for id "${a}"`);const p=w.getBoundingClientRect(),u=o?p.width:p.height;return(h-s)/u*100}function et(e,n,t,r,i,o){if(dn(e)){const l=t==="horizontal";let a=0;e.shiftKey?a=100:i!=null?a=i:a=10;let s=0;switch(e.key){case"ArrowDown":s=l?0:a;break;case"ArrowLeft":s=l?-a:0;break;case"ArrowRight":s=l?a:0;break;case"ArrowUp":s=l?0:-a;break;case"End":s=100;break;case"Home":s=-100;break}return s}else return r==null?0:Qn(e,n,t,r,o)}function nt({panelDataArray:e}){const n=Array(e.length),t=e.map(o=>o.constraints);let r=0,i=100;for(let o=0;o<e.length;o++){const l=t[o];y(l,`Panel constraints not found for index ${o}`);const{defaultSize:a}=l;a!=null&&(r++,n[o]=a,i-=a)}for(let o=0;o<e.length;o++){const l=t[o];y(l,`Panel constraints not found for index ${o}`);const{defaultSize:a}=l;if(a!=null)continue;const s=e.length-r,h=i/s;r++,n[o]=h,i-=h}return n}function ie(e,n,t){n.forEach((r,i)=>{const o=e[i];y(o,`Panel data not found for index ${i}`);const{callbacks:l,constraints:a,id:s}=o,{collapsedSize:h=0,collapsible:w}=a,p=t[s];if(p==null||r!==p){t[s]=r;const{onCollapse:u,onExpand:v,onResize:z}=l;z&&z(r,p),w&&(u||v)&&(v&&(p==null||Y(p,h))&&!Y(r,h)&&v(),u&&(p==null||!Y(p,h))&&Y(r,h)&&u())}})}function Se(e,n){if(e.length!==n.length)return!1;for(let t=0;t<e.length;t++)if(e[t]!=n[t])return!1;return!0}function tt({defaultSize:e,dragState:n,layout:t,panelData:r,panelIndex:i,precision:o=3}){const l=t[i];let a;return l==null?a=e!=null?e.toPrecision(o):"1":r.length===1?a="1":a=l.toPrecision(o),{flexBasis:0,flexGrow:a,flexShrink:1,overflow:"hidden",pointerEvents:n!==null?"none":void 0}}function rt(e,n=10){let t=null;return(...i)=>{t!==null&&clearTimeout(t),t=setTimeout(()=>{e(...i)},n)}}function Ze(e){try{if(typeof localStorage<"u")e.getItem=n=>localStorage.getItem(n),e.setItem=(n,t)=>{localStorage.setItem(n,t)};else throw new Error("localStorage not supported in this environment")}catch(n){console.error(n),e.getItem=()=>null,e.setItem=()=>{}}}function wn(e){return`react-resizable-panels:${e}`}function Rn(e){return e.map(n=>{const{constraints:t,id:r,idIsFromProps:i,order:o}=n;return i?r:o?`${o}:${JSON.stringify(t)}`:JSON.stringify(t)}).sort((n,t)=>n.localeCompare(t)).join(",")}function En(e,n){try{const t=wn(e),r=n.getItem(t);if(r){const i=JSON.parse(r);if(typeof i=="object"&&i!=null)return i}}catch{}return null}function ot(e,n,t){var r,i;const o=(r=En(e,t))!==null&&r!==void 0?r:{},l=Rn(n);return(i=o[l])!==null&&i!==void 0?i:null}function it(e,n,t,r,i){var o;const l=wn(e),a=Rn(n),s=(o=En(e,i))!==null&&o!==void 0?o:{};s[a]={expandToSizes:Object.fromEntries(t.entries()),layout:r};try{i.setItem(l,JSON.stringify(s))}catch(h){console.error(h)}}function Qe({layout:e,panelConstraints:n}){const t=[...e],r=t.reduce((o,l)=>o+l,0);if(t.length!==n.length)throw Error(`Invalid ${n.length} panel layout: ${t.map(o=>`${o}%`).join(", ")}`);if(!F(r,100)&&t.length>0)for(let o=0;o<n.length;o++){const l=t[o];y(l!=null,`No layout data found for index ${o}`);const a=100/r*l;t[o]=a}let i=0;for(let o=0;o<n.length;o++){const l=t[o];y(l!=null,`No layout data found for index ${o}`);const a=ae({panelConstraints:n,panelIndex:o,size:l});l!=a&&(i+=l-a,t[o]=a)}if(!F(i,0))for(let o=0;o<n.length;o++){const l=t[o];y(l!=null,`No layout data found for index ${o}`);const a=l+i,s=ae({panelConstraints:n,panelIndex:o,size:a});if(l!==s&&(i-=s-l,t[o]=s,F(i,0)))break}return t}const lt=100,he={getItem:e=>(Ze(he),he.getItem(e)),setItem:(e,n)=>{Ze(he),he.setItem(e,n)}},en={};function Cn({autoSaveId:e=null,children:n,className:t="",direction:r,forwardedRef:i,id:o=null,onLayout:l=null,keyboardResizeBy:a=null,storage:s=he,style:h,tagName:w="div",...p}){const u=Ve(o),v=d.useRef(null),[z,E]=d.useState(null),[R,S]=d.useState([]),N=On(),k=d.useRef({}),$=d.useRef(new Map),O=d.useRef(0),I=d.useRef({autoSaveId:e,direction:r,dragState:z,id:u,keyboardResizeBy:a,onLayout:l,storage:s}),P=d.useRef({layout:R,panelDataArray:[],panelDataArrayChanged:!1});d.useRef({didLogIdAndOrderWarning:!1,didLogPanelConstraintsWarning:!1,prevPanelIds:[]}),d.useImperativeHandle(i,()=>({getId:()=>I.current.id,getLayout:()=>{const{layout:c}=P.current;return c},setLayout:c=>{const{onLayout:g}=I.current,{layout:b,panelDataArray:m}=P.current,f=Qe({layout:c,panelConstraints:m.map(x=>x.constraints)});Ye(b,f)||(S(f),P.current.layout=f,g&&g(f),ie(m,f,k.current))}}),[]),te(()=>{I.current.autoSaveId=e,I.current.direction=r,I.current.dragState=z,I.current.id=u,I.current.onLayout=l,I.current.storage=s}),Zn({committedValuesRef:I,eagerValuesRef:P,groupId:u,layout:R,panelDataArray:P.current.panelDataArray,setLayout:S,panelGroupElement:v.current}),d.useEffect(()=>{const{panelDataArray:c}=P.current;if(e){if(R.length===0||R.length!==c.length)return;let g=en[e];g==null&&(g=rt(it,lt),en[e]=g);const b=[...c],m=new Map($.current);g(e,b,m,R,s)}},[e,R,s]),d.useEffect(()=>{});const U=d.useCallback(c=>{const{onLayout:g}=I.current,{layout:b,panelDataArray:m}=P.current;if(c.constraints.collapsible){const f=m.map(q=>q.constraints),{collapsedSize:x=0,panelSize:C,pivotIndices:D}=ne(m,c,b);if(y(C!=null,`Panel size not found for panel "${c.id}"`),!Y(C,x)){$.current.set(c.id,C);const X=le(m,c)===m.length-1?C-x:x-C,L=ge({delta:X,initialLayout:b,panelConstraints:f,pivotIndices:D,prevLayout:b,trigger:"imperative-api"});Se(b,L)||(S(L),P.current.layout=L,g&&g(L),ie(m,L,k.current))}}},[]),J=d.useCallback((c,g)=>{const{onLayout:b}=I.current,{layout:m,panelDataArray:f}=P.current;if(c.constraints.collapsible){const x=f.map(W=>W.constraints),{collapsedSize:C=0,panelSize:D=0,minSize:q=0,pivotIndices:X}=ne(f,c,m),L=g??q;if(Y(D,C)){const W=$.current.get(c.id),pe=W!=null&&W>=L?W:L,De=le(f,c)===f.length-1?D-pe:pe-D,B=ge({delta:De,initialLayout:m,panelConstraints:x,pivotIndices:X,prevLayout:m,trigger:"imperative-api"});Se(m,B)||(S(B),P.current.layout=B,b&&b(B),ie(f,B,k.current))}}},[]),V=d.useCallback(c=>{const{layout:g,panelDataArray:b}=P.current,{panelSize:m}=ne(b,c,g);return y(m!=null,`Panel size not found for panel "${c.id}"`),m},[]),j=d.useCallback((c,g)=>{const{panelDataArray:b}=P.current,m=le(b,c);return tt({defaultSize:g,dragState:z,layout:R,panelData:b,panelIndex:m})},[z,R]),H=d.useCallback(c=>{const{layout:g,panelDataArray:b}=P.current,{collapsedSize:m=0,collapsible:f,panelSize:x}=ne(b,c,g);return y(x!=null,`Panel size not found for panel "${c.id}"`),f===!0&&Y(x,m)},[]),ee=d.useCallback(c=>{const{layout:g,panelDataArray:b}=P.current,{collapsedSize:m=0,collapsible:f,panelSize:x}=ne(b,c,g);return y(x!=null,`Panel size not found for panel "${c.id}"`),!f||re(x,m)>0},[]),G=d.useCallback(c=>{const{panelDataArray:g}=P.current;g.push(c),g.sort((b,m)=>{const f=b.order,x=m.order;return f==null&&x==null?0:f==null?-1:x==null?1:f-x}),P.current.panelDataArrayChanged=!0,N()},[N]);te(()=>{if(P.current.panelDataArrayChanged){P.current.panelDataArrayChanged=!1;const{autoSaveId:c,onLayout:g,storage:b}=I.current,{layout:m,panelDataArray:f}=P.current;let x=null;if(c){const D=ot(c,f,b);D&&($.current=new Map(Object.entries(D.expandToSizes)),x=D.layout)}x==null&&(x=nt({panelDataArray:f}));const C=Qe({layout:x,panelConstraints:f.map(D=>D.constraints)});Ye(m,C)||(S(C),P.current.layout=C,g&&g(C),ie(f,C,k.current))}}),te(()=>{const c=P.current;return()=>{c.layout=[]}},[]);const _=d.useCallback(c=>{let g=!1;const b=v.current;return b&&window.getComputedStyle(b,null).getPropertyValue("direction")==="rtl"&&(g=!0),function(f){f.preventDefault();const x=v.current;if(!x)return()=>null;const{direction:C,dragState:D,id:q,keyboardResizeBy:X,onLayout:L}=I.current,{layout:W,panelDataArray:pe}=P.current,{initialLayout:be}=D??{},De=bn(q,c,x);let B=et(f,c,C,D,X,x);const We=C==="horizontal";We&&g&&(B=-B);const Ln=pe.map(An=>An.constraints),me=ge({delta:B,initialLayout:be??W,panelConstraints:Ln,pivotIndices:De,prevLayout:W,trigger:dn(f)?"keyboard":"mouse-or-touch"}),Ke=!Se(W,me);(fn(f)||pn(f))&&O.current!=B&&(O.current=B,!Ke&&B!==0?We?Ge(c,B<0?gn:hn):Ge(c,B<0?zn:xn):Ge(c,0)),Ke&&(S(me),P.current.layout=me,L&&L(me),ie(pe,me,k.current))}},[]),T=d.useCallback((c,g)=>{const{onLayout:b}=I.current,{layout:m,panelDataArray:f}=P.current,x=f.map(W=>W.constraints),{panelSize:C,pivotIndices:D}=ne(f,c,m);y(C!=null,`Panel size not found for panel "${c.id}"`);const X=le(f,c)===f.length-1?C-g:g-C,L=ge({delta:X,initialLayout:m,panelConstraints:x,pivotIndices:D,prevLayout:m,trigger:"imperative-api"});Se(m,L)||(S(L),P.current.layout=L,b&&b(L),ie(f,L,k.current))},[]),ue=d.useCallback((c,g)=>{const{layout:b,panelDataArray:m}=P.current,{collapsedSize:f=0,collapsible:x}=g,{collapsedSize:C=0,collapsible:D,maxSize:q=100,minSize:X=0}=c.constraints,{panelSize:L}=ne(m,c,b);L!=null&&(x&&D&&Y(L,f)?Y(f,C)||T(c,C):L<X?T(c,X):L>q&&T(c,q))},[T]),ce=d.useCallback((c,g)=>{const{direction:b}=I.current,{layout:m}=P.current;if(!v.current)return;const f=He(c,v.current);y(f,`Drag handle element not found for id "${c}"`);const x=Pn(b,g);E({dragHandleId:c,dragHandleRect:f.getBoundingClientRect(),initialCursorPosition:x,initialLayout:m})},[]),de=d.useCallback(()=>{E(null)},[]),ve=d.useCallback(c=>{const{panelDataArray:g}=P.current,b=le(g,c);b>=0&&(g.splice(b,1),delete k.current[c.id],P.current.panelDataArrayChanged=!0,N())},[N]),oe=d.useMemo(()=>({collapsePanel:U,direction:r,dragState:z,expandPanel:J,getPanelSize:V,getPanelStyle:j,groupId:u,isPanelCollapsed:H,isPanelExpanded:ee,reevaluatePanelConstraints:ue,registerPanel:G,registerResizeHandle:_,resizePanel:T,startDragging:ce,stopDragging:de,unregisterPanel:ve,panelGroupElement:v.current}),[U,z,r,J,V,j,u,H,ee,ue,G,_,T,ce,de,ve]),fe={display:"flex",flexDirection:r==="horizontal"?"row":"column",height:"100%",overflow:"hidden",width:"100%"};return d.createElement(Ie.Provider,{value:oe},d.createElement(w,{...p,children:n,className:t,id:o,ref:v,style:{...fe,...h},[A.group]:"",[A.groupDirection]:r,[A.groupId]:u}))}const In=d.forwardRef((e,n)=>d.createElement(Cn,{...e,forwardedRef:n}));Cn.displayName="PanelGroup";In.displayName="forwardRef(PanelGroup)";function le(e,n){return e.findIndex(t=>t===n||t.id===n.id)}function ne(e,n,t){const r=le(e,n),o=r===e.length-1?[r-1,r]:[r,r+1],l=t[r];return{...n.constraints,panelSize:l,pivotIndices:o}}function at({disabled:e,handleId:n,resizeHandler:t,panelGroupElement:r}){d.useEffect(()=>{if(e||t==null||r==null)return;const i=He(n,r);if(i==null)return;const o=l=>{if(!l.defaultPrevented)switch(l.key){case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"End":case"Home":{l.preventDefault(),t(l);break}case"F6":{l.preventDefault();const a=i.getAttribute(A.groupId);y(a,`No group element found for id "${a}"`);const s=xe(a,r),h=vn(a,n,r);y(h!==null,`No resize element found for id "${n}"`);const w=l.shiftKey?h>0?h-1:s.length-1:h+1<s.length?h+1:0;s[w].focus();break}}};return i.addEventListener("keydown",o),()=>{i.removeEventListener("keydown",o)}},[r,e,n,t])}function Nn({children:e=null,className:n="",disabled:t=!1,hitAreaMargins:r,id:i,onBlur:o,onClick:l,onDragging:a,onFocus:s,onPointerDown:h,onPointerUp:w,style:p={},tabIndex:u=0,tagName:v="div",...z}){var E,R;const S=d.useRef(null),N=d.useRef({onClick:l,onDragging:a,onPointerDown:h,onPointerUp:w});d.useEffect(()=>{N.current.onClick=l,N.current.onDragging=a,N.current.onPointerDown=h,N.current.onPointerUp=w});const k=d.useContext(Ie);if(k===null)throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");const{direction:$,groupId:O,registerResizeHandle:I,startDragging:P,stopDragging:U,panelGroupElement:J}=k,V=Ve(i),[j,H]=d.useState("inactive"),[ee,G]=d.useState(!1),[_,T]=d.useState(null),ue=d.useRef({state:j});te(()=>{ue.current.state=j}),d.useEffect(()=>{if(t)T(null);else{const oe=I(V);T(()=>oe)}},[t,V,I]);const ce=(E=r==null?void 0:r.coarse)!==null&&E!==void 0?E:15,de=(R=r==null?void 0:r.fine)!==null&&R!==void 0?R:5;d.useEffect(()=>{if(t||_==null)return;const oe=S.current;y(oe,"Element ref not attached");let fe=!1;return Wn(V,oe,$,{coarse:ce,fine:de},(g,b,m)=>{if(!b){H("inactive");return}switch(g){case"down":{H("drag"),fe=!1,y(m,'Expected event to be defined for "down" action'),P(V,m);const{onDragging:f,onPointerDown:x}=N.current;f==null||f(!0),x==null||x();break}case"move":{const{state:f}=ue.current;fe=!0,f!=="drag"&&H("hover"),y(m,'Expected event to be defined for "move" action'),_(m);break}case"up":{H("hover"),U();const{onClick:f,onDragging:x,onPointerUp:C}=N.current;x==null||x(!1),C==null||C(),fe||f==null||f();break}}})},[ce,$,t,de,I,V,_,P,U]),at({disabled:t,handleId:V,resizeHandler:_,panelGroupElement:J});const ve={touchAction:"none",userSelect:"none"};return d.createElement(v,{...z,children:e,className:n,id:i,onBlur:()=>{G(!1),o==null||o()},onFocus:()=>{G(!0),s==null||s()},ref:S,role:"separator",style:{...ve,...p},tabIndex:u,[A.groupDirection]:$,[A.groupId]:O,[A.resizeHandle]:"",[A.resizeHandleActive]:j==="drag"?"pointer":ee?"keyboard":void 0,[A.resizeHandleEnabled]:!t,[A.resizeHandleId]:V,[A.resizeHandleState]:j})}Nn.displayName="PanelResizeHandle";function ke({className:e,...n}){return M.jsx(In,{"data-slot":"resizable-panel-group",className:sn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",e),...n})}function ye({...e}){return M.jsx(cn,{"data-slot":"resizable-panel",...e})}function Ue({withHandle:e,className:n,...t}){return M.jsx(Nn,{"data-slot":"resizable-handle",className:sn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",n),...t,children:e&&M.jsx("div",{className:"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",children:M.jsx(kn,{className:"size-2.5"})})})}ke.__docgenInfo={description:"",methods:[],displayName:"ResizablePanelGroup"};ye.__docgenInfo={description:"",methods:[],displayName:"ResizablePanel"};Ue.__docgenInfo={description:"",methods:[],displayName:"ResizableHandle",props:{withHandle:{required:!1,tsType:{name:"boolean"},description:""}}};const mt={title:"Shadcn/UI/Resizable",component:ke},Pe={render:()=>M.jsx("div",{className:"h-[240px] w-full",children:M.jsxs(ke,{direction:"horizontal",className:"rounded-md border",children:[M.jsx(ye,{defaultSize:40,minSize:20,className:"p-3",children:M.jsx("div",{className:"h-full w-full rounded-sm bg-muted/40 p-2",children:"Left content"})}),M.jsx(Ue,{withHandle:!0}),M.jsx(ye,{defaultSize:60,minSize:20,className:"p-3",children:M.jsx("div",{className:"h-full w-full rounded-sm bg-muted/40 p-2",children:"Right content"})})]})})},we={render:()=>M.jsx("div",{className:"h-[300px] w-full",children:M.jsxs(ke,{direction:"vertical",className:"rounded-md border",children:[M.jsx(ye,{defaultSize:50,minSize:20,className:"p-3",children:M.jsx("div",{className:"h-full w-full rounded-sm bg-muted/40 p-2",children:"Top content"})}),M.jsx(Ue,{withHandle:!0}),M.jsx(ye,{defaultSize:50,minSize:20,className:"p-3",children:M.jsx("div",{className:"h-full w-full rounded-sm bg-muted/40 p-2",children:"Bottom content"})})]})})};var nn,tn,rn;Pe.parameters={...Pe.parameters,docs:{...(nn=Pe.parameters)==null?void 0:nn.docs,source:{originalSource:`{
+import{j as M}from"./jsx-runtime-D_zvdyIk.js";import{r as d,b as Hn}from"./iframe-BWjPIle6.js";import{c as sn}from"./utils-D-KgF5mV.js";import{G as kn}from"./grip-vertical-CM0GDwvq.js";import"./preload-helper-Dp1pzeXC.js";import"./createLucideIcon-CLBo0iA0.js";const Ie=d.createContext(null);Ie.displayName="PanelGroupContext";const A={group:"data-panel-group",groupDirection:"data-panel-group-direction",groupId:"data-panel-group-id",panel:"data-panel",panelCollapsible:"data-panel-collapsible",panelId:"data-panel-id",panelSize:"data-panel-size",resizeHandle:"data-resize-handle",resizeHandleActive:"data-resize-handle-active",resizeHandleEnabled:"data-panel-resize-handle-enabled",resizeHandleId:"data-panel-resize-handle-id",resizeHandleState:"data-resize-handle-state"},Be=10,te=d.useLayoutEffect,Oe=Hn.useId,Dn=typeof Oe=="function"?Oe:()=>null;let Mn=0;function Ve(e=null){const n=Dn(),t=d.useRef(e||n||null);return t.current===null&&(t.current=""+Mn++),e??t.current}function un({children:e,className:n="",collapsedSize:t,collapsible:r,defaultSize:i,forwardedRef:o,id:l,maxSize:a,minSize:s,onCollapse:h,onExpand:w,onResize:p,order:u,style:v,tagName:z="div",...E}){const R=d.useContext(Ie);if(R===null)throw Error("Panel components must be rendered within a PanelGroup container");const{collapsePanel:S,expandPanel:N,getPanelSize:k,getPanelStyle:$,groupId:O,isPanelCollapsed:I,reevaluatePanelConstraints:P,registerPanel:U,resizePanel:J,unregisterPanel:V}=R,j=Ve(l),H=d.useRef({callbacks:{onCollapse:h,onExpand:w,onResize:p},constraints:{collapsedSize:t,collapsible:r,defaultSize:i,maxSize:a,minSize:s},id:j,idIsFromProps:l!==void 0,order:u});d.useRef({didLogMissingDefaultSizeWarning:!1}),te(()=>{const{callbacks:G,constraints:_}=H.current,T={..._};H.current.id=j,H.current.idIsFromProps=l!==void 0,H.current.order=u,G.onCollapse=h,G.onExpand=w,G.onResize=p,_.collapsedSize=t,_.collapsible=r,_.defaultSize=i,_.maxSize=a,_.minSize=s,(T.collapsedSize!==_.collapsedSize||T.collapsible!==_.collapsible||T.maxSize!==_.maxSize||T.minSize!==_.minSize)&&P(H.current,T)}),te(()=>{const G=H.current;return U(G),()=>{V(G)}},[u,j,U,V]),d.useImperativeHandle(o,()=>({collapse:()=>{S(H.current)},expand:G=>{N(H.current,G)},getId(){return j},getSize(){return k(H.current)},isCollapsed(){return I(H.current)},isExpanded(){return!I(H.current)},resize:G=>{J(H.current,G)}}),[S,N,k,I,j,J]);const ee=$(H.current,i);return d.createElement(z,{...E,children:e,className:n,id:j,style:{...ee,...v},[A.groupId]:O,[A.panel]:"",[A.panelCollapsible]:r||void 0,[A.panelId]:j,[A.panelSize]:parseFloat(""+ee.flexGrow).toFixed(1)})}const cn=d.forwardRef((e,n)=>d.createElement(un,{...e,forwardedRef:n}));un.displayName="Panel";cn.displayName="forwardRef(Panel)";let Te=null,Re=-1,Z=null;function $n(e,n,t){const r=(n&gn)!==0,i=(n&hn)!==0,o=(n&zn)!==0,l=(n&xn)!==0;if(n){if(r)return o?"se-resize":l?"ne-resize":"e-resize";if(i)return o?"sw-resize":l?"nw-resize":"w-resize";if(o)return"s-resize";if(l)return"n-resize"}switch(e){case"horizontal":return"ew-resize";case"intersection":return"move";case"vertical":return"ns-resize"}}function _n(){Z!==null&&(document.head.removeChild(Z),Te=null,Z=null,Re=-1)}function Me(e,n,t){var r,i;const o=$n(e,n);if(Te!==o){if(Te=o,Z===null&&(Z=document.createElement("style"),document.head.appendChild(Z)),Re>=0){var l;(l=Z.sheet)===null||l===void 0||l.removeRule(Re)}Re=(r=(i=Z.sheet)===null||i===void 0?void 0:i.insertRule(`*{cursor: ${o} !important;}`))!==null&&r!==void 0?r:-1}}function dn(e){return e.type==="keydown"}function fn(e){return e.type.startsWith("pointer")}function pn(e){return e.type.startsWith("mouse")}function Ne(e){if(fn(e)){if(e.isPrimary)return{x:e.clientX,y:e.clientY}}else if(pn(e))return{x:e.clientX,y:e.clientY};return{x:1/0,y:1/0}}function Gn(){if(typeof matchMedia=="function")return matchMedia("(pointer:coarse)").matches?"coarse":"fine"}function jn(e,n,t){return e.x<n.x+n.width&&e.x+e.width>n.x&&e.y<n.y+n.height&&e.y+e.height>n.y}function Tn(e,n){if(e===n)throw new Error("Cannot compare node with itself");const t={a:Je(e),b:Je(n)};let r;for(;t.a.at(-1)===t.b.at(-1);)e=t.a.pop(),n=t.b.pop(),r=e;y(r,"Stacking order can only be calculated for elements with a common ancestor");const i={a:Xe(qe(t.a)),b:Xe(qe(t.b))};if(i.a===i.b){const o=r.childNodes,l={a:t.a.at(-1),b:t.b.at(-1)};let a=o.length;for(;a--;){const s=o[a];if(s===l.a)return 1;if(s===l.b)return-1}}return Math.sign(i.a-i.b)}const Bn=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function Vn(e){var n;const t=getComputedStyle((n=mn(e))!==null&&n!==void 0?n:e).display;return t==="flex"||t==="inline-flex"}function Fn(e){const n=getComputedStyle(e);return!!(n.position==="fixed"||n.zIndex!=="auto"&&(n.position!=="static"||Vn(e))||+n.opacity<1||"transform"in n&&n.transform!=="none"||"webkitTransform"in n&&n.webkitTransform!=="none"||"mixBlendMode"in n&&n.mixBlendMode!=="normal"||"filter"in n&&n.filter!=="none"||"webkitFilter"in n&&n.webkitFilter!=="none"||"isolation"in n&&n.isolation==="isolate"||Bn.test(n.willChange)||n.webkitOverflowScrolling==="touch")}function qe(e){let n=e.length;for(;n--;){const t=e[n];if(y(t,"Missing node"),Fn(t))return t}return null}function Xe(e){return e&&Number(getComputedStyle(e).zIndex)||0}function Je(e){const n=[];for(;e;)n.push(e),e=mn(e);return n}function mn(e){const{parentNode:n}=e;return n&&n instanceof ShadowRoot?n.host:n}const gn=1,hn=2,zn=4,xn=8,Un=Gn()==="coarse";let K=[],se=!1,Q=new Map,Le=new Map;const ze=new Set;function Wn(e,n,t,r,i){var o;const{ownerDocument:l}=n,a={direction:t,element:n,hitAreaMargins:r,setResizeHandlerState:i},s=(o=Q.get(l))!==null&&o!==void 0?o:0;return Q.set(l,s+1),ze.add(a),Ee(),function(){var w;Le.delete(e),ze.delete(a);const p=(w=Q.get(l))!==null&&w!==void 0?w:1;if(Q.set(l,p-1),Ee(),p===1&&Q.delete(l),K.includes(a)){const u=K.indexOf(a);u>=0&&K.splice(u,1),Ae(),i("up",!0,null)}}}function Kn(e){const{target:n}=e,{x:t,y:r}=Ne(e);se=!0,Fe({target:n,x:t,y:r}),Ee(),K.length>0&&(Ce("down",e),Ae(),e.preventDefault(),yn(n)||e.stopImmediatePropagation())}function $e(e){const{x:n,y:t}=Ne(e);if(se&&e.buttons===0&&(se=!1,Ce("up",e)),!se){const{target:r}=e;Fe({target:r,x:n,y:t})}Ce("move",e),Ae(),K.length>0&&e.preventDefault()}function _e(e){const{target:n}=e,{x:t,y:r}=Ne(e);Le.clear(),se=!1,K.length>0&&(e.preventDefault(),yn(n)||e.stopImmediatePropagation()),Ce("up",e),Fe({target:n,x:t,y:r}),Ae(),Ee()}function yn(e){let n=e;for(;n;){if(n.hasAttribute(A.resizeHandle))return!0;n=n.parentElement}return!1}function Fe({target:e,x:n,y:t}){K.splice(0);let r=null;(e instanceof HTMLElement||e instanceof SVGElement)&&(r=e),ze.forEach(i=>{const{element:o,hitAreaMargins:l}=i,a=o.getBoundingClientRect(),{bottom:s,left:h,right:w,top:p}=a,u=Un?l.coarse:l.fine;if(n>=h-u&&n<=w+u&&t>=p-u&&t<=s+u){if(r!==null&&document.contains(r)&&o!==r&&!o.contains(r)&&!r.contains(o)&&Tn(r,o)>0){let z=r,E=!1;for(;z&&!z.contains(o);){if(jn(z.getBoundingClientRect(),a)){E=!0;break}z=z.parentElement}if(E)return}K.push(i)}})}function Ge(e,n){Le.set(e,n)}function Ae(){let e=!1,n=!1;K.forEach(r=>{const{direction:i}=r;i==="horizontal"?e=!0:n=!0});let t=0;Le.forEach(r=>{t|=r}),e&&n?Me("intersection",t):e?Me("horizontal",t):n?Me("vertical",t):_n()}let je;function Ee(){var e;(e=je)===null||e===void 0||e.abort(),je=new AbortController;const n={capture:!0,signal:je.signal};ze.size&&(se?(K.length>0&&Q.forEach((t,r)=>{const{body:i}=r;t>0&&(i.addEventListener("contextmenu",_e,n),i.addEventListener("pointerleave",$e,n),i.addEventListener("pointermove",$e,n))}),Q.forEach((t,r)=>{const{body:i}=r;i.addEventListener("pointerup",_e,n),i.addEventListener("pointercancel",_e,n)})):Q.forEach((t,r)=>{const{body:i}=r;t>0&&(i.addEventListener("pointerdown",Kn,n),i.addEventListener("pointermove",$e,n))}))}function Ce(e,n){ze.forEach(t=>{const{setResizeHandlerState:r}=t,i=K.includes(t);r(e,i,n)})}function On(){const[e,n]=d.useState(0);return d.useCallback(()=>n(t=>t+1),[])}function y(e,n){if(!e)throw console.error(n),Error(n)}function re(e,n,t=Be){return e.toFixed(t)===n.toFixed(t)?0:e>n?1:-1}function Y(e,n,t=Be){return re(e,n,t)===0}function F(e,n,t){return re(e,n,t)===0}function qn(e,n,t){if(e.length!==n.length)return!1;for(let r=0;r<e.length;r++){const i=e[r],o=n[r];if(!F(i,o,t))return!1}return!0}function ae({panelConstraints:e,panelIndex:n,size:t}){const r=e[n];y(r!=null,`Panel constraints not found for index ${n}`);let{collapsedSize:i=0,collapsible:o,maxSize:l=100,minSize:a=0}=r;if(re(t,a)<0)if(o){const s=(i+a)/2;re(t,s)<0?t=i:t=a}else t=a;return t=Math.min(l,t),t=parseFloat(t.toFixed(Be)),t}function ge({delta:e,initialLayout:n,panelConstraints:t,pivotIndices:r,prevLayout:i,trigger:o}){if(F(e,0))return n;const l=[...n],[a,s]=r;y(a!=null,"Invalid first pivot index"),y(s!=null,"Invalid second pivot index");let h=0;if(o==="keyboard"){{const p=e<0?s:a,u=t[p];y(u,`Panel constraints not found for index ${p}`);const{collapsedSize:v=0,collapsible:z,minSize:E=0}=u;if(z){const R=n[p];if(y(R!=null,`Previous layout not found for panel index ${p}`),F(R,v)){const S=E-R;re(S,Math.abs(e))>0&&(e=e<0?0-S:S)}}}{const p=e<0?a:s,u=t[p];y(u,`No panel constraints found for index ${p}`);const{collapsedSize:v=0,collapsible:z,minSize:E=0}=u;if(z){const R=n[p];if(y(R!=null,`Previous layout not found for panel index ${p}`),F(R,E)){const S=R-v;re(S,Math.abs(e))>0&&(e=e<0?0-S:S)}}}}{const p=e<0?1:-1;let u=e<0?s:a,v=0;for(;;){const E=n[u];y(E!=null,`Previous layout not found for panel index ${u}`);const S=ae({panelConstraints:t,panelIndex:u,size:100})-E;if(v+=S,u+=p,u<0||u>=t.length)break}const z=Math.min(Math.abs(e),Math.abs(v));e=e<0?0-z:z}{let u=e<0?a:s;for(;u>=0&&u<t.length;){const v=Math.abs(e)-Math.abs(h),z=n[u];y(z!=null,`Previous layout not found for panel index ${u}`);const E=z-v,R=ae({panelConstraints:t,panelIndex:u,size:E});if(!F(z,R)&&(h+=z-R,l[u]=R,h.toPrecision(3).localeCompare(Math.abs(e).toPrecision(3),void 0,{numeric:!0})>=0))break;e<0?u--:u++}}if(qn(i,l))return i;{const p=e<0?s:a,u=n[p];y(u!=null,`Previous layout not found for panel index ${p}`);const v=u+h,z=ae({panelConstraints:t,panelIndex:p,size:v});if(l[p]=z,!F(z,v)){let E=v-z,S=e<0?s:a;for(;S>=0&&S<t.length;){const N=l[S];y(N!=null,`Previous layout not found for panel index ${S}`);const k=N+E,$=ae({panelConstraints:t,panelIndex:S,size:k});if(F(N,$)||(E-=$-N,l[S]=$),F(E,0))break;e>0?S--:S++}}}const w=l.reduce((p,u)=>u+p,0);return F(w,100)?l:i}function Xn({layout:e,panelsArray:n,pivotIndices:t}){let r=0,i=100,o=0,l=0;const a=t[0];y(a!=null,"No pivot index found"),n.forEach((p,u)=>{const{constraints:v}=p,{maxSize:z=100,minSize:E=0}=v;u===a?(r=E,i=z):(o+=E,l+=z)});const s=Math.min(i,100-o),h=Math.max(r,100-l),w=e[a];return{valueMax:s,valueMin:h,valueNow:w}}function xe(e,n=document){return Array.from(n.querySelectorAll(`[${A.resizeHandleId}][data-panel-group-id="${e}"]`))}function vn(e,n,t=document){const i=xe(e,t).findIndex(o=>o.getAttribute(A.resizeHandleId)===n);return i??null}function bn(e,n,t){const r=vn(e,n,t);return r!=null?[r,r+1]:[-1,-1]}function Jn(e){return e instanceof HTMLElement?!0:typeof e=="object"&&e!==null&&"tagName"in e&&"getAttribute"in e}function Sn(e,n=document){if(Jn(n)&&n.dataset.panelGroupId==e)return n;const t=n.querySelector(`[data-panel-group][data-panel-group-id="${e}"]`);return t||null}function He(e,n=document){const t=n.querySelector(`[${A.resizeHandleId}="${e}"]`);return t||null}function Yn(e,n,t,r=document){var i,o,l,a;const s=He(n,r),h=xe(e,r),w=s?h.indexOf(s):-1,p=(i=(o=t[w])===null||o===void 0?void 0:o.id)!==null&&i!==void 0?i:null,u=(l=(a=t[w+1])===null||a===void 0?void 0:a.id)!==null&&l!==void 0?l:null;return[p,u]}function Zn({committedValuesRef:e,eagerValuesRef:n,groupId:t,layout:r,panelDataArray:i,panelGroupElement:o,setLayout:l}){d.useRef({didWarnAboutMissingResizeHandle:!1}),te(()=>{if(!o)return;const a=xe(t,o);for(let s=0;s<i.length-1;s++){const{valueMax:h,valueMin:w,valueNow:p}=Xn({layout:r,panelsArray:i,pivotIndices:[s,s+1]}),u=a[s];if(u!=null){const v=i[s];y(v,`No panel data found for index "${s}"`),u.setAttribute("aria-controls",v.id),u.setAttribute("aria-valuemax",""+Math.round(h)),u.setAttribute("aria-valuemin",""+Math.round(w)),u.setAttribute("aria-valuenow",p!=null?""+Math.round(p):"")}}return()=>{a.forEach((s,h)=>{s.removeAttribute("aria-controls"),s.removeAttribute("aria-valuemax"),s.removeAttribute("aria-valuemin"),s.removeAttribute("aria-valuenow")})}},[t,r,i,o]),d.useEffect(()=>{if(!o)return;const a=n.current;y(a,"Eager values not found");const{panelDataArray:s}=a,h=Sn(t,o);y(h!=null,`No group found for id "${t}"`);const w=xe(t,o);y(w,`No resize handles found for group id "${t}"`);const p=w.map(u=>{const v=u.getAttribute(A.resizeHandleId);y(v,"Resize handle element has no handle id attribute");const[z,E]=Yn(t,v,s,o);if(z==null||E==null)return()=>{};const R=S=>{if(!S.defaultPrevented)switch(S.key){case"Enter":{S.preventDefault();const N=s.findIndex(k=>k.id===z);if(N>=0){const k=s[N];y(k,`No panel data found for index ${N}`);const $=r[N],{collapsedSize:O=0,collapsible:I,minSize:P=0}=k.constraints;if($!=null&&I){const U=ge({delta:F($,O)?P-O:O-$,initialLayout:r,panelConstraints:s.map(J=>J.constraints),pivotIndices:bn(t,v,o),prevLayout:r,trigger:"keyboard"});r!==U&&l(U)}}break}}};return u.addEventListener("keydown",R),()=>{u.removeEventListener("keydown",R)}});return()=>{p.forEach(u=>u())}},[o,e,n,t,r,i,l])}function Ye(e,n){if(e.length!==n.length)return!1;for(let t=0;t<e.length;t++)if(e[t]!==n[t])return!1;return!0}function Pn(e,n){const t=e==="horizontal",{x:r,y:i}=Ne(n);return t?r:i}function Qn(e,n,t,r,i){const o=t==="horizontal",l=He(n,i);y(l,`No resize handle element found for id "${n}"`);const a=l.getAttribute(A.groupId);y(a,"Resize handle element has no group id attribute");let{initialCursorPosition:s}=r;const h=Pn(t,e),w=Sn(a,i);y(w,`No group element found for id "${a}"`);const p=w.getBoundingClientRect(),u=o?p.width:p.height;return(h-s)/u*100}function et(e,n,t,r,i,o){if(dn(e)){const l=t==="horizontal";let a=0;e.shiftKey?a=100:i!=null?a=i:a=10;let s=0;switch(e.key){case"ArrowDown":s=l?0:a;break;case"ArrowLeft":s=l?-a:0;break;case"ArrowRight":s=l?a:0;break;case"ArrowUp":s=l?0:-a;break;case"End":s=100;break;case"Home":s=-100;break}return s}else return r==null?0:Qn(e,n,t,r,o)}function nt({panelDataArray:e}){const n=Array(e.length),t=e.map(o=>o.constraints);let r=0,i=100;for(let o=0;o<e.length;o++){const l=t[o];y(l,`Panel constraints not found for index ${o}`);const{defaultSize:a}=l;a!=null&&(r++,n[o]=a,i-=a)}for(let o=0;o<e.length;o++){const l=t[o];y(l,`Panel constraints not found for index ${o}`);const{defaultSize:a}=l;if(a!=null)continue;const s=e.length-r,h=i/s;r++,n[o]=h,i-=h}return n}function ie(e,n,t){n.forEach((r,i)=>{const o=e[i];y(o,`Panel data not found for index ${i}`);const{callbacks:l,constraints:a,id:s}=o,{collapsedSize:h=0,collapsible:w}=a,p=t[s];if(p==null||r!==p){t[s]=r;const{onCollapse:u,onExpand:v,onResize:z}=l;z&&z(r,p),w&&(u||v)&&(v&&(p==null||Y(p,h))&&!Y(r,h)&&v(),u&&(p==null||!Y(p,h))&&Y(r,h)&&u())}})}function Se(e,n){if(e.length!==n.length)return!1;for(let t=0;t<e.length;t++)if(e[t]!=n[t])return!1;return!0}function tt({defaultSize:e,dragState:n,layout:t,panelData:r,panelIndex:i,precision:o=3}){const l=t[i];let a;return l==null?a=e!=null?e.toPrecision(o):"1":r.length===1?a="1":a=l.toPrecision(o),{flexBasis:0,flexGrow:a,flexShrink:1,overflow:"hidden",pointerEvents:n!==null?"none":void 0}}function rt(e,n=10){let t=null;return(...i)=>{t!==null&&clearTimeout(t),t=setTimeout(()=>{e(...i)},n)}}function Ze(e){try{if(typeof localStorage<"u")e.getItem=n=>localStorage.getItem(n),e.setItem=(n,t)=>{localStorage.setItem(n,t)};else throw new Error("localStorage not supported in this environment")}catch(n){console.error(n),e.getItem=()=>null,e.setItem=()=>{}}}function wn(e){return`react-resizable-panels:${e}`}function Rn(e){return e.map(n=>{const{constraints:t,id:r,idIsFromProps:i,order:o}=n;return i?r:o?`${o}:${JSON.stringify(t)}`:JSON.stringify(t)}).sort((n,t)=>n.localeCompare(t)).join(",")}function En(e,n){try{const t=wn(e),r=n.getItem(t);if(r){const i=JSON.parse(r);if(typeof i=="object"&&i!=null)return i}}catch{}return null}function ot(e,n,t){var r,i;const o=(r=En(e,t))!==null&&r!==void 0?r:{},l=Rn(n);return(i=o[l])!==null&&i!==void 0?i:null}function it(e,n,t,r,i){var o;const l=wn(e),a=Rn(n),s=(o=En(e,i))!==null&&o!==void 0?o:{};s[a]={expandToSizes:Object.fromEntries(t.entries()),layout:r};try{i.setItem(l,JSON.stringify(s))}catch(h){console.error(h)}}function Qe({layout:e,panelConstraints:n}){const t=[...e],r=t.reduce((o,l)=>o+l,0);if(t.length!==n.length)throw Error(`Invalid ${n.length} panel layout: ${t.map(o=>`${o}%`).join(", ")}`);if(!F(r,100)&&t.length>0)for(let o=0;o<n.length;o++){const l=t[o];y(l!=null,`No layout data found for index ${o}`);const a=100/r*l;t[o]=a}let i=0;for(let o=0;o<n.length;o++){const l=t[o];y(l!=null,`No layout data found for index ${o}`);const a=ae({panelConstraints:n,panelIndex:o,size:l});l!=a&&(i+=l-a,t[o]=a)}if(!F(i,0))for(let o=0;o<n.length;o++){const l=t[o];y(l!=null,`No layout data found for index ${o}`);const a=l+i,s=ae({panelConstraints:n,panelIndex:o,size:a});if(l!==s&&(i-=s-l,t[o]=s,F(i,0)))break}return t}const lt=100,he={getItem:e=>(Ze(he),he.getItem(e)),setItem:(e,n)=>{Ze(he),he.setItem(e,n)}},en={};function Cn({autoSaveId:e=null,children:n,className:t="",direction:r,forwardedRef:i,id:o=null,onLayout:l=null,keyboardResizeBy:a=null,storage:s=he,style:h,tagName:w="div",...p}){const u=Ve(o),v=d.useRef(null),[z,E]=d.useState(null),[R,S]=d.useState([]),N=On(),k=d.useRef({}),$=d.useRef(new Map),O=d.useRef(0),I=d.useRef({autoSaveId:e,direction:r,dragState:z,id:u,keyboardResizeBy:a,onLayout:l,storage:s}),P=d.useRef({layout:R,panelDataArray:[],panelDataArrayChanged:!1});d.useRef({didLogIdAndOrderWarning:!1,didLogPanelConstraintsWarning:!1,prevPanelIds:[]}),d.useImperativeHandle(i,()=>({getId:()=>I.current.id,getLayout:()=>{const{layout:c}=P.current;return c},setLayout:c=>{const{onLayout:g}=I.current,{layout:b,panelDataArray:m}=P.current,f=Qe({layout:c,panelConstraints:m.map(x=>x.constraints)});Ye(b,f)||(S(f),P.current.layout=f,g&&g(f),ie(m,f,k.current))}}),[]),te(()=>{I.current.autoSaveId=e,I.current.direction=r,I.current.dragState=z,I.current.id=u,I.current.onLayout=l,I.current.storage=s}),Zn({committedValuesRef:I,eagerValuesRef:P,groupId:u,layout:R,panelDataArray:P.current.panelDataArray,setLayout:S,panelGroupElement:v.current}),d.useEffect(()=>{const{panelDataArray:c}=P.current;if(e){if(R.length===0||R.length!==c.length)return;let g=en[e];g==null&&(g=rt(it,lt),en[e]=g);const b=[...c],m=new Map($.current);g(e,b,m,R,s)}},[e,R,s]),d.useEffect(()=>{});const U=d.useCallback(c=>{const{onLayout:g}=I.current,{layout:b,panelDataArray:m}=P.current;if(c.constraints.collapsible){const f=m.map(q=>q.constraints),{collapsedSize:x=0,panelSize:C,pivotIndices:D}=ne(m,c,b);if(y(C!=null,`Panel size not found for panel "${c.id}"`),!Y(C,x)){$.current.set(c.id,C);const X=le(m,c)===m.length-1?C-x:x-C,L=ge({delta:X,initialLayout:b,panelConstraints:f,pivotIndices:D,prevLayout:b,trigger:"imperative-api"});Se(b,L)||(S(L),P.current.layout=L,g&&g(L),ie(m,L,k.current))}}},[]),J=d.useCallback((c,g)=>{const{onLayout:b}=I.current,{layout:m,panelDataArray:f}=P.current;if(c.constraints.collapsible){const x=f.map(W=>W.constraints),{collapsedSize:C=0,panelSize:D=0,minSize:q=0,pivotIndices:X}=ne(f,c,m),L=g??q;if(Y(D,C)){const W=$.current.get(c.id),pe=W!=null&&W>=L?W:L,De=le(f,c)===f.length-1?D-pe:pe-D,B=ge({delta:De,initialLayout:m,panelConstraints:x,pivotIndices:X,prevLayout:m,trigger:"imperative-api"});Se(m,B)||(S(B),P.current.layout=B,b&&b(B),ie(f,B,k.current))}}},[]),V=d.useCallback(c=>{const{layout:g,panelDataArray:b}=P.current,{panelSize:m}=ne(b,c,g);return y(m!=null,`Panel size not found for panel "${c.id}"`),m},[]),j=d.useCallback((c,g)=>{const{panelDataArray:b}=P.current,m=le(b,c);return tt({defaultSize:g,dragState:z,layout:R,panelData:b,panelIndex:m})},[z,R]),H=d.useCallback(c=>{const{layout:g,panelDataArray:b}=P.current,{collapsedSize:m=0,collapsible:f,panelSize:x}=ne(b,c,g);return y(x!=null,`Panel size not found for panel "${c.id}"`),f===!0&&Y(x,m)},[]),ee=d.useCallback(c=>{const{layout:g,panelDataArray:b}=P.current,{collapsedSize:m=0,collapsible:f,panelSize:x}=ne(b,c,g);return y(x!=null,`Panel size not found for panel "${c.id}"`),!f||re(x,m)>0},[]),G=d.useCallback(c=>{const{panelDataArray:g}=P.current;g.push(c),g.sort((b,m)=>{const f=b.order,x=m.order;return f==null&&x==null?0:f==null?-1:x==null?1:f-x}),P.current.panelDataArrayChanged=!0,N()},[N]);te(()=>{if(P.current.panelDataArrayChanged){P.current.panelDataArrayChanged=!1;const{autoSaveId:c,onLayout:g,storage:b}=I.current,{layout:m,panelDataArray:f}=P.current;let x=null;if(c){const D=ot(c,f,b);D&&($.current=new Map(Object.entries(D.expandToSizes)),x=D.layout)}x==null&&(x=nt({panelDataArray:f}));const C=Qe({layout:x,panelConstraints:f.map(D=>D.constraints)});Ye(m,C)||(S(C),P.current.layout=C,g&&g(C),ie(f,C,k.current))}}),te(()=>{const c=P.current;return()=>{c.layout=[]}},[]);const _=d.useCallback(c=>{let g=!1;const b=v.current;return b&&window.getComputedStyle(b,null).getPropertyValue("direction")==="rtl"&&(g=!0),function(f){f.preventDefault();const x=v.current;if(!x)return()=>null;const{direction:C,dragState:D,id:q,keyboardResizeBy:X,onLayout:L}=I.current,{layout:W,panelDataArray:pe}=P.current,{initialLayout:be}=D??{},De=bn(q,c,x);let B=et(f,c,C,D,X,x);const We=C==="horizontal";We&&g&&(B=-B);const Ln=pe.map(An=>An.constraints),me=ge({delta:B,initialLayout:be??W,panelConstraints:Ln,pivotIndices:De,prevLayout:W,trigger:dn(f)?"keyboard":"mouse-or-touch"}),Ke=!Se(W,me);(fn(f)||pn(f))&&O.current!=B&&(O.current=B,!Ke&&B!==0?We?Ge(c,B<0?gn:hn):Ge(c,B<0?zn:xn):Ge(c,0)),Ke&&(S(me),P.current.layout=me,L&&L(me),ie(pe,me,k.current))}},[]),T=d.useCallback((c,g)=>{const{onLayout:b}=I.current,{layout:m,panelDataArray:f}=P.current,x=f.map(W=>W.constraints),{panelSize:C,pivotIndices:D}=ne(f,c,m);y(C!=null,`Panel size not found for panel "${c.id}"`);const X=le(f,c)===f.length-1?C-g:g-C,L=ge({delta:X,initialLayout:m,panelConstraints:x,pivotIndices:D,prevLayout:m,trigger:"imperative-api"});Se(m,L)||(S(L),P.current.layout=L,b&&b(L),ie(f,L,k.current))},[]),ue=d.useCallback((c,g)=>{const{layout:b,panelDataArray:m}=P.current,{collapsedSize:f=0,collapsible:x}=g,{collapsedSize:C=0,collapsible:D,maxSize:q=100,minSize:X=0}=c.constraints,{panelSize:L}=ne(m,c,b);L!=null&&(x&&D&&Y(L,f)?Y(f,C)||T(c,C):L<X?T(c,X):L>q&&T(c,q))},[T]),ce=d.useCallback((c,g)=>{const{direction:b}=I.current,{layout:m}=P.current;if(!v.current)return;const f=He(c,v.current);y(f,`Drag handle element not found for id "${c}"`);const x=Pn(b,g);E({dragHandleId:c,dragHandleRect:f.getBoundingClientRect(),initialCursorPosition:x,initialLayout:m})},[]),de=d.useCallback(()=>{E(null)},[]),ve=d.useCallback(c=>{const{panelDataArray:g}=P.current,b=le(g,c);b>=0&&(g.splice(b,1),delete k.current[c.id],P.current.panelDataArrayChanged=!0,N())},[N]),oe=d.useMemo(()=>({collapsePanel:U,direction:r,dragState:z,expandPanel:J,getPanelSize:V,getPanelStyle:j,groupId:u,isPanelCollapsed:H,isPanelExpanded:ee,reevaluatePanelConstraints:ue,registerPanel:G,registerResizeHandle:_,resizePanel:T,startDragging:ce,stopDragging:de,unregisterPanel:ve,panelGroupElement:v.current}),[U,z,r,J,V,j,u,H,ee,ue,G,_,T,ce,de,ve]),fe={display:"flex",flexDirection:r==="horizontal"?"row":"column",height:"100%",overflow:"hidden",width:"100%"};return d.createElement(Ie.Provider,{value:oe},d.createElement(w,{...p,children:n,className:t,id:o,ref:v,style:{...fe,...h},[A.group]:"",[A.groupDirection]:r,[A.groupId]:u}))}const In=d.forwardRef((e,n)=>d.createElement(Cn,{...e,forwardedRef:n}));Cn.displayName="PanelGroup";In.displayName="forwardRef(PanelGroup)";function le(e,n){return e.findIndex(t=>t===n||t.id===n.id)}function ne(e,n,t){const r=le(e,n),o=r===e.length-1?[r-1,r]:[r,r+1],l=t[r];return{...n.constraints,panelSize:l,pivotIndices:o}}function at({disabled:e,handleId:n,resizeHandler:t,panelGroupElement:r}){d.useEffect(()=>{if(e||t==null||r==null)return;const i=He(n,r);if(i==null)return;const o=l=>{if(!l.defaultPrevented)switch(l.key){case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"End":case"Home":{l.preventDefault(),t(l);break}case"F6":{l.preventDefault();const a=i.getAttribute(A.groupId);y(a,`No group element found for id "${a}"`);const s=xe(a,r),h=vn(a,n,r);y(h!==null,`No resize element found for id "${n}"`);const w=l.shiftKey?h>0?h-1:s.length-1:h+1<s.length?h+1:0;s[w].focus();break}}};return i.addEventListener("keydown",o),()=>{i.removeEventListener("keydown",o)}},[r,e,n,t])}function Nn({children:e=null,className:n="",disabled:t=!1,hitAreaMargins:r,id:i,onBlur:o,onClick:l,onDragging:a,onFocus:s,onPointerDown:h,onPointerUp:w,style:p={},tabIndex:u=0,tagName:v="div",...z}){var E,R;const S=d.useRef(null),N=d.useRef({onClick:l,onDragging:a,onPointerDown:h,onPointerUp:w});d.useEffect(()=>{N.current.onClick=l,N.current.onDragging=a,N.current.onPointerDown=h,N.current.onPointerUp=w});const k=d.useContext(Ie);if(k===null)throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");const{direction:$,groupId:O,registerResizeHandle:I,startDragging:P,stopDragging:U,panelGroupElement:J}=k,V=Ve(i),[j,H]=d.useState("inactive"),[ee,G]=d.useState(!1),[_,T]=d.useState(null),ue=d.useRef({state:j});te(()=>{ue.current.state=j}),d.useEffect(()=>{if(t)T(null);else{const oe=I(V);T(()=>oe)}},[t,V,I]);const ce=(E=r==null?void 0:r.coarse)!==null&&E!==void 0?E:15,de=(R=r==null?void 0:r.fine)!==null&&R!==void 0?R:5;d.useEffect(()=>{if(t||_==null)return;const oe=S.current;y(oe,"Element ref not attached");let fe=!1;return Wn(V,oe,$,{coarse:ce,fine:de},(g,b,m)=>{if(!b){H("inactive");return}switch(g){case"down":{H("drag"),fe=!1,y(m,'Expected event to be defined for "down" action'),P(V,m);const{onDragging:f,onPointerDown:x}=N.current;f==null||f(!0),x==null||x();break}case"move":{const{state:f}=ue.current;fe=!0,f!=="drag"&&H("hover"),y(m,'Expected event to be defined for "move" action'),_(m);break}case"up":{H("hover"),U();const{onClick:f,onDragging:x,onPointerUp:C}=N.current;x==null||x(!1),C==null||C(),fe||f==null||f();break}}})},[ce,$,t,de,I,V,_,P,U]),at({disabled:t,handleId:V,resizeHandler:_,panelGroupElement:J});const ve={touchAction:"none",userSelect:"none"};return d.createElement(v,{...z,children:e,className:n,id:i,onBlur:()=>{G(!1),o==null||o()},onFocus:()=>{G(!0),s==null||s()},ref:S,role:"separator",style:{...ve,...p},tabIndex:u,[A.groupDirection]:$,[A.groupId]:O,[A.resizeHandle]:"",[A.resizeHandleActive]:j==="drag"?"pointer":ee?"keyboard":void 0,[A.resizeHandleEnabled]:!t,[A.resizeHandleId]:V,[A.resizeHandleState]:j})}Nn.displayName="PanelResizeHandle";function ke({className:e,...n}){return M.jsx(In,{"data-slot":"resizable-panel-group",className:sn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",e),...n})}function ye({...e}){return M.jsx(cn,{"data-slot":"resizable-panel",...e})}function Ue({withHandle:e,className:n,...t}){return M.jsx(Nn,{"data-slot":"resizable-handle",className:sn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",n),...t,children:e&&M.jsx("div",{className:"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",children:M.jsx(kn,{className:"size-2.5"})})})}ke.__docgenInfo={description:"",methods:[],displayName:"ResizablePanelGroup"};ye.__docgenInfo={description:"",methods:[],displayName:"ResizablePanel"};Ue.__docgenInfo={description:"",methods:[],displayName:"ResizableHandle",props:{withHandle:{required:!1,tsType:{name:"boolean"},description:""}}};const mt={title:"Shadcn/UI/Resizable",component:ke},Pe={render:()=>M.jsx("div",{className:"h-[240px] w-full",children:M.jsxs(ke,{direction:"horizontal",className:"rounded-md border",children:[M.jsx(ye,{defaultSize:40,minSize:20,className:"p-3",children:M.jsx("div",{className:"h-full w-full rounded-sm bg-muted/40 p-2",children:"Left content"})}),M.jsx(Ue,{withHandle:!0}),M.jsx(ye,{defaultSize:60,minSize:20,className:"p-3",children:M.jsx("div",{className:"h-full w-full rounded-sm bg-muted/40 p-2",children:"Right content"})})]})})},we={render:()=>M.jsx("div",{className:"h-[300px] w-full",children:M.jsxs(ke,{direction:"vertical",className:"rounded-md border",children:[M.jsx(ye,{defaultSize:50,minSize:20,className:"p-3",children:M.jsx("div",{className:"h-full w-full rounded-sm bg-muted/40 p-2",children:"Top content"})}),M.jsx(Ue,{withHandle:!0}),M.jsx(ye,{defaultSize:50,minSize:20,className:"p-3",children:M.jsx("div",{className:"h-full w-full rounded-sm bg-muted/40 p-2",children:"Bottom content"})})]})})};var nn,tn,rn;Pe.parameters={...Pe.parameters,docs:{...(nn=Pe.parameters)==null?void 0:nn.docs,source:{originalSource:`{
   render: () => <div className="h-[240px] w-full">
       <ResizablePanelGroup direction="horizontal" className="rounded-md border">
         <ResizablePanel defaultSize={40} minSize={20} className="p-3">

package/storybook-static/assets/{ScrollArea.stories-CF7-8wbM.js → ScrollArea.stories-D6_z-5jm.js}

@@ -1,4 +1,4 @@
-import{j as u}from"./jsx-runtime-D_zvdyIk.js";import{r as s}from"./iframe-G-6sM9Mt.js";import{P as _}from"./index-DqWzLCH-.js";import{P as I}from"./index-Bq6UNRVc.js";import{c as fe}from"./index-DvM9azdj.js";import{u as y}from"./index-1v1lhNFD.js";import{u as P}from"./index-lH-AZpAn.js";import{u as he}from"./index-ClNNG_ys.js";import{u as me}from"./index-I343IfOC.js";import{c as pe}from"./index-BdQq_4o_.js";import{c as C}from"./index-DW48STyt.js";import{c as K}from"./utils-D-KgF5mV.js";import"./preload-helper-Dp1pzeXC.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";function be(e,o){return s.useReducer((r,l)=>o[r][l]??r,e)}var U="ScrollArea",[Q,qe]=fe(U),[Se,v]=Q(U),Z=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,type:l="hover",dir:t,scrollHideDelay:n=600,...c}=e,[a,i]=s.useState(null),[h,d]=s.useState(null),[m,f]=s.useState(null),[p,S]=s.useState(null),[A,k]=s.useState(null),[x,j]=s.useState(0),[M,L]=s.useState(0),[N,T]=s.useState(!1),[D,z]=s.useState(!1),b=y(o,E=>i(E)),w=he(t);return u.jsx(Se,{scope:r,type:l,dir:w,scrollHideDelay:n,scrollArea:a,viewport:h,onViewportChange:d,content:m,onContentChange:f,scrollbarX:p,onScrollbarXChange:S,scrollbarXEnabled:N,onScrollbarXEnabledChange:T,scrollbarY:A,onScrollbarYChange:k,scrollbarYEnabled:D,onScrollbarYEnabledChange:z,onCornerWidthChange:j,onCornerHeightChange:L,children:u.jsx(_.div,{dir:w,...c,ref:b,style:{position:"relative","--radix-scroll-area-corner-width":x+"px","--radix-scroll-area-corner-height":M+"px",...e.style}})})});Z.displayName=U;var ee="ScrollAreaViewport",re=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,children:l,nonce:t,...n}=e,c=v(ee,r),a=s.useRef(null),i=y(o,a,c.onViewportChange);return u.jsxs(u.Fragment,{children:[u.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:t}),u.jsx(_.div,{"data-radix-scroll-area-viewport":"",...n,ref:i,style:{overflowX:c.scrollbarXEnabled?"scroll":"hidden",overflowY:c.scrollbarYEnabled?"scroll":"hidden",...e.style},children:u.jsx("div",{ref:c.onContentChange,style:{minWidth:"100%",display:"table"},children:l})})]})});re.displayName=ee;var g="ScrollAreaScrollbar",oe=s.forwardRef((e,o)=>{const{forceMount:r,...l}=e,t=v(g,e.__scopeScrollArea),{onScrollbarXEnabledChange:n,onScrollbarYEnabledChange:c}=t,a=e.orientation==="horizontal";return s.useEffect(()=>(a?n(!0):c(!0),()=>{a?n(!1):c(!1)}),[a,n,c]),t.type==="hover"?u.jsx(ve,{...l,ref:o,forceMount:r}):t.type==="scroll"?u.jsx(we,{...l,ref:o,forceMount:r}):t.type==="auto"?u.jsx(te,{...l,ref:o,forceMount:r}):t.type==="always"?u.jsx(V,{...l,ref:o}):null});oe.displayName=g;var ve=s.forwardRef((e,o)=>{const{forceMount:r,...l}=e,t=v(g,e.__scopeScrollArea),[n,c]=s.useState(!1);return s.useEffect(()=>{const a=t.scrollArea;let i=0;if(a){const h=()=>{window.clearTimeout(i),c(!0)},d=()=>{i=window.setTimeout(()=>c(!1),t.scrollHideDelay)};return a.addEventListener("pointerenter",h),a.addEventListener("pointerleave",d),()=>{window.clearTimeout(i),a.removeEventListener("pointerenter",h),a.removeEventListener("pointerleave",d)}}},[t.scrollArea,t.scrollHideDelay]),u.jsx(I,{present:r||n,children:u.jsx(te,{"data-state":n?"visible":"hidden",...l,ref:o})})}),we=s.forwardRef((e,o)=>{const{forceMount:r,...l}=e,t=v(g,e.__scopeScrollArea),n=e.orientation==="horizontal",c=Y(()=>i("SCROLL_END"),100),[a,i]=be("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return s.useEffect(()=>{if(a==="idle"){const h=window.setTimeout(()=>i("HIDE"),t.scrollHideDelay);return()=>window.clearTimeout(h)}},[a,t.scrollHideDelay,i]),s.useEffect(()=>{const h=t.viewport,d=n?"scrollLeft":"scrollTop";if(h){let m=h[d];const f=()=>{const p=h[d];m!==p&&(i("SCROLL"),c()),m=p};return h.addEventListener("scroll",f),()=>h.removeEventListener("scroll",f)}},[t.viewport,n,i,c]),u.jsx(I,{present:r||a!=="hidden",children:u.jsx(V,{"data-state":a==="hidden"?"hidden":"visible",...l,ref:o,onPointerEnter:C(e.onPointerEnter,()=>i("POINTER_ENTER")),onPointerLeave:C(e.onPointerLeave,()=>i("POINTER_LEAVE"))})})}),te=s.forwardRef((e,o)=>{const r=v(g,e.__scopeScrollArea),{forceMount:l,...t}=e,[n,c]=s.useState(!1),a=e.orientation==="horizontal",i=Y(()=>{if(r.viewport){const h=r.viewport.offsetWidth<r.viewport.scrollWidth,d=r.viewport.offsetHeight<r.viewport.scrollHeight;c(a?h:d)}},10);return R(r.viewport,i),R(r.content,i),u.jsx(I,{present:l||n,children:u.jsx(V,{"data-state":n?"visible":"hidden",...t,ref:o})})}),V=s.forwardRef((e,o)=>{const{orientation:r="vertical",...l}=e,t=v(g,e.__scopeScrollArea),n=s.useRef(null),c=s.useRef(0),[a,i]=s.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),h=ae(a.viewport,a.content),d={...l,sizes:a,onSizesChange:i,hasThumb:h>0&&h<1,onThumbChange:f=>n.current=f,onThumbPointerUp:()=>c.current=0,onThumbPointerDown:f=>c.current=f};function m(f,p){return Re(f,c.current,a,p)}return r==="horizontal"?u.jsx(ge,{...d,ref:o,onThumbPositionChange:()=>{if(t.viewport&&n.current){const f=t.viewport.scrollLeft,p=q(f,a,t.dir);n.current.style.transform=`translate3d(${p}px, 0, 0)`}},onWheelScroll:f=>{t.viewport&&(t.viewport.scrollLeft=f)},onDragScroll:f=>{t.viewport&&(t.viewport.scrollLeft=m(f,t.dir))}}):r==="vertical"?u.jsx(xe,{...d,ref:o,onThumbPositionChange:()=>{if(t.viewport&&n.current){const f=t.viewport.scrollTop,p=q(f,a);n.current.style.transform=`translate3d(0, ${p}px, 0)`}},onWheelScroll:f=>{t.viewport&&(t.viewport.scrollTop=f)},onDragScroll:f=>{t.viewport&&(t.viewport.scrollTop=m(f))}}):null}),ge=s.forwardRef((e,o)=>{const{sizes:r,onSizesChange:l,...t}=e,n=v(g,e.__scopeScrollArea),[c,a]=s.useState(),i=s.useRef(null),h=y(o,i,n.onScrollbarXChange);return s.useEffect(()=>{i.current&&a(getComputedStyle(i.current))},[i]),u.jsx(le,{"data-orientation":"horizontal",...t,ref:h,sizes:r,style:{bottom:0,left:n.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:n.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":X(r)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.x),onDragScroll:d=>e.onDragScroll(d.x),onWheelScroll:(d,m)=>{if(n.viewport){const f=n.viewport.scrollLeft+d.deltaX;e.onWheelScroll(f),de(f,m)&&d.preventDefault()}},onResize:()=>{i.current&&n.viewport&&c&&l({content:n.viewport.scrollWidth,viewport:n.viewport.offsetWidth,scrollbar:{size:i.current.clientWidth,paddingStart:O(c.paddingLeft),paddingEnd:O(c.paddingRight)}})}})}),xe=s.forwardRef((e,o)=>{const{sizes:r,onSizesChange:l,...t}=e,n=v(g,e.__scopeScrollArea),[c,a]=s.useState(),i=s.useRef(null),h=y(o,i,n.onScrollbarYChange);return s.useEffect(()=>{i.current&&a(getComputedStyle(i.current))},[i]),u.jsx(le,{"data-orientation":"vertical",...t,ref:h,sizes:r,style:{top:0,right:n.dir==="ltr"?0:void 0,left:n.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":X(r)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.y),onDragScroll:d=>e.onDragScroll(d.y),onWheelScroll:(d,m)=>{if(n.viewport){const f=n.viewport.scrollTop+d.deltaY;e.onWheelScroll(f),de(f,m)&&d.preventDefault()}},onResize:()=>{i.current&&n.viewport&&c&&l({content:n.viewport.scrollHeight,viewport:n.viewport.offsetHeight,scrollbar:{size:i.current.clientHeight,paddingStart:O(c.paddingTop),paddingEnd:O(c.paddingBottom)}})}})}),[Pe,ne]=Q(g),le=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,sizes:l,hasThumb:t,onThumbChange:n,onThumbPointerUp:c,onThumbPointerDown:a,onThumbPositionChange:i,onDragScroll:h,onWheelScroll:d,onResize:m,...f}=e,p=v(g,r),[S,A]=s.useState(null),k=y(o,b=>A(b)),x=s.useRef(null),j=s.useRef(""),M=p.viewport,L=l.content-l.viewport,N=P(d),T=P(i),D=Y(m,10);function z(b){if(x.current){const w=b.clientX-x.current.left,E=b.clientY-x.current.top;h({x:w,y:E})}}return s.useEffect(()=>{const b=w=>{const E=w.target;(S==null?void 0:S.contains(E))&&N(w,L)};return document.addEventListener("wheel",b,{passive:!1}),()=>document.removeEventListener("wheel",b,{passive:!1})},[M,S,L,N]),s.useEffect(T,[l,T]),R(S,D),R(p.content,D),u.jsx(Pe,{scope:r,scrollbar:S,hasThumb:t,onThumbChange:P(n),onThumbPointerUp:P(c),onThumbPositionChange:T,onThumbPointerDown:P(a),children:u.jsx(_.div,{...f,ref:k,style:{position:"absolute",...f.style},onPointerDown:C(e.onPointerDown,b=>{b.button===0&&(b.target.setPointerCapture(b.pointerId),x.current=S.getBoundingClientRect(),j.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",p.viewport&&(p.viewport.style.scrollBehavior="auto"),z(b))}),onPointerMove:C(e.onPointerMove,z),onPointerUp:C(e.onPointerUp,b=>{const w=b.target;w.hasPointerCapture(b.pointerId)&&w.releasePointerCapture(b.pointerId),document.body.style.webkitUserSelect=j.current,p.viewport&&(p.viewport.style.scrollBehavior=""),x.current=null})})})}),H="ScrollAreaThumb",se=s.forwardRef((e,o)=>{const{forceMount:r,...l}=e,t=ne(H,e.__scopeScrollArea);return u.jsx(I,{present:r||t.hasThumb,children:u.jsx(Ce,{ref:o,...l})})}),Ce=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,style:l,...t}=e,n=v(H,r),c=ne(H,r),{onThumbPositionChange:a}=c,i=y(o,m=>c.onThumbChange(m)),h=s.useRef(void 0),d=Y(()=>{h.current&&(h.current(),h.current=void 0)},100);return s.useEffect(()=>{const m=n.viewport;if(m){const f=()=>{if(d(),!h.current){const p=ye(m,a);h.current=p,a()}};return a(),m.addEventListener("scroll",f),()=>m.removeEventListener("scroll",f)}},[n.viewport,d,a]),u.jsx(_.div,{"data-state":c.hasThumb?"visible":"hidden",...t,ref:i,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...l},onPointerDownCapture:C(e.onPointerDownCapture,m=>{const p=m.target.getBoundingClientRect(),S=m.clientX-p.left,A=m.clientY-p.top;c.onThumbPointerDown({x:S,y:A})}),onPointerUp:C(e.onPointerUp,c.onThumbPointerUp)})});se.displayName=H;var B="ScrollAreaCorner",ce=s.forwardRef((e,o)=>{const r=v(B,e.__scopeScrollArea),l=!!(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&l?u.jsx(Ee,{...e,ref:o}):null});ce.displayName=B;var Ee=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,...l}=e,t=v(B,r),[n,c]=s.useState(0),[a,i]=s.useState(0),h=!!(n&&a);return R(t.scrollbarX,()=>{var m;const d=((m=t.scrollbarX)==null?void 0:m.offsetHeight)||0;t.onCornerHeightChange(d),i(d)}),R(t.scrollbarY,()=>{var m;const d=((m=t.scrollbarY)==null?void 0:m.offsetWidth)||0;t.onCornerWidthChange(d),c(d)}),h?u.jsx(_.div,{...l,ref:o,style:{width:n,height:a,position:"absolute",right:t.dir==="ltr"?0:void 0,left:t.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function O(e){return e?parseInt(e,10):0}function ae(e,o){const r=e/o;return isNaN(r)?0:r}function X(e){const o=ae(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,l=(e.scrollbar.size-r)*o;return Math.max(l,18)}function Re(e,o,r,l="ltr"){const t=X(r),n=t/2,c=o||n,a=t-c,i=r.scrollbar.paddingStart+c,h=r.scrollbar.size-r.scrollbar.paddingEnd-a,d=r.content-r.viewport,m=l==="ltr"?[0,d]:[d*-1,0];return ie([i,h],m)(e)}function q(e,o,r="ltr"){const l=X(o),t=o.scrollbar.paddingStart+o.scrollbar.paddingEnd,n=o.scrollbar.size-t,c=o.content-o.viewport,a=n-l,i=r==="ltr"?[0,c]:[c*-1,0],h=pe(e,i);return ie([0,c],[0,a])(h)}function ie(e,o){return r=>{if(e[0]===e[1]||o[0]===o[1])return o[0];const l=(o[1]-o[0])/(e[1]-e[0]);return o[0]+l*(r-e[0])}}function de(e,o){return e>0&&e<o}var ye=(e,o=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},l=0;return(function t(){const n={left:e.scrollLeft,top:e.scrollTop},c=r.left!==n.left,a=r.top!==n.top;(c||a)&&o(),r=n,l=window.requestAnimationFrame(t)})(),()=>window.cancelAnimationFrame(l)};function Y(e,o){const r=P(e),l=s.useRef(0);return s.useEffect(()=>()=>window.clearTimeout(l.current),[]),s.useCallback(()=>{window.clearTimeout(l.current),l.current=window.setTimeout(r,o)},[r,o])}function R(e,o){const r=P(o);me(()=>{let l=0;if(e){const t=new ResizeObserver(()=>{cancelAnimationFrame(l),l=window.requestAnimationFrame(r)});return t.observe(e),()=>{window.cancelAnimationFrame(l),t.unobserve(e)}}},[e,r])}var Ae=Z,Te=re,_e=ce;function F({className:e,children:o,...r}){return u.jsxs(Ae,{"data-slot":"scroll-area",className:K("relative",e),...r,children:[u.jsx(Te,{"data-slot":"scroll-area-viewport",className:"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",children:o}),u.jsx(ue,{}),u.jsx(_e,{})]})}function ue({className:e,orientation:o="vertical",...r}){return u.jsx(oe,{"data-slot":"scroll-area-scrollbar",orientation:o,className:K("flex touch-none p-px transition-colors select-none",o==="vertical"&&"h-full w-2.5 border-l border-l-transparent",o==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent",e),...r,children:u.jsx(se,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})}F.__docgenInfo={description:"",methods:[],displayName:"ScrollArea"};ue.__docgenInfo={description:"",methods:[],displayName:"ScrollBar",props:{orientation:{defaultValue:{value:'"vertical"',computed:!1},required:!1}}};const $e={title:"Shadcn/UI/ScrollArea",component:F},je=["nextjs","shadcn","tailwind","radix","react","storybook","vitest","nx","pnpm","zod","react-hook-form","recharts","lucide","ui","forms","charts","table","sidebar","dialog","wizard","pagination","filtering","sorting","layout","accessibility","aria","dark-mode","light-mode","themes","components","hooks","state","routing","graphql","rest","cache","testing","automation","ci","cd","lint","format","prettier","eslint","typescript","javascript","css","html","design-system","docs","examples"],W={render:()=>u.jsx("div",{className:"h-[225px] w-[350px] rounded-md border",children:u.jsx(F,{className:"h-full w-full rounded-md p-4",children:u.jsxs("div",{className:"space-y-4",children:[u.jsx("h4",{className:"text-sm font-medium leading-none",children:"Tags"}),u.jsx("div",{className:"space-y-2",children:je.map(e=>u.jsxs("div",{className:"text-sm text-muted-foreground",children:["#",e]},e))})]})})})};var $,G,J;W.parameters={...W.parameters,docs:{...($=W.parameters)==null?void 0:$.docs,source:{originalSource:`{
+import{j as u}from"./jsx-runtime-D_zvdyIk.js";import{r as s}from"./iframe-BWjPIle6.js";import{P as _}from"./index-04C4iZwC.js";import{P as I}from"./index-CKwUGXmt.js";import{c as fe}from"./index-Pk2lGsul.js";import{u as y}from"./index-BcAKBHrX.js";import{u as P}from"./index-DschQYGl.js";import{u as he}from"./index-Dr2xmx-F.js";import{u as me}from"./index-DWC9SV-P.js";import{c as pe}from"./index-BdQq_4o_.js";import{c as C}from"./index-DW48STyt.js";import{c as K}from"./utils-D-KgF5mV.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";function be(e,o){return s.useReducer((r,l)=>o[r][l]??r,e)}var U="ScrollArea",[Q,qe]=fe(U),[Se,v]=Q(U),Z=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,type:l="hover",dir:t,scrollHideDelay:n=600,...c}=e,[a,i]=s.useState(null),[h,d]=s.useState(null),[m,f]=s.useState(null),[p,S]=s.useState(null),[A,k]=s.useState(null),[x,j]=s.useState(0),[M,L]=s.useState(0),[N,T]=s.useState(!1),[D,z]=s.useState(!1),b=y(o,E=>i(E)),w=he(t);return u.jsx(Se,{scope:r,type:l,dir:w,scrollHideDelay:n,scrollArea:a,viewport:h,onViewportChange:d,content:m,onContentChange:f,scrollbarX:p,onScrollbarXChange:S,scrollbarXEnabled:N,onScrollbarXEnabledChange:T,scrollbarY:A,onScrollbarYChange:k,scrollbarYEnabled:D,onScrollbarYEnabledChange:z,onCornerWidthChange:j,onCornerHeightChange:L,children:u.jsx(_.div,{dir:w,...c,ref:b,style:{position:"relative","--radix-scroll-area-corner-width":x+"px","--radix-scroll-area-corner-height":M+"px",...e.style}})})});Z.displayName=U;var ee="ScrollAreaViewport",re=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,children:l,nonce:t,...n}=e,c=v(ee,r),a=s.useRef(null),i=y(o,a,c.onViewportChange);return u.jsxs(u.Fragment,{children:[u.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:t}),u.jsx(_.div,{"data-radix-scroll-area-viewport":"",...n,ref:i,style:{overflowX:c.scrollbarXEnabled?"scroll":"hidden",overflowY:c.scrollbarYEnabled?"scroll":"hidden",...e.style},children:u.jsx("div",{ref:c.onContentChange,style:{minWidth:"100%",display:"table"},children:l})})]})});re.displayName=ee;var g="ScrollAreaScrollbar",oe=s.forwardRef((e,o)=>{const{forceMount:r,...l}=e,t=v(g,e.__scopeScrollArea),{onScrollbarXEnabledChange:n,onScrollbarYEnabledChange:c}=t,a=e.orientation==="horizontal";return s.useEffect(()=>(a?n(!0):c(!0),()=>{a?n(!1):c(!1)}),[a,n,c]),t.type==="hover"?u.jsx(ve,{...l,ref:o,forceMount:r}):t.type==="scroll"?u.jsx(we,{...l,ref:o,forceMount:r}):t.type==="auto"?u.jsx(te,{...l,ref:o,forceMount:r}):t.type==="always"?u.jsx(V,{...l,ref:o}):null});oe.displayName=g;var ve=s.forwardRef((e,o)=>{const{forceMount:r,...l}=e,t=v(g,e.__scopeScrollArea),[n,c]=s.useState(!1);return s.useEffect(()=>{const a=t.scrollArea;let i=0;if(a){const h=()=>{window.clearTimeout(i),c(!0)},d=()=>{i=window.setTimeout(()=>c(!1),t.scrollHideDelay)};return a.addEventListener("pointerenter",h),a.addEventListener("pointerleave",d),()=>{window.clearTimeout(i),a.removeEventListener("pointerenter",h),a.removeEventListener("pointerleave",d)}}},[t.scrollArea,t.scrollHideDelay]),u.jsx(I,{present:r||n,children:u.jsx(te,{"data-state":n?"visible":"hidden",...l,ref:o})})}),we=s.forwardRef((e,o)=>{const{forceMount:r,...l}=e,t=v(g,e.__scopeScrollArea),n=e.orientation==="horizontal",c=Y(()=>i("SCROLL_END"),100),[a,i]=be("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return s.useEffect(()=>{if(a==="idle"){const h=window.setTimeout(()=>i("HIDE"),t.scrollHideDelay);return()=>window.clearTimeout(h)}},[a,t.scrollHideDelay,i]),s.useEffect(()=>{const h=t.viewport,d=n?"scrollLeft":"scrollTop";if(h){let m=h[d];const f=()=>{const p=h[d];m!==p&&(i("SCROLL"),c()),m=p};return h.addEventListener("scroll",f),()=>h.removeEventListener("scroll",f)}},[t.viewport,n,i,c]),u.jsx(I,{present:r||a!=="hidden",children:u.jsx(V,{"data-state":a==="hidden"?"hidden":"visible",...l,ref:o,onPointerEnter:C(e.onPointerEnter,()=>i("POINTER_ENTER")),onPointerLeave:C(e.onPointerLeave,()=>i("POINTER_LEAVE"))})})}),te=s.forwardRef((e,o)=>{const r=v(g,e.__scopeScrollArea),{forceMount:l,...t}=e,[n,c]=s.useState(!1),a=e.orientation==="horizontal",i=Y(()=>{if(r.viewport){const h=r.viewport.offsetWidth<r.viewport.scrollWidth,d=r.viewport.offsetHeight<r.viewport.scrollHeight;c(a?h:d)}},10);return R(r.viewport,i),R(r.content,i),u.jsx(I,{present:l||n,children:u.jsx(V,{"data-state":n?"visible":"hidden",...t,ref:o})})}),V=s.forwardRef((e,o)=>{const{orientation:r="vertical",...l}=e,t=v(g,e.__scopeScrollArea),n=s.useRef(null),c=s.useRef(0),[a,i]=s.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),h=ae(a.viewport,a.content),d={...l,sizes:a,onSizesChange:i,hasThumb:h>0&&h<1,onThumbChange:f=>n.current=f,onThumbPointerUp:()=>c.current=0,onThumbPointerDown:f=>c.current=f};function m(f,p){return Re(f,c.current,a,p)}return r==="horizontal"?u.jsx(ge,{...d,ref:o,onThumbPositionChange:()=>{if(t.viewport&&n.current){const f=t.viewport.scrollLeft,p=q(f,a,t.dir);n.current.style.transform=`translate3d(${p}px, 0, 0)`}},onWheelScroll:f=>{t.viewport&&(t.viewport.scrollLeft=f)},onDragScroll:f=>{t.viewport&&(t.viewport.scrollLeft=m(f,t.dir))}}):r==="vertical"?u.jsx(xe,{...d,ref:o,onThumbPositionChange:()=>{if(t.viewport&&n.current){const f=t.viewport.scrollTop,p=q(f,a);n.current.style.transform=`translate3d(0, ${p}px, 0)`}},onWheelScroll:f=>{t.viewport&&(t.viewport.scrollTop=f)},onDragScroll:f=>{t.viewport&&(t.viewport.scrollTop=m(f))}}):null}),ge=s.forwardRef((e,o)=>{const{sizes:r,onSizesChange:l,...t}=e,n=v(g,e.__scopeScrollArea),[c,a]=s.useState(),i=s.useRef(null),h=y(o,i,n.onScrollbarXChange);return s.useEffect(()=>{i.current&&a(getComputedStyle(i.current))},[i]),u.jsx(le,{"data-orientation":"horizontal",...t,ref:h,sizes:r,style:{bottom:0,left:n.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:n.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":X(r)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.x),onDragScroll:d=>e.onDragScroll(d.x),onWheelScroll:(d,m)=>{if(n.viewport){const f=n.viewport.scrollLeft+d.deltaX;e.onWheelScroll(f),de(f,m)&&d.preventDefault()}},onResize:()=>{i.current&&n.viewport&&c&&l({content:n.viewport.scrollWidth,viewport:n.viewport.offsetWidth,scrollbar:{size:i.current.clientWidth,paddingStart:O(c.paddingLeft),paddingEnd:O(c.paddingRight)}})}})}),xe=s.forwardRef((e,o)=>{const{sizes:r,onSizesChange:l,...t}=e,n=v(g,e.__scopeScrollArea),[c,a]=s.useState(),i=s.useRef(null),h=y(o,i,n.onScrollbarYChange);return s.useEffect(()=>{i.current&&a(getComputedStyle(i.current))},[i]),u.jsx(le,{"data-orientation":"vertical",...t,ref:h,sizes:r,style:{top:0,right:n.dir==="ltr"?0:void 0,left:n.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":X(r)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.y),onDragScroll:d=>e.onDragScroll(d.y),onWheelScroll:(d,m)=>{if(n.viewport){const f=n.viewport.scrollTop+d.deltaY;e.onWheelScroll(f),de(f,m)&&d.preventDefault()}},onResize:()=>{i.current&&n.viewport&&c&&l({content:n.viewport.scrollHeight,viewport:n.viewport.offsetHeight,scrollbar:{size:i.current.clientHeight,paddingStart:O(c.paddingTop),paddingEnd:O(c.paddingBottom)}})}})}),[Pe,ne]=Q(g),le=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,sizes:l,hasThumb:t,onThumbChange:n,onThumbPointerUp:c,onThumbPointerDown:a,onThumbPositionChange:i,onDragScroll:h,onWheelScroll:d,onResize:m,...f}=e,p=v(g,r),[S,A]=s.useState(null),k=y(o,b=>A(b)),x=s.useRef(null),j=s.useRef(""),M=p.viewport,L=l.content-l.viewport,N=P(d),T=P(i),D=Y(m,10);function z(b){if(x.current){const w=b.clientX-x.current.left,E=b.clientY-x.current.top;h({x:w,y:E})}}return s.useEffect(()=>{const b=w=>{const E=w.target;(S==null?void 0:S.contains(E))&&N(w,L)};return document.addEventListener("wheel",b,{passive:!1}),()=>document.removeEventListener("wheel",b,{passive:!1})},[M,S,L,N]),s.useEffect(T,[l,T]),R(S,D),R(p.content,D),u.jsx(Pe,{scope:r,scrollbar:S,hasThumb:t,onThumbChange:P(n),onThumbPointerUp:P(c),onThumbPositionChange:T,onThumbPointerDown:P(a),children:u.jsx(_.div,{...f,ref:k,style:{position:"absolute",...f.style},onPointerDown:C(e.onPointerDown,b=>{b.button===0&&(b.target.setPointerCapture(b.pointerId),x.current=S.getBoundingClientRect(),j.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",p.viewport&&(p.viewport.style.scrollBehavior="auto"),z(b))}),onPointerMove:C(e.onPointerMove,z),onPointerUp:C(e.onPointerUp,b=>{const w=b.target;w.hasPointerCapture(b.pointerId)&&w.releasePointerCapture(b.pointerId),document.body.style.webkitUserSelect=j.current,p.viewport&&(p.viewport.style.scrollBehavior=""),x.current=null})})})}),H="ScrollAreaThumb",se=s.forwardRef((e,o)=>{const{forceMount:r,...l}=e,t=ne(H,e.__scopeScrollArea);return u.jsx(I,{present:r||t.hasThumb,children:u.jsx(Ce,{ref:o,...l})})}),Ce=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,style:l,...t}=e,n=v(H,r),c=ne(H,r),{onThumbPositionChange:a}=c,i=y(o,m=>c.onThumbChange(m)),h=s.useRef(void 0),d=Y(()=>{h.current&&(h.current(),h.current=void 0)},100);return s.useEffect(()=>{const m=n.viewport;if(m){const f=()=>{if(d(),!h.current){const p=ye(m,a);h.current=p,a()}};return a(),m.addEventListener("scroll",f),()=>m.removeEventListener("scroll",f)}},[n.viewport,d,a]),u.jsx(_.div,{"data-state":c.hasThumb?"visible":"hidden",...t,ref:i,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...l},onPointerDownCapture:C(e.onPointerDownCapture,m=>{const p=m.target.getBoundingClientRect(),S=m.clientX-p.left,A=m.clientY-p.top;c.onThumbPointerDown({x:S,y:A})}),onPointerUp:C(e.onPointerUp,c.onThumbPointerUp)})});se.displayName=H;var B="ScrollAreaCorner",ce=s.forwardRef((e,o)=>{const r=v(B,e.__scopeScrollArea),l=!!(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&l?u.jsx(Ee,{...e,ref:o}):null});ce.displayName=B;var Ee=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,...l}=e,t=v(B,r),[n,c]=s.useState(0),[a,i]=s.useState(0),h=!!(n&&a);return R(t.scrollbarX,()=>{var m;const d=((m=t.scrollbarX)==null?void 0:m.offsetHeight)||0;t.onCornerHeightChange(d),i(d)}),R(t.scrollbarY,()=>{var m;const d=((m=t.scrollbarY)==null?void 0:m.offsetWidth)||0;t.onCornerWidthChange(d),c(d)}),h?u.jsx(_.div,{...l,ref:o,style:{width:n,height:a,position:"absolute",right:t.dir==="ltr"?0:void 0,left:t.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function O(e){return e?parseInt(e,10):0}function ae(e,o){const r=e/o;return isNaN(r)?0:r}function X(e){const o=ae(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,l=(e.scrollbar.size-r)*o;return Math.max(l,18)}function Re(e,o,r,l="ltr"){const t=X(r),n=t/2,c=o||n,a=t-c,i=r.scrollbar.paddingStart+c,h=r.scrollbar.size-r.scrollbar.paddingEnd-a,d=r.content-r.viewport,m=l==="ltr"?[0,d]:[d*-1,0];return ie([i,h],m)(e)}function q(e,o,r="ltr"){const l=X(o),t=o.scrollbar.paddingStart+o.scrollbar.paddingEnd,n=o.scrollbar.size-t,c=o.content-o.viewport,a=n-l,i=r==="ltr"?[0,c]:[c*-1,0],h=pe(e,i);return ie([0,c],[0,a])(h)}function ie(e,o){return r=>{if(e[0]===e[1]||o[0]===o[1])return o[0];const l=(o[1]-o[0])/(e[1]-e[0]);return o[0]+l*(r-e[0])}}function de(e,o){return e>0&&e<o}var ye=(e,o=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},l=0;return(function t(){const n={left:e.scrollLeft,top:e.scrollTop},c=r.left!==n.left,a=r.top!==n.top;(c||a)&&o(),r=n,l=window.requestAnimationFrame(t)})(),()=>window.cancelAnimationFrame(l)};function Y(e,o){const r=P(e),l=s.useRef(0);return s.useEffect(()=>()=>window.clearTimeout(l.current),[]),s.useCallback(()=>{window.clearTimeout(l.current),l.current=window.setTimeout(r,o)},[r,o])}function R(e,o){const r=P(o);me(()=>{let l=0;if(e){const t=new ResizeObserver(()=>{cancelAnimationFrame(l),l=window.requestAnimationFrame(r)});return t.observe(e),()=>{window.cancelAnimationFrame(l),t.unobserve(e)}}},[e,r])}var Ae=Z,Te=re,_e=ce;function F({className:e,children:o,...r}){return u.jsxs(Ae,{"data-slot":"scroll-area",className:K("relative",e),...r,children:[u.jsx(Te,{"data-slot":"scroll-area-viewport",className:"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",children:o}),u.jsx(ue,{}),u.jsx(_e,{})]})}function ue({className:e,orientation:o="vertical",...r}){return u.jsx(oe,{"data-slot":"scroll-area-scrollbar",orientation:o,className:K("flex touch-none p-px transition-colors select-none",o==="vertical"&&"h-full w-2.5 border-l border-l-transparent",o==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent",e),...r,children:u.jsx(se,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})}F.__docgenInfo={description:"",methods:[],displayName:"ScrollArea"};ue.__docgenInfo={description:"",methods:[],displayName:"ScrollBar",props:{orientation:{defaultValue:{value:'"vertical"',computed:!1},required:!1}}};const $e={title:"Shadcn/UI/ScrollArea",component:F},je=["nextjs","shadcn","tailwind","radix","react","storybook","vitest","nx","pnpm","zod","react-hook-form","recharts","lucide","ui","forms","charts","table","sidebar","dialog","wizard","pagination","filtering","sorting","layout","accessibility","aria","dark-mode","light-mode","themes","components","hooks","state","routing","graphql","rest","cache","testing","automation","ci","cd","lint","format","prettier","eslint","typescript","javascript","css","html","design-system","docs","examples"],W={render:()=>u.jsx("div",{className:"h-[225px] w-[350px] rounded-md border",children:u.jsx(F,{className:"h-full w-full rounded-md p-4",children:u.jsxs("div",{className:"space-y-4",children:[u.jsx("h4",{className:"text-sm font-medium leading-none",children:"Tags"}),u.jsx("div",{className:"space-y-2",children:je.map(e=>u.jsxs("div",{className:"text-sm text-muted-foreground",children:["#",e]},e))})]})})})};var $,G,J;W.parameters={...W.parameters,docs:{...($=W.parameters)==null?void 0:$.docs,source:{originalSource:`{
   render: () => <div className="h-[225px] w-[350px] rounded-md border">
       <ScrollArea className="h-full w-full rounded-md p-4">
         <div className="space-y-4">

package/storybook-static/assets/{Section.stories-BpurjHIQ.js → Section.stories-Ce5qYITI.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{S as t}from"./SectionBuilder-Bav4WrnT.js";import"./iframe-G-6sM9Mt.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./card-BJpPOzP8.js";import"./separator-DoUX1TNx.js";import"./index-DqWzLCH-.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";import"./index-1v1lhNFD.js";const D={title:"Kit/Builder/Section",component:t,parameters:{controls:{expanded:!0},backgrounds:{disable:!0}},render:n=>a.jsx(t,{...n})};function e(n,N){return a.jsx("div",{className:["rounded border p-3 text-sm",N].filter(Boolean).join(" "),children:n})}const I=[{key:"a",content:e("A"),span:{md:6}},{key:"b",content:e("B"),span:{md:6}},{key:"c",content:e("C"),span:{md:4}},{key:"d",content:e("D"),span:{md:4}},{key:"e",content:e("E"),span:{md:4}}],r={name:"Grid layout",args:{sections:[{id:"grid-1",title:"Grid (responsive spans)",subtitle:"Uses md column spans 6/6 then 4/4/4",variant:"card",layout:"grid",grid:{cols:1,mdCols:12,gap:"gap-4"},children:I}]},render:n=>a.jsx(t,{...n})},s={name:"Leaves with labels",args:{sections:[{id:"labels-1",title:"Label layouts",variant:"card",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"l1",label:"Inline label",labelLayout:"inline",inlineLabelWidthClass:"w-40",content:e("Value content inline"),span:{md:12}},{key:"l2",label:"Stacked label",labelLayout:"stacked",description:"Optional description appears under value",content:e("Value content stacked"),span:{md:6}},{key:"l3",label:"No description",labelLayout:"stacked",content:e("Another value"),span:{md:6}}]}]},render:n=>a.jsx(t,{...n})},o={name:"Flex layout",args:{sections:[{id:"flex-1",title:"Horizontal flex with wrap",variant:"card",layout:"flex",flex:{direction:"row",wrap:!0,gap:"gap-3",align:"start",justify:"start"},children:[{key:"f1",content:e("Item 1"),className:"w-56"},{key:"f2",content:e("Item 2"),className:"w-56"},{key:"f3",content:e("Item 3"),className:"w-56"},{key:"f4",content:e("Item 4"),className:"w-56"}]}]}},i={name:"Nested sections",args:{sections:[{id:"outer",title:"Outer section",variant:"card",layout:"grid",grid:{cols:1,mdCols:12},children:[{id:"inner-1",title:"Inner A",variant:"separator",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"ia",content:e("Inner A1"),span:{md:6}},{key:"ib",content:e("Inner A2"),span:{md:6}}]},{id:"inner-2",title:"Inner B",variant:"plain",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"ic",content:e("Inner B1"),span:{md:4}},{key:"id",content:e("Inner B2"),span:{md:4}},{key:"ie",content:e("Inner B3"),span:{md:4}}]}]}]},render:n=>a.jsx(t,{...n})},l={name:"Custom leaf renderer",args:{sections:[{id:"custom-1",title:"Custom renderer",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"x",label:"Name",labelLayout:"inline",content:"Jane Doe",span:{md:6}},{key:"y",label:"Email",labelLayout:"inline",content:"jane@example.com",span:{md:6}}]}],renderLeaf:n=>a.jsxs("div",{className:"rounded border p-3",children:[a.jsx("div",{className:"text-[10px] uppercase tracking-wide text-muted-foreground",children:n.label??"Field"}),a.jsx("div",{className:"text-sm",children:n.content})]})},render:n=>a.jsx(t,{...n})};var d,c,m;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
+import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{S as t}from"./SectionBuilder-Df_lRZkj.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./card-BJpPOzP8.js";import"./separator-CxCWfpZX.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-BcAKBHrX.js";const D={title:"Kit/Builder/Section",component:t,parameters:{controls:{expanded:!0},backgrounds:{disable:!0}},render:n=>a.jsx(t,{...n})};function e(n,N){return a.jsx("div",{className:["rounded border p-3 text-sm",N].filter(Boolean).join(" "),children:n})}const I=[{key:"a",content:e("A"),span:{md:6}},{key:"b",content:e("B"),span:{md:6}},{key:"c",content:e("C"),span:{md:4}},{key:"d",content:e("D"),span:{md:4}},{key:"e",content:e("E"),span:{md:4}}],r={name:"Grid layout",args:{sections:[{id:"grid-1",title:"Grid (responsive spans)",subtitle:"Uses md column spans 6/6 then 4/4/4",variant:"card",layout:"grid",grid:{cols:1,mdCols:12,gap:"gap-4"},children:I}]},render:n=>a.jsx(t,{...n})},s={name:"Leaves with labels",args:{sections:[{id:"labels-1",title:"Label layouts",variant:"card",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"l1",label:"Inline label",labelLayout:"inline",inlineLabelWidthClass:"w-40",content:e("Value content inline"),span:{md:12}},{key:"l2",label:"Stacked label",labelLayout:"stacked",description:"Optional description appears under value",content:e("Value content stacked"),span:{md:6}},{key:"l3",label:"No description",labelLayout:"stacked",content:e("Another value"),span:{md:6}}]}]},render:n=>a.jsx(t,{...n})},o={name:"Flex layout",args:{sections:[{id:"flex-1",title:"Horizontal flex with wrap",variant:"card",layout:"flex",flex:{direction:"row",wrap:!0,gap:"gap-3",align:"start",justify:"start"},children:[{key:"f1",content:e("Item 1"),className:"w-56"},{key:"f2",content:e("Item 2"),className:"w-56"},{key:"f3",content:e("Item 3"),className:"w-56"},{key:"f4",content:e("Item 4"),className:"w-56"}]}]}},i={name:"Nested sections",args:{sections:[{id:"outer",title:"Outer section",variant:"card",layout:"grid",grid:{cols:1,mdCols:12},children:[{id:"inner-1",title:"Inner A",variant:"separator",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"ia",content:e("Inner A1"),span:{md:6}},{key:"ib",content:e("Inner A2"),span:{md:6}}]},{id:"inner-2",title:"Inner B",variant:"plain",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"ic",content:e("Inner B1"),span:{md:4}},{key:"id",content:e("Inner B2"),span:{md:4}},{key:"ie",content:e("Inner B3"),span:{md:4}}]}]}]},render:n=>a.jsx(t,{...n})},l={name:"Custom leaf renderer",args:{sections:[{id:"custom-1",title:"Custom renderer",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"x",label:"Name",labelLayout:"inline",content:"Jane Doe",span:{md:6}},{key:"y",label:"Email",labelLayout:"inline",content:"jane@example.com",span:{md:6}}]}],renderLeaf:n=>a.jsxs("div",{className:"rounded border p-3",children:[a.jsx("div",{className:"text-[10px] uppercase tracking-wide text-muted-foreground",children:n.label??"Field"}),a.jsx("div",{className:"text-sm",children:n.content})]})},render:n=>a.jsx(t,{...n})};var d,c,m;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
   name: 'Grid layout',
   args: {
     sections: [{

package/storybook-static/assets/SectionBuilder-Df_lRZkj.js

@@ -0,0 +1 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as C}from"./iframe-BWjPIle6.js";import{c}from"./utils-D-KgF5mV.js";import{C as f,a as y,b as v,d as S,c as L}from"./card-BJpPOzP8.js";import{S as b}from"./separator-CxCWfpZX.js";const m={base:{1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-11",12:"grid-cols-12"},sm:{1:"sm:grid-cols-1",2:"sm:grid-cols-2",3:"sm:grid-cols-3",4:"sm:grid-cols-4",5:"sm:grid-cols-5",6:"sm:grid-cols-6",7:"sm:grid-cols-7",8:"sm:grid-cols-8",9:"sm:grid-cols-9",10:"sm:grid-cols-10",11:"sm:grid-cols-11",12:"sm:grid-cols-12"},md:{1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3",4:"md:grid-cols-4",5:"md:grid-cols-5",6:"md:grid-cols-6",7:"md:grid-cols-7",8:"md:grid-cols-8",9:"md:grid-cols-9",10:"md:grid-cols-10",11:"md:grid-cols-11",12:"md:grid-cols-12"},lg:{1:"lg:grid-cols-1",2:"lg:grid-cols-2",3:"lg:grid-cols-3",4:"lg:grid-cols-4",5:"lg:grid-cols-5",6:"lg:grid-cols-6",7:"lg:grid-cols-7",8:"lg:grid-cols-8",9:"lg:grid-cols-9",10:"lg:grid-cols-10",11:"lg:grid-cols-11",12:"lg:grid-cols-12"},xl:{1:"xl:grid-cols-1",2:"xl:grid-cols-2",3:"xl:grid-cols-3",4:"xl:grid-cols-4",5:"xl:grid-cols-5",6:"xl:grid-cols-6",7:"xl:grid-cols-7",8:"xl:grid-cols-8",9:"xl:grid-cols-9",10:"xl:grid-cols-10",11:"xl:grid-cols-11",12:"xl:grid-cols-12"}},o={base:{1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"},sm:{1:"sm:col-span-1",2:"sm:col-span-2",3:"sm:col-span-3",4:"sm:col-span-4",5:"sm:col-span-5",6:"sm:col-span-6",7:"sm:col-span-7",8:"sm:col-span-8",9:"sm:col-span-9",10:"sm:col-span-10",11:"sm:col-span-11",12:"sm:col-span-12"},md:{1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3",4:"md:col-span-4",5:"md:col-span-5",6:"md:col-span-6",7:"md:col-span-7",8:"md:col-span-8",9:"md:col-span-9",10:"md:col-span-10",11:"md:col-span-11",12:"md:col-span-12"},lg:{1:"lg:col-span-1",2:"lg:col-span-2",3:"lg:col-span-3",4:"lg:col-span-4",5:"lg:col-span-5",6:"lg:col-span-6",7:"lg:col-span-7",8:"lg:col-span-8",9:"lg:col-span-9",10:"lg:col-span-10",11:"lg:col-span-11",12:"lg:col-span-12"},xl:{1:"xl:col-span-1",2:"xl:col-span-2",3:"xl:col-span-3",4:"xl:col-span-4",5:"xl:col-span-5",6:"xl:col-span-6",7:"xl:col-span-7",8:"xl:col-span-8",9:"xl:col-span-9",10:"xl:col-span-10",11:"xl:col-span-11",12:"xl:col-span-12"}};function w(s){const l=(s==null?void 0:s.cols)??1,i=s==null?void 0:s.smCols,n=s==null?void 0:s.mdCols,t=s==null?void 0:s.lgCols,a=s==null?void 0:s.xlCols,r=(s==null?void 0:s.gap)??"gap-4";return c("grid",m.base[l],i?m.sm[i]:void 0,n?m.md[n]:void 0,t?m.lg[t]:void 0,a?m.xl[a]:void 0,r)}function R(s){const l=(s==null?void 0:s.direction)??"col",i=s!=null&&s.wrap?"flex-wrap":"flex-nowrap",n=(s==null?void 0:s.gap)??"gap-4",t=(s==null?void 0:s.align)??"stretch",a=(s==null?void 0:s.justify)??"start",r=t==="start"?"items-start":t==="center"?"items-center":t==="end"?"items-end":"items-stretch",d=a==="start"?"justify-start":a==="center"?"justify-center":a==="between"?"justify-between":"justify-end";return c("flex",`flex-${l}`,i,n,r,d)}function q(s){if(!s.span)return;const l=[];return s.span.base&&l.push(o.base[s.span.base]),s.span.sm&&l.push(o.sm[s.span.sm]),s.span.md&&l.push(o.md[s.span.md]),s.span.lg&&l.push(o.lg[s.span.lg]),s.span.xl&&l.push(o.xl[s.span.xl]),l.join(" ")}function E(s){return s.content!==void 0}function k(s,l){return s===l?!0:!s||!l?!s&&!l:s.base===l.base&&s.sm===l.sm&&s.md===l.md&&s.lg===l.lg&&s.xl===l.xl}function B(s,l){const i=(s.renderKey??null)===(l.renderKey??null);return s.key===l.key&&s.hidden===l.hidden&&s.className===l.className&&s.labelLayout===l.labelLayout&&s.labelClassName===l.labelClassName&&s.valueClassName===l.valueClassName&&s.inlineLabelWidthClass===l.inlineLabelWidthClass&&k(s.span,l.span)&&i}const T=C.memo(function({leaf:l,renderLeaf:i}){if(l.hidden)return null;const n=q(l);if(i)return e.jsx("div",{className:c(n,l.className),children:i(l)});const t=l.label!==void 0&&l.label!==null&&l.label!=="",a=l.labelLayout??"stacked",r="text-xs text-muted-foreground",d="text-sm leading-6";if(!t)return e.jsx("div",{className:c(n,l.className,l.valueClassName),children:l.content});if(a==="inline"){const g=l.inlineLabelWidthClass??"w-32";return e.jsxs("div",{className:c(n,l.className,"flex items-start gap-4"),children:[e.jsx("div",{className:c(g,r,l.labelClassName),children:l.label}),e.jsxs("div",{className:c("flex-1",d,l.valueClassName),children:[l.content,l.description?e.jsx("div",{className:c("mt-1",r),children:l.description}):null]})]})}return e.jsxs("div",{className:c(n,l.className,"flex flex-col"),children:[e.jsx("div",{className:c(r,l.labelClassName),children:l.label}),e.jsx("div",{className:c(d,l.valueClassName),children:l.content}),l.description?e.jsx("div",{className:c("mt-1",r),children:l.description}):null]})},(s,l)=>B(s.leaf,l.leaf)&&s.renderLeaf===l.renderLeaf);function N({node:s,renderLeaf:l}){if(s.hidden)return null;const n=(s.layout??"grid")==="grid"?w(s.grid):R(s.flex),t=({children:a})=>{const r=s.title,d=s.subtitle,g=s.variant??"card",u=s.className,h=s.headerClassName,j=s.contentClassName,p=()=>!r&&!d?null:e.jsxs("div",{className:c("space-y-1",h),children:[r&&e.jsx("h3",{className:"text-lg font-medium leading-none",children:r}),d&&e.jsx("p",{className:"text-sm text-muted-foreground",children:d})]}),x=()=>e.jsx("div",{className:c("space-y-4",j),children:a});switch(g){case"card":return e.jsxs(f,{className:u,children:[(r||d)&&e.jsxs(y,{children:[r&&e.jsx(v,{children:r}),d&&e.jsx(S,{children:d})]}),e.jsx(L,{className:c(!r&&!d&&"pt-6"),children:x()})]});case"separator":return e.jsxs("div",{className:c("space-y-6",u),children:[(r||d)&&e.jsxs(e.Fragment,{children:[p(),e.jsx(b,{})]}),x()]});case"plain":default:return e.jsxs("div",{className:c("space-y-6",u),children:[p(),x()]})}};return e.jsx(t,{children:e.jsx("div",{className:n,children:(s.children??[]).map(a=>E(a)?e.jsx(T,{leaf:a,renderLeaf:l},a.key):a.hidden?null:e.jsx("div",{className:"col-span-full",children:e.jsx(N,{node:a,renderLeaf:l})},a.id))})})}function W({sections:s,className:l,renderLeaf:i}){return e.jsx("div",{className:c("space-y-6",l),children:s.map(n=>e.jsx(N,{node:n,renderLeaf:i},n.id))})}W.__docgenInfo={description:"",methods:[],displayName:"SectionBuilder",props:{sections:{required:!0,tsType:{name:"Array",elements:[{name:"SectionNode"}],raw:"SectionNode[]"},description:""},renderLeaf:{required:!1,tsType:{name:"signature",type:"function",raw:"(leaf: SectionLeaf) => React.ReactNode",signature:{arguments:[{type:{name:"SectionLeaf"},name:"leaf"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}};export{W as S};

package/storybook-static/assets/{Select.stories-DJrU-mi0.js → Select.stories-w_kbza5k.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as j}from"./iframe-G-6sM9Mt.js";import{S as s,a as p,b as h,c as x,d as r}from"./select-DbLzULCJ.js";import{L as S}from"./label-C5vJTTwH.js";import"./preload-helper-Dp1pzeXC.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";import"./index-BdQq_4o_.js";import"./index-DW48STyt.js";import"./index-BDwnENHR.js";import"./index-DvM9azdj.js";import"./index-1v1lhNFD.js";import"./index-ClNNG_ys.js";import"./index-7yNAGow7.js";import"./index-DqWzLCH-.js";import"./index-lH-AZpAn.js";import"./Combination-BT_gXe1L.js";import"./index-DhoByIgc.js";import"./index-I343IfOC.js";import"./index-CayhpKmv.js";import"./index-ev1RjzGv.js";import"./index-d_S6mtzU.js";import"./index-CAwQR9Pv.js";import"./index-HghBIZeg.js";import"./index-DNAxNqEO.js";import"./utils-D-KgF5mV.js";import"./chevron-down-BqLjUn1_.js";import"./createLucideIcon-1ZwIAs_l.js";import"./check-BgWXKGqi.js";const Q={title:"Shadcn/UI/Select",component:s},t={render:()=>e.jsxs("div",{className:"grid w-[240px] gap-2",children:[e.jsx(S,{htmlFor:"select",children:"Theme"}),e.jsxs(s,{children:[e.jsx(p,{id:"select",children:e.jsx(h,{placeholder:"Select a theme"})}),e.jsxs(x,{children:[e.jsx(r,{value:"light",children:"Light"}),e.jsx(r,{value:"dark",children:"Dark"}),e.jsx(r,{value:"system",children:"System"})]})]})]})};function g(){const[o,u]=j.useState("system");return e.jsxs("div",{className:"grid w-[240px] gap-2",children:[e.jsx(S,{children:"Controlled"}),e.jsxs(s,{value:o,onValueChange:u,children:[e.jsx(p,{children:e.jsx(h,{placeholder:"Pick one"})}),e.jsxs(x,{children:[e.jsx(r,{value:"apple",children:"Apple"}),e.jsx(r,{value:"banana",children:"Banana"}),e.jsx(r,{value:"cherry",children:"Cherry"})]})]}),e.jsxs("div",{className:"text-sm text-muted-foreground",children:["Selected: ",o]})]})}const l={render:()=>e.jsx(g,{})};var a,c,i;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as j}from"./iframe-BWjPIle6.js";import{S as s,a as p,b as h,c as x,d as r}from"./select-gtXRB92c.js";import{L as S}from"./label-CwntpYJ0.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-BdQq_4o_.js";import"./index-DW48STyt.js";import"./index-C9xvlw_B.js";import"./index-Pk2lGsul.js";import"./index-BcAKBHrX.js";import"./index-Dr2xmx-F.js";import"./index-BfKpUbCE.js";import"./index-04C4iZwC.js";import"./index-DschQYGl.js";import"./Combination-CeVus13L.js";import"./index-BN5_W3Yi.js";import"./index-DWC9SV-P.js";import"./index-C6O7WofA.js";import"./index-DMk2qc2_.js";import"./index-Cce91yJQ.js";import"./index-7XoYQV2z.js";import"./index-Dqw7miiX.js";import"./index-URSssr5a.js";import"./utils-D-KgF5mV.js";import"./chevron-down-Bp7zbUB0.js";import"./createLucideIcon-CLBo0iA0.js";import"./check-DyecuwP4.js";const Q={title:"Shadcn/UI/Select",component:s},t={render:()=>e.jsxs("div",{className:"grid w-[240px] gap-2",children:[e.jsx(S,{htmlFor:"select",children:"Theme"}),e.jsxs(s,{children:[e.jsx(p,{id:"select",children:e.jsx(h,{placeholder:"Select a theme"})}),e.jsxs(x,{children:[e.jsx(r,{value:"light",children:"Light"}),e.jsx(r,{value:"dark",children:"Dark"}),e.jsx(r,{value:"system",children:"System"})]})]})]})};function g(){const[o,u]=j.useState("system");return e.jsxs("div",{className:"grid w-[240px] gap-2",children:[e.jsx(S,{children:"Controlled"}),e.jsxs(s,{value:o,onValueChange:u,children:[e.jsx(p,{children:e.jsx(h,{placeholder:"Pick one"})}),e.jsxs(x,{children:[e.jsx(r,{value:"apple",children:"Apple"}),e.jsx(r,{value:"banana",children:"Banana"}),e.jsx(r,{value:"cherry",children:"Cherry"})]})]}),e.jsxs("div",{className:"text-sm text-muted-foreground",children:["Selected: ",o]})]})}const l={render:()=>e.jsx(g,{})};var a,c,i;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`{
   render: () => <div className="grid w-[240px] gap-2">
       <Label htmlFor="select">Theme</Label>
       <Select>

package/storybook-static/assets/{Separator.stories-BYH_o8QM.js → Separator.stories-B5QnaJXb.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as s}from"./separator-DoUX1TNx.js";import"./iframe-G-6sM9Mt.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DqWzLCH-.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";import"./index-1v1lhNFD.js";import"./utils-D-KgF5mV.js";const h={title:"Shadcn/UI/Separator",component:s},r={render:()=>e.jsxs("div",{className:"w-full max-w-sm",children:[e.jsx("div",{className:"text-sm font-medium leading-none",children:"Radix Primitives"}),e.jsx(s,{className:"my-2"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:"An open-source UI component library."})]})},t={render:()=>e.jsxs("div",{className:"flex h-10 items-center space-x-4 text-sm",children:[e.jsx("div",{children:"Blog"}),e.jsx(s,{orientation:"vertical"}),e.jsx("div",{children:"Docs"}),e.jsx(s,{orientation:"vertical"}),e.jsx("div",{children:"Source"})]})};var a,i,o;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as s}from"./separator-CxCWfpZX.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-BcAKBHrX.js";import"./utils-D-KgF5mV.js";const h={title:"Shadcn/UI/Separator",component:s},r={render:()=>e.jsxs("div",{className:"w-full max-w-sm",children:[e.jsx("div",{className:"text-sm font-medium leading-none",children:"Radix Primitives"}),e.jsx(s,{className:"my-2"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:"An open-source UI component library."})]})},t={render:()=>e.jsxs("div",{className:"flex h-10 items-center space-x-4 text-sm",children:[e.jsx("div",{children:"Blog"}),e.jsx(s,{orientation:"vertical"}),e.jsx("div",{children:"Docs"}),e.jsx(s,{orientation:"vertical"}),e.jsx("div",{children:"Source"})]})};var a,i,o;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{
   render: () => <div className="w-full max-w-sm">
       <div className="text-sm font-medium leading-none">Radix Primitives</div>
       <Separator className="my-2" />

package/storybook-static/assets/{Sheet.stories-BNJ7BIb-.js → Sheet.stories-CORnEGvV.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as s,e as a,a as h,b as d,c as p,d as c,f as m}from"./sheet-n5VQ25jh.js";import{B as r}from"./button-BTWmFXop.js";import"./index-CzJf-yyP.js";import"./iframe-G-6sM9Mt.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-1v1lhNFD.js";import"./index-DvM9azdj.js";import"./index-DhoByIgc.js";import"./index-I343IfOC.js";import"./index-CAwQR9Pv.js";import"./index-7yNAGow7.js";import"./index-DqWzLCH-.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";import"./index-lH-AZpAn.js";import"./Combination-BT_gXe1L.js";import"./index-d_S6mtzU.js";import"./index-Bq6UNRVc.js";import"./utils-D-KgF5mV.js";import"./x-DG9mLFAg.js";import"./createLucideIcon-1ZwIAs_l.js";import"./index-CGrAONsN.js";const _={title:"Shadcn/UI/Sheet",component:s},t={render:()=>e.jsxs(s,{children:[e.jsx(a,{asChild:!0,children:e.jsx(r,{variant:"outline",children:"Open Sheet"})}),e.jsxs(h,{side:"right",children:[e.jsxs(d,{children:[e.jsx(p,{children:"Edit profile"}),e.jsx(c,{children:"Make changes to your profile here. Click save when you're done."})]}),e.jsx("div",{className:"p-4 text-sm text-muted-foreground",children:"Put any content here. This panel slides from the right and can be closed via the X button."}),e.jsx(m,{children:e.jsxs("div",{className:"flex gap-2",children:[e.jsx(r,{variant:"outline",children:"Cancel"}),e.jsx(r,{children:"Save"})]})})]})]})};var i,o,n;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as s,e as a,a as h,b as d,c as p,d as c,f as m}from"./sheet-r0VNiBiN.js";import{B as r}from"./button-BObfgcV1.js";import"./index-u70nzfOV.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-BcAKBHrX.js";import"./index-Pk2lGsul.js";import"./index-BN5_W3Yi.js";import"./index-DWC9SV-P.js";import"./index-7XoYQV2z.js";import"./index-BfKpUbCE.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-DschQYGl.js";import"./Combination-CeVus13L.js";import"./index-Cce91yJQ.js";import"./index-CKwUGXmt.js";import"./utils-D-KgF5mV.js";import"./x-n8sFtlI2.js";import"./createLucideIcon-CLBo0iA0.js";import"./index-CGrAONsN.js";const _={title:"Shadcn/UI/Sheet",component:s},t={render:()=>e.jsxs(s,{children:[e.jsx(a,{asChild:!0,children:e.jsx(r,{variant:"outline",children:"Open Sheet"})}),e.jsxs(h,{side:"right",children:[e.jsxs(d,{children:[e.jsx(p,{children:"Edit profile"}),e.jsx(c,{children:"Make changes to your profile here. Click save when you're done."})]}),e.jsx("div",{className:"p-4 text-sm text-muted-foreground",children:"Put any content here. This panel slides from the right and can be closed via the X button."}),e.jsx(m,{children:e.jsxs("div",{className:"flex gap-2",children:[e.jsx(r,{variant:"outline",children:"Cancel"}),e.jsx(r,{children:"Save"})]})})]})]})};var i,o,n;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
   render: () => <Sheet>
       <SheetTrigger asChild>
         <Button variant="outline">Open Sheet</Button>

package/storybook-static/assets/{Sidebar.stories-BbjcJuOg.js → Sidebar.stories-DVuWTi4j.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{a as c,S as u,b as h,l as m,m as x,c as j,d as i,e as o,f as s,g as d,i as n,j as r,n as M,o as I,p as B,h as v,q as g,k as f}from"./sidebar-CvUiZOJe.js";import{c as t}from"./createLucideIcon-1ZwIAs_l.js";import{T as G,P}from"./trash-2-Bt5LMclM.js";import{S as A}from"./settings-2-CpOcGlDm.js";import"./iframe-G-6sM9Mt.js";import"./preload-helper-Dp1pzeXC.js";import"./index-1v1lhNFD.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";import"./button-BTWmFXop.js";import"./input-11YRd9gD.js";import"./separator-DoUX1TNx.js";import"./index-DqWzLCH-.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";import"./sheet-n5VQ25jh.js";import"./index-CzJf-yyP.js";import"./index-DW48STyt.js";import"./index-DvM9azdj.js";import"./index-DhoByIgc.js";import"./index-I343IfOC.js";import"./index-CAwQR9Pv.js";import"./index-7yNAGow7.js";import"./index-lH-AZpAn.js";import"./Combination-BT_gXe1L.js";import"./index-d_S6mtzU.js";import"./index-Bq6UNRVc.js";import"./x-DG9mLFAg.js";import"./skeleton-CjDnQs43.js";import"./tooltip-CNONbPiI.js";import"./index-CayhpKmv.js";import"./index-ev1RjzGv.js";import"./index-DNAxNqEO.js";/**
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{a as c,S as u,b as h,l as m,m as x,c as j,d as i,e as o,f as s,g as d,i as n,j as r,n as M,o as I,p as B,h as v,q as g,k as f}from"./sidebar-BsMnOE7Y.js";import{c as t}from"./createLucideIcon-CLBo0iA0.js";import{T as G,P}from"./trash-2-D55eseMQ.js";import{S as A}from"./settings-2-DSSkfF6W.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./index-BcAKBHrX.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";import"./button-BObfgcV1.js";import"./input-11YRd9gD.js";import"./separator-CxCWfpZX.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./sheet-r0VNiBiN.js";import"./index-u70nzfOV.js";import"./index-DW48STyt.js";import"./index-Pk2lGsul.js";import"./index-BN5_W3Yi.js";import"./index-DWC9SV-P.js";import"./index-7XoYQV2z.js";import"./index-BfKpUbCE.js";import"./index-DschQYGl.js";import"./Combination-CeVus13L.js";import"./index-Cce91yJQ.js";import"./index-CKwUGXmt.js";import"./x-n8sFtlI2.js";import"./skeleton-CjDnQs43.js";import"./tooltip-CZ1UAE_e.js";import"./index-C6O7WofA.js";import"./index-DMk2qc2_.js";import"./index-URSssr5a.js";/**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{Slider.stories-CWOjKHKD.js → Slider.stories-YoS2vvT2.js}

@@ -1,4 +1,4 @@
-import{j as d}from"./jsx-runtime-D_zvdyIk.js";import{r as u}from"./iframe-G-6sM9Mt.js";import{c as J}from"./index-BdQq_4o_.js";import{c as C}from"./index-DW48STyt.js";import{u as j}from"./index-1v1lhNFD.js";import{c as pe}from"./index-DvM9azdj.js";import{u as he}from"./index-CAwQR9Pv.js";import{u as ge}from"./index-ClNNG_ys.js";import{u as Se}from"./index-HghBIZeg.js";import{u as ve}from"./index-ev1RjzGv.js";import{P as B}from"./index-DqWzLCH-.js";import{c as xe}from"./index-BDwnENHR.js";import{c as L}from"./utils-D-KgF5mV.js";import{L as be}from"./label-C5vJTTwH.js";import"./preload-helper-Dp1pzeXC.js";import"./index-I343IfOC.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";var Q=["PageUp","PageDown"],Z=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],ee={"from-left":["Home","PageDown","ArrowDown","ArrowLeft"],"from-right":["Home","PageDown","ArrowDown","ArrowRight"],"from-bottom":["Home","PageDown","ArrowDown","ArrowLeft"],"from-top":["Home","PageDown","ArrowUp","ArrowLeft"]},A="Slider",[H,we,ye]=xe(A),[te,nt]=pe(A,[ye]),[Re,N]=te(A),oe=u.forwardRef((e,t)=>{const{name:o,min:r=0,max:i=100,step:l=1,orientation:n="horizontal",disabled:a=!1,minStepsBetweenThumbs:c=0,defaultValue:g=[r],value:S,onValueChange:s=()=>{},onValueCommit:m=()=>{},inverted:x=!1,form:y,...v}=e,p=u.useRef(new Set),f=u.useRef(0),b=n==="horizontal"?Pe:_e,[h=[],M]=he({prop:S,defaultProp:g,onChange:w=>{var E;(E=[...p.current][f.current])==null||E.focus(),s(w)}}),T=u.useRef(h);function k(w){const R=Ae(h,w);I(w,R)}function me(w){I(w,f.current)}function fe(){const w=T.current[f.current];h[f.current]!==w&&m(h)}function I(w,R,{commit:E}={commit:!1}){const $=Be(l),z=Ke(Math.round((w-r)/l)*l+r,$),V=J(z,[r,i]);M((D=[])=>{const P=Ce(D,V,R);if(Ve(P,c*l)){f.current=P.indexOf(V);const X=String(P)!==String(D);return X&&E&&m(P),X?P:D}else return D})}return d.jsx(Re,{scope:e.__scopeSlider,name:o,disabled:a,min:r,max:i,valueIndexToChangeRef:f,thumbs:p.current,values:h,orientation:n,form:y,children:d.jsx(H.Provider,{scope:e.__scopeSlider,children:d.jsx(H.Slot,{scope:e.__scopeSlider,children:d.jsx(b,{"aria-disabled":a,"data-disabled":a?"":void 0,...v,ref:t,onPointerDown:C(v.onPointerDown,()=>{a||(T.current=h)}),min:r,max:i,inverted:x,onSlideStart:a?void 0:k,onSlideMove:a?void 0:me,onSlideEnd:a?void 0:fe,onHomeKeyDown:()=>!a&&I(r,0,{commit:!0}),onEndKeyDown:()=>!a&&I(i,h.length-1,{commit:!0}),onStepKeyDown:({event:w,direction:R})=>{if(!a){const z=Q.includes(w.key)||w.shiftKey&&Z.includes(w.key)?10:1,V=f.current,D=h[V],P=l*z*R;I(D+P,V,{commit:!0})}}})})})})});oe.displayName=A;var[re,ne]=te(A,{startEdge:"left",endEdge:"right",size:"width",direction:1}),Pe=u.forwardRef((e,t)=>{const{min:o,max:r,dir:i,inverted:l,onSlideStart:n,onSlideMove:a,onSlideEnd:c,onStepKeyDown:g,...S}=e,[s,m]=u.useState(null),x=j(t,b=>m(b)),y=u.useRef(void 0),v=ge(i),p=v==="ltr",f=p&&!l||!p&&l;function _(b){const h=y.current||s.getBoundingClientRect(),M=[0,h.width],k=U(M,f?[o,r]:[r,o]);return y.current=h,k(b-h.left)}return d.jsx(re,{scope:e.__scopeSlider,startEdge:f?"left":"right",endEdge:f?"right":"left",direction:f?1:-1,size:"width",children:d.jsx(ie,{dir:v,"data-orientation":"horizontal",...S,ref:x,style:{...S.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:b=>{const h=_(b.clientX);n==null||n(h)},onSlideMove:b=>{const h=_(b.clientX);a==null||a(h)},onSlideEnd:()=>{y.current=void 0,c==null||c()},onStepKeyDown:b=>{const M=ee[f?"from-left":"from-right"].includes(b.key);g==null||g({event:b,direction:M?-1:1})}})})}),_e=u.forwardRef((e,t)=>{const{min:o,max:r,inverted:i,onSlideStart:l,onSlideMove:n,onSlideEnd:a,onStepKeyDown:c,...g}=e,S=u.useRef(null),s=j(t,S),m=u.useRef(void 0),x=!i;function y(v){const p=m.current||S.current.getBoundingClientRect(),f=[0,p.height],b=U(f,x?[r,o]:[o,r]);return m.current=p,b(v-p.top)}return d.jsx(re,{scope:e.__scopeSlider,startEdge:x?"bottom":"top",endEdge:x?"top":"bottom",size:"height",direction:x?1:-1,children:d.jsx(ie,{"data-orientation":"vertical",...g,ref:s,style:{...g.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:v=>{const p=y(v.clientY);l==null||l(p)},onSlideMove:v=>{const p=y(v.clientY);n==null||n(p)},onSlideEnd:()=>{m.current=void 0,a==null||a()},onStepKeyDown:v=>{const f=ee[x?"from-bottom":"from-top"].includes(v.key);c==null||c({event:v,direction:f?-1:1})}})})}),ie=u.forwardRef((e,t)=>{const{__scopeSlider:o,onSlideStart:r,onSlideMove:i,onSlideEnd:l,onHomeKeyDown:n,onEndKeyDown:a,onStepKeyDown:c,...g}=e,S=N(A,o);return d.jsx(B.span,{...g,ref:t,onKeyDown:C(e.onKeyDown,s=>{s.key==="Home"?(n(s),s.preventDefault()):s.key==="End"?(a(s),s.preventDefault()):Q.concat(Z).includes(s.key)&&(c(s),s.preventDefault())}),onPointerDown:C(e.onPointerDown,s=>{const m=s.target;m.setPointerCapture(s.pointerId),s.preventDefault(),S.thumbs.has(m)?m.focus():r(s)}),onPointerMove:C(e.onPointerMove,s=>{s.target.hasPointerCapture(s.pointerId)&&i(s)}),onPointerUp:C(e.onPointerUp,s=>{const m=s.target;m.hasPointerCapture(s.pointerId)&&(m.releasePointerCapture(s.pointerId),l(s))})})}),ae="SliderTrack",se=u.forwardRef((e,t)=>{const{__scopeSlider:o,...r}=e,i=N(ae,o);return d.jsx(B.span,{"data-disabled":i.disabled?"":void 0,"data-orientation":i.orientation,...r,ref:t})});se.displayName=ae;var O="SliderRange",le=u.forwardRef((e,t)=>{const{__scopeSlider:o,...r}=e,i=N(O,o),l=ne(O,o),n=u.useRef(null),a=j(t,n),c=i.values.length,g=i.values.map(m=>ue(m,i.min,i.max)),S=c>1?Math.min(...g):0,s=100-Math.max(...g);return d.jsx(B.span,{"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0,...r,ref:a,style:{...e.style,[l.startEdge]:S+"%",[l.endEdge]:s+"%"}})});le.displayName=O;var F="SliderThumb",ce=u.forwardRef((e,t)=>{const o=we(e.__scopeSlider),[r,i]=u.useState(null),l=j(t,a=>i(a)),n=u.useMemo(()=>r?o().findIndex(a=>a.ref.current===r):-1,[o,r]);return d.jsx(Ee,{...e,ref:l,index:n})}),Ee=u.forwardRef((e,t)=>{const{__scopeSlider:o,index:r,name:i,...l}=e,n=N(F,o),a=ne(F,o),[c,g]=u.useState(null),S=j(t,_=>g(_)),s=c?n.form||!!c.closest("form"):!0,m=ve(c),x=n.values[r],y=x===void 0?0:ue(x,n.min,n.max),v=je(r,n.values.length),p=m==null?void 0:m[a.size],f=p?Me(p,y,a.direction):0;return u.useEffect(()=>{if(c)return n.thumbs.add(c),()=>{n.thumbs.delete(c)}},[c,n.thumbs]),d.jsxs("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[a.startEdge]:`calc(${y}% + ${f}px)`},children:[d.jsx(H.ItemSlot,{scope:e.__scopeSlider,children:d.jsx(B.span,{role:"slider","aria-label":e["aria-label"]||v,"aria-valuemin":n.min,"aria-valuenow":x,"aria-valuemax":n.max,"aria-orientation":n.orientation,"data-orientation":n.orientation,"data-disabled":n.disabled?"":void 0,tabIndex:n.disabled?void 0:0,...l,ref:S,style:x===void 0?{display:"none"}:e.style,onFocus:C(e.onFocus,()=>{n.valueIndexToChangeRef.current=r})})}),s&&d.jsx(de,{name:i??(n.name?n.name+(n.values.length>1?"[]":""):void 0),form:n.form,value:x},r)]})});ce.displayName=F;var De="RadioBubbleInput",de=u.forwardRef(({__scopeSlider:e,value:t,...o},r)=>{const i=u.useRef(null),l=j(i,r),n=Se(t);return u.useEffect(()=>{const a=i.current;if(!a)return;const c=window.HTMLInputElement.prototype,S=Object.getOwnPropertyDescriptor(c,"value").set;if(n!==t&&S){const s=new Event("input",{bubbles:!0});S.call(a,t),a.dispatchEvent(s)}},[n,t]),d.jsx(B.input,{style:{display:"none"},...o,ref:l,defaultValue:t})});de.displayName=De;function Ce(e=[],t,o){const r=[...e];return r[o]=t,r.sort((i,l)=>i-l)}function ue(e,t,o){const l=100/(o-t)*(e-t);return J(l,[0,100])}function je(e,t){return t>2?`Value ${e+1} of ${t}`:t===2?["Minimum","Maximum"][e]:void 0}function Ae(e,t){if(e.length===1)return 0;const o=e.map(i=>Math.abs(i-t)),r=Math.min(...o);return o.indexOf(r)}function Me(e,t,o){const r=e/2,l=U([0,50],[0,r]);return(r-l(t)*o)*o}function Ie(e){return e.slice(0,-1).map((t,o)=>e[o+1]-t)}function Ve(e,t){if(t>0){const o=Ie(e);return Math.min(...o)>=t}return!0}function U(e,t){return o=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(o-e[0])}}function Be(e){return(String(e).split(".")[1]||"").length}function Ke(e,t){const o=Math.pow(10,t);return Math.round(e*o)/o}var Ne=oe,Te=se,ke=le,ze=ce;function Y({className:e,defaultValue:t,value:o,min:r=0,max:i=100,...l}){const n=u.useMemo(()=>Array.isArray(o)?o:Array.isArray(t)?t:[r,i],[o,t,r,i]);return d.jsxs(Ne,{"data-slot":"slider",defaultValue:t,value:o,min:r,max:i,className:L("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",e),...l,children:[d.jsx(Te,{"data-slot":"slider-track",className:L("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),children:d.jsx(ke,{"data-slot":"slider-range",className:L("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")})}),Array.from({length:n.length},(a,c)=>d.jsx(ze,{"data-slot":"slider-thumb",className:"border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"},c))]})}Y.__docgenInfo={description:"",methods:[],displayName:"Slider",props:{min:{defaultValue:{value:"0",computed:!1},required:!1},max:{defaultValue:{value:"100",computed:!1},required:!1}}};const it={title:"Shadcn/UI/Slider",component:Y},K={render:()=>d.jsxs("div",{className:"w-[320px] grid gap-3",children:[d.jsx(be,{htmlFor:"volume",children:"Volume"}),d.jsx(Y,{id:"volume",defaultValue:[50],max:100,step:1})]})};var q,G,W;K.parameters={...K.parameters,docs:{...(q=K.parameters)==null?void 0:q.docs,source:{originalSource:`{
+import{j as d}from"./jsx-runtime-D_zvdyIk.js";import{r as u}from"./iframe-BWjPIle6.js";import{c as J}from"./index-BdQq_4o_.js";import{c as C}from"./index-DW48STyt.js";import{u as j}from"./index-BcAKBHrX.js";import{c as pe}from"./index-Pk2lGsul.js";import{u as he}from"./index-7XoYQV2z.js";import{u as ge}from"./index-Dr2xmx-F.js";import{u as Se}from"./index-Dqw7miiX.js";import{u as ve}from"./index-DMk2qc2_.js";import{P as B}from"./index-04C4iZwC.js";import{c as xe}from"./index-C9xvlw_B.js";import{c as L}from"./utils-D-KgF5mV.js";import{L as be}from"./label-CwntpYJ0.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DWC9SV-P.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";var Q=["PageUp","PageDown"],Z=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],ee={"from-left":["Home","PageDown","ArrowDown","ArrowLeft"],"from-right":["Home","PageDown","ArrowDown","ArrowRight"],"from-bottom":["Home","PageDown","ArrowDown","ArrowLeft"],"from-top":["Home","PageDown","ArrowUp","ArrowLeft"]},A="Slider",[H,we,ye]=xe(A),[te,nt]=pe(A,[ye]),[Re,N]=te(A),oe=u.forwardRef((e,t)=>{const{name:o,min:r=0,max:i=100,step:l=1,orientation:n="horizontal",disabled:a=!1,minStepsBetweenThumbs:c=0,defaultValue:g=[r],value:S,onValueChange:s=()=>{},onValueCommit:m=()=>{},inverted:x=!1,form:y,...v}=e,p=u.useRef(new Set),f=u.useRef(0),b=n==="horizontal"?Pe:_e,[h=[],M]=he({prop:S,defaultProp:g,onChange:w=>{var E;(E=[...p.current][f.current])==null||E.focus(),s(w)}}),T=u.useRef(h);function k(w){const R=Ae(h,w);I(w,R)}function me(w){I(w,f.current)}function fe(){const w=T.current[f.current];h[f.current]!==w&&m(h)}function I(w,R,{commit:E}={commit:!1}){const $=Be(l),z=Ke(Math.round((w-r)/l)*l+r,$),V=J(z,[r,i]);M((D=[])=>{const P=Ce(D,V,R);if(Ve(P,c*l)){f.current=P.indexOf(V);const X=String(P)!==String(D);return X&&E&&m(P),X?P:D}else return D})}return d.jsx(Re,{scope:e.__scopeSlider,name:o,disabled:a,min:r,max:i,valueIndexToChangeRef:f,thumbs:p.current,values:h,orientation:n,form:y,children:d.jsx(H.Provider,{scope:e.__scopeSlider,children:d.jsx(H.Slot,{scope:e.__scopeSlider,children:d.jsx(b,{"aria-disabled":a,"data-disabled":a?"":void 0,...v,ref:t,onPointerDown:C(v.onPointerDown,()=>{a||(T.current=h)}),min:r,max:i,inverted:x,onSlideStart:a?void 0:k,onSlideMove:a?void 0:me,onSlideEnd:a?void 0:fe,onHomeKeyDown:()=>!a&&I(r,0,{commit:!0}),onEndKeyDown:()=>!a&&I(i,h.length-1,{commit:!0}),onStepKeyDown:({event:w,direction:R})=>{if(!a){const z=Q.includes(w.key)||w.shiftKey&&Z.includes(w.key)?10:1,V=f.current,D=h[V],P=l*z*R;I(D+P,V,{commit:!0})}}})})})})});oe.displayName=A;var[re,ne]=te(A,{startEdge:"left",endEdge:"right",size:"width",direction:1}),Pe=u.forwardRef((e,t)=>{const{min:o,max:r,dir:i,inverted:l,onSlideStart:n,onSlideMove:a,onSlideEnd:c,onStepKeyDown:g,...S}=e,[s,m]=u.useState(null),x=j(t,b=>m(b)),y=u.useRef(void 0),v=ge(i),p=v==="ltr",f=p&&!l||!p&&l;function _(b){const h=y.current||s.getBoundingClientRect(),M=[0,h.width],k=U(M,f?[o,r]:[r,o]);return y.current=h,k(b-h.left)}return d.jsx(re,{scope:e.__scopeSlider,startEdge:f?"left":"right",endEdge:f?"right":"left",direction:f?1:-1,size:"width",children:d.jsx(ie,{dir:v,"data-orientation":"horizontal",...S,ref:x,style:{...S.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:b=>{const h=_(b.clientX);n==null||n(h)},onSlideMove:b=>{const h=_(b.clientX);a==null||a(h)},onSlideEnd:()=>{y.current=void 0,c==null||c()},onStepKeyDown:b=>{const M=ee[f?"from-left":"from-right"].includes(b.key);g==null||g({event:b,direction:M?-1:1})}})})}),_e=u.forwardRef((e,t)=>{const{min:o,max:r,inverted:i,onSlideStart:l,onSlideMove:n,onSlideEnd:a,onStepKeyDown:c,...g}=e,S=u.useRef(null),s=j(t,S),m=u.useRef(void 0),x=!i;function y(v){const p=m.current||S.current.getBoundingClientRect(),f=[0,p.height],b=U(f,x?[r,o]:[o,r]);return m.current=p,b(v-p.top)}return d.jsx(re,{scope:e.__scopeSlider,startEdge:x?"bottom":"top",endEdge:x?"top":"bottom",size:"height",direction:x?1:-1,children:d.jsx(ie,{"data-orientation":"vertical",...g,ref:s,style:{...g.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:v=>{const p=y(v.clientY);l==null||l(p)},onSlideMove:v=>{const p=y(v.clientY);n==null||n(p)},onSlideEnd:()=>{m.current=void 0,a==null||a()},onStepKeyDown:v=>{const f=ee[x?"from-bottom":"from-top"].includes(v.key);c==null||c({event:v,direction:f?-1:1})}})})}),ie=u.forwardRef((e,t)=>{const{__scopeSlider:o,onSlideStart:r,onSlideMove:i,onSlideEnd:l,onHomeKeyDown:n,onEndKeyDown:a,onStepKeyDown:c,...g}=e,S=N(A,o);return d.jsx(B.span,{...g,ref:t,onKeyDown:C(e.onKeyDown,s=>{s.key==="Home"?(n(s),s.preventDefault()):s.key==="End"?(a(s),s.preventDefault()):Q.concat(Z).includes(s.key)&&(c(s),s.preventDefault())}),onPointerDown:C(e.onPointerDown,s=>{const m=s.target;m.setPointerCapture(s.pointerId),s.preventDefault(),S.thumbs.has(m)?m.focus():r(s)}),onPointerMove:C(e.onPointerMove,s=>{s.target.hasPointerCapture(s.pointerId)&&i(s)}),onPointerUp:C(e.onPointerUp,s=>{const m=s.target;m.hasPointerCapture(s.pointerId)&&(m.releasePointerCapture(s.pointerId),l(s))})})}),ae="SliderTrack",se=u.forwardRef((e,t)=>{const{__scopeSlider:o,...r}=e,i=N(ae,o);return d.jsx(B.span,{"data-disabled":i.disabled?"":void 0,"data-orientation":i.orientation,...r,ref:t})});se.displayName=ae;var O="SliderRange",le=u.forwardRef((e,t)=>{const{__scopeSlider:o,...r}=e,i=N(O,o),l=ne(O,o),n=u.useRef(null),a=j(t,n),c=i.values.length,g=i.values.map(m=>ue(m,i.min,i.max)),S=c>1?Math.min(...g):0,s=100-Math.max(...g);return d.jsx(B.span,{"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0,...r,ref:a,style:{...e.style,[l.startEdge]:S+"%",[l.endEdge]:s+"%"}})});le.displayName=O;var F="SliderThumb",ce=u.forwardRef((e,t)=>{const o=we(e.__scopeSlider),[r,i]=u.useState(null),l=j(t,a=>i(a)),n=u.useMemo(()=>r?o().findIndex(a=>a.ref.current===r):-1,[o,r]);return d.jsx(Ee,{...e,ref:l,index:n})}),Ee=u.forwardRef((e,t)=>{const{__scopeSlider:o,index:r,name:i,...l}=e,n=N(F,o),a=ne(F,o),[c,g]=u.useState(null),S=j(t,_=>g(_)),s=c?n.form||!!c.closest("form"):!0,m=ve(c),x=n.values[r],y=x===void 0?0:ue(x,n.min,n.max),v=je(r,n.values.length),p=m==null?void 0:m[a.size],f=p?Me(p,y,a.direction):0;return u.useEffect(()=>{if(c)return n.thumbs.add(c),()=>{n.thumbs.delete(c)}},[c,n.thumbs]),d.jsxs("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[a.startEdge]:`calc(${y}% + ${f}px)`},children:[d.jsx(H.ItemSlot,{scope:e.__scopeSlider,children:d.jsx(B.span,{role:"slider","aria-label":e["aria-label"]||v,"aria-valuemin":n.min,"aria-valuenow":x,"aria-valuemax":n.max,"aria-orientation":n.orientation,"data-orientation":n.orientation,"data-disabled":n.disabled?"":void 0,tabIndex:n.disabled?void 0:0,...l,ref:S,style:x===void 0?{display:"none"}:e.style,onFocus:C(e.onFocus,()=>{n.valueIndexToChangeRef.current=r})})}),s&&d.jsx(de,{name:i??(n.name?n.name+(n.values.length>1?"[]":""):void 0),form:n.form,value:x},r)]})});ce.displayName=F;var De="RadioBubbleInput",de=u.forwardRef(({__scopeSlider:e,value:t,...o},r)=>{const i=u.useRef(null),l=j(i,r),n=Se(t);return u.useEffect(()=>{const a=i.current;if(!a)return;const c=window.HTMLInputElement.prototype,S=Object.getOwnPropertyDescriptor(c,"value").set;if(n!==t&&S){const s=new Event("input",{bubbles:!0});S.call(a,t),a.dispatchEvent(s)}},[n,t]),d.jsx(B.input,{style:{display:"none"},...o,ref:l,defaultValue:t})});de.displayName=De;function Ce(e=[],t,o){const r=[...e];return r[o]=t,r.sort((i,l)=>i-l)}function ue(e,t,o){const l=100/(o-t)*(e-t);return J(l,[0,100])}function je(e,t){return t>2?`Value ${e+1} of ${t}`:t===2?["Minimum","Maximum"][e]:void 0}function Ae(e,t){if(e.length===1)return 0;const o=e.map(i=>Math.abs(i-t)),r=Math.min(...o);return o.indexOf(r)}function Me(e,t,o){const r=e/2,l=U([0,50],[0,r]);return(r-l(t)*o)*o}function Ie(e){return e.slice(0,-1).map((t,o)=>e[o+1]-t)}function Ve(e,t){if(t>0){const o=Ie(e);return Math.min(...o)>=t}return!0}function U(e,t){return o=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(o-e[0])}}function Be(e){return(String(e).split(".")[1]||"").length}function Ke(e,t){const o=Math.pow(10,t);return Math.round(e*o)/o}var Ne=oe,Te=se,ke=le,ze=ce;function Y({className:e,defaultValue:t,value:o,min:r=0,max:i=100,...l}){const n=u.useMemo(()=>Array.isArray(o)?o:Array.isArray(t)?t:[r,i],[o,t,r,i]);return d.jsxs(Ne,{"data-slot":"slider",defaultValue:t,value:o,min:r,max:i,className:L("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",e),...l,children:[d.jsx(Te,{"data-slot":"slider-track",className:L("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),children:d.jsx(ke,{"data-slot":"slider-range",className:L("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")})}),Array.from({length:n.length},(a,c)=>d.jsx(ze,{"data-slot":"slider-thumb",className:"border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"},c))]})}Y.__docgenInfo={description:"",methods:[],displayName:"Slider",props:{min:{defaultValue:{value:"0",computed:!1},required:!1},max:{defaultValue:{value:"100",computed:!1},required:!1}}};const it={title:"Shadcn/UI/Slider",component:Y},K={render:()=>d.jsxs("div",{className:"w-[320px] grid gap-3",children:[d.jsx(be,{htmlFor:"volume",children:"Volume"}),d.jsx(Y,{id:"volume",defaultValue:[50],max:100,step:1})]})};var q,G,W;K.parameters={...K.parameters,docs:{...(q=K.parameters)==null?void 0:q.docs,source:{originalSource:`{
   render: () => <div className="w-[320px] grid gap-3">
       <Label htmlFor="volume">Volume</Label>
       <Slider id="volume" defaultValue={[50]} max={100} step={1} />

package/storybook-static/assets/{Sonner.stories-CXSZs5yN.js → Sonner.stories-CXW5e_Qg.js}

@@ -1,4 +1,4 @@
-import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{r as p}from"./iframe-G-6sM9Mt.js";import{T,t as a}from"./index-DySHPxMy.js";import{B as m}from"./button-BTWmFXop.js";import"./preload-helper-Dp1pzeXC.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";import"./index-1v1lhNFD.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";var E=(t,n,h,i,c,o,f,v)=>{let s=document.documentElement,g=["light","dark"];function l(e){(Array.isArray(t)?t:[t]).forEach(d=>{let y=d==="class",b=y&&o?c.map(S=>o[S]||S):c;y?(s.classList.remove(...b),s.classList.add(o&&o[e]?o[e]:e)):s.setAttribute(d,e)}),w(e)}function w(e){v&&g.includes(e)&&(s.style.colorScheme=e)}function j(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(i)l(i);else try{let e=localStorage.getItem(n)||h,d=f&&e==="system"?j():e;l(d)}catch{}},N=p.createContext(void 0),U={setTheme:t=>{},themes:[]},_=()=>{var t;return(t=p.useContext(N))!=null?t:U};p.memo(({forcedTheme:t,storageKey:n,attribute:h,enableSystem:i,enableColorScheme:c,defaultTheme:o,value:f,themes:v,nonce:s,scriptProps:g})=>{let l=JSON.stringify([h,n,o,t,v,f,i,c]).slice(1,-1);return p.createElement("script",{...g,suppressHydrationWarning:!0,nonce:typeof window>"u"?s:"",dangerouslySetInnerHTML:{__html:`(${E.toString()})(${l})`}})});const x=({...t})=>{const{theme:n="system"}=_();return r.jsx(T,{theme:n,className:"toaster group",style:{"--normal-bg":"var(--popover)","--normal-text":"var(--popover-foreground)","--normal-border":"var(--border)"},...t})};x.__docgenInfo={description:"",methods:[],displayName:"Toaster"};const R={title:"Shadcn/UI/Sonner",component:x},u={render:()=>r.jsxs("div",{className:"space-y-3",children:[r.jsx(x,{richColors:!0,position:"top-right"}),r.jsxs("div",{className:"flex flex-wrap gap-2",children:[r.jsx(m,{onClick:()=>a("Hello from Sonner!"),children:"Default"}),r.jsx(m,{variant:"secondary",onClick:()=>a.success("Saved successfully"),children:"Success"}),r.jsx(m,{variant:"destructive",onClick:()=>a.error("Something went wrong"),children:"Error"}),r.jsx(m,{variant:"outline",onClick:()=>a("Action required",{action:{label:"Undo",onClick:()=>a("Undone")}}),children:"With action"})]})]})};var C,k,B;u.parameters={...u.parameters,docs:{...(C=u.parameters)==null?void 0:C.docs,source:{originalSource:`{
+import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{r as p}from"./iframe-BWjPIle6.js";import{T,t as a}from"./index-A7UzX-Xw.js";import{B as m}from"./button-BObfgcV1.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-BcAKBHrX.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";var E=(t,n,h,i,c,o,f,v)=>{let s=document.documentElement,g=["light","dark"];function l(e){(Array.isArray(t)?t:[t]).forEach(d=>{let y=d==="class",b=y&&o?c.map(S=>o[S]||S):c;y?(s.classList.remove(...b),s.classList.add(o&&o[e]?o[e]:e)):s.setAttribute(d,e)}),w(e)}function w(e){v&&g.includes(e)&&(s.style.colorScheme=e)}function j(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(i)l(i);else try{let e=localStorage.getItem(n)||h,d=f&&e==="system"?j():e;l(d)}catch{}},N=p.createContext(void 0),U={setTheme:t=>{},themes:[]},_=()=>{var t;return(t=p.useContext(N))!=null?t:U};p.memo(({forcedTheme:t,storageKey:n,attribute:h,enableSystem:i,enableColorScheme:c,defaultTheme:o,value:f,themes:v,nonce:s,scriptProps:g})=>{let l=JSON.stringify([h,n,o,t,v,f,i,c]).slice(1,-1);return p.createElement("script",{...g,suppressHydrationWarning:!0,nonce:typeof window>"u"?s:"",dangerouslySetInnerHTML:{__html:`(${E.toString()})(${l})`}})});const x=({...t})=>{const{theme:n="system"}=_();return r.jsx(T,{theme:n,className:"toaster group",style:{"--normal-bg":"var(--popover)","--normal-text":"var(--popover-foreground)","--normal-border":"var(--border)"},...t})};x.__docgenInfo={description:"",methods:[],displayName:"Toaster"};const R={title:"Shadcn/UI/Sonner",component:x},u={render:()=>r.jsxs("div",{className:"space-y-3",children:[r.jsx(x,{richColors:!0,position:"top-right"}),r.jsxs("div",{className:"flex flex-wrap gap-2",children:[r.jsx(m,{onClick:()=>a("Hello from Sonner!"),children:"Default"}),r.jsx(m,{variant:"secondary",onClick:()=>a.success("Saved successfully"),children:"Success"}),r.jsx(m,{variant:"destructive",onClick:()=>a.error("Something went wrong"),children:"Error"}),r.jsx(m,{variant:"outline",onClick:()=>a("Action required",{action:{label:"Undo",onClick:()=>a("Undone")}}),children:"With action"})]})]})};var C,k,B;u.parameters={...u.parameters,docs:{...(C=u.parameters)==null?void 0:C.docs,source:{originalSource:`{
   render: () => <div className="space-y-3">
       <Toaster richColors position="top-right" />
       <div className="flex flex-wrap gap-2">

package/storybook-static/assets/{Switch.stories-BUQjobWe.js → Switch.stories-zr6i-aNi.js}

@@ -1,3 +1,3 @@
-import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{r as s}from"./iframe-G-6sM9Mt.js";import{c as U}from"./index-DW48STyt.js";import{u as _}from"./index-1v1lhNFD.js";import{c as z}from"./index-DvM9azdj.js";import{u as A}from"./index-CAwQR9Pv.js";import{u as O}from"./index-HghBIZeg.js";import{u as q}from"./index-ev1RjzGv.js";import{P as N}from"./index-DqWzLCH-.js";import{c as y}from"./utils-D-KgF5mV.js";import"./preload-helper-Dp1pzeXC.js";import"./index-I343IfOC.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";var b="Switch",[F,de]=z(b),[L,W]=F(b),R=s.forwardRef((e,r)=>{const{__scopeSwitch:o,name:n,checked:a,defaultChecked:w,required:d,disabled:c,value:l="on",onCheckedChange:S,form:i,...x}=e,[u,p]=s.useState(null),k=_(r,h=>p(h)),g=s.useRef(!1),C=u?i||!!u.closest("form"):!0,[m,D]=A({prop:a,defaultProp:w??!1,onChange:S,caller:b});return t.jsxs(L,{scope:o,checked:m,disabled:c,children:[t.jsx(N.button,{type:"button",role:"switch","aria-checked":m,"aria-required":d,"data-state":M(m),"data-disabled":c?"":void 0,disabled:c,value:l,...x,ref:k,onClick:U(e.onClick,h=>{D(H=>!H),C&&(g.current=h.isPropagationStopped(),g.current||h.stopPropagation())})}),C&&t.jsx(T,{control:u,bubbles:!g.current,name:n,value:l,checked:m,required:d,disabled:c,form:i,style:{transform:"translateX(-100%)"}})]})});R.displayName=b;var B="SwitchThumb",I=s.forwardRef((e,r)=>{const{__scopeSwitch:o,...n}=e,a=W(B,o);return t.jsx(N.span,{"data-state":M(a.checked),"data-disabled":a.disabled?"":void 0,...n,ref:r})});I.displayName=B;var X="SwitchBubbleInput",T=s.forwardRef(({__scopeSwitch:e,control:r,checked:o,bubbles:n=!0,...a},w)=>{const d=s.useRef(null),c=_(d,w),l=O(o),S=q(r);return s.useEffect(()=>{const i=d.current;if(!i)return;const x=window.HTMLInputElement.prototype,p=Object.getOwnPropertyDescriptor(x,"checked").set;if(l!==o&&p){const k=new Event("click",{bubbles:n});p.call(i,o),i.dispatchEvent(k)}},[l,o,n]),t.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:o,...a,tabIndex:-1,ref:c,style:{...a.style,...S,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});T.displayName=X;function M(e){return e?"checked":"unchecked"}var $=R,G=I;function v({className:e,...r}){return t.jsx($,{"data-slot":"switch",className:y("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...r,children:t.jsx(G,{"data-slot":"switch-thumb",className:y("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")})})}v.__docgenInfo={description:"",methods:[],displayName:"Switch"};const le={title:"Shadcn/UI/Switch",component:v};function J(){const[e,r]=s.useState(!1);return t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx(v,{checked:e,onCheckedChange:r,id:"demo-switch"}),t.jsx("label",{htmlFor:"demo-switch",className:"text-sm",children:e?"Enabled":"Disabled"})]})}const f={render:()=>t.jsx(J,{})};var E,j,P;f.parameters={...f.parameters,docs:{...(E=f.parameters)==null?void 0:E.docs,source:{originalSource:`{
+import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{r as s}from"./iframe-BWjPIle6.js";import{c as U}from"./index-DW48STyt.js";import{u as _}from"./index-BcAKBHrX.js";import{c as z}from"./index-Pk2lGsul.js";import{u as A}from"./index-7XoYQV2z.js";import{u as O}from"./index-Dqw7miiX.js";import{u as q}from"./index-DMk2qc2_.js";import{P as N}from"./index-04C4iZwC.js";import{c as y}from"./utils-D-KgF5mV.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DWC9SV-P.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";var b="Switch",[F,de]=z(b),[L,W]=F(b),R=s.forwardRef((e,r)=>{const{__scopeSwitch:o,name:n,checked:a,defaultChecked:w,required:d,disabled:c,value:l="on",onCheckedChange:S,form:i,...x}=e,[u,p]=s.useState(null),k=_(r,h=>p(h)),g=s.useRef(!1),C=u?i||!!u.closest("form"):!0,[m,D]=A({prop:a,defaultProp:w??!1,onChange:S,caller:b});return t.jsxs(L,{scope:o,checked:m,disabled:c,children:[t.jsx(N.button,{type:"button",role:"switch","aria-checked":m,"aria-required":d,"data-state":M(m),"data-disabled":c?"":void 0,disabled:c,value:l,...x,ref:k,onClick:U(e.onClick,h=>{D(H=>!H),C&&(g.current=h.isPropagationStopped(),g.current||h.stopPropagation())})}),C&&t.jsx(T,{control:u,bubbles:!g.current,name:n,value:l,checked:m,required:d,disabled:c,form:i,style:{transform:"translateX(-100%)"}})]})});R.displayName=b;var B="SwitchThumb",I=s.forwardRef((e,r)=>{const{__scopeSwitch:o,...n}=e,a=W(B,o);return t.jsx(N.span,{"data-state":M(a.checked),"data-disabled":a.disabled?"":void 0,...n,ref:r})});I.displayName=B;var X="SwitchBubbleInput",T=s.forwardRef(({__scopeSwitch:e,control:r,checked:o,bubbles:n=!0,...a},w)=>{const d=s.useRef(null),c=_(d,w),l=O(o),S=q(r);return s.useEffect(()=>{const i=d.current;if(!i)return;const x=window.HTMLInputElement.prototype,p=Object.getOwnPropertyDescriptor(x,"checked").set;if(l!==o&&p){const k=new Event("click",{bubbles:n});p.call(i,o),i.dispatchEvent(k)}},[l,o,n]),t.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:o,...a,tabIndex:-1,ref:c,style:{...a.style,...S,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});T.displayName=X;function M(e){return e?"checked":"unchecked"}var $=R,G=I;function v({className:e,...r}){return t.jsx($,{"data-slot":"switch",className:y("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...r,children:t.jsx(G,{"data-slot":"switch-thumb",className:y("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")})})}v.__docgenInfo={description:"",methods:[],displayName:"Switch"};const le={title:"Shadcn/UI/Switch",component:v};function J(){const[e,r]=s.useState(!1);return t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx(v,{checked:e,onCheckedChange:r,id:"demo-switch"}),t.jsx("label",{htmlFor:"demo-switch",className:"text-sm",children:e?"Enabled":"Disabled"})]})}const f={render:()=>t.jsx(J,{})};var E,j,P;f.parameters={...f.parameters,docs:{...(E=f.parameters)==null?void 0:E.docs,source:{originalSource:`{
   render: () => <SwitchDemo />
 }`,...(P=(j=f.parameters)==null?void 0:j.docs)==null?void 0:P.source}}};const ue=["Basic"];export{f as Basic,ue as __namedExportsOrder,le as default};

package/storybook-static/assets/{Table.stories-DJcV7M9R.js → Table.stories-BuGU4MUM.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as i}from"./iframe-G-6sM9Mt.js";import{T as B,f as K,a as O,b as T,c as o,d as _,e as t}from"./table-CP3vMqFn.js";import{I as X}from"./input-11YRd9gD.js";import{B as r}from"./button-BTWmFXop.js";import{S as H,a as R,b as M,c as U,d as C}from"./select-DbLzULCJ.js";import{C as D}from"./checkbox-QlugAqJY.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./index-1v1lhNFD.js";import"./index-CGrAONsN.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";import"./index-BdQq_4o_.js";import"./index-DW48STyt.js";import"./index-BDwnENHR.js";import"./index-DvM9azdj.js";import"./index-ClNNG_ys.js";import"./index-7yNAGow7.js";import"./index-DqWzLCH-.js";import"./index-lH-AZpAn.js";import"./Combination-BT_gXe1L.js";import"./index-DhoByIgc.js";import"./index-I343IfOC.js";import"./index-CayhpKmv.js";import"./index-ev1RjzGv.js";import"./index-d_S6mtzU.js";import"./index-CAwQR9Pv.js";import"./index-HghBIZeg.js";import"./index-DNAxNqEO.js";import"./chevron-down-BqLjUn1_.js";import"./createLucideIcon-1ZwIAs_l.js";import"./check-BgWXKGqi.js";import"./index-Bq6UNRVc.js";const Ue={title:"Shadcn/UI/Table",component:B},w={render:()=>e.jsxs(B,{children:[e.jsx(K,{children:"A list of recent invoices."}),e.jsx(O,{children:e.jsxs(T,{children:[e.jsx(o,{children:"Invoice"}),e.jsx(o,{children:"Status"}),e.jsx(o,{children:"Method"}),e.jsx(o,{children:"Amount"})]})}),e.jsxs(_,{children:[e.jsxs(T,{children:[e.jsx(t,{children:"INV001"}),e.jsx(t,{children:"Paid"}),e.jsx(t,{children:"Credit Card"}),e.jsx(t,{children:"$250.00"})]}),e.jsxs(T,{children:[e.jsx(t,{children:"INV002"}),e.jsx(t,{children:"Processing"}),e.jsx(t,{children:"PayPal"}),e.jsx(t,{children:"$150.00"})]}),e.jsxs(T,{children:[e.jsx(t,{children:"INV003"}),e.jsx(t,{children:"Unpaid"}),e.jsx(t,{children:"Bank Transfer"}),e.jsx(t,{children:"$350.00"})]})]})]})};function Y(u){return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(u/100)}const Z=[{id:"INV001",status:"Paid",method:"Credit Card",amount:25e3},{id:"INV002",status:"Processing",method:"PayPal",amount:15e3},{id:"INV003",status:"Unpaid",method:"Bank Transfer",amount:35e3},{id:"INV004",status:"Paid",method:"Credit Card",amount:12e3},{id:"INV005",status:"Unpaid",method:"PayPal",amount:9800},{id:"INV006",status:"Processing",method:"Bank Transfer",amount:44e3},{id:"INV007",status:"Paid",method:"Credit Card",amount:199900},{id:"INV008",status:"Processing",method:"PayPal",amount:5600},{id:"INV009",status:"Unpaid",method:"Credit Card",amount:7600},{id:"INV010",status:"Paid",method:"Bank Transfer",amount:87500}];function ee(u,s){const S=i.useMemo(()=>{const n=s.query.trim().toLowerCase();return u.filter(m=>{const f=n?m.id.toLowerCase().includes(n)||m.method.toLowerCase().includes(n):!0,l=s.status==="all"?!0:m.status===s.status;return f&&l})},[u,s.query,s.status]),N=i.useMemo(()=>{if(!s.sortKey)return S;const n=[...S].sort((m,f)=>{const l=s.sortKey,j=m[l],b=f[l];return typeof j=="number"&&typeof b=="number"?j-b:String(j).localeCompare(String(b))});return s.sortDir==="asc"?n:n.reverse()},[S,s.sortDir,s.sortKey]),c=N.length,y=s.page*s.pageSize,x=y+s.pageSize,I=N.slice(y,x),d=Math.max(1,Math.ceil(c/s.pageSize));return{rows:I,total:c,totalPages:d}}function ae(){const[u,s]=i.useState(""),[S,N]=i.useState("all"),[c,y]=i.useState("id"),[x,I]=i.useState("asc"),[d,n]=i.useState(0),[m,f]=i.useState(5),[l,j]=i.useState(new Set),{rows:b,total:Q,totalPages:v}=ee(Z,{sortKey:c,sortDir:x,query:u,status:S,page:d,pageSize:m});function k(a){n(0),y(h=>h!==a?(I("asc"),a):(I(p=>p==="asc"?"desc":"asc"),h))}const P=b.map(a=>a.id),A=P.length>0&&P.every(a=>l.has(a)),W=P.some(a=>l.has(a))&&!A;function G(a){j(h=>{const p=new Set(h);return a?P.forEach(g=>p.add(g)):P.forEach(g=>p.delete(g)),p})}function J(a,h){j(p=>{const g=new Set(p);return h?g.add(a):g.delete(a),g})}return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx(X,{placeholder:"Search invoice or method...",value:u,onChange:a=>{n(0),s(a.target.value)},className:"w-60"}),e.jsxs(H,{value:S,onValueChange:a=>{n(0),N(a)},children:[e.jsx(R,{className:"w-44",children:e.jsx(M,{placeholder:"Status"})}),e.jsxs(U,{children:[e.jsx(C,{value:"all",children:"All statuses"}),e.jsx(C,{value:"Paid",children:"Paid"}),e.jsx(C,{value:"Processing",children:"Processing"}),e.jsx(C,{value:"Unpaid",children:"Unpaid"})]})]}),e.jsxs(H,{value:String(m),onValueChange:a=>{n(0),f(parseInt(a,10))},children:[e.jsx(R,{className:"w-36",children:e.jsx(M,{placeholder:"Page size"})}),e.jsxs(U,{children:[e.jsx(C,{value:"5",children:"5 / page"}),e.jsx(C,{value:"10",children:"10 / page"}),e.jsx(C,{value:"20",children:"20 / page"})]})]})]}),l.size>0&&e.jsxs("div",{className:"flex items-center justify-between rounded-md border bg-muted/40 px-3 py-2 text-sm",children:[e.jsxs("div",{children:[e.jsx("strong",{children:l.size})," selected"]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r,{variant:"outline",onClick:()=>j(new Set),children:"Clear selection"}),e.jsx(r,{variant:"default",children:"Bulk action"})]})]}),e.jsxs(B,{children:[e.jsxs(K,{children:["Invoices (",Q," total)"]}),e.jsx(O,{children:e.jsxs(T,{children:[e.jsx(o,{className:"w-10",children:e.jsx(D,{checked:W?"indeterminate":A,onCheckedChange:a=>G(a==="indeterminate"?!0:!!a),"aria-label":"Select all on page"})}),e.jsx(o,{children:e.jsxs(r,{variant:"ghost",onClick:()=>k("id"),children:["Invoice ",c==="id"&&(x==="asc"?"▲":"▼")]})}),e.jsx(o,{children:e.jsxs(r,{variant:"ghost",onClick:()=>k("status"),children:["Status ",c==="status"&&(x==="asc"?"▲":"▼")]})}),e.jsx(o,{children:e.jsxs(r,{variant:"ghost",onClick:()=>k("method"),children:["Method ",c==="method"&&(x==="asc"?"▲":"▼")]})}),e.jsx(o,{className:"text-right",children:e.jsxs(r,{variant:"ghost",onClick:()=>k("amount"),children:["Amount ",c==="amount"&&(x==="asc"?"▲":"▼")]})})]})}),e.jsxs(_,{children:[b.map(a=>e.jsxs(T,{children:[e.jsx(t,{className:"w-10",children:e.jsx(D,{checked:l.has(a.id),onCheckedChange:h=>J(a.id,!!h),"aria-label":`Select ${a.id}`})}),e.jsx(t,{className:"font-medium",children:a.id}),e.jsx(t,{children:a.status}),e.jsx(t,{children:a.method}),e.jsx(t,{className:"text-right",children:Y(a.amount)})]},a.id)),b.length===0&&e.jsx(T,{children:e.jsx(t,{colSpan:5,className:"text-center text-muted-foreground",children:"No results"})})]})]}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"text-sm text-muted-foreground",children:["Page ",d+1," of ",v]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r,{variant:"outline",onClick:()=>n(0),disabled:d===0,children:"« First"}),e.jsx(r,{variant:"outline",onClick:()=>n(a=>Math.max(0,a-1)),disabled:d===0,children:"‹ Prev"}),e.jsx(r,{variant:"outline",onClick:()=>n(a=>Math.min(v-1,a+1)),disabled:d>=v-1,children:"Next ›"}),e.jsx(r,{variant:"outline",onClick:()=>n(v-1),disabled:d>=v-1,children:"Last »"})]})]})]})}const V={render:()=>e.jsx(ae,{})};var z,$,E;w.parameters={...w.parameters,docs:{...(z=w.parameters)==null?void 0:z.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as i}from"./iframe-BWjPIle6.js";import{T as B,f as K,a as O,b as T,c as o,d as _,e as t}from"./table-CP3vMqFn.js";import{I as X}from"./input-11YRd9gD.js";import{B as r}from"./button-BObfgcV1.js";import{S as H,a as R,b as M,c as U,d as C}from"./select-gtXRB92c.js";import{C as D}from"./checkbox-D5BmNJeL.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./index-BcAKBHrX.js";import"./index-CGrAONsN.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-BdQq_4o_.js";import"./index-DW48STyt.js";import"./index-C9xvlw_B.js";import"./index-Pk2lGsul.js";import"./index-Dr2xmx-F.js";import"./index-BfKpUbCE.js";import"./index-04C4iZwC.js";import"./index-DschQYGl.js";import"./Combination-CeVus13L.js";import"./index-BN5_W3Yi.js";import"./index-DWC9SV-P.js";import"./index-C6O7WofA.js";import"./index-DMk2qc2_.js";import"./index-Cce91yJQ.js";import"./index-7XoYQV2z.js";import"./index-Dqw7miiX.js";import"./index-URSssr5a.js";import"./chevron-down-Bp7zbUB0.js";import"./createLucideIcon-CLBo0iA0.js";import"./check-DyecuwP4.js";import"./index-CKwUGXmt.js";const Ue={title:"Shadcn/UI/Table",component:B},w={render:()=>e.jsxs(B,{children:[e.jsx(K,{children:"A list of recent invoices."}),e.jsx(O,{children:e.jsxs(T,{children:[e.jsx(o,{children:"Invoice"}),e.jsx(o,{children:"Status"}),e.jsx(o,{children:"Method"}),e.jsx(o,{children:"Amount"})]})}),e.jsxs(_,{children:[e.jsxs(T,{children:[e.jsx(t,{children:"INV001"}),e.jsx(t,{children:"Paid"}),e.jsx(t,{children:"Credit Card"}),e.jsx(t,{children:"$250.00"})]}),e.jsxs(T,{children:[e.jsx(t,{children:"INV002"}),e.jsx(t,{children:"Processing"}),e.jsx(t,{children:"PayPal"}),e.jsx(t,{children:"$150.00"})]}),e.jsxs(T,{children:[e.jsx(t,{children:"INV003"}),e.jsx(t,{children:"Unpaid"}),e.jsx(t,{children:"Bank Transfer"}),e.jsx(t,{children:"$350.00"})]})]})]})};function Y(u){return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(u/100)}const Z=[{id:"INV001",status:"Paid",method:"Credit Card",amount:25e3},{id:"INV002",status:"Processing",method:"PayPal",amount:15e3},{id:"INV003",status:"Unpaid",method:"Bank Transfer",amount:35e3},{id:"INV004",status:"Paid",method:"Credit Card",amount:12e3},{id:"INV005",status:"Unpaid",method:"PayPal",amount:9800},{id:"INV006",status:"Processing",method:"Bank Transfer",amount:44e3},{id:"INV007",status:"Paid",method:"Credit Card",amount:199900},{id:"INV008",status:"Processing",method:"PayPal",amount:5600},{id:"INV009",status:"Unpaid",method:"Credit Card",amount:7600},{id:"INV010",status:"Paid",method:"Bank Transfer",amount:87500}];function ee(u,s){const S=i.useMemo(()=>{const n=s.query.trim().toLowerCase();return u.filter(m=>{const f=n?m.id.toLowerCase().includes(n)||m.method.toLowerCase().includes(n):!0,l=s.status==="all"?!0:m.status===s.status;return f&&l})},[u,s.query,s.status]),N=i.useMemo(()=>{if(!s.sortKey)return S;const n=[...S].sort((m,f)=>{const l=s.sortKey,j=m[l],b=f[l];return typeof j=="number"&&typeof b=="number"?j-b:String(j).localeCompare(String(b))});return s.sortDir==="asc"?n:n.reverse()},[S,s.sortDir,s.sortKey]),c=N.length,y=s.page*s.pageSize,x=y+s.pageSize,I=N.slice(y,x),d=Math.max(1,Math.ceil(c/s.pageSize));return{rows:I,total:c,totalPages:d}}function ae(){const[u,s]=i.useState(""),[S,N]=i.useState("all"),[c,y]=i.useState("id"),[x,I]=i.useState("asc"),[d,n]=i.useState(0),[m,f]=i.useState(5),[l,j]=i.useState(new Set),{rows:b,total:Q,totalPages:v}=ee(Z,{sortKey:c,sortDir:x,query:u,status:S,page:d,pageSize:m});function k(a){n(0),y(h=>h!==a?(I("asc"),a):(I(p=>p==="asc"?"desc":"asc"),h))}const P=b.map(a=>a.id),A=P.length>0&&P.every(a=>l.has(a)),W=P.some(a=>l.has(a))&&!A;function G(a){j(h=>{const p=new Set(h);return a?P.forEach(g=>p.add(g)):P.forEach(g=>p.delete(g)),p})}function J(a,h){j(p=>{const g=new Set(p);return h?g.add(a):g.delete(a),g})}return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx(X,{placeholder:"Search invoice or method...",value:u,onChange:a=>{n(0),s(a.target.value)},className:"w-60"}),e.jsxs(H,{value:S,onValueChange:a=>{n(0),N(a)},children:[e.jsx(R,{className:"w-44",children:e.jsx(M,{placeholder:"Status"})}),e.jsxs(U,{children:[e.jsx(C,{value:"all",children:"All statuses"}),e.jsx(C,{value:"Paid",children:"Paid"}),e.jsx(C,{value:"Processing",children:"Processing"}),e.jsx(C,{value:"Unpaid",children:"Unpaid"})]})]}),e.jsxs(H,{value:String(m),onValueChange:a=>{n(0),f(parseInt(a,10))},children:[e.jsx(R,{className:"w-36",children:e.jsx(M,{placeholder:"Page size"})}),e.jsxs(U,{children:[e.jsx(C,{value:"5",children:"5 / page"}),e.jsx(C,{value:"10",children:"10 / page"}),e.jsx(C,{value:"20",children:"20 / page"})]})]})]}),l.size>0&&e.jsxs("div",{className:"flex items-center justify-between rounded-md border bg-muted/40 px-3 py-2 text-sm",children:[e.jsxs("div",{children:[e.jsx("strong",{children:l.size})," selected"]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r,{variant:"outline",onClick:()=>j(new Set),children:"Clear selection"}),e.jsx(r,{variant:"default",children:"Bulk action"})]})]}),e.jsxs(B,{children:[e.jsxs(K,{children:["Invoices (",Q," total)"]}),e.jsx(O,{children:e.jsxs(T,{children:[e.jsx(o,{className:"w-10",children:e.jsx(D,{checked:W?"indeterminate":A,onCheckedChange:a=>G(a==="indeterminate"?!0:!!a),"aria-label":"Select all on page"})}),e.jsx(o,{children:e.jsxs(r,{variant:"ghost",onClick:()=>k("id"),children:["Invoice ",c==="id"&&(x==="asc"?"▲":"▼")]})}),e.jsx(o,{children:e.jsxs(r,{variant:"ghost",onClick:()=>k("status"),children:["Status ",c==="status"&&(x==="asc"?"▲":"▼")]})}),e.jsx(o,{children:e.jsxs(r,{variant:"ghost",onClick:()=>k("method"),children:["Method ",c==="method"&&(x==="asc"?"▲":"▼")]})}),e.jsx(o,{className:"text-right",children:e.jsxs(r,{variant:"ghost",onClick:()=>k("amount"),children:["Amount ",c==="amount"&&(x==="asc"?"▲":"▼")]})})]})}),e.jsxs(_,{children:[b.map(a=>e.jsxs(T,{children:[e.jsx(t,{className:"w-10",children:e.jsx(D,{checked:l.has(a.id),onCheckedChange:h=>J(a.id,!!h),"aria-label":`Select ${a.id}`})}),e.jsx(t,{className:"font-medium",children:a.id}),e.jsx(t,{children:a.status}),e.jsx(t,{children:a.method}),e.jsx(t,{className:"text-right",children:Y(a.amount)})]},a.id)),b.length===0&&e.jsx(T,{children:e.jsx(t,{colSpan:5,className:"text-center text-muted-foreground",children:"No results"})})]})]}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"text-sm text-muted-foreground",children:["Page ",d+1," of ",v]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r,{variant:"outline",onClick:()=>n(0),disabled:d===0,children:"« First"}),e.jsx(r,{variant:"outline",onClick:()=>n(a=>Math.max(0,a-1)),disabled:d===0,children:"‹ Prev"}),e.jsx(r,{variant:"outline",onClick:()=>n(a=>Math.min(v-1,a+1)),disabled:d>=v-1,children:"Next ›"}),e.jsx(r,{variant:"outline",onClick:()=>n(v-1),disabled:d>=v-1,children:"Last »"})]})]})]})}const V={render:()=>e.jsx(ae,{})};var z,$,E;w.parameters={...w.parameters,docs:{...(z=w.parameters)==null?void 0:z.docs,source:{originalSource:`{
   render: () => <Table>
       <TableCaption>A list of recent invoices.</TableCaption>
       <TableHeader>

package/storybook-static/assets/{Tabs.stories-ByeVrP18.js → Tabs.stories-jxkJ-AUI.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{r as p}from"./iframe-G-6sM9Mt.js";import{c as x}from"./index-DW48STyt.js";import{c as D}from"./index-DvM9azdj.js";import{c as N,R as G,I as B}from"./index-CMmbDm5O.js";import{P as z}from"./index-Bq6UNRVc.js";import{P as g}from"./index-DqWzLCH-.js";import{u as K}from"./index-ClNNG_ys.js";import{u as O}from"./index-CAwQR9Pv.js";import{u as q}from"./index-DhoByIgc.js";import{c as v}from"./utils-D-KgF5mV.js";import"./preload-helper-Dp1pzeXC.js";import"./index-BDwnENHR.js";import"./index-1v1lhNFD.js";import"./index-lH-AZpAn.js";import"./index-I343IfOC.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";var T="Tabs",[H,ge]=D(T,[N]),A=N(),[U,C]=H(T),P=p.forwardRef((e,t)=>{const{__scopeTabs:c,value:o,onValueChange:n,defaultValue:d,orientation:r="horizontal",dir:u,activationMode:m="automatic",...b}=e,i=K(u),[s,l]=O({prop:o,onChange:n,defaultProp:d??"",caller:T});return a.jsx(U,{scope:c,baseId:q(),value:s,onValueChange:l,orientation:r,dir:i,activationMode:m,children:a.jsx(g.div,{dir:i,"data-orientation":r,...b,ref:t})})});P.displayName=T;var R="TabsList",S=p.forwardRef((e,t)=>{const{__scopeTabs:c,loop:o=!0,...n}=e,d=C(R,c),r=A(c);return a.jsx(G,{asChild:!0,...r,orientation:d.orientation,dir:d.dir,loop:o,children:a.jsx(g.div,{role:"tablist","aria-orientation":d.orientation,...n,ref:t})})});S.displayName=R;var E="TabsTrigger",M=p.forwardRef((e,t)=>{const{__scopeTabs:c,value:o,disabled:n=!1,...d}=e,r=C(E,c),u=A(c),m=V(r.baseId,o),b=L(r.baseId,o),i=o===r.value;return a.jsx(B,{asChild:!0,...u,focusable:!n,active:i,children:a.jsx(g.button,{type:"button",role:"tab","aria-selected":i,"aria-controls":b,"data-state":i?"active":"inactive","data-disabled":n?"":void 0,disabled:n,id:m,...d,ref:t,onMouseDown:x(e.onMouseDown,s=>{!n&&s.button===0&&s.ctrlKey===!1?r.onValueChange(o):s.preventDefault()}),onKeyDown:x(e.onKeyDown,s=>{[" ","Enter"].includes(s.key)&&r.onValueChange(o)}),onFocus:x(e.onFocus,()=>{const s=r.activationMode!=="manual";!i&&!n&&s&&r.onValueChange(o)})})})});M.displayName=E;var k="TabsContent",F=p.forwardRef((e,t)=>{const{__scopeTabs:c,value:o,forceMount:n,children:d,...r}=e,u=C(k,c),m=V(u.baseId,o),b=L(u.baseId,o),i=o===u.value,s=p.useRef(i);return p.useEffect(()=>{const l=requestAnimationFrame(()=>s.current=!1);return()=>cancelAnimationFrame(l)},[]),a.jsx(z,{present:n||i,children:({present:l})=>a.jsx(g.div,{"data-state":i?"active":"inactive","data-orientation":u.orientation,role:"tabpanel","aria-labelledby":m,hidden:!l,id:b,tabIndex:0,...r,ref:t,style:{...e.style,animationDuration:s.current?"0s":void 0},children:l&&d})})});F.displayName=k;function V(e,t){return`${e}-trigger-${t}`}function L(e,t){return`${e}-content-${t}`}var J=P,Q=S,W=M,X=F;function y({className:e,...t}){return a.jsx(J,{"data-slot":"tabs",className:v("flex flex-col gap-2",e),...t})}function $({className:e,...t}){return a.jsx(Q,{"data-slot":"tabs-list",className:v("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",e),...t})}function h({className:e,...t}){return a.jsx(W,{"data-slot":"tabs-trigger",className:v("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...t})}function _({className:e,...t}){return a.jsx(X,{"data-slot":"tabs-content",className:v("flex-1 outline-none",e),...t})}y.__docgenInfo={description:"",methods:[],displayName:"Tabs"};$.__docgenInfo={description:"",methods:[],displayName:"TabsList"};h.__docgenInfo={description:"",methods:[],displayName:"TabsTrigger"};_.__docgenInfo={description:"",methods:[],displayName:"TabsContent"};const ve={title:"Shadcn/UI/Tabs",component:y},f={render:()=>a.jsxs(y,{defaultValue:"account",className:"w-[400px]",children:[a.jsxs($,{children:[a.jsx(h,{value:"account",children:"Account"}),a.jsx(h,{value:"password",children:"Password"})]}),a.jsx(_,{value:"account",children:"Make changes to your account here."}),a.jsx(_,{value:"password",children:"Change your password here."})]})};var w,j,I;f.parameters={...f.parameters,docs:{...(w=f.parameters)==null?void 0:w.docs,source:{originalSource:`{
+import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{r as p}from"./iframe-BWjPIle6.js";import{c as x}from"./index-DW48STyt.js";import{c as D}from"./index-Pk2lGsul.js";import{c as N,R as G,I as B}from"./index-Cw7p-pms.js";import{P as z}from"./index-CKwUGXmt.js";import{P as g}from"./index-04C4iZwC.js";import{u as K}from"./index-Dr2xmx-F.js";import{u as O}from"./index-7XoYQV2z.js";import{u as q}from"./index-BN5_W3Yi.js";import{c as v}from"./utils-D-KgF5mV.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C9xvlw_B.js";import"./index-BcAKBHrX.js";import"./index-DschQYGl.js";import"./index-DWC9SV-P.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";var T="Tabs",[H,ge]=D(T,[N]),A=N(),[U,C]=H(T),P=p.forwardRef((e,t)=>{const{__scopeTabs:c,value:o,onValueChange:n,defaultValue:d,orientation:r="horizontal",dir:u,activationMode:m="automatic",...b}=e,i=K(u),[s,l]=O({prop:o,onChange:n,defaultProp:d??"",caller:T});return a.jsx(U,{scope:c,baseId:q(),value:s,onValueChange:l,orientation:r,dir:i,activationMode:m,children:a.jsx(g.div,{dir:i,"data-orientation":r,...b,ref:t})})});P.displayName=T;var R="TabsList",S=p.forwardRef((e,t)=>{const{__scopeTabs:c,loop:o=!0,...n}=e,d=C(R,c),r=A(c);return a.jsx(G,{asChild:!0,...r,orientation:d.orientation,dir:d.dir,loop:o,children:a.jsx(g.div,{role:"tablist","aria-orientation":d.orientation,...n,ref:t})})});S.displayName=R;var E="TabsTrigger",M=p.forwardRef((e,t)=>{const{__scopeTabs:c,value:o,disabled:n=!1,...d}=e,r=C(E,c),u=A(c),m=V(r.baseId,o),b=L(r.baseId,o),i=o===r.value;return a.jsx(B,{asChild:!0,...u,focusable:!n,active:i,children:a.jsx(g.button,{type:"button",role:"tab","aria-selected":i,"aria-controls":b,"data-state":i?"active":"inactive","data-disabled":n?"":void 0,disabled:n,id:m,...d,ref:t,onMouseDown:x(e.onMouseDown,s=>{!n&&s.button===0&&s.ctrlKey===!1?r.onValueChange(o):s.preventDefault()}),onKeyDown:x(e.onKeyDown,s=>{[" ","Enter"].includes(s.key)&&r.onValueChange(o)}),onFocus:x(e.onFocus,()=>{const s=r.activationMode!=="manual";!i&&!n&&s&&r.onValueChange(o)})})})});M.displayName=E;var k="TabsContent",F=p.forwardRef((e,t)=>{const{__scopeTabs:c,value:o,forceMount:n,children:d,...r}=e,u=C(k,c),m=V(u.baseId,o),b=L(u.baseId,o),i=o===u.value,s=p.useRef(i);return p.useEffect(()=>{const l=requestAnimationFrame(()=>s.current=!1);return()=>cancelAnimationFrame(l)},[]),a.jsx(z,{present:n||i,children:({present:l})=>a.jsx(g.div,{"data-state":i?"active":"inactive","data-orientation":u.orientation,role:"tabpanel","aria-labelledby":m,hidden:!l,id:b,tabIndex:0,...r,ref:t,style:{...e.style,animationDuration:s.current?"0s":void 0},children:l&&d})})});F.displayName=k;function V(e,t){return`${e}-trigger-${t}`}function L(e,t){return`${e}-content-${t}`}var J=P,Q=S,W=M,X=F;function y({className:e,...t}){return a.jsx(J,{"data-slot":"tabs",className:v("flex flex-col gap-2",e),...t})}function $({className:e,...t}){return a.jsx(Q,{"data-slot":"tabs-list",className:v("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",e),...t})}function h({className:e,...t}){return a.jsx(W,{"data-slot":"tabs-trigger",className:v("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...t})}function _({className:e,...t}){return a.jsx(X,{"data-slot":"tabs-content",className:v("flex-1 outline-none",e),...t})}y.__docgenInfo={description:"",methods:[],displayName:"Tabs"};$.__docgenInfo={description:"",methods:[],displayName:"TabsList"};h.__docgenInfo={description:"",methods:[],displayName:"TabsTrigger"};_.__docgenInfo={description:"",methods:[],displayName:"TabsContent"};const ve={title:"Shadcn/UI/Tabs",component:y},f={render:()=>a.jsxs(y,{defaultValue:"account",className:"w-[400px]",children:[a.jsxs($,{children:[a.jsx(h,{value:"account",children:"Account"}),a.jsx(h,{value:"password",children:"Password"})]}),a.jsx(_,{value:"account",children:"Make changes to your account here."}),a.jsx(_,{value:"password",children:"Change your password here."})]})};var w,j,I;f.parameters={...f.parameters,docs:{...(w=f.parameters)==null?void 0:w.docs,source:{originalSource:`{
   render: () => <Tabs defaultValue="account" className="w-[400px]">
       <TabsList>
         <TabsTrigger value="account">Account</TabsTrigger>

package/storybook-static/assets/{Textarea.stories-CKsDPHYc.js → Textarea.stories-CHXVobz6.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{T as o}from"./textarea-Dw2vruMl.js";import{L as l}from"./label-C5vJTTwH.js";import"./utils-D-KgF5mV.js";import"./iframe-G-6sM9Mt.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DqWzLCH-.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";import"./index-1v1lhNFD.js";const N={title:"Shadcn/UI/Textarea",component:o},r={render:()=>e.jsxs("div",{className:"grid w-full max-w-sm items-center gap-2",children:[e.jsx(l,{htmlFor:"message",children:"Your message"}),e.jsx(o,{id:"message",placeholder:"Type your message here."})]})},a={render:()=>e.jsxs("div",{className:"grid w-full max-w-sm gap-2",children:[e.jsx(l,{htmlFor:"bio",children:"Bio"}),e.jsx(o,{id:"bio",placeholder:"Tell us a little about yourself"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Your bio will be displayed on your profile."})]})},s={render:()=>e.jsxs("div",{className:"grid w-full max-w-sm gap-2",children:[e.jsx(l,{htmlFor:"disabled-textarea",children:"Disabled"}),e.jsx(o,{id:"disabled-textarea",placeholder:"Can't type here",disabled:!0})]})};var t,i,d;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{T as o}from"./textarea-Dw2vruMl.js";import{L as l}from"./label-CwntpYJ0.js";import"./utils-D-KgF5mV.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-BcAKBHrX.js";const N={title:"Shadcn/UI/Textarea",component:o},r={render:()=>e.jsxs("div",{className:"grid w-full max-w-sm items-center gap-2",children:[e.jsx(l,{htmlFor:"message",children:"Your message"}),e.jsx(o,{id:"message",placeholder:"Type your message here."})]})},a={render:()=>e.jsxs("div",{className:"grid w-full max-w-sm gap-2",children:[e.jsx(l,{htmlFor:"bio",children:"Bio"}),e.jsx(o,{id:"bio",placeholder:"Tell us a little about yourself"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Your bio will be displayed on your profile."})]})},s={render:()=>e.jsxs("div",{className:"grid w-full max-w-sm gap-2",children:[e.jsx(l,{htmlFor:"disabled-textarea",children:"Disabled"}),e.jsx(o,{id:"disabled-textarea",placeholder:"Can't type here",disabled:!0})]})};var t,i,d;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{
   render: () => <div className="grid w-full max-w-sm items-center gap-2">
       <Label htmlFor="message">Your message</Label>
       <Textarea id="message" placeholder="Type your message here." />