@k3-universe/react-kit 0.0.1

package/storybook-static/assets/Progress.stories-Dejt5v3z.js

@@ -0,0 +1,8 @@
+import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{r as u}from"./iframe-G-6sM9Mt.js";import{c as y}from"./index-DvM9azdj.js";import{P as N}from"./index-DqWzLCH-.js";import{c as S}from"./utils-D-KgF5mV.js";import"./preload-helper-Dp1pzeXC.js";import"./index-_crRFOM5.js";import"./index-CZaD3imo.js";import"./index-1v1lhNFD.js";var c="Progress",m=100,[w,H]=y(c),[R,V]=w(c),h=u.forwardRef((r,e)=>{const{__scopeProgress:t,value:s=null,max:a,getValueLabel:_=D,...$}=r;(a||a===0)&&!f(a)&&console.error(M(`${a}`,"Progress"));const n=f(a)?a:m;s!==null&&!v(s,n)&&console.error(A(`${s}`,"Progress"));const i=v(s,n)?s:null,E=d(i)?_(i,n):void 0;return o.jsx(R,{scope:t,value:i,max:n,children:o.jsx(N.div,{"aria-valuemax":n,"aria-valuemin":0,"aria-valuenow":d(i)?i:void 0,"aria-valuetext":E,role:"progressbar","data-state":j(i,n),"data-value":i??void 0,"data-max":n,...$,ref:e})})});h.displayName=c;var b="ProgressIndicator",I=u.forwardRef((r,e)=>{const{__scopeProgress:t,...s}=r,a=V(b,t);return o.jsx(N.div,{"data-state":j(a.value,a.max),"data-value":a.value??void 0,"data-max":a.max,...s,ref:e})});I.displayName=b;function D(r,e){return`${Math.round(r/e*100)}%`}function j(r,e){return r==null?"indeterminate":r===e?"complete":"loading"}function d(r){return typeof r=="number"}function f(r){return d(r)&&!isNaN(r)&&r>0}function v(r,e){return d(r)&&!isNaN(r)&&r<=e&&r>=0}function M(r,e){return`Invalid prop \`max\` of value \`${r}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${m}\`.`}function A(r,e){return`Invalid prop \`value\` of value \`${r}\` supplied to \`${e}\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${m} if no \`max\` prop is set)
+  - \`null\` or \`undefined\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`}var C=h,L=I;function p({className:r,value:e,...t}){return o.jsx(C,{"data-slot":"progress",className:S("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",r),...t,children:o.jsx(L,{"data-slot":"progress-indicator",className:"bg-primary h-full w-full flex-1 transition-all",style:{transform:`translateX(-${100-(e||0)}%)`}})})}p.__docgenInfo={description:"",methods:[],displayName:"Progress"};const J={title:"Shadcn/UI/Progress",component:p};function O(){const[r,e]=u.useState(13);return u.useEffect(()=>{const t=setInterval(()=>e(s=>s>=100?0:s+7),700);return()=>clearInterval(t)},[]),o.jsxs("div",{className:"w-64 space-y-2",children:[o.jsx(p,{value:r}),o.jsxs("div",{className:"text-sm text-muted-foreground",children:[r,"%"]})]})}const l={render:()=>o.jsx(O,{})};var g,x,P;l.parameters={...l.parameters,docs:{...(g=l.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  render: () => <ProgressDemo />
+}`,...(P=(x=l.parameters)==null?void 0:x.docs)==null?void 0:P.source}}};const K=["Basic"];export{l as Basic,K as __namedExportsOrder,J as default};

package/storybook-static/assets/RadioGroup.stories-Tz2LW6O6.js

@@ -0,0 +1,16 @@
+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:`{
+  render: () => <RadioGroup defaultValue="comfortable">
+      <div className="flex items-center space-x-2">
+        <RadioGroupItem value="default" id="r1" />
+        <Label htmlFor="r1">Default</Label>
+      </div>
+      <div className="flex items-center space-x-2">
+        <RadioGroupItem value="comfortable" id="r2" />
+        <Label htmlFor="r2">Comfortable</Label>
+      </div>
+      <div className="flex items-center space-x-2">
+        <RadioGroupItem value="compact" id="r3" />
+        <Label htmlFor="r3">Compact</Label>
+      </div>
+    </RadioGroup>
+}`,...(i=(m=r.parameters)==null?void 0:m.docs)==null?void 0:i.source}}};const g=["Basic"];export{r as Basic,g as __namedExportsOrder,_ as default};

package/storybook-static/assets/Resizable.stories-DhP2GKN7.js

@@ -0,0 +1,25 @@
+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:`{
+  render: () => <div className="h-[240px] w-full">
+      <ResizablePanelGroup direction="horizontal" className="rounded-md border">
+        <ResizablePanel defaultSize={40} minSize={20} className="p-3">
+          <div className="h-full w-full rounded-sm bg-muted/40 p-2">Left content</div>
+        </ResizablePanel>
+        <ResizableHandle withHandle />
+        <ResizablePanel defaultSize={60} minSize={20} className="p-3">
+          <div className="h-full w-full rounded-sm bg-muted/40 p-2">Right content</div>
+        </ResizablePanel>
+      </ResizablePanelGroup>
+    </div>
+}`,...(rn=(tn=Pe.parameters)==null?void 0:tn.docs)==null?void 0:rn.source}}};var on,ln,an;we.parameters={...we.parameters,docs:{...(on=we.parameters)==null?void 0:on.docs,source:{originalSource:`{
+  render: () => <div className="h-[300px] w-full">
+      <ResizablePanelGroup direction="vertical" className="rounded-md border">
+        <ResizablePanel defaultSize={50} minSize={20} className="p-3">
+          <div className="h-full w-full rounded-sm bg-muted/40 p-2">Top content</div>
+        </ResizablePanel>
+        <ResizableHandle withHandle />
+        <ResizablePanel defaultSize={50} minSize={20} className="p-3">
+          <div className="h-full w-full rounded-sm bg-muted/40 p-2">Bottom content</div>
+        </ResizablePanel>
+      </ResizablePanelGroup>
+    </div>
+}`,...(an=(ln=we.parameters)==null?void 0:ln.docs)==null?void 0:an.source}}};const gt=["Horizontal","Vertical"];export{Pe as Horizontal,we as Vertical,gt as __namedExportsOrder,mt as default};

package/storybook-static/assets/ScrollArea.stories-CF7-8wbM.js

@@ -0,0 +1,12 @@
+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:`{
+  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">
+          <h4 className="text-sm font-medium leading-none">Tags</h4>
+          <div className="space-y-2">
+            {TAGS.map(tag => <div key={tag} className="text-sm text-muted-foreground">#{tag}</div>)}
+          </div>
+        </div>
+      </ScrollArea>
+    </div>
+}`,...(J=(G=W.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};const Ge=["Default"];export{W as Default,Ge as __namedExportsOrder,$e as default};

package/storybook-static/assets/Section.stories-BpurjHIQ.js

@@ -0,0 +1,196 @@
+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:`{
+  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: gridLeaves
+    }] satisfies SectionNode[]
+  },
+  render: args => <SectionBuilder {...args} />
+}`,...(m=(c=r.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var p,u,y;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  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: demoBox('Value content inline'),
+        span: {
+          md: 12
+        }
+      }, {
+        key: 'l2',
+        label: 'Stacked label',
+        labelLayout: 'stacked',
+        description: 'Optional description appears under value',
+        content: demoBox('Value content stacked'),
+        span: {
+          md: 6
+        }
+      }, {
+        key: 'l3',
+        label: 'No description',
+        labelLayout: 'stacked',
+        content: demoBox('Another value'),
+        span: {
+          md: 6
+        }
+      }]
+    }] satisfies SectionNode[]
+  },
+  render: args => <SectionBuilder {...args} />
+}`,...(y=(u=s.parameters)==null?void 0:u.docs)==null?void 0:y.source}}};var g,x,b;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  name: 'Flex layout',
+  args: {
+    sections: [{
+      id: 'flex-1',
+      title: 'Horizontal flex with wrap',
+      variant: 'card',
+      layout: 'flex',
+      flex: {
+        direction: 'row',
+        wrap: true,
+        gap: 'gap-3',
+        align: 'start',
+        justify: 'start'
+      },
+      children: [{
+        key: 'f1',
+        content: demoBox('Item 1'),
+        className: 'w-56'
+      }, {
+        key: 'f2',
+        content: demoBox('Item 2'),
+        className: 'w-56'
+      }, {
+        key: 'f3',
+        content: demoBox('Item 3'),
+        className: 'w-56'
+      }, {
+        key: 'f4',
+        content: demoBox('Item 4'),
+        className: 'w-56'
+      }]
+    }] satisfies SectionNode[]
+  }
+}`,...(b=(x=o.parameters)==null?void 0:x.docs)==null?void 0:b.source}}};var k,f,v;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  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: demoBox('Inner A1'),
+          span: {
+            md: 6
+          }
+        }, {
+          key: 'ib',
+          content: demoBox('Inner A2'),
+          span: {
+            md: 6
+          }
+        }]
+      }, {
+        id: 'inner-2',
+        title: 'Inner B',
+        variant: 'plain',
+        layout: 'grid',
+        grid: {
+          cols: 1,
+          mdCols: 12
+        },
+        children: [{
+          key: 'ic',
+          content: demoBox('Inner B1'),
+          span: {
+            md: 4
+          }
+        }, {
+          key: 'id',
+          content: demoBox('Inner B2'),
+          span: {
+            md: 4
+          }
+        }, {
+          key: 'ie',
+          content: demoBox('Inner B3'),
+          span: {
+            md: 4
+          }
+        }]
+      }]
+    } as unknown as SectionNode]
+  },
+  render: args => <SectionBuilder {...args} />
+}`,...(v=(f=i.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};var h,B,L;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  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
+        }
+      }]
+    }] satisfies SectionNode[],
+    renderLeaf: leaf => <div className="rounded border p-3">
+        <div className="text-[10px] uppercase tracking-wide text-muted-foreground">{leaf.label ?? 'Field'}</div>
+        <div className="text-sm">{leaf.content}</div>
+      </div>
+  },
+  render: args => <SectionBuilder {...args} />
+}`,...(L=(B=l.parameters)==null?void 0:B.docs)==null?void 0:L.source}}};const R=["GridLayout","WithLabels","FlexLayout","NestedSections","CustomLeafRenderer"];export{l as CustomLeafRenderer,o as FlexLayout,r as GridLayout,i as NestedSections,s as WithLabels,R as __namedExportsOrder,D as default};

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

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

package/storybook-static/assets/Select.stories-DJrU-mi0.js

@@ -0,0 +1,17 @@
+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:`{
+  render: () => <div className="grid w-[240px] gap-2">
+      <Label htmlFor="select">Theme</Label>
+      <Select>
+        <SelectTrigger id="select">
+          <SelectValue placeholder="Select a theme" />
+        </SelectTrigger>
+        <SelectContent>
+          <SelectItem value="light">Light</SelectItem>
+          <SelectItem value="dark">Dark</SelectItem>
+          <SelectItem value="system">System</SelectItem>
+        </SelectContent>
+      </Select>
+    </div>
+}`,...(i=(c=t.parameters)==null?void 0:c.docs)==null?void 0:i.source}}};var m,n,d;l.parameters={...l.parameters,docs:{...(m=l.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  render: () => <ControlledDemo />
+}`,...(d=(n=l.parameters)==null?void 0:n.docs)==null?void 0:d.source}}};const W=["Basic","Controlled"];export{t as Basic,l as Controlled,W as __namedExportsOrder,Q as default};

package/storybook-static/assets/Separator.stories-BYH_o8QM.js

@@ -0,0 +1,17 @@
+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:`{
+  render: () => <div className="w-full max-w-sm">
+      <div className="text-sm font-medium leading-none">Radix Primitives</div>
+      <Separator className="my-2" />
+      <div className="text-sm text-muted-foreground">
+        An open-source UI component library.
+      </div>
+    </div>
+}`,...(o=(i=r.parameters)==null?void 0:i.docs)==null?void 0:o.source}}};var n,m,c;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
+  render: () => <div className="flex h-10 items-center space-x-4 text-sm">
+      <div>Blog</div>
+      <Separator orientation="vertical" />
+      <div>Docs</div>
+      <Separator orientation="vertical" />
+      <div>Source</div>
+    </div>
+}`,...(c=(m=t.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};const N=["Horizontal","Vertical"];export{r as Horizontal,t as Vertical,N as __namedExportsOrder,h as default};

package/storybook-static/assets/Sheet.stories-BNJ7BIb-.js

@@ -0,0 +1,24 @@
+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:`{
+  render: () => <Sheet>
+      <SheetTrigger asChild>
+        <Button variant="outline">Open Sheet</Button>
+      </SheetTrigger>
+      <SheetContent side="right">
+        <SheetHeader>
+          <SheetTitle>Edit profile</SheetTitle>
+          <SheetDescription>
+            Make changes to your profile here. Click save when you're done.
+          </SheetDescription>
+        </SheetHeader>
+        <div className="p-4 text-sm text-muted-foreground">
+          Put any content here. This panel slides from the right and can be closed via the X button.
+        </div>
+        <SheetFooter>
+          <div className="flex gap-2">
+            <Button variant="outline">Cancel</Button>
+            <Button>Save</Button>
+          </div>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+}`,...(n=(o=t.parameters)==null?void 0:o.docs)==null?void 0:n.source}}};const I=["Basic"];export{t as Basic,I as __namedExportsOrder,_ as default};

package/storybook-static/assets/Sidebar.stories-BbjcJuOg.js

@@ -0,0 +1,106 @@
+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";/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const y=[["path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",key:"1kt360"}]],p=t("folder",y);/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const L=[["polyline",{points:"22 12 16 12 14 15 10 15 8 12 2 12",key:"o97t9d"}],["path",{d:"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",key:"oot6mr"}]],T=t("inbox",L);/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const C=[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]],_=t("send",C);/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const k=[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]],N=t("star",k),he={title:"Shadcn/UI/Sidebar",component:c},a={parameters:{centered:!1},render:()=>e.jsx("div",{className:"h-svh w-full",children:e.jsxs(u,{children:[e.jsxs(c,{children:[e.jsxs(h,{children:[e.jsx(m,{}),e.jsx(x,{placeholder:"Search..."})]}),e.jsxs(j,{children:[e.jsxs(i,{children:[e.jsx(o,{children:"Mailboxes"}),e.jsx(s,{children:e.jsxs(d,{children:[e.jsx(n,{children:e.jsxs(r,{isActive:!0,tooltip:"Inbox",children:[e.jsx(T,{}),e.jsx("span",{children:"Inbox"}),e.jsx(M,{children:"12"})]})}),e.jsx(n,{children:e.jsxs(r,{tooltip:"Sent",children:[e.jsx(_,{}),e.jsx("span",{children:"Sent"})]})}),e.jsx(n,{children:e.jsxs(r,{tooltip:"Starred",children:[e.jsx(N,{}),e.jsx("span",{children:"Starred"})]})}),e.jsx(n,{children:e.jsxs(r,{tooltip:"Trash",children:[e.jsx(G,{}),e.jsx("span",{children:"Trash"})]})})]})})]}),e.jsx(I,{}),e.jsxs(i,{children:[e.jsx(o,{children:"Projects"}),e.jsx(s,{children:e.jsxs(d,{children:[e.jsxs(n,{children:[e.jsxs(r,{tooltip:"Project Alpha",children:[e.jsx(p,{}),e.jsx("span",{children:"Alpha"})]}),e.jsx(B,{title:"New item",children:e.jsx(P,{})})]}),e.jsx(n,{children:e.jsxs(r,{tooltip:"Project Beta",children:[e.jsx(p,{}),e.jsx("span",{children:"Beta"})]})}),e.jsx(n,{children:e.jsxs(r,{tooltip:"Settings",children:[e.jsx(A,{}),e.jsx("span",{children:"Settings"})]})})]})})]})]}),e.jsx(v,{}),e.jsx(g,{})]}),e.jsx(f,{children:e.jsxs("div",{children:[e.jsx("h3",{children:"Content Area"}),e.jsx("p",{children:"Put any content here. This panel slides from the right and can be closed via the X button."})]})})]})})};var l,S,b;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  parameters: {
+    centered: false
+  },
+  render: () => <div className="h-svh w-full">
+      <SidebarProvider>
+        <Sidebar>
+          <SidebarHeader>
+            <SidebarTrigger />
+            <SidebarInput placeholder="Search..." />
+          </SidebarHeader>
+          <SidebarContent>
+            <SidebarGroup>
+              <SidebarGroupLabel>Mailboxes</SidebarGroupLabel>
+              <SidebarGroupContent>
+                <SidebarMenu>
+                  <SidebarMenuItem>
+                    <SidebarMenuButton isActive tooltip="Inbox">
+                      <Inbox />
+                      <span>Inbox</span>
+                      <SidebarMenuBadge>12</SidebarMenuBadge>
+                    </SidebarMenuButton>
+                  </SidebarMenuItem>
+                  <SidebarMenuItem>
+                    <SidebarMenuButton tooltip="Sent">
+                      <Send />
+                      <span>Sent</span>
+                    </SidebarMenuButton>
+                  </SidebarMenuItem>
+                  <SidebarMenuItem>
+                    <SidebarMenuButton tooltip="Starred">
+                      <Star />
+                      <span>Starred</span>
+                    </SidebarMenuButton>
+                  </SidebarMenuItem>
+                  <SidebarMenuItem>
+                    <SidebarMenuButton tooltip="Trash">
+                      <Trash2 />
+                      <span>Trash</span>
+                    </SidebarMenuButton>
+                  </SidebarMenuItem>
+                </SidebarMenu>
+              </SidebarGroupContent>
+            </SidebarGroup>
+            <SidebarSeparator />
+            <SidebarGroup>
+              <SidebarGroupLabel>Projects</SidebarGroupLabel>
+              <SidebarGroupContent>
+                <SidebarMenu>
+                  <SidebarMenuItem>
+                    <SidebarMenuButton tooltip="Project Alpha">
+                      <Folder />
+                      <span>Alpha</span>
+                    </SidebarMenuButton>
+                    <SidebarMenuAction title="New item">
+                      <Plus />
+                    </SidebarMenuAction>
+                  </SidebarMenuItem>
+                  <SidebarMenuItem>
+                    <SidebarMenuButton tooltip="Project Beta">
+                      <Folder />
+                      <span>Beta</span>
+                    </SidebarMenuButton>
+                  </SidebarMenuItem>
+                  <SidebarMenuItem>
+                    <SidebarMenuButton tooltip="Settings">
+                      <Settings2 />
+                      <span>Settings</span>
+                    </SidebarMenuButton>
+                  </SidebarMenuItem>
+                </SidebarMenu>
+              </SidebarGroupContent>
+            </SidebarGroup>
+          </SidebarContent>
+          <SidebarFooter />
+          <SidebarRail />
+        </Sidebar>
+        <SidebarInset>
+          <div>
+            <h3>Content Area</h3>
+            <p>Put any content here. This panel slides from the right and can be closed via the X button.</p>
+          </div>
+        </SidebarInset>
+      </SidebarProvider>
+    </div>
+}`,...(b=(S=a.parameters)==null?void 0:S.docs)==null?void 0:b.source}}};const me=["BasicLayout"];export{a as BasicLayout,me as __namedExportsOrder,he as default};

package/storybook-static/assets/Skeleton.stories-BQNIuIe5.js

@@ -0,0 +1,9 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as a}from"./skeleton-CjDnQs43.js";import"./utils-D-KgF5mV.js";const m={title:"Shadcn/UI/Skeleton",component:a},s={render:()=>e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsx(a,{className:"h-12 w-12 rounded-full"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a,{className:"h-4 w-[250px]"}),e.jsx(a,{className:"h-4 w-[200px]"})]})]})};var r,c,n;s.parameters={...s.parameters,docs:{...(r=s.parameters)==null?void 0:r.docs,source:{originalSource:`{
+  render: () => <div className="flex items-center space-x-4">
+      <Skeleton className="h-12 w-12 rounded-full" />
+      <div className="space-y-2">
+        <Skeleton className="h-4 w-[250px]" />
+        <Skeleton className="h-4 w-[200px]" />
+      </div>
+    </div>
+}`,...(n=(c=s.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};const d=["Basic"];export{s as Basic,d as __namedExportsOrder,m as default};