@k3-universe/react-kit 0.0.21 → 0.0.23

package/storybook-static/assets/MonthRangePicker.stories-55Gk1t-7.js

@@ -0,0 +1,134 @@
+import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{r as c}from"./iframe-v7iAhKit.js";import{b as L,B as z}from"./button-0oMkiryo.js";import{c as f}from"./utils-D-KgF5mV.js";import{C as H}from"./chevron-left-BBoN0vbI.js";import{C as U}from"./chevron-right-B5vIMLxK.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DbaA6-o1.js";import"./index-CGrAONsN.js";import"./createLucideIcon-BrHXro7t.js";const P=(n,o)=>{const r=new Date(n);return r.setDate(1),r.setMonth(r.getMonth()+o),r.setDate(Math.min(n.getDate(),G(r.getFullYear(),r.getMonth()+1))),r},G=(n,o)=>new Date(n,o,0).getDate(),X=[[{number:0,name:"Jan",yearOffset:0},{number:1,name:"Feb",yearOffset:0},{number:2,name:"Mar",yearOffset:0},{number:3,name:"Apr",yearOffset:0},{number:0,name:"Jan",yearOffset:1},{number:1,name:"Feb",yearOffset:1},{number:2,name:"Mar",yearOffset:1},{number:3,name:"Apr",yearOffset:1}],[{number:4,name:"May",yearOffset:0},{number:5,name:"Jun",yearOffset:0},{number:6,name:"Jul",yearOffset:0},{number:7,name:"Aug",yearOffset:0},{number:4,name:"May",yearOffset:1},{number:5,name:"Jun",yearOffset:1},{number:6,name:"Jul",yearOffset:1},{number:7,name:"Aug",yearOffset:1}],[{number:8,name:"Sep",yearOffset:0},{number:9,name:"Oct",yearOffset:0},{number:10,name:"Nov",yearOffset:0},{number:11,name:"Dec",yearOffset:0},{number:8,name:"Sep",yearOffset:1},{number:9,name:"Oct",yearOffset:1},{number:10,name:"Nov",yearOffset:1},{number:11,name:"Dec",yearOffset:1}]],Z=[{label:"This year",startMonth:new Date(new Date().getFullYear(),0),endMonth:new Date(new Date().getFullYear(),11)},{label:"Last year",startMonth:new Date(new Date().getFullYear()-1,0),endMonth:new Date(new Date().getFullYear()-1,11)},{label:"Last 6 months",startMonth:new Date(P(new Date,-6)),endMonth:new Date},{label:"Last 12 months",startMonth:new Date(P(new Date,-12)),endMonth:new Date}];function p({onMonthRangeSelect:n,onStartMonthSelect:o,callbacks:r,selectedMonthRange:s,onYearBackward:u,onYearForward:i,variant:l,minDate:F,maxDate:N,quickSelectors:v,showQuickSelectors:w,className:m,...h}){return t.jsx("div",{className:f("min-w-[400px]  p-3",m),...h,children:t.jsx("div",{className:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",children:t.jsx("div",{className:"w-full",children:t.jsx(ee,{onMonthRangeSelect:n,onStartMonthSelect:o,callbacks:r,selectedMonthRange:s,onYearBackward:u,onYearForward:i,variant:l,minDate:F,maxDate:N,quickSelectors:v,showQuickSelectors:w})})})})}function ee({selectedMonthRange:n,onMonthRangeSelect:o,onStartMonthSelect:r,callbacks:s,variant:u,minDate:i,maxDate:l,quickSelectors:F=Z,showQuickSelectors:N=!0,onYearBackward:v,onYearForward:w}){var T,$,B;const[m,h]=c.useState((n==null?void 0:n.start.getFullYear())??new Date().getFullYear()),[g,k]=c.useState(((T=n==null?void 0:n.start)==null?void 0:T.getMonth())??new Date().getMonth()),[b,x]=c.useState((($=n==null?void 0:n.end)==null?void 0:$.getFullYear())??new Date().getFullYear()+1),[q,D]=c.useState(((B=n==null?void 0:n.end)==null?void 0:B.getMonth())??new Date().getMonth()),[y,M]=c.useState(!1),[O,S]=c.useState(!0),[a,C]=c.useState(m);return i&&l&&i>l&&(i=l),t.jsxs("div",{className:"flex gap-4",children:[t.jsxs("div",{className:"min-w-[400px] space-y-4",children:[t.jsxs("div",{className:"flex justify-evenly pt-1 relative items-center",children:[t.jsx("div",{className:"text-sm font-medium",children:s!=null&&s.yearLabel?s==null?void 0:s.yearLabel(a):a}),t.jsxs("div",{className:"space-x-1 flex items-center",children:[t.jsx("button",{type:"button",onClick:()=>{C(a-1),v&&v()},className:f(L({variant:(u==null?void 0:u.chevrons)??"outline"}),"inline-flex items-center justify-center h-7 w-7 p-0 absolute left-1"),children:t.jsx(H,{className:"opacity-50 h-4 w-4"})}),t.jsx("button",{type:"button",onClick:()=>{C(a+1),w&&w()},className:f(L({variant:(u==null?void 0:u.chevrons)??"outline"}),"inline-flex items-center justify-center h-7 w-7 p-0 absolute right-1"),children:t.jsx(U,{className:"opacity-50 h-4 w-4"})})]}),t.jsx("div",{className:"text-sm font-medium",children:s!=null&&s.yearLabel?s==null?void 0:s.yearLabel(a+1):a+1})]}),t.jsx("table",{className:"w-full border-collapse space-y-1",children:t.jsx("tbody",{children:X.map((d,K)=>t.jsx("tr",{className:"flex w-full mt-2",children:d.map((e,Q)=>{var A,E;return t.jsx("td",{className:f(f(f(f("h-10 w-1/4 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",(a+e.yearOffset>m||a+e.yearOffset===m&&e.number>g)&&(a+e.yearOffset<b||a+e.yearOffset===b&&e.number<q)&&(y||O)?"text-accent-foreground bg-accent":""),a+e.yearOffset===m&&e.number===g&&(y||O)?"text-accent-foreground bg-accent rounded-l-md":""),a+e.yearOffset===b&&e.number===q&&(y||O)&&a+e.yearOffset>=m&&e.number>=g?"text-accent-foreground bg-accent rounded-r-md":""),Q===3?"mr-2":Q===4?"ml-2":""),onMouseEnter:()=>{y&&!O&&(x(a+e.yearOffset),D(e.number))},children:t.jsx("button",{type:"button",onClick:()=>{y?a+e.yearOffset<m||a+e.yearOffset===m&&e.number<g?(M(!0),S(!1),k(e.number),h(a+e.yearOffset),x(a+e.yearOffset),D(e.number),r&&r(new Date(a+e.yearOffset,e.number))):(M(!1),S(!0),o&&o({start:new Date(m,g),end:new Date(a+e.yearOffset,e.number)})):(M(!0),S(!1),k(e.number),h(a+e.yearOffset),x(a+e.yearOffset),D(e.number),r&&r(new Date(a+e.yearOffset,e.number)))},disabled:(l?a+e.yearOffset>(l==null?void 0:l.getFullYear())||a+e.yearOffset===(l==null?void 0:l.getFullYear())&&e.number>l.getMonth():!1)||(i?a+e.yearOffset<(i==null?void 0:i.getFullYear())||a+e.yearOffset===(i==null?void 0:i.getFullYear())&&e.number<i.getMonth():!1),className:f(L({variant:g===e.number&&a+e.yearOffset===m||q===e.number&&a+e.yearOffset===b&&!y?((A=u==null?void 0:u.calendar)==null?void 0:A.selected)??"default":((E=u==null?void 0:u.calendar)==null?void 0:E.main)??"ghost"}),"h-full w-full p-0 font-normal aria-selected:opacity-100"),children:s!=null&&s.monthLabel?s.monthLabel(e):e.name})},`${e.number}-${e.yearOffset}`)})},`row-${K}`))})})]}),N?t.jsx("div",{className:" flex flex-col gap-1 justify-center",children:F.map(d=>t.jsx(z,{onClick:()=>{h(d.startMonth.getFullYear()),k(d.startMonth.getMonth()),x(d.endMonth.getFullYear()),D(d.endMonth.getMonth()),M(!1),S(!0),o&&o({start:d.startMonth,end:d.endMonth}),d.onClick&&d.onClick(d)},variant:d.variant??"outline",children:d.label},d.label))}):null]})}p.displayName="MonthRangePicker";p.__docgenInfo={description:"",methods:[],displayName:"MonthRangePicker",props:{selectedMonthRange:{required:!1,tsType:{name:"signature",type:"object",raw:"{ start: Date; end: Date }",signature:{properties:[{key:"start",value:{name:"Date",required:!0}},{key:"end",value:{name:"Date",required:!0}}]}},description:""},onStartMonthSelect:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},onMonthRangeSelect:{required:!1,tsType:{name:"signature",type:"function",raw:"({ start, end }: { start: Date; end: Date }) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{ start: Date; end: Date }",signature:{properties:[{key:"start",value:{name:"Date",required:!0}},{key:"end",value:{name:"Date",required:!0}}]}},name:""}],return:{name:"void"}}},description:""},onYearForward:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onYearBackward:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},callbacks:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  yearLabel?: (year: number) => string;
+  monthLabel?: (month: Month) => string;
+}`,signature:{properties:[{key:"yearLabel",value:{name:"signature",type:"function",raw:"(year: number) => string",signature:{arguments:[{type:{name:"number"},name:"year"}],return:{name:"string"}},required:!1}},{key:"monthLabel",value:{name:"signature",type:"function",raw:"(month: Month) => string",signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
+  number: number;
+  name: string;
+  yearOffset: number;
+}`,signature:{properties:[{key:"number",value:{name:"number",required:!0}},{key:"name",value:{name:"string",required:!0}},{key:"yearOffset",value:{name:"number",required:!0}}]}},name:"month"}],return:{name:"string"}},required:!1}}]}},description:""},variant:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  calendar?: {
+    main?: ButtonVariant;
+    selected?: ButtonVariant;
+  };
+  chevrons?: ButtonVariant;
+}`,signature:{properties:[{key:"calendar",value:{name:"signature",type:"object",raw:`{
+  main?: ButtonVariant;
+  selected?: ButtonVariant;
+}`,signature:{properties:[{key:"main",value:{name:"union",raw:`| 'default'
+| 'outline'
+| 'ghost'
+| 'link'
+| 'destructive'
+| 'secondary'
+| null
+| undefined`,elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outline'"},{name:"literal",value:"'ghost'"},{name:"literal",value:"'link'"},{name:"literal",value:"'destructive'"},{name:"literal",value:"'secondary'"},{name:"null"},{name:"undefined"}],required:!1}},{key:"selected",value:{name:"union",raw:`| 'default'
+| 'outline'
+| 'ghost'
+| 'link'
+| 'destructive'
+| 'secondary'
+| null
+| undefined`,elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outline'"},{name:"literal",value:"'ghost'"},{name:"literal",value:"'link'"},{name:"literal",value:"'destructive'"},{name:"literal",value:"'secondary'"},{name:"null"},{name:"undefined"}],required:!1}}]},required:!1}},{key:"chevrons",value:{name:"union",raw:`| 'default'
+| 'outline'
+| 'ghost'
+| 'link'
+| 'destructive'
+| 'secondary'
+| null
+| undefined`,elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outline'"},{name:"literal",value:"'ghost'"},{name:"literal",value:"'link'"},{name:"literal",value:"'destructive'"},{name:"literal",value:"'secondary'"},{name:"null"},{name:"undefined"}],required:!1}}]}},description:""},minDate:{required:!1,tsType:{name:"Date"},description:""},maxDate:{required:!1,tsType:{name:"Date"},description:""},quickSelectors:{required:!1,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
+  label: string;
+  startMonth: Date;
+  endMonth: Date;
+  variant?: ButtonVariant;
+  onClick?: (selector: QuickSelector) => void;
+}`,signature:{properties:[{key:"label",value:{name:"string",required:!0}},{key:"startMonth",value:{name:"Date",required:!0}},{key:"endMonth",value:{name:"Date",required:!0}},{key:"variant",value:{name:"union",raw:`| 'default'
+| 'outline'
+| 'ghost'
+| 'link'
+| 'destructive'
+| 'secondary'
+| null
+| undefined`,elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outline'"},{name:"literal",value:"'ghost'"},{name:"literal",value:"'link'"},{name:"literal",value:"'destructive'"},{name:"literal",value:"'secondary'"},{name:"null"},{name:"undefined"}],required:!1}},{key:"onClick",value:{name:"signature",type:"function",raw:"(selector: QuickSelector) => void",signature:{arguments:[{type:{name:"QuickSelector"},name:"selector"}],return:{name:"void"}},required:!1}}]}}],raw:"QuickSelector[]"},description:""},showQuickSelectors:{required:!1,tsType:{name:"boolean"},description:""}}};const me={title:"Kit/Components/MonthRangePicker",component:p,parameters:{controls:{expanded:!0},backgrounds:{disable:!0}}},j={name:"Basic",render:()=>{const[n,o]=c.useState({start:new Date(new Date().getFullYear(),0),end:new Date(new Date().getFullYear(),11)});return t.jsxs("div",{className:"p-6 space-y-4",children:[t.jsxs("div",{children:[t.jsx("div",{className:"text-sm text-muted-foreground",children:"Selected range"}),t.jsx("div",{className:"font-medium",children:n?`${n.start.toLocaleString(void 0,{month:"short",year:"numeric"})} → ${n.end.toLocaleString(void 0,{month:"short",year:"numeric"})}`:"—"})]}),t.jsx(p,{selectedMonthRange:n,onMonthRangeSelect:r=>o(r)})]})}},Y={name:"With quick selectors + constraints",render:()=>{const[n,o]=c.useState(),r=new Date,s=new Date(r.getFullYear()-1,0),u=new Date(r.getFullYear()+1,11),i=[{label:"This year",startMonth:new Date(r.getFullYear(),0),endMonth:new Date(r.getFullYear(),11)},{label:"YTD",startMonth:new Date(r.getFullYear(),0),endMonth:new Date(r.getFullYear(),r.getMonth())},{label:"Last 6 months",startMonth:new Date(r.getFullYear(),Math.max(0,r.getMonth()-5)),endMonth:new Date(r.getFullYear(),r.getMonth())}];return t.jsxs("div",{className:"p-6 space-y-4",children:[t.jsxs("div",{children:[t.jsx("div",{className:"text-sm text-muted-foreground",children:"Selected range"}),t.jsx("div",{className:"font-medium",children:n?`${n.start.toLocaleString(void 0,{month:"short",year:"numeric"})} → ${n.end.toLocaleString(void 0,{month:"short",year:"numeric"})}`:"—"})]}),t.jsx(p,{selectedMonthRange:n,onMonthRangeSelect:l=>o(l),minDate:s,maxDate:u,quickSelectors:i,showQuickSelectors:!0,callbacks:{yearLabel:l=>`${l}`},variant:{calendar:{main:"ghost",selected:"default"},chevrons:"outline"}}),t.jsxs("div",{className:"text-xs text-muted-foreground",children:["Allowed: ",s.toLocaleString(void 0,{month:"short",year:"numeric"})," → ",u.toLocaleString(void 0,{month:"short",year:"numeric"})]})]})}};var J,R,V;j.parameters={...j.parameters,docs:{...(J=j.parameters)==null?void 0:J.docs,source:{originalSource:`{
+  name: 'Basic',
+  render: () => {
+    const [range, setRange] = React.useState<{
+      start: Date;
+      end: Date;
+    } | undefined>({
+      start: new Date(new Date().getFullYear(), 0),
+      end: new Date(new Date().getFullYear(), 11)
+    });
+    return <div className="p-6 space-y-4">
+        <div>
+          <div className="text-sm text-muted-foreground">Selected range</div>
+          <div className="font-medium">
+            {range ? \`\${range.start.toLocaleString(undefined, {
+            month: 'short',
+            year: 'numeric'
+          })} → \${range.end.toLocaleString(undefined, {
+            month: 'short',
+            year: 'numeric'
+          })}\` : '—'}
+          </div>
+        </div>
+        <MonthRangePicker selectedMonthRange={range} onMonthRangeSelect={r => setRange(r)} />
+      </div>;
+  }
+}`,...(V=(R=j.parameters)==null?void 0:R.docs)==null?void 0:V.source}}};var _,W,I;Y.parameters={...Y.parameters,docs:{...(_=Y.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  name: 'With quick selectors + constraints',
+  render: () => {
+    const [range, setRange] = React.useState<{
+      start: Date;
+      end: Date;
+    } | undefined>();
+    const now = new Date();
+    const minDate = new Date(now.getFullYear() - 1, 0); // Jan last year
+    const maxDate = new Date(now.getFullYear() + 1, 11); // Dec next year
+
+    const customSelectors = [{
+      label: 'This year',
+      startMonth: new Date(now.getFullYear(), 0),
+      endMonth: new Date(now.getFullYear(), 11)
+    }, {
+      label: 'YTD',
+      startMonth: new Date(now.getFullYear(), 0),
+      endMonth: new Date(now.getFullYear(), now.getMonth())
+    }, {
+      label: 'Last 6 months',
+      startMonth: new Date(now.getFullYear(), Math.max(0, now.getMonth() - 5)),
+      endMonth: new Date(now.getFullYear(), now.getMonth())
+    }];
+    return <div className="p-6 space-y-4">
+        <div>
+          <div className="text-sm text-muted-foreground">Selected range</div>
+          <div className="font-medium">
+            {range ? \`\${range.start.toLocaleString(undefined, {
+            month: 'short',
+            year: 'numeric'
+          })} → \${range.end.toLocaleString(undefined, {
+            month: 'short',
+            year: 'numeric'
+          })}\` : '—'}
+          </div>
+        </div>
+        <MonthRangePicker selectedMonthRange={range} onMonthRangeSelect={r => setRange(r)} minDate={minDate} maxDate={maxDate} quickSelectors={customSelectors} showQuickSelectors callbacks={{
+        yearLabel: y => \`\${y}\`
+      }} variant={{
+        calendar: {
+          main: 'ghost',
+          selected: 'default'
+        },
+        chevrons: 'outline'
+      }} />
+        <div className="text-xs text-muted-foreground">
+          Allowed: {minDate.toLocaleString(undefined, {
+          month: 'short',
+          year: 'numeric'
+        })} → {maxDate.toLocaleString(undefined, {
+          month: 'short',
+          year: 'numeric'
+        })}
+        </div>
+      </div>;
+  }
+}`,...(I=(W=Y.parameters)==null?void 0:W.docs)==null?void 0:I.source}}};const ce=["Basic","WithQuickSelectorsAndConstraints"];export{j as Basic,Y as WithQuickSelectorsAndConstraints,ce as __namedExportsOrder,me as default};

package/storybook-static/assets/NavigationMenu.stories-CXoS080P.js

@@ -0,0 +1,30 @@
+import{j as n}from"./jsx-runtime-D_zvdyIk.js";import{r as s}from"./iframe-v7iAhKit.js";import{R as Ae}from"./index-DrN5n71E.js";import{c as Oe}from"./index-CDY5kTx5.js";import{c as y}from"./index-DW48STyt.js";import{P as _,d as ae}from"./index-Tp9IdbR8.js";import{u as de}from"./index-ByqivBWx.js";import{u as O,a as Fe}from"./index-DbaA6-o1.js";import{u as Ke}from"./index-B_qx7A5T.js";import{P as z}from"./index-AvwFFKJc.js";import{u as le}from"./index-BfiCOk42.js";import{c as ve}from"./index-Bv9yk470.js";import{D as Ve}from"./index-BVDb4dFc.js";import{u as ze}from"./index-_RPqOjlQ.js";import{u as G}from"./index-D8RXF03I.js";import{u as L}from"./index-0-qMRXou.js";import{R as $e}from"./index-C9Ta0ZTH.js";import{c as Ge}from"./index-CGrAONsN.js";import{c as j}from"./utils-D-KgF5mV.js";import{C as Ue}from"./chevron-down-D_37S6il.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CwBdPBFz.js";import"./createLucideIcon-BrHXro7t.js";var S="NavigationMenu",[X,me,Be]=ve(S),[U,He,We]=ve(S),[J,Ft]=Oe(S,[Be,We]),[Ye,I]=J(S),[qe,Xe]=J(S),fe=s.forwardRef((e,t)=>{const{__scopeNavigationMenu:o,value:i,onValueChange:a,defaultValue:r,delayDuration:c=200,skipDelayDuration:l=300,orientation:u="horizontal",dir:N,...d}=e,[g,C]=s.useState(null),b=O(t,x=>C(x)),h=Ke(N),p=s.useRef(0),w=s.useRef(0),R=s.useRef(0),[T,m]=s.useState(!0),[f,v]=de({prop:i,onChange:x=>{const k=x!=="",$=l>0;k?(window.clearTimeout(R.current),$&&m(!1)):(window.clearTimeout(R.current),R.current=window.setTimeout(()=>m(!0),l)),a==null||a(x)},defaultProp:r??"",caller:S}),M=s.useCallback(()=>{window.clearTimeout(w.current),w.current=window.setTimeout(()=>v(""),150)},[v]),E=s.useCallback(x=>{window.clearTimeout(w.current),v(x)},[v]),P=s.useCallback(x=>{f===x?window.clearTimeout(w.current):p.current=window.setTimeout(()=>{window.clearTimeout(w.current),v(x)},c)},[f,v,c]);return s.useEffect(()=>()=>{window.clearTimeout(p.current),window.clearTimeout(w.current),window.clearTimeout(R.current)},[]),n.jsx(ge,{scope:o,isRootMenu:!0,value:f,dir:h,orientation:u,rootNavigationMenu:g,onTriggerEnter:x=>{window.clearTimeout(p.current),T?P(x):E(x)},onTriggerLeave:()=>{window.clearTimeout(p.current),M()},onContentEnter:()=>window.clearTimeout(w.current),onContentLeave:M,onItemSelect:x=>{v(k=>k===x?"":x)},onItemDismiss:()=>v(""),children:n.jsx(_.nav,{"aria-label":"Main","data-orientation":u,dir:h,...d,ref:b})})});fe.displayName=S;var B="NavigationMenuSub",Je=s.forwardRef((e,t)=>{const{__scopeNavigationMenu:o,value:i,onValueChange:a,defaultValue:r,orientation:c="horizontal",...l}=e,u=I(B,o),[N,d]=de({prop:i,onChange:a,defaultProp:r??"",caller:B});return n.jsx(ge,{scope:o,isRootMenu:!1,value:N,dir:u.dir,orientation:c,rootNavigationMenu:u.rootNavigationMenu,onTriggerEnter:g=>d(g),onItemSelect:g=>d(g),onItemDismiss:()=>d(""),children:n.jsx(_.div,{"data-orientation":c,...l,ref:t})})});Je.displayName=B;var ge=e=>{const{scope:t,isRootMenu:o,rootNavigationMenu:i,dir:a,orientation:r,children:c,value:l,onItemSelect:u,onItemDismiss:N,onTriggerEnter:d,onTriggerLeave:g,onContentEnter:C,onContentLeave:b}=e,[h,p]=s.useState(null),[w,R]=s.useState(new Map),[T,m]=s.useState(null);return n.jsx(Ye,{scope:t,isRootMenu:o,rootNavigationMenu:i,value:l,previousValue:ze(l),baseId:le(),dir:a,orientation:r,viewport:h,onViewportChange:p,indicatorTrack:T,onIndicatorTrackChange:m,onTriggerEnter:L(d),onTriggerLeave:L(g),onContentEnter:L(C),onContentLeave:L(b),onItemSelect:L(u),onItemDismiss:L(N),onViewportContentChange:s.useCallback((f,v)=>{R(M=>(M.set(f,v),new Map(M)))},[]),onViewportContentRemove:s.useCallback(f=>{R(v=>v.has(f)?(v.delete(f),new Map(v)):v)},[]),children:n.jsx(X.Provider,{scope:t,children:n.jsx(qe,{scope:t,items:w,children:c})})})},pe="NavigationMenuList",xe=s.forwardRef((e,t)=>{const{__scopeNavigationMenu:o,...i}=e,a=I(pe,o),r=n.jsx(_.ul,{"data-orientation":a.orientation,...i,ref:t});return n.jsx(_.div,{style:{position:"relative"},ref:a.onIndicatorTrackChange,children:n.jsx(X.Slot,{scope:o,children:a.isRootMenu?n.jsx(Ie,{asChild:!0,children:r}):r})})});xe.displayName=pe;var he="NavigationMenuItem",[Qe,Ne]=J(he),we=s.forwardRef((e,t)=>{const{__scopeNavigationMenu:o,value:i,...a}=e,r=le(),c=i||r||"LEGACY_REACT_AUTO_VALUE",l=s.useRef(null),u=s.useRef(null),N=s.useRef(null),d=s.useRef(()=>{}),g=s.useRef(!1),C=s.useCallback((h="start")=>{if(l.current){d.current();const p=W(l.current);p.length&&ee(h==="start"?p:p.reverse())}},[]),b=s.useCallback(()=>{if(l.current){const h=W(l.current);h.length&&(d.current=it(h))}},[]);return n.jsx(Qe,{scope:o,value:c,triggerRef:u,contentRef:l,focusProxyRef:N,wasEscapeCloseRef:g,onEntryKeyDown:C,onFocusProxyEnter:C,onRootContentClose:b,onContentFocusOutside:b,children:n.jsx(_.li,{...a,ref:t})})});we.displayName=he;var H="NavigationMenuTrigger",Me=s.forwardRef((e,t)=>{const{__scopeNavigationMenu:o,disabled:i,...a}=e,r=I(H,e.__scopeNavigationMenu),c=Ne(H,e.__scopeNavigationMenu),l=s.useRef(null),u=O(l,c.triggerRef,t),N=Te(r.baseId,c.value),d=je(r.baseId,c.value),g=s.useRef(!1),C=s.useRef(!1),b=c.value===r.value;return n.jsxs(n.Fragment,{children:[n.jsx(X.ItemSlot,{scope:o,value:c.value,children:n.jsx(_e,{asChild:!0,children:n.jsx(_.button,{id:N,disabled:i,"data-disabled":i?"":void 0,"data-state":te(b),"aria-expanded":b,"aria-controls":d,...a,ref:u,onPointerEnter:y(e.onPointerEnter,()=>{C.current=!1,c.wasEscapeCloseRef.current=!1}),onPointerMove:y(e.onPointerMove,V(()=>{i||C.current||c.wasEscapeCloseRef.current||g.current||(r.onTriggerEnter(c.value),g.current=!0)})),onPointerLeave:y(e.onPointerLeave,V(()=>{i||(r.onTriggerLeave(),g.current=!1)})),onClick:y(e.onClick,()=>{r.onItemSelect(c.value),C.current=b}),onKeyDown:y(e.onKeyDown,h=>{const w={horizontal:"ArrowDown",vertical:r.dir==="rtl"?"ArrowLeft":"ArrowRight"}[r.orientation];b&&h.key===w&&(c.onEntryKeyDown(),h.preventDefault())})})})}),b&&n.jsxs(n.Fragment,{children:[n.jsx($e,{"aria-hidden":!0,tabIndex:0,ref:c.focusProxyRef,onFocus:h=>{const p=c.contentRef.current,w=h.relatedTarget,R=w===l.current,T=p==null?void 0:p.contains(w);(R||!T)&&c.onFocusProxyEnter(R?"start":"end")}}),r.viewport&&n.jsx("span",{"aria-owns":d})]})]})});Me.displayName=H;var Ze="NavigationMenuLink",ie="navigationMenu.linkSelect",Ce=s.forwardRef((e,t)=>{const{__scopeNavigationMenu:o,active:i,onSelect:a,...r}=e;return n.jsx(_e,{asChild:!0,children:n.jsx(_.a,{"data-active":i?"":void 0,"aria-current":i?"page":void 0,...r,ref:t,onClick:y(e.onClick,c=>{const l=c.target,u=new CustomEvent(ie,{bubbles:!0,cancelable:!0});if(l.addEventListener(ie,N=>a==null?void 0:a(N),{once:!0}),ae(l,u),!u.defaultPrevented&&!c.metaKey){const N=new CustomEvent(K,{bubbles:!0,cancelable:!0});ae(l,N)}},{checkForDefaultPrevented:!1})})})});Ce.displayName=Ze;var Q="NavigationMenuIndicator",be=s.forwardRef((e,t)=>{const{forceMount:o,...i}=e,a=I(Q,e.__scopeNavigationMenu),r=!!a.value;return a.indicatorTrack?Ae.createPortal(n.jsx(z,{present:o||r,children:n.jsx(et,{...i,ref:t})}),a.indicatorTrack):null});be.displayName=Q;var et=s.forwardRef((e,t)=>{const{__scopeNavigationMenu:o,...i}=e,a=I(Q,o),r=me(o),[c,l]=s.useState(null),[u,N]=s.useState(null),d=a.orientation==="horizontal",g=!!a.value;s.useEffect(()=>{var p;const h=(p=r().find(w=>w.value===a.value))==null?void 0:p.ref.current;h&&l(h)},[r,a.value]);const C=()=>{c&&N({size:d?c.offsetWidth:c.offsetHeight,offset:d?c.offsetLeft:c.offsetTop})};return Y(c,C),Y(a.indicatorTrack,C),u?n.jsx(_.div,{"aria-hidden":!0,"data-state":g?"visible":"hidden","data-orientation":a.orientation,...i,ref:t,style:{position:"absolute",...d?{left:0,width:u.size+"px",transform:`translateX(${u.offset}px)`}:{top:0,height:u.size+"px",transform:`translateY(${u.offset}px)`},...i.style}}):null}),A="NavigationMenuContent",Re=s.forwardRef((e,t)=>{const{forceMount:o,...i}=e,a=I(A,e.__scopeNavigationMenu),r=Ne(A,e.__scopeNavigationMenu),c=O(r.contentRef,t),l=r.value===a.value,u={value:r.value,triggerRef:r.triggerRef,focusProxyRef:r.focusProxyRef,wasEscapeCloseRef:r.wasEscapeCloseRef,onContentFocusOutside:r.onContentFocusOutside,onRootContentClose:r.onRootContentClose,...i};return a.viewport?n.jsx(tt,{forceMount:o,...u,ref:c}):n.jsx(z,{present:o||l,children:n.jsx(ye,{"data-state":te(l),...u,ref:c,onPointerEnter:y(e.onPointerEnter,a.onContentEnter),onPointerLeave:y(e.onPointerLeave,V(a.onContentLeave)),style:{pointerEvents:!l&&a.isRootMenu?"none":void 0,...u.style}})})});Re.displayName=A;var tt=s.forwardRef((e,t)=>{const o=I(A,e.__scopeNavigationMenu),{onViewportContentChange:i,onViewportContentRemove:a}=o;return G(()=>{i(e.value,{ref:t,...e})},[e,t,i]),G(()=>()=>a(e.value),[e.value,a]),null}),K="navigationMenu.rootContentDismiss",ye=s.forwardRef((e,t)=>{const{__scopeNavigationMenu:o,value:i,triggerRef:a,focusProxyRef:r,wasEscapeCloseRef:c,onRootContentClose:l,onContentFocusOutside:u,...N}=e,d=I(A,o),g=s.useRef(null),C=O(g,t),b=Te(d.baseId,i),h=je(d.baseId,i),p=me(o),w=s.useRef(null),{onItemDismiss:R}=d;s.useEffect(()=>{const m=g.current;if(d.isRootMenu&&m){const f=()=>{var v;R(),l(),m.contains(document.activeElement)&&((v=a.current)==null||v.focus())};return m.addEventListener(K,f),()=>m.removeEventListener(K,f)}},[d.isRootMenu,e.value,a,R,l]);const T=s.useMemo(()=>{const f=p().map(k=>k.value);d.dir==="rtl"&&f.reverse();const v=f.indexOf(d.value),M=f.indexOf(d.previousValue),E=i===d.value,P=M===f.indexOf(i);if(!E&&!P)return w.current;const x=(()=>{if(v!==M){if(E&&M!==-1)return v>M?"from-end":"from-start";if(P&&v!==-1)return v>M?"to-start":"to-end"}return null})();return w.current=x,x},[d.previousValue,d.value,d.dir,p,i]);return n.jsx(Ie,{asChild:!0,children:n.jsx(Ve,{id:h,"aria-labelledby":b,"data-motion":T,"data-orientation":d.orientation,...N,ref:C,disableOutsidePointerEvents:!1,onDismiss:()=>{var f;const m=new Event(K,{bubbles:!0,cancelable:!0});(f=g.current)==null||f.dispatchEvent(m)},onFocusOutside:y(e.onFocusOutside,m=>{var v;u();const f=m.target;(v=d.rootNavigationMenu)!=null&&v.contains(f)&&m.preventDefault()}),onPointerDownOutside:y(e.onPointerDownOutside,m=>{var E;const f=m.target,v=p().some(P=>{var x;return(x=P.ref.current)==null?void 0:x.contains(f)}),M=d.isRootMenu&&((E=d.viewport)==null?void 0:E.contains(f));(v||M||!d.isRootMenu)&&m.preventDefault()}),onKeyDown:y(e.onKeyDown,m=>{var M;const f=m.altKey||m.ctrlKey||m.metaKey;if(m.key==="Tab"&&!f){const E=W(m.currentTarget),P=document.activeElement,x=E.findIndex(De=>De===P),$=m.shiftKey?E.slice(0,x).reverse():E.slice(x+1,E.length);ee($)?m.preventDefault():(M=r.current)==null||M.focus()}}),onEscapeKeyDown:y(e.onEscapeKeyDown,m=>{c.current=!0})})})}),Z="NavigationMenuViewport",Ee=s.forwardRef((e,t)=>{const{forceMount:o,...i}=e,r=!!I(Z,e.__scopeNavigationMenu).value;return n.jsx(z,{present:o||r,children:n.jsx(nt,{...i,ref:t})})});Ee.displayName=Z;var nt=s.forwardRef((e,t)=>{const{__scopeNavigationMenu:o,children:i,...a}=e,r=I(Z,o),c=O(t,r.onViewportChange),l=Xe(A,e.__scopeNavigationMenu),[u,N]=s.useState(null),[d,g]=s.useState(null),C=u?(u==null?void 0:u.width)+"px":void 0,b=u?(u==null?void 0:u.height)+"px":void 0,h=!!r.value,p=h?r.value:r.previousValue;return Y(d,()=>{d&&N({width:d.offsetWidth,height:d.offsetHeight})}),n.jsx(_.div,{"data-state":te(h),"data-orientation":r.orientation,...a,ref:c,style:{pointerEvents:!h&&r.isRootMenu?"none":void 0,"--radix-navigation-menu-viewport-width":C,"--radix-navigation-menu-viewport-height":b,...a.style},onPointerEnter:y(e.onPointerEnter,r.onContentEnter),onPointerLeave:y(e.onPointerLeave,V(r.onContentLeave)),children:Array.from(l.items).map(([R,{ref:T,forceMount:m,...f}])=>{const v=p===R;return n.jsx(z,{present:m||v,children:n.jsx(ye,{...f,ref:Fe(T,M=>{v&&M&&g(M)})})},R)})})}),ot="FocusGroup",Ie=s.forwardRef((e,t)=>{const{__scopeNavigationMenu:o,...i}=e,a=I(ot,o);return n.jsx(U.Provider,{scope:o,children:n.jsx(U.Slot,{scope:o,children:n.jsx(_.div,{dir:a.dir,...i,ref:t})})})}),re=["ArrowRight","ArrowLeft","ArrowUp","ArrowDown"],at="FocusGroupItem",_e=s.forwardRef((e,t)=>{const{__scopeNavigationMenu:o,...i}=e,a=He(o),r=I(at,o);return n.jsx(U.ItemSlot,{scope:o,children:n.jsx(_.button,{...i,ref:t,onKeyDown:y(e.onKeyDown,c=>{if(["Home","End",...re].includes(c.key)){let u=a().map(g=>g.ref.current);if([r.dir==="rtl"?"ArrowRight":"ArrowLeft","ArrowUp","End"].includes(c.key)&&u.reverse(),re.includes(c.key)){const g=u.indexOf(c.currentTarget);u=u.slice(g+1)}setTimeout(()=>ee(u)),c.preventDefault()}})})})});function W(e){const t=[],o=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:i=>{const a=i.tagName==="INPUT"&&i.type==="hidden";return i.disabled||i.hidden||a?NodeFilter.FILTER_SKIP:i.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;o.nextNode();)t.push(o.currentNode);return t}function ee(e){const t=document.activeElement;return e.some(o=>o===t?!0:(o.focus(),document.activeElement!==t))}function it(e){return e.forEach(t=>{t.dataset.tabindex=t.getAttribute("tabindex")||"",t.setAttribute("tabindex","-1")}),()=>{e.forEach(t=>{const o=t.dataset.tabindex;t.setAttribute("tabindex",o)})}}function Y(e,t){const o=L(t);G(()=>{let i=0;if(e){const a=new ResizeObserver(()=>{cancelAnimationFrame(i),i=window.requestAnimationFrame(o)});return a.observe(e),()=>{window.cancelAnimationFrame(i),a.unobserve(e)}}},[e,o])}function te(e){return e?"open":"closed"}function Te(e,t){return`${e}-trigger-${t}`}function je(e,t){return`${e}-content-${t}`}function V(e){return t=>t.pointerType==="mouse"?e(t):void 0}var rt=fe,st=xe,ct=we,ut=Me,dt=Ce,lt=be,vt=Re,mt=Ee;function ne({className:e,children:t,viewport:o=!0,...i}){return n.jsxs(rt,{"data-slot":"navigation-menu","data-viewport":o,className:j("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",e),...i,children:[t,o&&n.jsx(oe,{})]})}function Pe({className:e,...t}){return n.jsx(st,{"data-slot":"navigation-menu-list",className:j("group flex flex-1 list-none items-center justify-center gap-1",e),...t})}function q({className:e,...t}){return n.jsx(ct,{"data-slot":"navigation-menu-item",className:j("relative",e),...t})}const ft=Ge("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");function ke({className:e,children:t,...o}){return n.jsxs(ut,{"data-slot":"navigation-menu-trigger",className:j(ft(),"group",e),...o,children:[t," ",n.jsx(Ue,{className:"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]})}function Le({className:e,...t}){return n.jsx(vt,{"data-slot":"navigation-menu-content",className:j("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto","group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",e),...t})}function oe({className:e,...t}){return n.jsx("div",{className:j("absolute top-full left-0 isolate z-50 flex justify-center"),children:n.jsx(mt,{"data-slot":"navigation-menu-viewport",className:j("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",e),...t})})}function D({className:e,...t}){return n.jsx(dt,{"data-slot":"navigation-menu-link",className:j("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",e),...t})}function Se({className:e,...t}){return n.jsx(lt,{"data-slot":"navigation-menu-indicator",className:j("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",e),...t,children:n.jsx("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})})}ne.__docgenInfo={description:"",methods:[],displayName:"NavigationMenu",props:{viewport:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}}}};Pe.__docgenInfo={description:"",methods:[],displayName:"NavigationMenuList"};q.__docgenInfo={description:"",methods:[],displayName:"NavigationMenuItem"};Le.__docgenInfo={description:"",methods:[],displayName:"NavigationMenuContent"};ke.__docgenInfo={description:"",methods:[],displayName:"NavigationMenuTrigger"};D.__docgenInfo={description:"",methods:[],displayName:"NavigationMenuLink"};Se.__docgenInfo={description:"",methods:[],displayName:"NavigationMenuIndicator"};oe.__docgenInfo={description:"",methods:[],displayName:"NavigationMenuViewport"};const Kt={title:"Shadcn/UI/NavigationMenu",component:ne},F={render:()=>n.jsxs(ne,{children:[n.jsxs(Pe,{children:[n.jsxs(q,{children:[n.jsx(ke,{children:"Products"}),n.jsx(Le,{children:n.jsxs("div",{className:"grid w-[400px] gap-3 p-3 md:w-[500px] md:grid-cols-2",children:[n.jsx(D,{asChild:!0,children:n.jsx("a",{className:"rounded-md border p-3",href:"https://example.com/analytics",children:"Analytics"})}),n.jsx(D,{asChild:!0,children:n.jsx("a",{className:"rounded-md border p-3",href:"https://example.com/engagement",children:"Engagement"})}),n.jsx(D,{asChild:!0,children:n.jsx("a",{className:"rounded-md border p-3",href:"https://example.com/security",children:"Security"})}),n.jsx(D,{asChild:!0,children:n.jsx("a",{className:"rounded-md border p-3",href:"https://example.com/integrations",children:"Integrations"})})]})})]}),n.jsx(q,{children:n.jsx(D,{href:"https://example.com/pricing",className:"rounded-md px-4 py-2",children:"Pricing"})})]}),n.jsx(Se,{}),n.jsx(oe,{})]})};var se,ce,ue;F.parameters={...F.parameters,docs:{...(se=F.parameters)==null?void 0:se.docs,source:{originalSource:`{
+  render: () => <NavigationMenu>
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Products</NavigationMenuTrigger>
+          <NavigationMenuContent>
+            <div className="grid w-[400px] gap-3 p-3 md:w-[500px] md:grid-cols-2">
+              <NavigationMenuLink asChild>
+                <a className="rounded-md border p-3" href="https://example.com/analytics">Analytics</a>
+              </NavigationMenuLink>
+              <NavigationMenuLink asChild>
+                <a className="rounded-md border p-3" href="https://example.com/engagement">Engagement</a>
+              </NavigationMenuLink>
+              <NavigationMenuLink asChild>
+                <a className="rounded-md border p-3" href="https://example.com/security">Security</a>
+              </NavigationMenuLink>
+              <NavigationMenuLink asChild>
+                <a className="rounded-md border p-3" href="https://example.com/integrations">Integrations</a>
+              </NavigationMenuLink>
+            </div>
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+        <NavigationMenuItem>
+          <NavigationMenuLink href="https://example.com/pricing" className="rounded-md px-4 py-2">Pricing</NavigationMenuLink>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+      <NavigationMenuIndicator />
+      <NavigationMenuViewport />
+    </NavigationMenu>
+}`,...(ue=(ce=F.parameters)==null?void 0:ce.docs)==null?void 0:ue.source}}};const Vt=["Basic"];export{F as Basic,Vt as __namedExportsOrder,Kt as default};

package/storybook-static/assets/Page.stories-GdSJgZ6-.js

@@ -0,0 +1,91 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{B as h,b as P}from"./button-0oMkiryo.js";import{D as I,a as B,b as S,d as T,f as z}from"./dropdown-menu-BWxxwPHL.js";import{c as o}from"./utils-D-KgF5mV.js";import{P as D,T as M}from"./trash-2-xdbApPby.js";import{c as W}from"./createLucideIcon-BrHXro7t.js";import{R as A}from"./refresh-cw-BmRDhIV_.js";import{E as O}from"./ellipsis-BRS038RR.js";import"./index-DbaA6-o1.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CGrAONsN.js";import"./index-DW48STyt.js";import"./index-CDY5kTx5.js";import"./index-ByqivBWx.js";import"./index-D8RXF03I.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DLIxT4Z7.js";import"./index-Bv9yk470.js";import"./index-B_qx7A5T.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-BfiCOk42.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./index-CWjrGFAQ.js";import"./check-B9hBGj6o.js";import"./circle-C5Lzx6Nx.js";import"./chevron-right-B5vIMLxK.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 E=[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]],_=W("download",E),v={full:"max-w-none",sm:"max-w-screen-sm",md:"max-w-screen-md",lg:"max-w-screen-lg",xl:"max-w-screen-xl"};function L(r){if(r.type==="button"){const{label:t,onClick:i,variant:l,size:n,leftIcon:d,rightIcon:m,disabled:f,className:q}=r;return e.jsxs(h,{onClick:i,variant:l,size:n,disabled:f,className:q,children:[d,e.jsx("span",{children:t}),m]},r.key??String(t))}const{trigger:a,items:s}=r;return e.jsxs(I,{children:[e.jsx(B,{asChild:!0,children:e.jsxs("button",{type:"button",className:o(P({variant:a.variant,size:a.size}),a.className),onClick:a.onClick,disabled:a.disabled,children:[a.leftIcon,e.jsx("span",{children:a.label}),a.rightIcon]})}),e.jsx(S,{align:"end",children:s.map((t,i)=>"type"in t?e.jsx(T,{},t.key??`sep-${i}`):e.jsx(z,{onSelect:l=>{var n;l.preventDefault(),(n=t.onSelect)==null||n.call(t)},variant:t.destructive?"destructive":"default",children:e.jsxs("div",{className:"flex items-center gap-2",children:[t.leftIcon,e.jsx("span",{children:t.label}),t.rightIcon]})},t.key??String(t.label)))})]},r.key??String(a.label))}function c({title:r,subtitle:a,actions:s,containerWidth:t="lg",className:i,headerClassName:l,contentClassName:n,footerLeft:d,footerRight:m,children:f}){return e.jsx("div",{className:o("w-full",i),children:e.jsxs("div",{className:o("px-4 sm:px-6 lg:px-8",v[t],"mx-auto"),children:[e.jsxs("header",{className:o("flex items-start justify-between gap-3 py-6",l),children:[e.jsxs("div",{className:"flex min-w-0 flex-col gap-1",children:[e.jsx("h1",{className:"text-2xl font-semibold leading-none tracking-tight text-foreground",children:r}),a?e.jsx("p",{className:"text-sm text-muted-foreground",children:a}):null]}),s&&s.length>0?e.jsx("div",{className:"flex shrink-0 flex-wrap items-center justify-end gap-2",children:s.map(L)}):null]}),e.jsx("main",{className:o("pb-8",n),children:f}),(d||m)&&e.jsx("footer",{className:"border-t pt-4 pb-8",children:e.jsx("div",{className:o("px-0",v[t]),children:e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsx("div",{className:"flex items-center gap-2 text-sm text-muted-foreground",children:d}),e.jsx("div",{className:"flex items-center gap-2",children:m})]})})})]})})}c.__docgenInfo={description:"",methods:[],displayName:"Page",props:{title:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},subtitle:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},actions:{required:!1,tsType:{name:"Array",elements:[{name:"union",raw:"PageButtonAction | PageDropdownAction",elements:[{name:"signature",type:"object",raw:`{
+  type: 'button';
+  key?: string;
+  label: React.ReactNode;
+  onClick?: () => void;
+  variant?: React.ComponentProps<typeof Button>['variant'];
+  size?: React.ComponentProps<typeof Button>['size'];
+  leftIcon?: React.ReactNode;
+  rightIcon?: React.ReactNode;
+  disabled?: boolean;
+  className?: string;
+}`,signature:{properties:[{key:"type",value:{name:"literal",value:"'button'",required:!0}},{key:"key",value:{name:"string",required:!1}},{key:"label",value:{name:"ReactReactNode",raw:"React.ReactNode",required:!0}},{key:"onClick",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}},{key:"variant",value:{name:"ReactComponentProps['variant']",raw:"React.ComponentProps<typeof Button>['variant']",required:!1}},{key:"size",value:{name:"ReactComponentProps['size']",raw:"React.ComponentProps<typeof Button>['size']",required:!1}},{key:"leftIcon",value:{name:"ReactReactNode",raw:"React.ReactNode",required:!1}},{key:"rightIcon",value:{name:"ReactReactNode",raw:"React.ReactNode",required:!1}},{key:"disabled",value:{name:"boolean",required:!1}},{key:"className",value:{name:"string",required:!1}}]}},{name:"signature",type:"object",raw:`{
+  type: 'dropdown';
+  key?: string;
+  trigger: Omit<PageButtonAction, 'type'>;
+  items: (PageDropdownActionItem | { type: 'separator'; key?: string; })[];
+}`,signature:{properties:[{key:"type",value:{name:"literal",value:"'dropdown'",required:!0}},{key:"key",value:{name:"string",required:!1}},{key:"trigger",value:{name:"Omit",elements:[{name:"signature",type:"object",raw:`{
+  type: 'button';
+  key?: string;
+  label: React.ReactNode;
+  onClick?: () => void;
+  variant?: React.ComponentProps<typeof Button>['variant'];
+  size?: React.ComponentProps<typeof Button>['size'];
+  leftIcon?: React.ReactNode;
+  rightIcon?: React.ReactNode;
+  disabled?: boolean;
+  className?: string;
+}`,signature:{properties:[{key:"type",value:{name:"literal",value:"'button'",required:!0}},{key:"key",value:{name:"string",required:!1}},{key:"label",value:{name:"ReactReactNode",raw:"React.ReactNode",required:!0}},{key:"onClick",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}},{key:"variant",value:{name:"ReactComponentProps['variant']",raw:"React.ComponentProps<typeof Button>['variant']",required:!1}},{key:"size",value:{name:"ReactComponentProps['size']",raw:"React.ComponentProps<typeof Button>['size']",required:!1}},{key:"leftIcon",value:{name:"ReactReactNode",raw:"React.ReactNode",required:!1}},{key:"rightIcon",value:{name:"ReactReactNode",raw:"React.ReactNode",required:!1}},{key:"disabled",value:{name:"boolean",required:!1}},{key:"className",value:{name:"string",required:!1}}]}},{name:"literal",value:"'type'"}],raw:"Omit<PageButtonAction, 'type'>",required:!0}},{key:"items",value:{name:"Array",elements:[{name:"unknown"}],raw:"(PageDropdownActionItem | { type: 'separator'; key?: string; })[]",required:!0}}]}}]}],raw:"PageAction[]"},description:""},containerWidth:{required:!1,tsType:{name:"union",raw:"'full' | 'sm' | 'md' | 'lg' | 'xl'",elements:[{name:"literal",value:"'full'"},{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"},{name:"literal",value:"'xl'"}]},description:"",defaultValue:{value:"'lg'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},headerClassName:{required:!1,tsType:{name:"string"},description:""},contentClassName:{required:!1,tsType:{name:"string"},description:""},footerLeft:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},footerRight:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}};const Re={title:"kit/Builder/Page",component:c},u={name:"Basic",render:()=>e.jsx(c,{title:"Orders",subtitle:"Manage and review customer orders",containerWidth:"lg",children:e.jsx("div",{className:"rounded-md border bg-card p-6 text-sm text-muted-foreground",children:"Page content goes here."})})},p={name:"With actions",render:()=>{const r=[{type:"button",label:"New Order",variant:"default",leftIcon:e.jsx(D,{className:"h-4 w-4"}),onClick:()=>console.log("new")},{type:"button",label:"Export",variant:"outline",leftIcon:e.jsx(_,{className:"h-4 w-4"}),onClick:()=>console.log("export")},{type:"dropdown",trigger:{label:"More",variant:"ghost",leftIcon:e.jsx(O,{className:"h-4 w-4"})},items:[{label:"Refresh",leftIcon:e.jsx(A,{className:"h-4 w-4"}),onSelect:()=>console.log("refresh")},{type:"separator"},{label:"Delete selected",leftIcon:e.jsx(M,{className:"h-4 w-4"}),destructive:!0,onSelect:()=>console.log("delete")}]}];return e.jsx(c,{title:"Orders",subtitle:"Manage and review customer orders",actions:r,containerWidth:"xl",children:e.jsx("div",{className:"rounded-md border bg-card p-6 text-sm text-muted-foreground",children:"Content with actions."})})}},g={name:"With footer",render:()=>e.jsx(c,{title:"Settings",subtitle:"Configure your workspace",containerWidth:"md",footerLeft:e.jsx("span",{className:"text-xs",children:"Last updated 2 hours ago"}),footerRight:e.jsxs("div",{className:"flex gap-2",children:[e.jsx(h,{variant:"outline",onClick:()=>console.log("cancel"),children:"Cancel"}),e.jsx(h,{onClick:()=>console.log("save"),children:"Save changes"})]}),children:e.jsx("div",{className:"rounded-md border bg-card p-6 text-sm text-muted-foreground",children:"Settings content here."})})};var x,y,w;u.parameters={...u.parameters,docs:{...(x=u.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  name: 'Basic',
+  render: () => <Page title="Orders" subtitle="Manage and review customer orders" containerWidth="lg">
+      <div className="rounded-md border bg-card p-6 text-sm text-muted-foreground">
+        Page content goes here.
+      </div>
+    </Page>
+}`,...(w=(y=u.parameters)==null?void 0:y.docs)==null?void 0:w.source}}};var N,R,b;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  name: 'With actions',
+  render: () => {
+    const actions: PageAction[] = [{
+      type: 'button',
+      label: 'New Order',
+      variant: 'default',
+      leftIcon: <Plus className="h-4 w-4" />,
+      onClick: () => console.log('new')
+    }, {
+      type: 'button',
+      label: 'Export',
+      variant: 'outline',
+      leftIcon: <Download className="h-4 w-4" />,
+      onClick: () => console.log('export')
+    }, {
+      type: 'dropdown',
+      trigger: {
+        label: 'More',
+        variant: 'ghost',
+        leftIcon: <MoreHorizontal className="h-4 w-4" />
+      },
+      items: [{
+        label: 'Refresh',
+        leftIcon: <RefreshCw className="h-4 w-4" />,
+        onSelect: () => console.log('refresh')
+      }, {
+        type: 'separator'
+      }, {
+        label: 'Delete selected',
+        leftIcon: <Trash2 className="h-4 w-4" />,
+        destructive: true,
+        onSelect: () => console.log('delete')
+      }]
+    }];
+    return <Page title="Orders" subtitle="Manage and review customer orders" actions={actions} containerWidth="xl">
+        <div className="rounded-md border bg-card p-6 text-sm text-muted-foreground">
+          Content with actions.
+        </div>
+      </Page>;
+  }
+}`,...(b=(R=p.parameters)==null?void 0:R.docs)==null?void 0:b.source}}};var k,j,C;g.parameters={...g.parameters,docs:{...(k=g.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  name: 'With footer',
+  render: () => <Page title="Settings" subtitle="Configure your workspace" containerWidth="md" footerLeft={<span className="text-xs">Last updated 2 hours ago</span>} footerRight={<div className="flex gap-2">
+          <Button variant="outline" onClick={() => console.log('cancel')}>Cancel</Button>
+          <Button onClick={() => console.log('save')}>Save changes</Button>
+        </div>}>
+      <div className="rounded-md border bg-card p-6 text-sm text-muted-foreground">
+        Settings content here.
+      </div>
+    </Page>
+}`,...(C=(j=g.parameters)==null?void 0:j.docs)==null?void 0:C.source}}};const be=["Basic","WithActions","WithFooter"];export{u as Basic,p as WithActions,g as WithFooter,be as __namedExportsOrder,Re as default};

package/storybook-static/assets/Pagination.stories-BEBwqH4N.js

@@ -0,0 +1,29 @@
+import{j as n}from"./jsx-runtime-D_zvdyIk.js";import{c as o}from"./utils-D-KgF5mV.js";import{b as x}from"./button-0oMkiryo.js";import{C as u}from"./chevron-left-BBoN0vbI.js";import{E as j}from"./ellipsis-BRS038RR.js";import{C as I}from"./chevron-right-B5vIMLxK.js";import"./index-DbaA6-o1.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CGrAONsN.js";import"./createLucideIcon-BrHXro7t.js";function r({className:i,...a}){return n.jsx("nav",{role:"navigation","aria-label":"pagination","data-slot":"pagination",className:o("mx-auto flex w-full justify-center",i),...a})}function m({className:i,...a}){return n.jsx("ul",{"data-slot":"pagination-content",className:o("flex flex-row items-center gap-1",i),...a})}function e({...i}){return n.jsx("li",{"data-slot":"pagination-item",...i})}function t({className:i,isActive:a,size:f="icon",...h}){return n.jsx("a",{"aria-current":a?"page":void 0,"data-slot":"pagination-link","data-active":a,className:o(x({variant:a?"outline":"ghost",size:f}),i),...h})}function g({className:i,...a}){return n.jsxs(t,{"aria-label":"Go to previous page",size:"default",className:o("gap-1 px-2.5 sm:pl-2.5",i),...a,children:[n.jsx(u,{}),n.jsx("span",{className:"hidden sm:block",children:"Previous"})]})}function p({className:i,...a}){return n.jsxs(t,{"aria-label":"Go to next page",size:"default",className:o("gap-1 px-2.5 sm:pr-2.5",i),...a,children:[n.jsx("span",{className:"hidden sm:block",children:"Next"}),n.jsx(I,{})]})}function P({className:i,...a}){return n.jsxs("span",{"aria-hidden":!0,"data-slot":"pagination-ellipsis",className:o("flex size-9 items-center justify-center",i),...a,children:[n.jsx(j,{className:"size-4"}),n.jsx("span",{className:"sr-only",children:"More pages"})]})}r.__docgenInfo={description:"",methods:[],displayName:"Pagination"};m.__docgenInfo={description:"",methods:[],displayName:"PaginationContent"};t.__docgenInfo={description:"",methods:[],displayName:"PaginationLink",props:{isActive:{required:!1,tsType:{name:"boolean"},description:""},size:{defaultValue:{value:'"icon"',computed:!1},required:!1}}};e.__docgenInfo={description:"",methods:[],displayName:"PaginationItem"};g.__docgenInfo={description:"",methods:[],displayName:"PaginationPrevious"};p.__docgenInfo={description:"",methods:[],displayName:"PaginationNext"};P.__docgenInfo={description:"",methods:[],displayName:"PaginationEllipsis"};const w={title:"Shadcn/UI/Pagination",component:r},s={render:()=>n.jsx(r,{children:n.jsxs(m,{children:[n.jsx(e,{children:n.jsx(g,{href:"#"})}),n.jsx(e,{children:n.jsx(t,{href:"#",children:"1"})}),n.jsx(e,{children:n.jsx(t,{href:"#",isActive:!0,children:"2"})}),n.jsx(e,{children:n.jsx(t,{href:"#",children:"3"})}),n.jsx(e,{children:n.jsx(P,{})}),n.jsx(e,{children:n.jsx(t,{href:"#",children:"10"})}),n.jsx(e,{children:n.jsx(p,{href:"#"})})]})})};var l,c,d;s.parameters={...s.parameters,docs:{...(l=s.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  render: () => <Pagination>
+      <PaginationContent>
+        <PaginationItem>
+          <PaginationPrevious href="#" />
+        </PaginationItem>
+        <PaginationItem>
+          <PaginationLink href="#">1</PaginationLink>
+        </PaginationItem>
+        <PaginationItem>
+          <PaginationLink href="#" isActive>
+            2
+          </PaginationLink>
+        </PaginationItem>
+        <PaginationItem>
+          <PaginationLink href="#">3</PaginationLink>
+        </PaginationItem>
+        <PaginationItem>
+          <PaginationEllipsis />
+        </PaginationItem>
+        <PaginationItem>
+          <PaginationLink href="#">10</PaginationLink>
+        </PaginationItem>
+        <PaginationItem>
+          <PaginationNext href="#" />
+        </PaginationItem>
+      </PaginationContent>
+    </Pagination>
+}`,...(d=(c=s.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};const B=["Basic"];export{s as Basic,B as __namedExportsOrder,w as default};

package/storybook-static/assets/Popover.stories-BICy98Cw.js

@@ -0,0 +1,15 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as v}from"./iframe-v7iAhKit.js";import{P as t,a as l,b as u}from"./popover-CcciSWAw.js";import{B as h}from"./button-0oMkiryo.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-DbaA6-o1.js";import"./index-CDY5kTx5.js";import"./index-BVDb4dFc.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./index-ByqivBWx.js";import"./utils-D-KgF5mV.js";import"./index-CGrAONsN.js";const G={title:"Shadcn/UI/Popover",component:t},o={render:()=>e.jsxs(t,{children:[e.jsx(l,{asChild:!0,children:e.jsx(h,{variant:"outline",children:"Open popover"})}),e.jsx(u,{className:"w-64",children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium leading-none",children:"Dimensions"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the dimensions for the layer."})]})})]})};function f(){const[n,s]=v.useState(!1);return e.jsxs(t,{open:n,onOpenChange:s,children:[e.jsx(l,{asChild:!0,children:e.jsxs(h,{onClick:()=>s(x=>!x),variant:"default",children:[n?"Close":"Open"," popover"]})}),e.jsx(u,{children:"Controlled popover content"})]})}const r={render:()=>e.jsx(f,{})};var i,a,p;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`{
+  render: () => <Popover>
+      <PopoverTrigger asChild>
+        <Button variant="outline">Open popover</Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-64">
+        <div className="space-y-2">
+          <h4 className="font-medium leading-none">Dimensions</h4>
+          <p className="text-sm text-muted-foreground">Set the dimensions for the layer.</p>
+        </div>
+      </PopoverContent>
+    </Popover>
+}`,...(p=(a=o.parameters)==null?void 0:a.docs)==null?void 0:p.source}}};var m,d,c;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  render: () => <ControlledDemo />
+}`,...(c=(d=r.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};const H=["Basic","Controlled"];export{o as Basic,r as Controlled,H as __namedExportsOrder,G as default};

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

@@ -0,0 +1,8 @@
+import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{r as u}from"./iframe-v7iAhKit.js";import{c as y}from"./index-CDY5kTx5.js";import{P as N}from"./index-Tp9IdbR8.js";import{c as S}from"./utils-D-KgF5mV.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.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-DA7-uKfV.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-DiJ0Y_KQ.js";import{L as a}from"./label-Do8ODIVk.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-DbaA6-o1.js";import"./index-CDY5kTx5.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-CWjrGFAQ.js";import"./index-Bv9yk470.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-0-qMRXou.js";import"./index-ByqivBWx.js";import"./index-B_qx7A5T.js";import"./index-Bw1A27Kp.js";import"./index-_RPqOjlQ.js";import"./index-AvwFFKJc.js";import"./utils-D-KgF5mV.js";import"./circle-C5Lzx6Nx.js";import"./createLucideIcon-BrHXro7t.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-B99kWkH7.js

@@ -0,0 +1,25 @@
+import{j as M}from"./jsx-runtime-D_zvdyIk.js";import{r as d,b as Hn}from"./iframe-v7iAhKit.js";import{c as sn}from"./utils-D-KgF5mV.js";import{G as kn}from"./grip-vertical-BxXG8KNA.js";import"./preload-helper-Dp1pzeXC.js";import"./createLucideIcon-BrHXro7t.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-BqvUAXqU.js

@@ -0,0 +1,12 @@
+import{j as u}from"./jsx-runtime-D_zvdyIk.js";import{r as s}from"./iframe-v7iAhKit.js";import{P as _}from"./index-Tp9IdbR8.js";import{P as I}from"./index-AvwFFKJc.js";import{c as fe}from"./index-CDY5kTx5.js";import{u as y}from"./index-DbaA6-o1.js";import{u as P}from"./index-0-qMRXou.js";import{u as he}from"./index-B_qx7A5T.js";import{u as me}from"./index-D8RXF03I.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-DrN5n71E.js";import"./index-CwBdPBFz.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};