@jacshuo/onyx 2.0.0 → 2.2.0

package/dist/Navigation/index.cjs

@@ -1,2 +1,2 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var _e=require('react'),reactDom=require('react-dom'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),classVarianceAuthority=require('class-variance-authority');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var _e__default=/*#__PURE__*/_interopDefault(_e);function s(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var X="flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm transition-colors cursor-pointer",ke="bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100 font-medium",F="text-primary-600 dark:text-primary-400 hover:bg-primary-100 dark:hover:bg-primary-800/50 hover:text-primary-900 dark:hover:text-primary-200",q="flex items-center justify-center rounded-md p-2 transition-colors cursor-pointer text-primary-600 dark:text-primary-400 hover:bg-primary-100 dark:hover:bg-primary-800/50 hover:text-primary-900 dark:hover:text-primary-200";function Ae({to:e,className:t,style:n,children:i}){let m=typeof t=="function"?t({isActive:false}):t;return jsxRuntime.jsx("a",{href:e,className:m,style:n,children:i})}var de=["expanded","icons","mini"];function Oe(e){let t=de.indexOf(e);return de[(t+1)%de.length]}function we(e){let t=new Set;for(let n of e)if(n.children&&n.children.length>0){t.add(n.key??n.label);for(let i of we(n.children))t.add(i);}return t}function Ne({item:e,basePath:t,depth:n,onItemClick:i,LinkComponent:m,showLines:g,expandedKeys:p,onToggle:f}){let v=e.key??e.label,y=e.children&&e.children.length>0,[b,S]=_e.useState(e.defaultOpen??true),k=p?p.has(v):b,c=_e.useCallback(()=>{p?f(v):S(d=>!d);},[p,f,v]),w=n>0?`${n*1.25}rem`:void 0;if(y)return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("button",{type:"button",onClick:c,className:s(X,F,"justify-between"),style:{paddingLeft:w},children:[jsxRuntime.jsxs("span",{className:"flex items-center gap-2",children:[e.icon,e.label]}),jsxRuntime.jsx(lucideReact.ChevronRight,{className:s("h-3.5 w-3.5 transition-transform",k&&"rotate-90")})]}),k&&jsxRuntime.jsx("div",{className:s("flex flex-col gap-0.5 pt-0.5",g?"ml-2.5 border-l border-primary-200 dark:border-primary-700":"ml-2"),children:e.children.map(d=>jsxRuntime.jsx(Ne,{item:d,basePath:t,depth:n+1,onItemClick:i,LinkComponent:m,showLines:g,expandedKeys:p,onToggle:f},d.key??d.path??d.label))})]});if(e.path!=null){let d=t+e.path;return i?jsxRuntime.jsxs("button",{type:"button",onClick:()=>i(e,d),className:s(X,F),style:{paddingLeft:w},children:[e.icon,e.label]}):jsxRuntime.jsxs(m,{to:d,className:({isActive:R})=>s(X,R?ke:F),style:{paddingLeft:w},children:[e.icon,e.label]})}return jsxRuntime.jsxs("span",{className:s(X,F,"cursor-default"),style:{paddingLeft:w},children:[e.icon,e.label]})}function Ke({item:e,basePath:t,onItemClick:n,LinkComponent:i}){let[m,g]=_e.useState(false),p=_e.useRef(null),f=_e.useRef(void 0),[v,y]=_e.useState({top:0,left:0}),b=()=>{clearTimeout(f.current),g(true);},S=()=>{f.current=setTimeout(()=>g(false),200);};_e.useLayoutEffect(()=>{if(m&&p.current){let c=p.current.getBoundingClientRect();y({top:c.top,left:c.right+4});}},[m]);let k=e.icon||jsxRuntime.jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});return jsxRuntime.jsxs("div",{onMouseEnter:b,onMouseLeave:S,children:[jsxRuntime.jsx("button",{ref:p,type:"button",className:s(q,"w-full"),title:e.label,onClick:()=>g(c=>!c),children:k}),m&&reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed z-50 min-w-44 rounded-md border border-primary-200 bg-white p-1 shadow-lg dark:border-primary-700 dark:bg-primary-900",style:{top:v.top,left:v.left},onMouseEnter:b,onMouseLeave:S,children:[jsxRuntime.jsx("div",{className:"px-2.5 py-1.5 text-xs font-semibold uppercase text-primary-500 dark:text-primary-400",children:e.label}),jsxRuntime.jsx("div",{className:"flex flex-col gap-0.5",children:e.children?.map(c=>{let w=c.key??c.path??c.label;if(c.path!=null){let d=t+c.path;return n?jsxRuntime.jsxs("button",{type:"button",onClick:()=>{n(c,d),g(false);},className:s(X,F),children:[c.icon,c.label]},w):jsxRuntime.jsxs(i,{to:d,className:({isActive:R})=>s(X,R?ke:F),children:[c.icon,c.label]},w)}return jsxRuntime.jsxs("span",{className:s(X,"cursor-default text-primary-400"),children:[c.icon,c.label]},w)})})]}),document.body)]})}function je({item:e,basePath:t,onItemClick:n,LinkComponent:i}){let m=e.icon||jsxRuntime.jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});if(e.path!=null){let g=t+e.path;return n?jsxRuntime.jsx("button",{type:"button",onClick:()=>n(e,g),className:s(q,"w-full"),title:e.label,children:m}):jsxRuntime.jsx(i,{to:g,className:({isActive:p})=>s(q,"w-full",p&&"bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100"),children:jsxRuntime.jsx("span",{title:e.label,children:m})})}return jsxRuntime.jsx("span",{className:s(q,"w-full cursor-default"),title:e.label,children:m})}function ce({items:e,title:t,basePath:n="/",onItemClick:i,LinkComponent:m=Ae,collapsible:g,collapseMode:p,defaultCollapseMode:f="expanded",onCollapseModeChange:v,showLines:y=true,expandedKeys:b,defaultExpandedKeys:S="all",onExpandedKeysChange:k,className:c,responsive:w=true,mobileBreakpoint:d=768,mobileTopOffset:R=48,...D}){let[r,x]=_e.useState(f),h=p??r,A=_e__default.default.useMemo(()=>we(e),[e]),[J,_]=_e.useState(()=>S==="all"?new Set(A):new Set(S)),I=b??null,Z=I??J,Y=_e.useCallback(o=>{let u=new Set(Z);u.has(o)?u.delete(o):u.add(o),_(u),k?.(u);},[Z,k]),K=_e.useCallback(()=>{let o=Oe(h);x(o),v?.(o);},[h,v]),[L,G]=_e.useState(()=>w&&typeof window<"u"&&window.innerWidth<d),[U,P]=_e.useState(false);_e.useEffect(()=>{if(!w||typeof window>"u"||!window.matchMedia)return;let o=window.matchMedia(`(max-width: ${d-1}px)`),u=z=>{G(z.matches),z.matches||P(false);};return o.addEventListener("change",u),()=>o.removeEventListener("change",u)},[w,d]);let oe=_e.useCallback(o=>{o.target.closest("a")&&P(false);},[]),V=_e.useRef(null),E=_e.useRef({startX:0,startY:0,dragging:false}),M=_e.useCallback(o=>{let u=o.touches[0];E.current={startX:u.clientX,startY:u.clientY,dragging:true};},[]),j=_e.useCallback(o=>{if(!E.current.dragging||!V.current)return;let u=o.touches[0],z=u.clientX-E.current.startX,ie=u.clientY-E.current.startY;z>=0||Math.abs(ie)>Math.abs(z)||(V.current.style.transform=`translateX(${Math.max(z,-224)}px)`,V.current.style.transition="none");},[]),W=_e.useCallback(o=>{if(!E.current.dragging||!V.current)return;E.current.dragging=false;let u=o.changedTouches[0],z=u.clientX-E.current.startX,ie=u.clientY-E.current.startY;V.current.style.transition="",V.current.style.transform="",z<-60&&Math.abs(z)>Math.abs(ie)&&P(false);},[]),se=_e.useMemo(()=>!L||!i?i:(o,u)=>{P(false),i(o,u);},[L,i]),xe=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[g&&!L&&jsxRuntime.jsx("div",{className:s("flex shrink-0 mb-1",h==="expanded"?"justify-end":"justify-center"),children:jsxRuntime.jsx("button",{type:"button",onClick:K,className:q,"aria-label":h==="mini"?"Expand sidebar":"Collapse sidebar",title:h==="mini"?"Expand sidebar":"Collapse sidebar",children:h==="mini"?jsxRuntime.jsx(lucideReact.Menu,{className:"h-5 w-5"}):jsxRuntime.jsx(lucideReact.ChevronsLeft,{className:"h-4 w-4"})})}),(L||h==="expanded")&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[t&&jsxRuntime.jsx("h2",{className:"text-primary-500 dark:text-primary-400 mb-3 text-sm font-semibold uppercase",children:t}),e.map(o=>jsxRuntime.jsx(Ne,{item:o,basePath:n,depth:0,onItemClick:se,LinkComponent:m,showLines:y,expandedKeys:I,onToggle:Y},o.key??o.path??o.label))]}),!L&&h==="icons"&&e.map(o=>{let u=o.key??o.path??o.label;return o.children&&o.children.length>0?jsxRuntime.jsx(Ke,{item:o,basePath:n,onItemClick:se,LinkComponent:m},u):jsxRuntime.jsx(je,{item:o,basePath:n,onItemClick:se,LinkComponent:m},u)})]});return w&&L?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[U&&reactDom.createPortal(jsxRuntime.jsx("div",{className:"fixed inset-0 z-40 bg-black/50",style:{top:R},onClick:()=>P(false)}),document.body),reactDom.createPortal(jsxRuntime.jsxs("aside",{ref:V,className:s("fixed bottom-0 left-0 z-50 flex flex-col w-56 border-r border-primary-200 dark:border-primary-700 bg-white dark:bg-primary-900 shadow-xl transition-transform duration-200",U?"translate-x-0":"-translate-x-full"),style:{top:R},onClick:oe,onTouchStart:M,onTouchMove:j,onTouchEnd:W,children:[jsxRuntime.jsxs("div",{className:"flex shrink-0 items-center justify-between border-b border-primary-200 px-3 py-2 dark:border-primary-700",children:[jsxRuntime.jsx("span",{className:"text-xs font-semibold uppercase tracking-wide text-primary-500 dark:text-primary-400",children:"Navigation"}),jsxRuntime.jsx("button",{type:"button",onClick:o=>{o.stopPropagation(),P(false);},className:s(q,"h-7 w-7 p-1"),"aria-label":"Close navigation",children:jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"})})]}),jsxRuntime.jsx("div",{className:"flex-1 overflow-y-auto overscroll-y-contain p-3",children:jsxRuntime.jsx("nav",{className:"flex flex-col gap-0.5",children:xe})})]}),document.body),!U&&reactDom.createPortal(jsxRuntime.jsx("button",{type:"button",className:"fixed left-0 z-50 flex h-14 w-5 items-center justify-center rounded-r-xl bg-primary-800/80 text-white shadow-md backdrop-blur-sm transition-colors hover:bg-primary-700/90 dark:bg-primary-200/80 dark:text-primary-900 dark:hover:bg-primary-300/90",style:{top:`calc(50% + ${R/2}px)`,transform:"translateY(-50%)"},onClick:()=>P(true),"aria-label":"Open navigation",children:jsxRuntime.jsx(lucideReact.ChevronRight,{className:"h-3.5 w-3.5"})}),document.body)]}):jsxRuntime.jsx("nav",{className:s("flex flex-col gap-0.5",h==="mini"&&"items-center",c),...D,children:xe})}var Ce=classVarianceAuthority.cva("inline-flex cursor-pointer items-center justify-center gap-1.5 rounded font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0",{variants:{intent:{primary:"bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700",secondary:"bg-secondary-500 text-white hover:bg-secondary-600 active:bg-secondary-700",danger:"bg-danger-500 text-white hover:bg-danger-600 active:bg-danger-700",warning:"bg-warning-500 text-white hover:bg-warning-600 active:bg-warning-700",ghost:"bg-transparent text-primary-700 hover:bg-primary-100 active:bg-primary-200 dark:text-primary-300 dark:hover:bg-primary-800",outline:"border border-primary-300 bg-transparent text-primary-700 hover:bg-primary-50 dark:border-primary-600 dark:text-primary-300 dark:hover:bg-primary-800"},size:{sm:"h-7 px-3 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",md:"h-9 px-4 text-sm [&_svg]:h-4 [&_svg]:w-4",lg:"h-11 px-6 text-base [&_svg]:h-5 [&_svg]:w-5"}},defaultVariants:{intent:"primary",size:"md"}});classVarianceAuthority.cva("inline-flex items-center gap-1 rounded border font-semibold [&_svg]:shrink-0",{variants:{intent:{success:"border-success-200 bg-success-100 text-success-800 dark:border-success-800 dark:bg-success-900/30 dark:text-success-400",warning:"border-warning-200 bg-warning-100 text-warning-800 dark:border-warning-800 dark:bg-warning-900/30 dark:text-warning-400",error:"border-danger-200 bg-danger-100 text-danger-800 dark:border-danger-800 dark:bg-danger-900/30 dark:text-danger-400",info:"border-primary-200 bg-primary-100 text-primary-800 dark:border-primary-800 dark:bg-primary-900/30 dark:text-primary-400",primary:"border-secondary-200 bg-secondary-100 text-secondary-700 dark:border-secondary-700 dark:bg-secondary-800 dark:text-secondary-300"},size:{sm:"px-1.5 py-0 text-[0.625rem] [&_svg]:h-2.5 [&_svg]:w-2.5",md:"px-2.5 py-0.5 text-xs [&_svg]:h-3 [&_svg]:w-3",lg:"px-3 py-1 text-sm [&_svg]:h-3.5 [&_svg]:w-3.5"}},defaultVariants:{intent:"primary",size:"md"}});classVarianceAuthority.cva("absolute flex items-center justify-center rounded-full font-bold leading-none ring-2 ring-white select-none pointer-events-none z-10 dark:ring-primary-900",{variants:{intent:{danger:"bg-danger-500 text-white",success:"bg-success-500 text-white",warning:"bg-warning-500 text-white",info:"bg-primary-500 text-white",primary:"bg-secondary-500 text-white"},size:{sm:"text-[0.5rem]",md:"text-[0.625rem]",lg:"text-xs"},dot:{true:"",false:""},placement:{"top-right":"top-0 right-0 translate-x-1/2 -translate-y-1/2","top-left":"top-0 left-0 -translate-x-1/2 -translate-y-1/2","bottom-right":"bottom-0 right-0 translate-x-1/2 translate-y-1/2","bottom-left":"bottom-0 left-0 -translate-x-1/2 translate-y-1/2"}},compoundVariants:[{dot:true,size:"sm",class:"h-1.5 w-1.5 min-w-0 ring-1"},{dot:true,size:"md",class:"h-2 w-2 min-w-0"},{dot:true,size:"lg",class:"h-2.5 w-2.5 min-w-0"},{dot:false,size:"sm",class:"h-4 min-w-4 px-1"},{dot:false,size:"md",class:"h-5 min-w-5 px-1.5"},{dot:false,size:"lg",class:"h-6 min-w-6 px-2"}],defaultVariants:{intent:"danger",size:"md",dot:false,placement:"top-right"}});classVarianceAuthority.cva("w-full rounded-md border bg-white text-secondary-900 transition-colors placeholder:text-secondary-400 focus:outline-none focus:ring-2 dark:bg-secondary-900 dark:text-secondary-100 dark:placeholder:text-secondary-600",{variants:{state:{default:"border-secondary-300 focus:border-primary-500 focus:ring-primary-500/20 dark:border-secondary-600",error:"border-danger-400 focus:border-danger-500 focus:ring-danger-500/20"},size:{sm:"h-7 px-2 text-xs",md:"h-9 px-3 py-2 text-sm",lg:"h-11 px-4 py-2.5 text-base"}},defaultVariants:{state:"default",size:"md"}});classVarianceAuthority.cva("inline-flex items-center gap-1 font-medium [&_svg]:shrink-0",{variants:{size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},intent:{default:"text-primary-700 dark:text-primary-300",muted:"text-primary-400 dark:text-primary-500",required:"text-primary-700 dark:text-primary-300 after:ml-0.5 after:text-danger-500 after:content-['*']"}},defaultVariants:{size:"md",intent:"default"}});classVarianceAuthority.cva("relative inline-flex shrink-0 items-center justify-center rounded border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4 rounded-[3px]",md:"h-5 w-5 rounded",lg:"h-6 w-6 rounded-[5px]"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});classVarianceAuthority.cva("relative inline-flex shrink-0 items-center justify-center rounded-full border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-6 w-6"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});classVarianceAuthority.cva("",{variants:{intent:{primary:"",secondary:"",danger:"",warning:"",success:""},size:{sm:"",md:"",lg:""},checked:{on:"",off:"bg-primary-300 dark:bg-primary-800"}},compoundVariants:[{intent:"primary",checked:"on",class:"bg-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"bg-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"bg-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"bg-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"bg-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});function Ye(e,t){return e.key??(typeof e.label=="string"?e.label:String(t))}var te=40,Fe=200,ge=150,Me=120;function be(e,t,n,i){if(!i)return {};if(n){let g=(t-1-e)*te;return {animation:`dropdown-item-out ${ge}ms ease-in both ${g}ms`}}let m=e*te;return {animation:`dropdown-item-in ${Fe}ms ease-out both ${m}ms`}}function qe(e,t,n){if(!n)return {};if(t){let i=Math.max(e-1,0)*te+ge;return {animation:`dropdown-container-out ${Me}ms ease-in both ${i}ms`}}return {animation:"var(--animate-dropdown-container-in)"}}function fe({label:e,items:t,intent:n,size:i,align:m="left",className:g,disabled:p,editable:f=false,onAddItem:v,multiple:y=false,selected:b=[],onSelectionChange:S,animated:k=true,chevron:c=true,...w}){let[d,R]=_e.useState(false),[D,r]=_e.useState(false),[x,h]=_e.useState(""),A=_e.useRef(null),J=_e.useRef(null),_=_e.useRef(void 0);_e.useEffect(()=>()=>{_.current&&clearTimeout(_.current);},[]);let I=_e.useCallback(()=>{if(!k||!d){R(false),h("");return}r(true);let M=(Math.max(t.length,1)-1)*te+ge+Me+20;_.current=setTimeout(()=>{R(false),r(false),h("");},M);},[k,d,t.length]),Z=_e.useCallback(()=>{p||(d?I():(_.current&&clearTimeout(_.current),r(false),R(true),h(""),f&&requestAnimationFrame(()=>J.current?.focus())));},[p,d,I,f]);_e.useEffect(()=>{if(!d)return;let a=M=>{A.current&&!A.current.contains(M.target)&&I();};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[d,I]),_e.useEffect(()=>{if(!d)return;let a=M=>{M.key==="Escape"&&I();};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[d,I]);let Y=x.toLowerCase(),K=_e.useMemo(()=>x?t.filter(a=>(typeof a.label=="string"?a.label:a.key??"").toLowerCase().includes(Y)):t,[t,Y]),L=_e.useMemo(()=>!f||!x.trim()?false:!t.some(a=>(typeof a.label=="string"?a.label:a.key??"").toLowerCase()===Y),[f,Y,t]),G=_e.useCallback(()=>{let a=x.trim();a&&(v?.(a),h(""));},[x,v]),U=_e.useCallback(a=>{a.key==="Enter"&&L&&(a.preventDefault(),G());},[L,G]),P=_e.useCallback(a=>{let M=b.includes(a)?b.filter(j=>j!==a):[...b,a];S?.(M);},[b,S]),oe=y&&b.length>0?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[e," ",jsxRuntime.jsx("span",{className:"ml-1 rounded-full bg-white/20 px-1.5 text-xs font-semibold",children:b.length})]}):e,V=K.length===0&&!L||L?1:0,E=K.length+V;return jsxRuntime.jsxs("div",{ref:A,className:"relative inline-block",children:[jsxRuntime.jsxs("button",{type:"button",onClick:Z,disabled:p,className:s(Ce({intent:n,size:i}),"inline-flex items-center gap-1",g),"aria-haspopup":y?"listbox":"true","aria-expanded":d?"true":"false",...w,children:[oe,c&&jsxRuntime.jsx(lucideReact.ChevronDown,{className:s("h-3.5 w-3.5 transition-transform",d&&"rotate-180")})]}),d&&jsxRuntime.jsxs("div",{className:s("absolute z-50 mt-1 min-w-44 rounded-md border py-1 shadow-lg","border-primary-200 dark:border-primary-700 dark:bg-primary-800 bg-white",m==="right"?"right-0":"left-0"),style:qe(E,D,k),role:y?"listbox":"menu","aria-multiselectable":y||void 0,children:[f&&jsxRuntime.jsx("div",{className:"border-primary-200 dark:border-primary-700 border-b px-2 pb-1.5 pt-1",children:jsxRuntime.jsx("input",{ref:J,type:"text",value:x,onChange:a=>h(a.target.value),onKeyDown:U,placeholder:"Type to filter or add\u2026",className:"w-full bg-transparent text-sm text-secondary-900 placeholder:text-secondary-400 focus:outline-none dark:text-secondary-100 dark:placeholder:text-secondary-600"})}),jsxRuntime.jsxs("div",{className:"max-h-60 overflow-y-auto",children:[K.map((a,M)=>{let j=Ye(a,M),W=y&&b.includes(j);return jsxRuntime.jsxs(_e__default.default.Fragment,{children:[a.divider&&jsxRuntime.jsx("div",{className:"border-primary-200 dark:border-primary-700 my-1 border-t"}),jsxRuntime.jsxs("button",{type:"button",role:y?"option":"menuitem","aria-selected":y?W:void 0,disabled:a.disabled,className:s("flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-sm transition-colors","text-primary-700 hover:bg-primary-100 dark:text-primary-300 dark:hover:bg-primary-700/50",a.disabled&&"pointer-events-none opacity-50"),style:be(M,E,D,k),onClick:()=>{y?P(j):(a.onClick?.(),_.current&&clearTimeout(_.current),R(false),r(false),h(""));},children:[y&&jsxRuntime.jsx("span",{className:s("flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors",W?"border-primary-600 bg-primary-600 text-white dark:border-primary-500 dark:bg-primary-500":"border-secondary-300 bg-white dark:border-secondary-600 dark:bg-secondary-800"),children:W&&jsxRuntime.jsx(lucideReact.Check,{className:"h-3 w-3"})}),jsxRuntime.jsx("span",{className:"flex-1 truncate",children:a.label})]})]},j)}),K.length===0&&!L&&jsxRuntime.jsx("div",{className:"text-primary-400 px-3 py-2 text-center text-sm",style:be(0,1,D,k),children:"No matches"}),L&&jsxRuntime.jsxs("button",{type:"button",className:s("flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-sm transition-colors","text-primary-600 hover:bg-primary-50 dark:text-primary-400 dark:hover:bg-primary-900/30"),style:be(K.length,E,D,k),onClick:G,children:[jsxRuntime.jsx("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center text-lg leading-none",children:"+"}),jsxRuntime.jsxs("span",{className:"truncate",children:["Add \u201C",x.trim(),"\u201D"]})]})]})]})]})}function Qe({href:e,className:t,onClick:n,children:i}){return jsxRuntime.jsx("a",{href:e,className:t,onClick:n,children:i})}function ye({brand:e,onBrandClick:t,navItems:n=[],actions:i=[],linkComponent:m=Qe,height:g="h-12",mobileMenu:p=false,navMenuIcon:f,actionsMenuIcon:v,className:y,children:b}){let S=p&&n.length>0,k=p&&i.length>0,c="md:hidden rounded-md px-1.5 py-1.5 text-primary-500 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-200 [&_svg]:h-5 [&_svg]:w-5",w=r=>r?"text-primary-900 font-medium dark:text-primary-100":"text-primary-500 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-200 transition-colors",d="rounded-md p-1.5 text-primary-500 hover:bg-primary-100 hover:text-primary-700 dark:text-primary-400 dark:hover:bg-primary-800 dark:hover:text-primary-200 transition-colors [&_svg]:h-5 [&_svg]:w-5",R=n.map((r,x)=>({key:typeof r.label=="string"?r.label:String(x),label:r.active?jsxRuntime.jsx("span",{className:"font-semibold text-primary-900 dark:text-primary-100",children:r.label}):r.label,onClick:()=>{r.onClick?r.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):r.href&&(window.location.href=r.href);}})),D=i.map((r,x)=>({key:r.key??String(x),label:jsxRuntime.jsxs("span",{className:"flex items-center gap-2 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",children:[r.icon,jsxRuntime.jsx("span",{children:r.ariaLabel})]}),onClick:()=>{r.onClick?r.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):r.href&&(r.external?window.open(r.href,"_blank","noopener,noreferrer"):window.location.href=r.href);}}));return jsxRuntime.jsxs("header",{className:s("flex shrink-0 items-center justify-between border-b px-5","border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",g,y),children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 md:gap-6",children:[e&&jsxRuntime.jsx("div",{className:s("text-lg font-bold text-primary-800 dark:text-primary-100",t&&"cursor-pointer"),onClick:t,role:t?"button":void 0,tabIndex:t?0:void 0,onKeyDown:t?r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),t(r));}:void 0,children:e}),S&&jsxRuntime.jsx(fe,{intent:"ghost",size:"sm",className:c,label:f??jsxRuntime.jsx(lucideReact.PanelLeft,{className:"h-5 w-5"}),items:R,align:"left",chevron:false,"aria-label":"Open navigation"}),n.length>0&&jsxRuntime.jsx("nav",{className:s("flex items-center gap-4 text-sm",p?"hidden md:flex":"flex"),children:n.map((r,x)=>{let h=typeof r.label=="string"?r.label:x,A=w(r.active);return r.href?jsxRuntime.jsx(m,{href:r.href,className:A,onClick:r.onClick,children:r.label},h):jsxRuntime.jsx("button",{type:"button",className:s(A,"cursor-pointer"),onClick:r.onClick,children:r.label},h)})})]}),b&&jsxRuntime.jsx("div",{className:"flex items-center",children:b}),jsxRuntime.jsxs("div",{className:"flex items-center gap-1",children:[i.length>0&&jsxRuntime.jsx("div",{className:s("flex items-center gap-1",p?"hidden md:flex":"flex"),children:i.map((r,x)=>r.href?jsxRuntime.jsx("a",{href:r.href,target:r.external?"_blank":void 0,rel:r.external?"noopener noreferrer":void 0,className:d,"aria-label":r.ariaLabel,onClick:r.onClick,children:r.icon},r.key??x):jsxRuntime.jsx("button",{type:"button",className:d,"aria-label":r.ariaLabel,onClick:r.onClick,children:r.icon},r.key??x))}),k&&jsxRuntime.jsx(fe,{intent:"ghost",size:"sm",className:c,label:v??jsxRuntime.jsx(lucideReact.MoreHorizontal,{className:"h-5 w-5"}),items:D,align:"right",chevron:false,"aria-label":"Open menu"})]})]})}var Se=classVarianceAuthority.cva("inline-flex items-center gap-1 underline-offset-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/20 [&_svg]:shrink-0",{variants:{intent:{default:"text-primary-600 hover:text-primary-800 active:text-primary-900 dark:text-primary-400 dark:hover:text-primary-200 dark:active:text-primary-100",secondary:"text-secondary-500 hover:text-secondary-700 active:text-secondary-800 dark:text-secondary-400 dark:hover:text-secondary-200 dark:active:text-secondary-100",muted:"text-primary-400 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-300"},size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},underline:{always:"underline",hover:"hover:underline",none:"no-underline"}},defaultVariants:{intent:"default",size:"md",underline:"none"}});function Ze(e,t){return !!(t==="_blank"||e&&/^https?:\/\//.test(e))}var er=e=>jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":true,...e,children:[jsxRuntime.jsx("path",{d:"M15 3h6v6"}),jsxRuntime.jsx("path",{d:"M10 14 21 3"}),jsxRuntime.jsx("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"})]});function he({intent:e,size:t,underline:n,external:i,className:m,children:g,href:p,target:f,rel:v,...y}){let b=i??Ze(p,f);return jsxRuntime.jsxs("a",{href:p,target:b&&!f?"_blank":f,rel:b&&!v?"noopener noreferrer":v,className:s(Se({intent:e,size:t,underline:n}),m),...y,children:[g,b&&jsxRuntime.jsx(er,{})]})}var rr={SideNav:ce,Header:ye,NavLink:he},Kr=rr;
-exports.Header=ye;exports.NavLink=he;exports.Navigation=rr;exports.SideNav=ce;exports.default=Kr;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var dr=require('react'),reactDom=require('react-dom'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),classVarianceAuthority=require('class-variance-authority');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var dr__default=/*#__PURE__*/_interopDefault(dr);function o(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var re="flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm transition-colors cursor-pointer",$e="bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100 font-medium",te="text-primary-600 dark:text-primary-400 hover:bg-primary-100 dark:hover:bg-primary-800/50 hover:text-primary-900 dark:hover:text-primary-200",ne="flex items-center justify-center rounded-md p-2 transition-colors cursor-pointer text-primary-600 dark:text-primary-400 hover:bg-primary-100 dark:hover:bg-primary-800/50 hover:text-primary-900 dark:hover:text-primary-200";function fr({to:e,className:r,style:t,children:a}){let l=typeof r=="function"?r({isActive:false}):r;return jsxRuntime.jsx("a",{href:e,className:l,style:t,children:a})}var Me=["expanded","icons","mini"];function yr(e){let r=Me.indexOf(e);return Me[(r+1)%Me.length]}function je(e){let r=new Set;for(let t of e)if(t.children&&t.children.length>0){r.add(t.key??t.label);for(let a of je(t.children))r.add(a);}return r}function Ge({item:e,basePath:r,depth:t,onItemClick:a,LinkComponent:l,showLines:c,expandedKeys:s,onToggle:f}){let y=e.key??e.label,u=e.children&&e.children.length>0,[v,L]=dr.useState(e.defaultOpen??true),C=s?s.has(y):v,g=dr.useCallback(()=>{s?f(y):L(m=>!m);},[s,f,y]),w=t>0?`${t*1.25}rem`:void 0;if(u)return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("button",{type:"button",onClick:g,className:o(re,te,"justify-between"),style:{paddingLeft:w},children:[jsxRuntime.jsxs("span",{className:"flex items-center gap-2",children:[e.icon,e.label]}),jsxRuntime.jsx(lucideReact.ChevronRight,{className:o("h-3.5 w-3.5 transition-transform",C&&"rotate-90")})]}),C&&jsxRuntime.jsx("div",{className:o("flex flex-col gap-0.5 pt-0.5",c?"ml-2.5 border-l border-primary-200 dark:border-primary-700":"ml-2"),children:e.children.map(m=>jsxRuntime.jsx(Ge,{item:m,basePath:r,depth:t+1,onItemClick:a,LinkComponent:l,showLines:c,expandedKeys:s,onToggle:f},m.key??m.path??m.label))})]});if(e.path!=null){let m=r+e.path;return a?jsxRuntime.jsxs("button",{type:"button",onClick:()=>a(e,m),className:o(re,te),style:{paddingLeft:w},children:[e.icon,e.label]}):jsxRuntime.jsxs(l,{to:m,className:({isActive:N})=>o(re,N?$e:te),style:{paddingLeft:w},children:[e.icon,e.label]})}return jsxRuntime.jsxs("span",{className:o(re,te,"cursor-default"),style:{paddingLeft:w},children:[e.icon,e.label]})}function xr({item:e,basePath:r,onItemClick:t,LinkComponent:a}){let[l,c]=dr.useState(false),s=dr.useRef(null),f=dr.useRef(void 0),[y,u]=dr.useState({top:0,left:0}),v=()=>{clearTimeout(f.current),c(true);},L=()=>{f.current=setTimeout(()=>c(false),200);};dr.useLayoutEffect(()=>{if(l&&s.current){let g=s.current.getBoundingClientRect();u({top:g.top,left:g.right+4});}},[l]);let C=e.icon||jsxRuntime.jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});return jsxRuntime.jsxs("div",{onMouseEnter:v,onMouseLeave:L,children:[jsxRuntime.jsx("button",{ref:s,type:"button",className:o(ne,"w-full"),title:e.label,onClick:()=>c(g=>!g),children:C}),l&&reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed z-50 min-w-44 rounded-md border border-primary-200 bg-white p-1 shadow-lg dark:border-primary-700 dark:bg-primary-900",style:{top:y.top,left:y.left},onMouseEnter:v,onMouseLeave:L,children:[jsxRuntime.jsx("div",{className:"px-2.5 py-1.5 text-xs font-semibold uppercase text-primary-500 dark:text-primary-400",children:e.label}),jsxRuntime.jsx("div",{className:"flex flex-col gap-0.5",children:e.children?.map(g=>{let w=g.key??g.path??g.label;if(g.path!=null){let m=r+g.path;return t?jsxRuntime.jsxs("button",{type:"button",onClick:()=>{t(g,m),c(false);},className:o(re,te),children:[g.icon,g.label]},w):jsxRuntime.jsxs(a,{to:m,className:({isActive:N})=>o(re,N?$e:te),children:[g.icon,g.label]},w)}return jsxRuntime.jsxs("span",{className:o(re,"cursor-default text-primary-400"),children:[g.icon,g.label]},w)})})]}),document.body)]})}function hr({item:e,basePath:r,onItemClick:t,LinkComponent:a}){let l=e.icon||jsxRuntime.jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});if(e.path!=null){let c=r+e.path;return t?jsxRuntime.jsx("button",{type:"button",onClick:()=>t(e,c),className:o(ne,"w-full"),title:e.label,children:l}):jsxRuntime.jsx(a,{to:c,className:({isActive:s})=>o(ne,"w-full",s&&"bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100"),children:jsxRuntime.jsx("span",{title:e.label,children:l})})}return jsxRuntime.jsx("span",{className:o(ne,"w-full cursor-default"),title:e.label,children:l})}function Le({items:e,title:r,basePath:t="/",onItemClick:a,LinkComponent:l=fr,collapsible:c,collapseMode:s,defaultCollapseMode:f="expanded",onCollapseModeChange:y,showLines:u=true,expandedKeys:v,defaultExpandedKeys:L="all",onExpandedKeysChange:C,className:g,responsive:w=true,mobileBreakpoint:m=768,mobileTopOffset:N=48,mobileDrawerSlot:H,...n}){let[k,d]=dr.useState(f),h=s??k,$=dr__default.default.useMemo(()=>je(e),[e]),[O,j]=dr.useState(()=>L==="all"?new Set($):new Set(L)),be=v??null,W=be??O,Q=dr.useCallback(i=>{let x=new Set(W);x.has(i)?x.delete(i):x.add(i),j(x),C?.(x);},[W,C]),G=dr.useCallback(()=>{let i=yr(h);d(i),y?.(i);},[h,y]),[B,Re]=dr.useState(()=>w&&typeof window<"u"&&window.innerWidth<m),[oe,D]=dr.useState(false),[_,se]=dr.useState(()=>{if(typeof window>"u")return "left";try{return localStorage.getItem("onyx-sidenav-side")||"left"}catch{return "left"}}),[p,T]=dr.useState(()=>{if(typeof window>"u")return 50;try{return Number(localStorage.getItem("onyx-sidenav-top"))||50}catch{return 50}}),[I,J]=dr.useState(null),X=dr.useRef({dragging:false,startX:0,startY:0,moved:false}),rr=dr.useCallback(i=>{if(i.pointerType==="mouse"&&i.button!==0)return;i.preventDefault(),X.current={dragging:true,startX:i.clientX,startY:i.clientY,moved:false};let x=E=>{if(!X.current.dragging)return;let Z=Math.abs(E.clientX-X.current.startX),ie=Math.abs(E.clientY-X.current.startY);if((Z>6||ie>6)&&(X.current.moved=true),!X.current.moved)return;let ee=E.clientX<window.innerWidth/2?"left":"right",Oe=N+28,ge=window.innerHeight-28,de=Math.max(Oe,Math.min(ge,E.clientY));J({side:ee,y:de});},R=E=>{if(window.removeEventListener("pointermove",x),window.removeEventListener("pointerup",R),window.removeEventListener("pointercancel",R),!X.current.dragging)return;if(X.current.dragging=false,!X.current.moved){let de=Xe=>{Xe.stopPropagation(),Xe.preventDefault(),window.removeEventListener("click",de,true);};window.addEventListener("click",de,true),J(null),D(true);return}let Z=E.clientX<window.innerWidth/2?"left":"right",ie=N+28,ee=window.innerHeight-28,ge=Math.max(ie,Math.min(ee,E.clientY))/window.innerHeight*100;se(Z),T(ge),J(null);try{localStorage.setItem("onyx-sidenav-side",Z),localStorage.setItem("onyx-sidenav-top",String(ge));}catch{}};window.addEventListener("pointermove",x),window.addEventListener("pointerup",R),window.addEventListener("pointercancel",R);},[N]);dr.useEffect(()=>{if(!w||typeof window>"u"||!window.matchMedia)return;let i=window.matchMedia(`(max-width: ${m-1}px)`),x=R=>{Re(R.matches),R.matches||D(false);};return i.addEventListener("change",x),()=>i.removeEventListener("change",x)},[w,m]);let tr=dr.useCallback(i=>{i.target.closest("a")&&D(false);},[]),F=dr.useRef(null),q=dr.useRef({startX:0,startY:0,dragging:false}),Ae=60,nr=dr.useCallback(i=>{let x=i.touches[0];q.current={startX:x.clientX,startY:x.clientY,dragging:true};},[]),ar=dr.useCallback(i=>{if(!q.current.dragging||!F.current)return;let x=i.touches[0],R=x.clientX-q.current.startX,E=x.clientY-q.current.startY;if(_==="left"){if(R>=0||Math.abs(E)>Math.abs(R))return;F.current.style.transform=`translateX(${Math.max(R,-224)}px)`;}else {if(R<=0||Math.abs(E)>Math.abs(R))return;F.current.style.transform=`translateX(${Math.min(R,224)}px)`;}F.current.style.transition="none";},[_]),or=dr.useCallback(i=>{if(!q.current.dragging||!F.current)return;q.current.dragging=false;let x=i.changedTouches[0],R=x.clientX-q.current.startX,E=x.clientY-q.current.startY;F.current.style.transition="",F.current.style.transform="",Math.abs(R)>Math.abs(E)&&(_==="left"&&R<-Ae&&D(false),_==="right"&&R>Ae&&D(false));},[_]),Ce=dr.useMemo(()=>!B||!a?a:(i,x)=>{D(false),a(i,x);},[B,a]),Ye=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[c&&!B&&jsxRuntime.jsx("div",{className:o("flex shrink-0 mb-1",h==="expanded"?"justify-end":"justify-center"),children:jsxRuntime.jsx("button",{type:"button",onClick:G,className:ne,"aria-label":h==="mini"?"Expand sidebar":"Collapse sidebar",title:h==="mini"?"Expand sidebar":"Collapse sidebar",children:h==="mini"?jsxRuntime.jsx(lucideReact.Menu,{className:"h-5 w-5"}):jsxRuntime.jsx(lucideReact.ChevronsLeft,{className:"h-4 w-4"})})}),(B||h==="expanded")&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[r&&jsxRuntime.jsx("h2",{className:"text-primary-500 dark:text-primary-400 mb-3 text-sm font-semibold uppercase",children:r}),e.map(i=>jsxRuntime.jsx(Ge,{item:i,basePath:t,depth:0,onItemClick:Ce,LinkComponent:l,showLines:u,expandedKeys:be,onToggle:Q},i.key??i.path??i.label))]}),!B&&h==="icons"&&e.map(i=>{let x=i.key??i.path??i.label;return i.children&&i.children.length>0?jsxRuntime.jsx(xr,{item:i,basePath:t,onItemClick:Ce,LinkComponent:l},x):jsxRuntime.jsx(hr,{item:i,basePath:t,onItemClick:Ce,LinkComponent:l},x)})]});if(w&&B){let i=I?I.side:_,x=I?I.y:p/100*(typeof window<"u"?window.innerHeight:600),R=I?{top:x,transform:"translateY(-50%)",transition:"none",...i==="left"?{left:0}:{right:0}}:{top:`${p}%`,transform:"translateY(-50%)",transition:"top 0.15s ease",..._==="left"?{left:0}:{right:0}},E=_==="left"?{left:0,right:"auto"}:{right:0,left:"auto"},Z=oe?"translate-x-0":_==="left"?"-translate-x-full":"translate-x-full",ie=_==="left"?"border-r":"border-l";return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[oe&&reactDom.createPortal(jsxRuntime.jsx("div",{className:"fixed inset-0 z-40 bg-black/50",style:{top:N},onClick:()=>D(false)}),document.body),reactDom.createPortal(jsxRuntime.jsxs("aside",{ref:F,className:o("fixed bottom-0 z-50 flex flex-col w-56 bg-white dark:bg-primary-900 shadow-xl transition-transform duration-200",ie,"border-primary-200 dark:border-primary-700",Z),style:{top:N,...E},onClick:tr,onTouchStart:nr,onTouchMove:ar,onTouchEnd:or,children:[jsxRuntime.jsxs("div",{className:"flex shrink-0 items-center justify-between border-b border-primary-200 px-3 py-2 dark:border-primary-700",children:[jsxRuntime.jsx("span",{className:"text-xs font-semibold uppercase tracking-wide text-primary-500 dark:text-primary-400",children:"Navigation"}),jsxRuntime.jsx("button",{type:"button",onClick:ee=>{ee.stopPropagation(),D(false);},className:o(ne,"h-7 w-7 p-1"),"aria-label":"Close navigation",children:jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"})})]}),H&&jsxRuntime.jsx("div",{className:"shrink-0 border-b border-primary-200 px-3 py-2 dark:border-primary-700",children:H}),jsxRuntime.jsx("div",{className:"flex-1 overflow-y-auto overscroll-y-contain p-3",children:jsxRuntime.jsx("nav",{className:"flex flex-col gap-0.5",children:Ye})})]}),document.body),!oe&&reactDom.createPortal(jsxRuntime.jsx("div",{className:o("fixed z-50 flex items-center",i==="left"?"justify-start":"justify-end",I?"cursor-grabbing":"cursor-grab"),style:{...R,width:44,height:80,marginTop:-12,touchAction:"none",userSelect:"none"},onPointerDown:rr,onDragStart:ee=>ee.preventDefault(),role:"button","aria-label":"Open navigation",tabIndex:0,children:jsxRuntime.jsx("div",{className:o("flex h-16 w-6 items-center justify-center","bg-primary-800/80 text-white shadow-md backdrop-blur-sm","hover:bg-primary-700/90 dark:bg-primary-200/80 dark:text-primary-900 dark:hover:bg-primary-300/90",i==="left"?"rounded-r-xl":"rounded-l-xl"),children:i==="left"?jsxRuntime.jsx(lucideReact.ChevronRight,{className:"h-4 w-4"}):jsxRuntime.jsx(lucideReact.ChevronLeft,{className:"h-4 w-4"})})}),document.body)]})}return jsxRuntime.jsx("nav",{className:o("flex flex-col gap-0.5",h==="mini"&&"items-center",g),...n,children:Ye})}var Fe=classVarianceAuthority.cva("inline-flex cursor-pointer items-center justify-center gap-1.5 rounded font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0",{variants:{intent:{primary:"bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700",secondary:"bg-secondary-500 text-white hover:bg-secondary-600 active:bg-secondary-700",danger:"bg-danger-500 text-white hover:bg-danger-600 active:bg-danger-700",warning:"bg-warning-500 text-white hover:bg-warning-600 active:bg-warning-700",ghost:"bg-transparent text-primary-700 hover:bg-primary-100 active:bg-primary-200 dark:text-primary-300 dark:hover:bg-primary-800",outline:"border border-primary-300 bg-transparent text-primary-700 hover:bg-primary-50 dark:border-primary-600 dark:text-primary-300 dark:hover:bg-primary-800"},size:{sm:"h-7 px-3 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",md:"h-9 px-4 text-sm [&_svg]:h-4 [&_svg]:w-4",lg:"h-11 px-6 text-base [&_svg]:h-5 [&_svg]:w-5"}},defaultVariants:{intent:"primary",size:"md"}});classVarianceAuthority.cva("inline-flex items-center gap-1 rounded border font-semibold [&_svg]:shrink-0",{variants:{intent:{success:"border-success-200 bg-success-100 text-success-800 dark:border-success-800 dark:bg-success-900/30 dark:text-success-400",warning:"border-warning-200 bg-warning-100 text-warning-800 dark:border-warning-800 dark:bg-warning-900/30 dark:text-warning-400",error:"border-danger-200 bg-danger-100 text-danger-800 dark:border-danger-800 dark:bg-danger-900/30 dark:text-danger-400",info:"border-primary-200 bg-primary-100 text-primary-800 dark:border-primary-800 dark:bg-primary-900/30 dark:text-primary-400",primary:"border-secondary-200 bg-secondary-100 text-secondary-700 dark:border-secondary-700 dark:bg-secondary-800 dark:text-secondary-300"},size:{sm:"px-1.5 py-0 text-[0.625rem] [&_svg]:h-2.5 [&_svg]:w-2.5",md:"px-2.5 py-0.5 text-xs [&_svg]:h-3 [&_svg]:w-3",lg:"px-3 py-1 text-sm [&_svg]:h-3.5 [&_svg]:w-3.5"}},defaultVariants:{intent:"primary",size:"md"}});classVarianceAuthority.cva("absolute flex items-center justify-center rounded-full font-bold leading-none ring-2 ring-white select-none pointer-events-none z-10 dark:ring-primary-900",{variants:{intent:{danger:"bg-danger-500 text-white",success:"bg-success-500 text-white",warning:"bg-warning-500 text-white",info:"bg-primary-500 text-white",primary:"bg-secondary-500 text-white"},size:{sm:"text-[0.5rem]",md:"text-[0.625rem]",lg:"text-xs"},dot:{true:"",false:""},placement:{"top-right":"top-0 right-0 translate-x-1/2 -translate-y-1/2","top-left":"top-0 left-0 -translate-x-1/2 -translate-y-1/2","bottom-right":"bottom-0 right-0 translate-x-1/2 translate-y-1/2","bottom-left":"bottom-0 left-0 -translate-x-1/2 translate-y-1/2"}},compoundVariants:[{dot:true,size:"sm",class:"h-1.5 w-1.5 min-w-0 ring-1"},{dot:true,size:"md",class:"h-2 w-2 min-w-0"},{dot:true,size:"lg",class:"h-2.5 w-2.5 min-w-0"},{dot:false,size:"sm",class:"h-4 min-w-4 px-1"},{dot:false,size:"md",class:"h-5 min-w-5 px-1.5"},{dot:false,size:"lg",class:"h-6 min-w-6 px-2"}],defaultVariants:{intent:"danger",size:"md",dot:false,placement:"top-right"}});classVarianceAuthority.cva("w-full rounded-md border bg-white text-secondary-900 transition-colors placeholder:text-secondary-400 focus:outline-none focus:ring-2 dark:bg-secondary-900 dark:text-secondary-100 dark:placeholder:text-secondary-600",{variants:{state:{default:"border-secondary-300 focus:border-primary-500 focus:ring-primary-500/20 dark:border-secondary-600",error:"border-danger-400 focus:border-danger-500 focus:ring-danger-500/20"},size:{sm:"h-7 px-2 text-xs",md:"h-9 px-3 py-2 text-sm",lg:"h-11 px-4 py-2.5 text-base"}},defaultVariants:{state:"default",size:"md"}});classVarianceAuthority.cva("inline-flex items-center gap-1 font-medium [&_svg]:shrink-0",{variants:{size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},intent:{default:"text-primary-700 dark:text-primary-300",muted:"text-primary-400 dark:text-primary-500",required:"text-primary-700 dark:text-primary-300 after:ml-0.5 after:text-danger-500 after:content-['*']"}},defaultVariants:{size:"md",intent:"default"}});classVarianceAuthority.cva("relative inline-flex shrink-0 items-center justify-center rounded border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4 rounded-[3px]",md:"h-5 w-5 rounded",lg:"h-6 w-6 rounded-[5px]"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});classVarianceAuthority.cva("relative inline-flex shrink-0 items-center justify-center rounded-full border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-6 w-6"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});classVarianceAuthority.cva("",{variants:{intent:{primary:"",secondary:"",danger:"",warning:"",success:""},size:{sm:"",md:"",lg:""},checked:{on:"",off:"bg-primary-300 dark:bg-primary-800"}},compoundVariants:[{intent:"primary",checked:"on",class:"bg-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"bg-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"bg-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"bg-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"bg-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});classVarianceAuthority.cva("bg-primary-200 text-primary-700 dark:bg-primary-700 dark:text-primary-200",{variants:{size:{xs:"h-6 w-6 text-[10px]",sm:"h-8 w-8 text-xs",md:"h-10 w-10 text-sm",lg:"h-12 w-12 text-base",xl:"h-16 w-16 text-lg"},shape:{circular:"rounded-full",rounded:"rounded-lg",square:"rounded-none"}},defaultVariants:{size:"md",shape:"circular"}});classVarianceAuthority.cva("relative flex w-full touch-none select-none items-center",{variants:{intent:{primary:"[&_.slider-fill]:bg-primary-500 [&_.slider-thumb]:border-primary-500",secondary:"[&_.slider-fill]:bg-secondary-500 [&_.slider-thumb]:border-secondary-500",success:"[&_.slider-fill]:bg-success-500 [&_.slider-thumb]:border-success-500",danger:"[&_.slider-fill]:bg-danger-500 [&_.slider-thumb]:border-danger-500",warning:"[&_.slider-fill]:bg-warning-500 [&_.slider-thumb]:border-warning-500"},size:{sm:"h-4",md:"h-5",lg:"h-6"}},defaultVariants:{intent:"primary",size:"md"}});classVarianceAuthority.cva("inline-flex items-center gap-1 rounded-full font-medium select-none transition-colors [&_svg]:shrink-0",{variants:{intent:{primary:"bg-primary-100 text-primary-700 dark:bg-primary-800 dark:text-primary-200",secondary:"bg-secondary-100 text-secondary-700 dark:bg-secondary-800 dark:text-secondary-200",success:"bg-success-100 text-success-700 dark:bg-success-900/40 dark:text-success-300",danger:"bg-danger-100 text-danger-700 dark:bg-danger-900/40 dark:text-danger-300",warning:"bg-warning-100 text-warning-700 dark:bg-warning-900/40 dark:text-warning-300",info:"bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300"},size:{sm:"h-5 px-2 text-[0.6875rem] gap-0.5",md:"h-6 px-2.5 text-xs gap-1",lg:"h-7 px-3 text-sm gap-1"},variant:{solid:"",outline:"bg-transparent border",soft:""}},compoundVariants:[{intent:"primary",variant:"outline",class:"border-primary-300 text-primary-700 dark:border-primary-600 dark:text-primary-300"},{intent:"secondary",variant:"outline",class:"border-secondary-300 text-secondary-700 dark:border-secondary-600 dark:text-secondary-300"},{intent:"success",variant:"outline",class:"border-success-400 text-success-700 dark:border-success-600 dark:text-success-300"},{intent:"danger",variant:"outline",class:"border-danger-400 text-danger-700 dark:border-danger-600 dark:text-danger-300"},{intent:"warning",variant:"outline",class:"border-warning-400 text-warning-700 dark:border-warning-600 dark:text-warning-300"},{intent:"info",variant:"outline",class:"border-blue-400 text-blue-700 dark:border-blue-600 dark:text-blue-300"}],defaultVariants:{intent:"primary",size:"md",variant:"solid"}});classVarianceAuthority.cva("relative w-full cursor-pointer rounded-md border bg-white text-sm transition-colors dark:bg-primary-900",{variants:{intent:{default:"border-primary-300 text-primary-900 hover:border-primary-400 focus-within:border-primary-500 focus-within:ring-2 focus-within:ring-primary-500/20 dark:border-primary-600 dark:text-primary-100 dark:hover:border-primary-500 dark:focus-within:border-primary-400",danger:"border-danger-500 text-primary-900 focus-within:ring-2 focus-within:ring-danger-500/20 dark:border-danger-500 dark:text-primary-100"},size:{sm:"h-7 px-2 text-xs",md:"h-9 px-3 text-sm",lg:"h-11 px-4 text-base"}},defaultVariants:{intent:"default",size:"md"}});function Nr(e,r){return e.key??(typeof e.label=="string"?e.label:String(r))}var ye=40,Rr=200,Ie=150,Ue=120;function _e(e,r,t,a){if(!a)return {};if(t){let c=(r-1-e)*ye;return {animation:`dropdown-item-out ${Ie}ms ease-in both ${c}ms`}}let l=e*ye;return {animation:`dropdown-item-in ${Rr}ms ease-out both ${l}ms`}}function Cr(e,r,t){if(!t)return {};if(r){let a=Math.max(e-1,0)*ye+Ie;return {animation:`dropdown-container-out ${Ue}ms ease-in both ${a}ms`}}return {animation:"var(--animate-dropdown-container-in)"}}function ze({label:e,items:r,intent:t,size:a,align:l="left",className:c,disabled:s,editable:f=false,onAddItem:y,multiple:u=false,selected:v=[],onSelectionChange:L,animated:C=true,chevron:g=true,...w}){let[m,N]=dr.useState(false),[H,n]=dr.useState(false),[k,d]=dr.useState(""),h=dr.useRef(null),$=dr.useRef(null),O=dr.useRef(void 0);dr.useEffect(()=>()=>{O.current&&clearTimeout(O.current);},[]);let j=dr.useCallback(()=>{if(!C||!m){N(false),d("");return}n(true);let T=(Math.max(r.length,1)-1)*ye+Ie+Ue+20;O.current=setTimeout(()=>{N(false),n(false),d("");},T);},[C,m,r.length]),be=dr.useCallback(()=>{s||(m?j():(O.current&&clearTimeout(O.current),n(false),N(true),d(""),f&&requestAnimationFrame(()=>$.current?.focus())));},[s,m,j,f]);dr.useEffect(()=>{if(!m)return;let p=T=>{h.current&&!h.current.contains(T.target)&&j();};return document.addEventListener("mousedown",p),()=>document.removeEventListener("mousedown",p)},[m,j]),dr.useEffect(()=>{if(!m)return;let p=T=>{T.key==="Escape"&&j();};return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[m,j]);let W=k.toLowerCase(),Q=dr.useMemo(()=>k?r.filter(p=>(typeof p.label=="string"?p.label:p.key??"").toLowerCase().includes(W)):r,[r,W]),G=dr.useMemo(()=>!f||!k.trim()?false:!r.some(p=>(typeof p.label=="string"?p.label:p.key??"").toLowerCase()===W),[f,W,r]),B=dr.useCallback(()=>{let p=k.trim();p&&(y?.(p),d(""));},[k,y]),Re=dr.useCallback(p=>{p.key==="Enter"&&G&&(p.preventDefault(),B());},[G,B]),oe=dr.useCallback(p=>{let T=v.includes(p)?v.filter(I=>I!==p):[...v,p];L?.(T);},[v,L]),D=u&&v.length>0?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[e," ",jsxRuntime.jsx("span",{className:"ml-1 rounded-full bg-white/20 px-1.5 text-xs font-semibold",children:v.length})]}):e,_=Q.length===0&&!G||G?1:0,se=Q.length+_;return jsxRuntime.jsxs("div",{ref:h,className:"relative inline-block",children:[jsxRuntime.jsxs("button",{type:"button",onClick:be,disabled:s,className:o(Fe({intent:t,size:a}),"inline-flex items-center gap-1",c),"aria-haspopup":u?"listbox":"true","aria-expanded":m?"true":"false",...w,children:[D,g&&jsxRuntime.jsx(lucideReact.ChevronDown,{className:o("h-3.5 w-3.5 transition-transform",m&&"rotate-180")})]}),m&&jsxRuntime.jsxs("div",{className:o("absolute z-50 mt-1 min-w-44 rounded-md border py-1 shadow-lg","border-primary-200 dark:border-primary-700 dark:bg-primary-800 bg-white",l==="right"?"right-0":"left-0"),style:Cr(se,H,C),role:u?"listbox":"menu","aria-multiselectable":u||void 0,children:[f&&jsxRuntime.jsx("div",{className:"border-primary-200 dark:border-primary-700 border-b px-2 pb-1.5 pt-1",children:jsxRuntime.jsx("input",{ref:$,type:"text",value:k,onChange:p=>d(p.target.value),onKeyDown:Re,placeholder:"Type to filter or add\u2026",className:"w-full bg-transparent text-sm text-secondary-900 placeholder:text-secondary-400 focus:outline-none dark:text-secondary-100 dark:placeholder:text-secondary-600"})}),jsxRuntime.jsxs("div",{className:"max-h-60 overflow-y-auto",children:[Q.map((p,T)=>{let I=Nr(p,T),J=u&&v.includes(I);return jsxRuntime.jsxs(dr__default.default.Fragment,{children:[p.divider&&jsxRuntime.jsx("div",{className:"border-primary-200 dark:border-primary-700 my-1 border-t"}),jsxRuntime.jsxs("button",{type:"button",role:u?"option":"menuitem","aria-selected":u?J:void 0,disabled:p.disabled,className:o("flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-sm transition-colors","text-primary-700 hover:bg-primary-100 dark:text-primary-300 dark:hover:bg-primary-700/50",p.disabled&&"pointer-events-none opacity-50"),style:_e(T,se,H,C),onClick:()=>{u?oe(I):(p.onClick?.(),O.current&&clearTimeout(O.current),N(false),n(false),d(""));},children:[u&&jsxRuntime.jsx("span",{className:o("flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors",J?"border-primary-600 bg-primary-600 text-white dark:border-primary-500 dark:bg-primary-500":"border-secondary-300 bg-white dark:border-secondary-600 dark:bg-secondary-800"),children:J&&jsxRuntime.jsx(lucideReact.Check,{className:"h-3 w-3"})}),jsxRuntime.jsx("span",{className:"flex-1 truncate",children:p.label})]})]},I)}),Q.length===0&&!G&&jsxRuntime.jsx("div",{className:"text-primary-400 px-3 py-2 text-center text-sm",style:_e(0,1,H,C),children:"No matches"}),G&&jsxRuntime.jsxs("button",{type:"button",className:o("flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-sm transition-colors","text-primary-600 hover:bg-primary-50 dark:text-primary-400 dark:hover:bg-primary-900/30"),style:_e(Q.length,se,H,C),onClick:B,children:[jsxRuntime.jsx("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center text-lg leading-none",children:"+"}),jsxRuntime.jsxs("span",{className:"truncate",children:["Add \u201C",k.trim(),"\u201D"]})]})]})]})]})}function Pr({href:e,className:r,onClick:t,children:a}){return jsxRuntime.jsx("a",{href:e,className:r,onClick:t,children:a})}function Ve({brand:e,onBrandClick:r,navItems:t=[],actions:a=[],linkComponent:l=Pr,height:c="h-12",mobileMenu:s=false,navMenuIcon:f,actionsMenuIcon:y,className:u,children:v}){let L=s&&t.length>0,C=s&&a.length>0,g="md:hidden rounded-md px-1.5 py-1.5 text-primary-500 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-200 [&_svg]:h-5 [&_svg]:w-5",w=n=>n?"text-primary-900 font-medium dark:text-primary-100":"text-primary-500 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-200 transition-colors",m="rounded-md p-1.5 text-primary-500 hover:bg-primary-100 hover:text-primary-700 dark:text-primary-400 dark:hover:bg-primary-800 dark:hover:text-primary-200 transition-colors [&_svg]:h-5 [&_svg]:w-5",N=t.map((n,k)=>({key:typeof n.label=="string"?n.label:String(k),label:n.active?jsxRuntime.jsx("span",{className:"font-semibold text-primary-900 dark:text-primary-100",children:n.label}):n.label,onClick:()=>{n.onClick?n.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):n.href&&(window.location.href=n.href);}})),H=a.map((n,k)=>({key:n.key??String(k),label:jsxRuntime.jsxs("span",{className:"flex items-center gap-2 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",children:[n.icon,jsxRuntime.jsx("span",{children:n.ariaLabel})]}),onClick:()=>{n.onClick?n.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):n.href&&(n.external?window.open(n.href,"_blank","noopener,noreferrer"):window.location.href=n.href);}}));return jsxRuntime.jsxs("header",{className:o("flex shrink-0 items-center justify-between border-b px-5","border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",c,u),children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 md:gap-6",children:[e&&jsxRuntime.jsx("div",{className:o("text-lg font-bold text-primary-800 dark:text-primary-100",r&&"cursor-pointer"),onClick:r,role:r?"button":void 0,tabIndex:r?0:void 0,onKeyDown:r?n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),r(n));}:void 0,children:e}),L&&jsxRuntime.jsx(ze,{intent:"ghost",size:"sm",className:g,label:f??jsxRuntime.jsx(lucideReact.PanelLeft,{className:"h-5 w-5"}),items:N,align:"left",chevron:false,"aria-label":"Open navigation"}),t.length>0&&jsxRuntime.jsx("nav",{className:o("flex items-center gap-4 text-sm",s?"hidden md:flex":"flex"),children:t.map((n,k)=>{let d=typeof n.label=="string"?n.label:k,h=w(n.active);return n.href?jsxRuntime.jsx(l,{href:n.href,className:h,onClick:n.onClick,children:n.label},d):jsxRuntime.jsx("button",{type:"button",className:o(h,"cursor-pointer"),onClick:n.onClick,children:n.label},d)})})]}),v&&jsxRuntime.jsx("div",{className:"flex items-center",children:v}),jsxRuntime.jsxs("div",{className:"flex items-center gap-1",children:[a.length>0&&jsxRuntime.jsx("div",{className:o("flex items-center gap-1",s?"hidden md:flex":"flex"),children:a.map((n,k)=>n.href?jsxRuntime.jsx("a",{href:n.href,target:n.external?"_blank":void 0,rel:n.external?"noopener noreferrer":void 0,className:m,"aria-label":n.ariaLabel,onClick:n.onClick,children:n.icon},n.key??k):jsxRuntime.jsx("button",{type:"button",className:m,"aria-label":n.ariaLabel,onClick:n.onClick,children:n.icon},n.key??k))}),C&&jsxRuntime.jsx(ze,{intent:"ghost",size:"sm",className:g,label:y??jsxRuntime.jsx(lucideReact.MoreHorizontal,{className:"h-5 w-5"}),items:H,align:"right",chevron:false,"aria-label":"Open menu"})]})]})}var We=classVarianceAuthority.cva("inline-flex items-center gap-1 underline-offset-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/20 [&_svg]:shrink-0",{variants:{intent:{default:"text-primary-600 hover:text-primary-800 active:text-primary-900 dark:text-primary-400 dark:hover:text-primary-200 dark:active:text-primary-100",secondary:"text-secondary-500 hover:text-secondary-700 active:text-secondary-800 dark:text-secondary-400 dark:hover:text-secondary-200 dark:active:text-secondary-100",muted:"text-primary-400 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-300"},size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},underline:{always:"underline",hover:"hover:underline",none:"no-underline"}},defaultVariants:{intent:"default",size:"md",underline:"none"}});function Er(e,r){return !!(r==="_blank"||e&&/^https?:\/\//.test(e))}var _r=e=>jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":true,...e,children:[jsxRuntime.jsx("path",{d:"M15 3h6v6"}),jsxRuntime.jsx("path",{d:"M10 14 21 3"}),jsxRuntime.jsx("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"})]});function He({intent:e,size:r,underline:t,external:a,className:l,children:c,href:s,target:f,rel:y,...u}){let v=a??Er(s,f);return jsxRuntime.jsxs("a",{href:s,target:v&&!f?"_blank":f,rel:v&&!y?"noopener noreferrer":y,className:o(We({intent:e,size:r,underline:t}),l),...u,children:[c,v&&jsxRuntime.jsx(_r,{})]})}function ke({items:e,separator:r=jsxRuntime.jsx(lucideReact.ChevronRight,{className:"h-3.5 w-3.5","aria-hidden":"true"}),homeIcon:t=false,LinkComponent:a="a",className:l}){return jsxRuntime.jsx("nav",{"aria-label":"Breadcrumb",className:o("flex",l),children:jsxRuntime.jsx("ol",{className:"flex flex-wrap items-center gap-1 text-sm",children:e.map((c,s)=>{let f=s===e.length-1,y=t===true?jsxRuntime.jsx(lucideReact.Home,{className:"h-3.5 w-3.5"}):t!==false&&t!==void 0?t:null,u=s===0&&y?y:c.icon;return jsxRuntime.jsxs("li",{className:"flex items-center gap-1",children:[s>0&&jsxRuntime.jsx("span",{className:"text-secondary-400 dark:text-secondary-500",children:r}),f?jsxRuntime.jsxs("span",{"aria-current":"page",className:o("flex items-center gap-1 font-medium text-primary-800 dark:text-primary-100",u&&"gap-1.5"),children:[u,c.label]}):c.href?jsxRuntime.jsxs(a,{href:c.href,className:o("flex items-center gap-1 text-secondary-500 transition-colors","hover:text-primary-700 dark:text-secondary-400 dark:hover:text-primary-200","rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30",u&&"gap-1.5"),children:[u,c.label]}):jsxRuntime.jsxs("span",{className:"flex items-center gap-1 text-secondary-500 dark:text-secondary-400",children:[u,c.label]})]},s)})})})}function we(e,r){let t=[];for(let a=e;a<=r;a++)t.push(a);return t}function Yr(e,r,t){let a=t*2+5;if(r<=a)return we(1,r);let l=Math.max(e-t,1),c=Math.min(e+t,r),s=l>2,f=c<r-1;return !s&&f?[...we(1,3+t*2),"\u2026",r]:s&&!f?[1,"\u2026",...we(r-(3+t*2)+1,r)]:[1,"\u2026",...we(l,c),"\u2026",r]}var Ze={sm:"h-7 min-w-7 px-1.5 text-xs",md:"h-9 min-w-9 px-2 text-sm",lg:"h-11 min-w-11 px-2.5 text-base"},me={sm:"h-3.5 w-3.5",md:"h-4 w-4",lg:"h-5 w-5"};function ue({onClick:e,disabled:r,active:t,size:a,"aria-label":l,children:c}){return jsxRuntime.jsx("button",{type:"button",onClick:e,disabled:r,"aria-label":l,"aria-current":t?"page":void 0,className:o("inline-flex items-center justify-center rounded font-medium transition-colors","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30",Ze[a],t?"bg-primary-600 text-white dark:bg-primary-500":"border border-primary-200 bg-white text-primary-700 hover:bg-primary-50 dark:border-primary-700 dark:bg-primary-900 dark:text-primary-300 dark:hover:bg-primary-800",r&&"pointer-events-none opacity-40"),children:c})}function Ne({totalPages:e,currentPage:r,onPageChange:t,siblingCount:a=2,showFirstLast:l=true,showPageCount:c=false,size:s="md",className:f}){if(e<=1)return null;let y=Yr(r,e,a);return jsxRuntime.jsxs("nav",{"aria-label":"Pagination",className:o("flex items-center gap-1",f),children:[l&&jsxRuntime.jsx(ue,{size:s,onClick:()=>t(1),disabled:r===1,"aria-label":"First page",children:jsxRuntime.jsx(lucideReact.ChevronsLeft,{className:me[s]})}),jsxRuntime.jsx(ue,{size:s,onClick:()=>t(r-1),disabled:r===1,"aria-label":"Previous page",children:jsxRuntime.jsx(lucideReact.ChevronLeft,{className:me[s]})}),y.map((u,v)=>u==="\u2026"?jsxRuntime.jsx("span",{className:o("inline-flex items-center justify-center text-secondary-400",Ze[s]),"aria-hidden":"true",children:jsxRuntime.jsx(lucideReact.MoreHorizontal,{className:me[s]})},`ellipsis-${v}`):jsxRuntime.jsx(ue,{size:s,active:u===r,onClick:()=>t(u),"aria-label":`Page ${u}`,children:u},u)),jsxRuntime.jsx(ue,{size:s,onClick:()=>t(r+1),disabled:r===e,"aria-label":"Next page",children:jsxRuntime.jsx(lucideReact.ChevronRight,{className:me[s]})}),l&&jsxRuntime.jsx(ue,{size:s,onClick:()=>t(e),disabled:r===e,"aria-label":"Last page",children:jsxRuntime.jsx(lucideReact.ChevronsRight,{className:me[s]})}),c&&jsxRuntime.jsxs("span",{className:"ml-2 text-sm text-secondary-500 dark:text-secondary-400",children:["Page ",r," of ",e]})]})}function er({item:e,mode:r}){return e.separator?jsxRuntime.jsx("div",{className:"mx-1 h-10 w-px self-center bg-primary-200 dark:bg-primary-700","aria-hidden":true}):jsxRuntime.jsxs("button",{type:"button",title:e.title??e.label,disabled:e.disabled,onClick:e.onClick,"aria-pressed":e.active,className:o("relative flex shrink-0 items-center justify-center gap-1.5 rounded-lg px-2.5 py-1.5 text-xs font-medium transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400","disabled:cursor-not-allowed disabled:opacity-40",e.active?"bg-primary-100 text-primary-700 shadow-inner dark:bg-primary-800 dark:text-primary-200":"text-primary-700 hover:bg-primary-50 active:bg-primary-100 dark:text-primary-300 dark:hover:bg-primary-800",r==="full"?"min-w-[3.5rem] flex-col gap-0.5 py-2":"","[&_svg]:shrink-0",r==="full"?"[&_svg]:h-5 [&_svg]:w-5":"[&_svg]:h-4 [&_svg]:w-4"),children:[e.icon&&jsxRuntime.jsx("span",{children:e.icon}),r!=="icons"&&jsxRuntime.jsx("span",{className:o(r==="full"?"text-[0.6rem] leading-tight":""),children:e.label})]})}function $r({group:e,mode:r,disabled:t=false}){return jsxRuntime.jsxs("div",{className:o("flex shrink-0 flex-col items-stretch",t&&"opacity-50"),children:[jsxRuntime.jsx("div",{className:"flex items-center gap-0.5 px-1",children:e.items.map(a=>jsxRuntime.jsx(er,{item:t?{...a,disabled:true}:a,mode:r},a.key))}),r==="full"&&jsxRuntime.jsx("div",{className:"mt-1 border-t border-primary-100 px-2 pt-0.5 text-center dark:border-primary-800",children:jsxRuntime.jsx("span",{className:"text-[0.55rem] text-secondary-400 dark:text-secondary-500",children:e.label})})]})}function De({tabs:e,defaultTab:r,activeTab:t,onTabChange:a,mode:l,onModeChange:c,sticky:s=false,className:f}){let y=e.filter(d=>!d.hidden),[u,v]=dr.useState(r??y[0]?.key??""),[L,C]=dr.useState(l??"full"),[g,w]=dr.useState(true),m=t??u,N=l??L,H=d=>{if(!y.find($=>$.key===d)?.disabled){if(d===m&&N!=="icons"){w($=>!$);return}v(d),a?.(d),w(true);}},k=y.find(d=>d.key===m)??y[0];return jsxRuntime.jsxs("div",{className:o("select-none border-b border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",s&&"sticky top-0 z-30",f),children:[jsxRuntime.jsxs("div",{className:"flex items-center border-b border-primary-100 dark:border-primary-800",children:[jsxRuntime.jsx("div",{className:"flex flex-1 items-end overflow-x-auto",children:y.map(d=>jsxRuntime.jsxs("button",{type:"button",disabled:d.disabled,onClick:()=>H(d.key),className:o("flex shrink-0 items-center gap-1.5 border-b-2 px-4 py-2 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 [&_svg]:h-4 [&_svg]:w-4",d.disabled?"cursor-not-allowed border-transparent text-secondary-300 opacity-50 dark:text-secondary-600":d.key===m&&g?"border-primary-500 text-primary-700 dark:border-primary-400 dark:text-primary-200":"border-transparent text-secondary-500 hover:border-primary-300 hover:text-primary-600 dark:text-secondary-400 dark:hover:text-primary-300"),children:[d.icon,d.label]},d.key))}),jsxRuntime.jsx("button",{type:"button",title:g?"Collapse ribbon":"Expand ribbon",onClick:()=>w(d=>!d),className:"ml-auto mr-2 rounded-md p-1.5 text-secondary-400 transition-colors hover:bg-primary-50 hover:text-primary-600 dark:hover:bg-primary-800 dark:hover:text-primary-300",children:g?jsxRuntime.jsx(lucideReact.ChevronUp,{className:"h-4 w-4"}):jsxRuntime.jsx(lucideReact.ChevronDown,{className:"h-4 w-4"})})]}),g&&k&&N!=="icons"&&jsxRuntime.jsx("div",{className:"flex items-stretch gap-1 overflow-x-auto px-2 py-1.5",children:k.groups.map((d,h)=>jsxRuntime.jsxs(dr__default.default.Fragment,{children:[h>0&&jsxRuntime.jsx("div",{className:"mx-1 h-auto w-px self-stretch bg-primary-100 dark:bg-primary-800"}),jsxRuntime.jsx($r,{group:d,mode:N,disabled:d.disabled||k.disabled})]},d.key))}),N==="icons"&&g&&k&&jsxRuntime.jsx("div",{className:"flex items-center gap-0.5 overflow-x-auto px-2 py-1",children:k.groups.flatMap(d=>d.items.map(h=>jsxRuntime.jsx(er,{item:d.disabled||k.disabled?{...h,disabled:true}:h,mode:"icons"},h.key)))})]})}var jr={SideNav:Le,Header:Ve,NavLink:He,Breadcrumb:ke,Pagination:Ne,RibbonBar:De},en=jr;
+exports.Breadcrumb=ke;exports.Header=Ve;exports.NavLink=He;exports.Navigation=jr;exports.Pagination=Ne;exports.RibbonBar=De;exports.SideNav=Le;exports.default=en;

package/dist/Navigation/index.d.cts

@@ -1,5 +1,13 @@
 export { SideNav_alias_1 as SideNav } from '../_tsup-dts-rollup.cjs';
 export { Header_alias_1 as Header } from '../_tsup-dts-rollup.cjs';
 export { NavLink_alias_1 as NavLink } from '../_tsup-dts-rollup.cjs';
+export { Breadcrumb_alias_1 as Breadcrumb } from '../_tsup-dts-rollup.cjs';
+export { Pagination_alias_1 as Pagination } from '../_tsup-dts-rollup.cjs';
+export { RibbonBar_alias_1 as RibbonBar } from '../_tsup-dts-rollup.cjs';
+export { RibbonBarProps_alias_1 as RibbonBarProps } from '../_tsup-dts-rollup.cjs';
+export { RibbonMode_alias_1 as RibbonMode } from '../_tsup-dts-rollup.cjs';
+export { RibbonItem_alias_1 as RibbonItem } from '../_tsup-dts-rollup.cjs';
+export { RibbonGroup_alias_1 as RibbonGroup } from '../_tsup-dts-rollup.cjs';
+export { RibbonTab_alias_1 as RibbonTab } from '../_tsup-dts-rollup.cjs';
 export { Navigation_alias_1 as Navigation } from '../_tsup-dts-rollup.cjs';
 export { default_alias_8 as default } from '../_tsup-dts-rollup.cjs';

package/dist/Navigation/index.d.ts

@@ -1,5 +1,13 @@
 export { SideNav_alias_1 as SideNav } from '../_tsup-dts-rollup.js';
 export { Header_alias_1 as Header } from '../_tsup-dts-rollup.js';
 export { NavLink_alias_1 as NavLink } from '../_tsup-dts-rollup.js';
+export { Breadcrumb_alias_1 as Breadcrumb } from '../_tsup-dts-rollup.js';
+export { Pagination_alias_1 as Pagination } from '../_tsup-dts-rollup.js';
+export { RibbonBar_alias_1 as RibbonBar } from '../_tsup-dts-rollup.js';
+export { RibbonBarProps_alias_1 as RibbonBarProps } from '../_tsup-dts-rollup.js';
+export { RibbonMode_alias_1 as RibbonMode } from '../_tsup-dts-rollup.js';
+export { RibbonItem_alias_1 as RibbonItem } from '../_tsup-dts-rollup.js';
+export { RibbonGroup_alias_1 as RibbonGroup } from '../_tsup-dts-rollup.js';
+export { RibbonTab_alias_1 as RibbonTab } from '../_tsup-dts-rollup.js';
 export { Navigation_alias_1 as Navigation } from '../_tsup-dts-rollup.js';
 export { default_alias_8 as default } from '../_tsup-dts-rollup.js';

package/dist/Navigation/index.js

@@ -1,2 +1,2 @@
-import _e,{useState,useCallback,useEffect,useRef,useMemo,useLayoutEffect}from'react';import {createPortal}from'react-dom';import {Menu,ChevronsLeft,X as X$1,ChevronRight,PanelLeft,MoreHorizontal,ChevronDown,Check}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {cva}from'class-variance-authority';function s(...e){return twMerge(clsx(e))}var X="flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm transition-colors cursor-pointer",ke="bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100 font-medium",F="text-primary-600 dark:text-primary-400 hover:bg-primary-100 dark:hover:bg-primary-800/50 hover:text-primary-900 dark:hover:text-primary-200",q="flex items-center justify-center rounded-md p-2 transition-colors cursor-pointer text-primary-600 dark:text-primary-400 hover:bg-primary-100 dark:hover:bg-primary-800/50 hover:text-primary-900 dark:hover:text-primary-200";function Ae({to:e,className:t,style:n,children:i}){let m=typeof t=="function"?t({isActive:false}):t;return jsx("a",{href:e,className:m,style:n,children:i})}var de=["expanded","icons","mini"];function Oe(e){let t=de.indexOf(e);return de[(t+1)%de.length]}function we(e){let t=new Set;for(let n of e)if(n.children&&n.children.length>0){t.add(n.key??n.label);for(let i of we(n.children))t.add(i);}return t}function Ne({item:e,basePath:t,depth:n,onItemClick:i,LinkComponent:m,showLines:g,expandedKeys:p,onToggle:f}){let v=e.key??e.label,y=e.children&&e.children.length>0,[b,S]=useState(e.defaultOpen??true),k=p?p.has(v):b,c=useCallback(()=>{p?f(v):S(d=>!d);},[p,f,v]),w=n>0?`${n*1.25}rem`:void 0;if(y)return jsxs("div",{children:[jsxs("button",{type:"button",onClick:c,className:s(X,F,"justify-between"),style:{paddingLeft:w},children:[jsxs("span",{className:"flex items-center gap-2",children:[e.icon,e.label]}),jsx(ChevronRight,{className:s("h-3.5 w-3.5 transition-transform",k&&"rotate-90")})]}),k&&jsx("div",{className:s("flex flex-col gap-0.5 pt-0.5",g?"ml-2.5 border-l border-primary-200 dark:border-primary-700":"ml-2"),children:e.children.map(d=>jsx(Ne,{item:d,basePath:t,depth:n+1,onItemClick:i,LinkComponent:m,showLines:g,expandedKeys:p,onToggle:f},d.key??d.path??d.label))})]});if(e.path!=null){let d=t+e.path;return i?jsxs("button",{type:"button",onClick:()=>i(e,d),className:s(X,F),style:{paddingLeft:w},children:[e.icon,e.label]}):jsxs(m,{to:d,className:({isActive:R})=>s(X,R?ke:F),style:{paddingLeft:w},children:[e.icon,e.label]})}return jsxs("span",{className:s(X,F,"cursor-default"),style:{paddingLeft:w},children:[e.icon,e.label]})}function Ke({item:e,basePath:t,onItemClick:n,LinkComponent:i}){let[m,g]=useState(false),p=useRef(null),f=useRef(void 0),[v,y]=useState({top:0,left:0}),b=()=>{clearTimeout(f.current),g(true);},S=()=>{f.current=setTimeout(()=>g(false),200);};useLayoutEffect(()=>{if(m&&p.current){let c=p.current.getBoundingClientRect();y({top:c.top,left:c.right+4});}},[m]);let k=e.icon||jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});return jsxs("div",{onMouseEnter:b,onMouseLeave:S,children:[jsx("button",{ref:p,type:"button",className:s(q,"w-full"),title:e.label,onClick:()=>g(c=>!c),children:k}),m&&createPortal(jsxs("div",{className:"fixed z-50 min-w-44 rounded-md border border-primary-200 bg-white p-1 shadow-lg dark:border-primary-700 dark:bg-primary-900",style:{top:v.top,left:v.left},onMouseEnter:b,onMouseLeave:S,children:[jsx("div",{className:"px-2.5 py-1.5 text-xs font-semibold uppercase text-primary-500 dark:text-primary-400",children:e.label}),jsx("div",{className:"flex flex-col gap-0.5",children:e.children?.map(c=>{let w=c.key??c.path??c.label;if(c.path!=null){let d=t+c.path;return n?jsxs("button",{type:"button",onClick:()=>{n(c,d),g(false);},className:s(X,F),children:[c.icon,c.label]},w):jsxs(i,{to:d,className:({isActive:R})=>s(X,R?ke:F),children:[c.icon,c.label]},w)}return jsxs("span",{className:s(X,"cursor-default text-primary-400"),children:[c.icon,c.label]},w)})})]}),document.body)]})}function je({item:e,basePath:t,onItemClick:n,LinkComponent:i}){let m=e.icon||jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});if(e.path!=null){let g=t+e.path;return n?jsx("button",{type:"button",onClick:()=>n(e,g),className:s(q,"w-full"),title:e.label,children:m}):jsx(i,{to:g,className:({isActive:p})=>s(q,"w-full",p&&"bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100"),children:jsx("span",{title:e.label,children:m})})}return jsx("span",{className:s(q,"w-full cursor-default"),title:e.label,children:m})}function ce({items:e,title:t,basePath:n="/",onItemClick:i,LinkComponent:m=Ae,collapsible:g,collapseMode:p,defaultCollapseMode:f="expanded",onCollapseModeChange:v,showLines:y=true,expandedKeys:b,defaultExpandedKeys:S="all",onExpandedKeysChange:k,className:c,responsive:w=true,mobileBreakpoint:d=768,mobileTopOffset:R=48,...D}){let[r,x]=useState(f),h=p??r,A=_e.useMemo(()=>we(e),[e]),[J,_]=useState(()=>S==="all"?new Set(A):new Set(S)),I=b??null,Z=I??J,Y=useCallback(o=>{let u=new Set(Z);u.has(o)?u.delete(o):u.add(o),_(u),k?.(u);},[Z,k]),K=useCallback(()=>{let o=Oe(h);x(o),v?.(o);},[h,v]),[L,G]=useState(()=>w&&typeof window<"u"&&window.innerWidth<d),[U,P]=useState(false);useEffect(()=>{if(!w||typeof window>"u"||!window.matchMedia)return;let o=window.matchMedia(`(max-width: ${d-1}px)`),u=z=>{G(z.matches),z.matches||P(false);};return o.addEventListener("change",u),()=>o.removeEventListener("change",u)},[w,d]);let oe=useCallback(o=>{o.target.closest("a")&&P(false);},[]),V=useRef(null),E=useRef({startX:0,startY:0,dragging:false}),M=useCallback(o=>{let u=o.touches[0];E.current={startX:u.clientX,startY:u.clientY,dragging:true};},[]),j=useCallback(o=>{if(!E.current.dragging||!V.current)return;let u=o.touches[0],z=u.clientX-E.current.startX,ie=u.clientY-E.current.startY;z>=0||Math.abs(ie)>Math.abs(z)||(V.current.style.transform=`translateX(${Math.max(z,-224)}px)`,V.current.style.transition="none");},[]),W=useCallback(o=>{if(!E.current.dragging||!V.current)return;E.current.dragging=false;let u=o.changedTouches[0],z=u.clientX-E.current.startX,ie=u.clientY-E.current.startY;V.current.style.transition="",V.current.style.transform="",z<-60&&Math.abs(z)>Math.abs(ie)&&P(false);},[]),se=useMemo(()=>!L||!i?i:(o,u)=>{P(false),i(o,u);},[L,i]),xe=jsxs(Fragment,{children:[g&&!L&&jsx("div",{className:s("flex shrink-0 mb-1",h==="expanded"?"justify-end":"justify-center"),children:jsx("button",{type:"button",onClick:K,className:q,"aria-label":h==="mini"?"Expand sidebar":"Collapse sidebar",title:h==="mini"?"Expand sidebar":"Collapse sidebar",children:h==="mini"?jsx(Menu,{className:"h-5 w-5"}):jsx(ChevronsLeft,{className:"h-4 w-4"})})}),(L||h==="expanded")&&jsxs(Fragment,{children:[t&&jsx("h2",{className:"text-primary-500 dark:text-primary-400 mb-3 text-sm font-semibold uppercase",children:t}),e.map(o=>jsx(Ne,{item:o,basePath:n,depth:0,onItemClick:se,LinkComponent:m,showLines:y,expandedKeys:I,onToggle:Y},o.key??o.path??o.label))]}),!L&&h==="icons"&&e.map(o=>{let u=o.key??o.path??o.label;return o.children&&o.children.length>0?jsx(Ke,{item:o,basePath:n,onItemClick:se,LinkComponent:m},u):jsx(je,{item:o,basePath:n,onItemClick:se,LinkComponent:m},u)})]});return w&&L?jsxs(Fragment,{children:[U&&createPortal(jsx("div",{className:"fixed inset-0 z-40 bg-black/50",style:{top:R},onClick:()=>P(false)}),document.body),createPortal(jsxs("aside",{ref:V,className:s("fixed bottom-0 left-0 z-50 flex flex-col w-56 border-r border-primary-200 dark:border-primary-700 bg-white dark:bg-primary-900 shadow-xl transition-transform duration-200",U?"translate-x-0":"-translate-x-full"),style:{top:R},onClick:oe,onTouchStart:M,onTouchMove:j,onTouchEnd:W,children:[jsxs("div",{className:"flex shrink-0 items-center justify-between border-b border-primary-200 px-3 py-2 dark:border-primary-700",children:[jsx("span",{className:"text-xs font-semibold uppercase tracking-wide text-primary-500 dark:text-primary-400",children:"Navigation"}),jsx("button",{type:"button",onClick:o=>{o.stopPropagation(),P(false);},className:s(q,"h-7 w-7 p-1"),"aria-label":"Close navigation",children:jsx(X$1,{className:"h-4 w-4"})})]}),jsx("div",{className:"flex-1 overflow-y-auto overscroll-y-contain p-3",children:jsx("nav",{className:"flex flex-col gap-0.5",children:xe})})]}),document.body),!U&&createPortal(jsx("button",{type:"button",className:"fixed left-0 z-50 flex h-14 w-5 items-center justify-center rounded-r-xl bg-primary-800/80 text-white shadow-md backdrop-blur-sm transition-colors hover:bg-primary-700/90 dark:bg-primary-200/80 dark:text-primary-900 dark:hover:bg-primary-300/90",style:{top:`calc(50% + ${R/2}px)`,transform:"translateY(-50%)"},onClick:()=>P(true),"aria-label":"Open navigation",children:jsx(ChevronRight,{className:"h-3.5 w-3.5"})}),document.body)]}):jsx("nav",{className:s("flex flex-col gap-0.5",h==="mini"&&"items-center",c),...D,children:xe})}var Ce=cva("inline-flex cursor-pointer items-center justify-center gap-1.5 rounded font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0",{variants:{intent:{primary:"bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700",secondary:"bg-secondary-500 text-white hover:bg-secondary-600 active:bg-secondary-700",danger:"bg-danger-500 text-white hover:bg-danger-600 active:bg-danger-700",warning:"bg-warning-500 text-white hover:bg-warning-600 active:bg-warning-700",ghost:"bg-transparent text-primary-700 hover:bg-primary-100 active:bg-primary-200 dark:text-primary-300 dark:hover:bg-primary-800",outline:"border border-primary-300 bg-transparent text-primary-700 hover:bg-primary-50 dark:border-primary-600 dark:text-primary-300 dark:hover:bg-primary-800"},size:{sm:"h-7 px-3 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",md:"h-9 px-4 text-sm [&_svg]:h-4 [&_svg]:w-4",lg:"h-11 px-6 text-base [&_svg]:h-5 [&_svg]:w-5"}},defaultVariants:{intent:"primary",size:"md"}});cva("inline-flex items-center gap-1 rounded border font-semibold [&_svg]:shrink-0",{variants:{intent:{success:"border-success-200 bg-success-100 text-success-800 dark:border-success-800 dark:bg-success-900/30 dark:text-success-400",warning:"border-warning-200 bg-warning-100 text-warning-800 dark:border-warning-800 dark:bg-warning-900/30 dark:text-warning-400",error:"border-danger-200 bg-danger-100 text-danger-800 dark:border-danger-800 dark:bg-danger-900/30 dark:text-danger-400",info:"border-primary-200 bg-primary-100 text-primary-800 dark:border-primary-800 dark:bg-primary-900/30 dark:text-primary-400",primary:"border-secondary-200 bg-secondary-100 text-secondary-700 dark:border-secondary-700 dark:bg-secondary-800 dark:text-secondary-300"},size:{sm:"px-1.5 py-0 text-[0.625rem] [&_svg]:h-2.5 [&_svg]:w-2.5",md:"px-2.5 py-0.5 text-xs [&_svg]:h-3 [&_svg]:w-3",lg:"px-3 py-1 text-sm [&_svg]:h-3.5 [&_svg]:w-3.5"}},defaultVariants:{intent:"primary",size:"md"}});cva("absolute flex items-center justify-center rounded-full font-bold leading-none ring-2 ring-white select-none pointer-events-none z-10 dark:ring-primary-900",{variants:{intent:{danger:"bg-danger-500 text-white",success:"bg-success-500 text-white",warning:"bg-warning-500 text-white",info:"bg-primary-500 text-white",primary:"bg-secondary-500 text-white"},size:{sm:"text-[0.5rem]",md:"text-[0.625rem]",lg:"text-xs"},dot:{true:"",false:""},placement:{"top-right":"top-0 right-0 translate-x-1/2 -translate-y-1/2","top-left":"top-0 left-0 -translate-x-1/2 -translate-y-1/2","bottom-right":"bottom-0 right-0 translate-x-1/2 translate-y-1/2","bottom-left":"bottom-0 left-0 -translate-x-1/2 translate-y-1/2"}},compoundVariants:[{dot:true,size:"sm",class:"h-1.5 w-1.5 min-w-0 ring-1"},{dot:true,size:"md",class:"h-2 w-2 min-w-0"},{dot:true,size:"lg",class:"h-2.5 w-2.5 min-w-0"},{dot:false,size:"sm",class:"h-4 min-w-4 px-1"},{dot:false,size:"md",class:"h-5 min-w-5 px-1.5"},{dot:false,size:"lg",class:"h-6 min-w-6 px-2"}],defaultVariants:{intent:"danger",size:"md",dot:false,placement:"top-right"}});cva("w-full rounded-md border bg-white text-secondary-900 transition-colors placeholder:text-secondary-400 focus:outline-none focus:ring-2 dark:bg-secondary-900 dark:text-secondary-100 dark:placeholder:text-secondary-600",{variants:{state:{default:"border-secondary-300 focus:border-primary-500 focus:ring-primary-500/20 dark:border-secondary-600",error:"border-danger-400 focus:border-danger-500 focus:ring-danger-500/20"},size:{sm:"h-7 px-2 text-xs",md:"h-9 px-3 py-2 text-sm",lg:"h-11 px-4 py-2.5 text-base"}},defaultVariants:{state:"default",size:"md"}});cva("inline-flex items-center gap-1 font-medium [&_svg]:shrink-0",{variants:{size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},intent:{default:"text-primary-700 dark:text-primary-300",muted:"text-primary-400 dark:text-primary-500",required:"text-primary-700 dark:text-primary-300 after:ml-0.5 after:text-danger-500 after:content-['*']"}},defaultVariants:{size:"md",intent:"default"}});cva("relative inline-flex shrink-0 items-center justify-center rounded border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4 rounded-[3px]",md:"h-5 w-5 rounded",lg:"h-6 w-6 rounded-[5px]"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});cva("relative inline-flex shrink-0 items-center justify-center rounded-full border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-6 w-6"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});cva("",{variants:{intent:{primary:"",secondary:"",danger:"",warning:"",success:""},size:{sm:"",md:"",lg:""},checked:{on:"",off:"bg-primary-300 dark:bg-primary-800"}},compoundVariants:[{intent:"primary",checked:"on",class:"bg-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"bg-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"bg-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"bg-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"bg-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});function Ye(e,t){return e.key??(typeof e.label=="string"?e.label:String(t))}var te=40,Fe=200,ge=150,Me=120;function be(e,t,n,i){if(!i)return {};if(n){let g=(t-1-e)*te;return {animation:`dropdown-item-out ${ge}ms ease-in both ${g}ms`}}let m=e*te;return {animation:`dropdown-item-in ${Fe}ms ease-out both ${m}ms`}}function qe(e,t,n){if(!n)return {};if(t){let i=Math.max(e-1,0)*te+ge;return {animation:`dropdown-container-out ${Me}ms ease-in both ${i}ms`}}return {animation:"var(--animate-dropdown-container-in)"}}function fe({label:e,items:t,intent:n,size:i,align:m="left",className:g,disabled:p,editable:f=false,onAddItem:v,multiple:y=false,selected:b=[],onSelectionChange:S,animated:k=true,chevron:c=true,...w}){let[d,R]=useState(false),[D,r]=useState(false),[x,h]=useState(""),A=useRef(null),J=useRef(null),_=useRef(void 0);useEffect(()=>()=>{_.current&&clearTimeout(_.current);},[]);let I=useCallback(()=>{if(!k||!d){R(false),h("");return}r(true);let M=(Math.max(t.length,1)-1)*te+ge+Me+20;_.current=setTimeout(()=>{R(false),r(false),h("");},M);},[k,d,t.length]),Z=useCallback(()=>{p||(d?I():(_.current&&clearTimeout(_.current),r(false),R(true),h(""),f&&requestAnimationFrame(()=>J.current?.focus())));},[p,d,I,f]);useEffect(()=>{if(!d)return;let a=M=>{A.current&&!A.current.contains(M.target)&&I();};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[d,I]),useEffect(()=>{if(!d)return;let a=M=>{M.key==="Escape"&&I();};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[d,I]);let Y=x.toLowerCase(),K=useMemo(()=>x?t.filter(a=>(typeof a.label=="string"?a.label:a.key??"").toLowerCase().includes(Y)):t,[t,Y]),L=useMemo(()=>!f||!x.trim()?false:!t.some(a=>(typeof a.label=="string"?a.label:a.key??"").toLowerCase()===Y),[f,Y,t]),G=useCallback(()=>{let a=x.trim();a&&(v?.(a),h(""));},[x,v]),U=useCallback(a=>{a.key==="Enter"&&L&&(a.preventDefault(),G());},[L,G]),P=useCallback(a=>{let M=b.includes(a)?b.filter(j=>j!==a):[...b,a];S?.(M);},[b,S]),oe=y&&b.length>0?jsxs(Fragment,{children:[e," ",jsx("span",{className:"ml-1 rounded-full bg-white/20 px-1.5 text-xs font-semibold",children:b.length})]}):e,V=K.length===0&&!L||L?1:0,E=K.length+V;return jsxs("div",{ref:A,className:"relative inline-block",children:[jsxs("button",{type:"button",onClick:Z,disabled:p,className:s(Ce({intent:n,size:i}),"inline-flex items-center gap-1",g),"aria-haspopup":y?"listbox":"true","aria-expanded":d?"true":"false",...w,children:[oe,c&&jsx(ChevronDown,{className:s("h-3.5 w-3.5 transition-transform",d&&"rotate-180")})]}),d&&jsxs("div",{className:s("absolute z-50 mt-1 min-w-44 rounded-md border py-1 shadow-lg","border-primary-200 dark:border-primary-700 dark:bg-primary-800 bg-white",m==="right"?"right-0":"left-0"),style:qe(E,D,k),role:y?"listbox":"menu","aria-multiselectable":y||void 0,children:[f&&jsx("div",{className:"border-primary-200 dark:border-primary-700 border-b px-2 pb-1.5 pt-1",children:jsx("input",{ref:J,type:"text",value:x,onChange:a=>h(a.target.value),onKeyDown:U,placeholder:"Type to filter or add\u2026",className:"w-full bg-transparent text-sm text-secondary-900 placeholder:text-secondary-400 focus:outline-none dark:text-secondary-100 dark:placeholder:text-secondary-600"})}),jsxs("div",{className:"max-h-60 overflow-y-auto",children:[K.map((a,M)=>{let j=Ye(a,M),W=y&&b.includes(j);return jsxs(_e.Fragment,{children:[a.divider&&jsx("div",{className:"border-primary-200 dark:border-primary-700 my-1 border-t"}),jsxs("button",{type:"button",role:y?"option":"menuitem","aria-selected":y?W:void 0,disabled:a.disabled,className:s("flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-sm transition-colors","text-primary-700 hover:bg-primary-100 dark:text-primary-300 dark:hover:bg-primary-700/50",a.disabled&&"pointer-events-none opacity-50"),style:be(M,E,D,k),onClick:()=>{y?P(j):(a.onClick?.(),_.current&&clearTimeout(_.current),R(false),r(false),h(""));},children:[y&&jsx("span",{className:s("flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors",W?"border-primary-600 bg-primary-600 text-white dark:border-primary-500 dark:bg-primary-500":"border-secondary-300 bg-white dark:border-secondary-600 dark:bg-secondary-800"),children:W&&jsx(Check,{className:"h-3 w-3"})}),jsx("span",{className:"flex-1 truncate",children:a.label})]})]},j)}),K.length===0&&!L&&jsx("div",{className:"text-primary-400 px-3 py-2 text-center text-sm",style:be(0,1,D,k),children:"No matches"}),L&&jsxs("button",{type:"button",className:s("flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-sm transition-colors","text-primary-600 hover:bg-primary-50 dark:text-primary-400 dark:hover:bg-primary-900/30"),style:be(K.length,E,D,k),onClick:G,children:[jsx("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center text-lg leading-none",children:"+"}),jsxs("span",{className:"truncate",children:["Add \u201C",x.trim(),"\u201D"]})]})]})]})]})}function Qe({href:e,className:t,onClick:n,children:i}){return jsx("a",{href:e,className:t,onClick:n,children:i})}function ye({brand:e,onBrandClick:t,navItems:n=[],actions:i=[],linkComponent:m=Qe,height:g="h-12",mobileMenu:p=false,navMenuIcon:f,actionsMenuIcon:v,className:y,children:b}){let S=p&&n.length>0,k=p&&i.length>0,c="md:hidden rounded-md px-1.5 py-1.5 text-primary-500 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-200 [&_svg]:h-5 [&_svg]:w-5",w=r=>r?"text-primary-900 font-medium dark:text-primary-100":"text-primary-500 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-200 transition-colors",d="rounded-md p-1.5 text-primary-500 hover:bg-primary-100 hover:text-primary-700 dark:text-primary-400 dark:hover:bg-primary-800 dark:hover:text-primary-200 transition-colors [&_svg]:h-5 [&_svg]:w-5",R=n.map((r,x)=>({key:typeof r.label=="string"?r.label:String(x),label:r.active?jsx("span",{className:"font-semibold text-primary-900 dark:text-primary-100",children:r.label}):r.label,onClick:()=>{r.onClick?r.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):r.href&&(window.location.href=r.href);}})),D=i.map((r,x)=>({key:r.key??String(x),label:jsxs("span",{className:"flex items-center gap-2 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",children:[r.icon,jsx("span",{children:r.ariaLabel})]}),onClick:()=>{r.onClick?r.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):r.href&&(r.external?window.open(r.href,"_blank","noopener,noreferrer"):window.location.href=r.href);}}));return jsxs("header",{className:s("flex shrink-0 items-center justify-between border-b px-5","border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",g,y),children:[jsxs("div",{className:"flex items-center gap-2 md:gap-6",children:[e&&jsx("div",{className:s("text-lg font-bold text-primary-800 dark:text-primary-100",t&&"cursor-pointer"),onClick:t,role:t?"button":void 0,tabIndex:t?0:void 0,onKeyDown:t?r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),t(r));}:void 0,children:e}),S&&jsx(fe,{intent:"ghost",size:"sm",className:c,label:f??jsx(PanelLeft,{className:"h-5 w-5"}),items:R,align:"left",chevron:false,"aria-label":"Open navigation"}),n.length>0&&jsx("nav",{className:s("flex items-center gap-4 text-sm",p?"hidden md:flex":"flex"),children:n.map((r,x)=>{let h=typeof r.label=="string"?r.label:x,A=w(r.active);return r.href?jsx(m,{href:r.href,className:A,onClick:r.onClick,children:r.label},h):jsx("button",{type:"button",className:s(A,"cursor-pointer"),onClick:r.onClick,children:r.label},h)})})]}),b&&jsx("div",{className:"flex items-center",children:b}),jsxs("div",{className:"flex items-center gap-1",children:[i.length>0&&jsx("div",{className:s("flex items-center gap-1",p?"hidden md:flex":"flex"),children:i.map((r,x)=>r.href?jsx("a",{href:r.href,target:r.external?"_blank":void 0,rel:r.external?"noopener noreferrer":void 0,className:d,"aria-label":r.ariaLabel,onClick:r.onClick,children:r.icon},r.key??x):jsx("button",{type:"button",className:d,"aria-label":r.ariaLabel,onClick:r.onClick,children:r.icon},r.key??x))}),k&&jsx(fe,{intent:"ghost",size:"sm",className:c,label:v??jsx(MoreHorizontal,{className:"h-5 w-5"}),items:D,align:"right",chevron:false,"aria-label":"Open menu"})]})]})}var Se=cva("inline-flex items-center gap-1 underline-offset-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/20 [&_svg]:shrink-0",{variants:{intent:{default:"text-primary-600 hover:text-primary-800 active:text-primary-900 dark:text-primary-400 dark:hover:text-primary-200 dark:active:text-primary-100",secondary:"text-secondary-500 hover:text-secondary-700 active:text-secondary-800 dark:text-secondary-400 dark:hover:text-secondary-200 dark:active:text-secondary-100",muted:"text-primary-400 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-300"},size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},underline:{always:"underline",hover:"hover:underline",none:"no-underline"}},defaultVariants:{intent:"default",size:"md",underline:"none"}});function Ze(e,t){return !!(t==="_blank"||e&&/^https?:\/\//.test(e))}var er=e=>jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":true,...e,children:[jsx("path",{d:"M15 3h6v6"}),jsx("path",{d:"M10 14 21 3"}),jsx("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"})]});function he({intent:e,size:t,underline:n,external:i,className:m,children:g,href:p,target:f,rel:v,...y}){let b=i??Ze(p,f);return jsxs("a",{href:p,target:b&&!f?"_blank":f,rel:b&&!v?"noopener noreferrer":v,className:s(Se({intent:e,size:t,underline:n}),m),...y,children:[g,b&&jsx(er,{})]})}var rr={SideNav:ce,Header:ye,NavLink:he},Kr=rr;
-export{ye as Header,he as NavLink,rr as Navigation,ce as SideNav,Kr as default};
+import dr,{useState,useCallback,useRef,useEffect,useMemo,useLayoutEffect}from'react';import {createPortal}from'react-dom';import {Menu,ChevronsLeft,X,ChevronRight,ChevronLeft,PanelLeft,MoreHorizontal,Home,ChevronsRight,ChevronUp,ChevronDown,Check}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {cva}from'class-variance-authority';function o(...e){return twMerge(clsx(e))}var re="flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm transition-colors cursor-pointer",$e="bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100 font-medium",te="text-primary-600 dark:text-primary-400 hover:bg-primary-100 dark:hover:bg-primary-800/50 hover:text-primary-900 dark:hover:text-primary-200",ne="flex items-center justify-center rounded-md p-2 transition-colors cursor-pointer text-primary-600 dark:text-primary-400 hover:bg-primary-100 dark:hover:bg-primary-800/50 hover:text-primary-900 dark:hover:text-primary-200";function fr({to:e,className:r,style:t,children:a}){let l=typeof r=="function"?r({isActive:false}):r;return jsx("a",{href:e,className:l,style:t,children:a})}var Me=["expanded","icons","mini"];function yr(e){let r=Me.indexOf(e);return Me[(r+1)%Me.length]}function je(e){let r=new Set;for(let t of e)if(t.children&&t.children.length>0){r.add(t.key??t.label);for(let a of je(t.children))r.add(a);}return r}function Ge({item:e,basePath:r,depth:t,onItemClick:a,LinkComponent:l,showLines:c,expandedKeys:s,onToggle:f}){let y=e.key??e.label,u=e.children&&e.children.length>0,[v,L]=useState(e.defaultOpen??true),C=s?s.has(y):v,g=useCallback(()=>{s?f(y):L(m=>!m);},[s,f,y]),w=t>0?`${t*1.25}rem`:void 0;if(u)return jsxs("div",{children:[jsxs("button",{type:"button",onClick:g,className:o(re,te,"justify-between"),style:{paddingLeft:w},children:[jsxs("span",{className:"flex items-center gap-2",children:[e.icon,e.label]}),jsx(ChevronRight,{className:o("h-3.5 w-3.5 transition-transform",C&&"rotate-90")})]}),C&&jsx("div",{className:o("flex flex-col gap-0.5 pt-0.5",c?"ml-2.5 border-l border-primary-200 dark:border-primary-700":"ml-2"),children:e.children.map(m=>jsx(Ge,{item:m,basePath:r,depth:t+1,onItemClick:a,LinkComponent:l,showLines:c,expandedKeys:s,onToggle:f},m.key??m.path??m.label))})]});if(e.path!=null){let m=r+e.path;return a?jsxs("button",{type:"button",onClick:()=>a(e,m),className:o(re,te),style:{paddingLeft:w},children:[e.icon,e.label]}):jsxs(l,{to:m,className:({isActive:N})=>o(re,N?$e:te),style:{paddingLeft:w},children:[e.icon,e.label]})}return jsxs("span",{className:o(re,te,"cursor-default"),style:{paddingLeft:w},children:[e.icon,e.label]})}function xr({item:e,basePath:r,onItemClick:t,LinkComponent:a}){let[l,c]=useState(false),s=useRef(null),f=useRef(void 0),[y,u]=useState({top:0,left:0}),v=()=>{clearTimeout(f.current),c(true);},L=()=>{f.current=setTimeout(()=>c(false),200);};useLayoutEffect(()=>{if(l&&s.current){let g=s.current.getBoundingClientRect();u({top:g.top,left:g.right+4});}},[l]);let C=e.icon||jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});return jsxs("div",{onMouseEnter:v,onMouseLeave:L,children:[jsx("button",{ref:s,type:"button",className:o(ne,"w-full"),title:e.label,onClick:()=>c(g=>!g),children:C}),l&&createPortal(jsxs("div",{className:"fixed z-50 min-w-44 rounded-md border border-primary-200 bg-white p-1 shadow-lg dark:border-primary-700 dark:bg-primary-900",style:{top:y.top,left:y.left},onMouseEnter:v,onMouseLeave:L,children:[jsx("div",{className:"px-2.5 py-1.5 text-xs font-semibold uppercase text-primary-500 dark:text-primary-400",children:e.label}),jsx("div",{className:"flex flex-col gap-0.5",children:e.children?.map(g=>{let w=g.key??g.path??g.label;if(g.path!=null){let m=r+g.path;return t?jsxs("button",{type:"button",onClick:()=>{t(g,m),c(false);},className:o(re,te),children:[g.icon,g.label]},w):jsxs(a,{to:m,className:({isActive:N})=>o(re,N?$e:te),children:[g.icon,g.label]},w)}return jsxs("span",{className:o(re,"cursor-default text-primary-400"),children:[g.icon,g.label]},w)})})]}),document.body)]})}function hr({item:e,basePath:r,onItemClick:t,LinkComponent:a}){let l=e.icon||jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});if(e.path!=null){let c=r+e.path;return t?jsx("button",{type:"button",onClick:()=>t(e,c),className:o(ne,"w-full"),title:e.label,children:l}):jsx(a,{to:c,className:({isActive:s})=>o(ne,"w-full",s&&"bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100"),children:jsx("span",{title:e.label,children:l})})}return jsx("span",{className:o(ne,"w-full cursor-default"),title:e.label,children:l})}function Le({items:e,title:r,basePath:t="/",onItemClick:a,LinkComponent:l=fr,collapsible:c,collapseMode:s,defaultCollapseMode:f="expanded",onCollapseModeChange:y,showLines:u=true,expandedKeys:v,defaultExpandedKeys:L="all",onExpandedKeysChange:C,className:g,responsive:w=true,mobileBreakpoint:m=768,mobileTopOffset:N=48,mobileDrawerSlot:H,...n}){let[k,d]=useState(f),h=s??k,$=dr.useMemo(()=>je(e),[e]),[O,j]=useState(()=>L==="all"?new Set($):new Set(L)),be=v??null,W=be??O,Q=useCallback(i=>{let x=new Set(W);x.has(i)?x.delete(i):x.add(i),j(x),C?.(x);},[W,C]),G=useCallback(()=>{let i=yr(h);d(i),y?.(i);},[h,y]),[B,Re]=useState(()=>w&&typeof window<"u"&&window.innerWidth<m),[oe,D]=useState(false),[_,se]=useState(()=>{if(typeof window>"u")return "left";try{return localStorage.getItem("onyx-sidenav-side")||"left"}catch{return "left"}}),[p,T]=useState(()=>{if(typeof window>"u")return 50;try{return Number(localStorage.getItem("onyx-sidenav-top"))||50}catch{return 50}}),[I,J]=useState(null),X$1=useRef({dragging:false,startX:0,startY:0,moved:false}),rr=useCallback(i=>{if(i.pointerType==="mouse"&&i.button!==0)return;i.preventDefault(),X$1.current={dragging:true,startX:i.clientX,startY:i.clientY,moved:false};let x=E=>{if(!X$1.current.dragging)return;let Z=Math.abs(E.clientX-X$1.current.startX),ie=Math.abs(E.clientY-X$1.current.startY);if((Z>6||ie>6)&&(X$1.current.moved=true),!X$1.current.moved)return;let ee=E.clientX<window.innerWidth/2?"left":"right",Oe=N+28,ge=window.innerHeight-28,de=Math.max(Oe,Math.min(ge,E.clientY));J({side:ee,y:de});},R=E=>{if(window.removeEventListener("pointermove",x),window.removeEventListener("pointerup",R),window.removeEventListener("pointercancel",R),!X$1.current.dragging)return;if(X$1.current.dragging=false,!X$1.current.moved){let de=Xe=>{Xe.stopPropagation(),Xe.preventDefault(),window.removeEventListener("click",de,true);};window.addEventListener("click",de,true),J(null),D(true);return}let Z=E.clientX<window.innerWidth/2?"left":"right",ie=N+28,ee=window.innerHeight-28,ge=Math.max(ie,Math.min(ee,E.clientY))/window.innerHeight*100;se(Z),T(ge),J(null);try{localStorage.setItem("onyx-sidenav-side",Z),localStorage.setItem("onyx-sidenav-top",String(ge));}catch{}};window.addEventListener("pointermove",x),window.addEventListener("pointerup",R),window.addEventListener("pointercancel",R);},[N]);useEffect(()=>{if(!w||typeof window>"u"||!window.matchMedia)return;let i=window.matchMedia(`(max-width: ${m-1}px)`),x=R=>{Re(R.matches),R.matches||D(false);};return i.addEventListener("change",x),()=>i.removeEventListener("change",x)},[w,m]);let tr=useCallback(i=>{i.target.closest("a")&&D(false);},[]),F=useRef(null),q=useRef({startX:0,startY:0,dragging:false}),Ae=60,nr=useCallback(i=>{let x=i.touches[0];q.current={startX:x.clientX,startY:x.clientY,dragging:true};},[]),ar=useCallback(i=>{if(!q.current.dragging||!F.current)return;let x=i.touches[0],R=x.clientX-q.current.startX,E=x.clientY-q.current.startY;if(_==="left"){if(R>=0||Math.abs(E)>Math.abs(R))return;F.current.style.transform=`translateX(${Math.max(R,-224)}px)`;}else {if(R<=0||Math.abs(E)>Math.abs(R))return;F.current.style.transform=`translateX(${Math.min(R,224)}px)`;}F.current.style.transition="none";},[_]),or=useCallback(i=>{if(!q.current.dragging||!F.current)return;q.current.dragging=false;let x=i.changedTouches[0],R=x.clientX-q.current.startX,E=x.clientY-q.current.startY;F.current.style.transition="",F.current.style.transform="",Math.abs(R)>Math.abs(E)&&(_==="left"&&R<-Ae&&D(false),_==="right"&&R>Ae&&D(false));},[_]),Ce=useMemo(()=>!B||!a?a:(i,x)=>{D(false),a(i,x);},[B,a]),Ye=jsxs(Fragment,{children:[c&&!B&&jsx("div",{className:o("flex shrink-0 mb-1",h==="expanded"?"justify-end":"justify-center"),children:jsx("button",{type:"button",onClick:G,className:ne,"aria-label":h==="mini"?"Expand sidebar":"Collapse sidebar",title:h==="mini"?"Expand sidebar":"Collapse sidebar",children:h==="mini"?jsx(Menu,{className:"h-5 w-5"}):jsx(ChevronsLeft,{className:"h-4 w-4"})})}),(B||h==="expanded")&&jsxs(Fragment,{children:[r&&jsx("h2",{className:"text-primary-500 dark:text-primary-400 mb-3 text-sm font-semibold uppercase",children:r}),e.map(i=>jsx(Ge,{item:i,basePath:t,depth:0,onItemClick:Ce,LinkComponent:l,showLines:u,expandedKeys:be,onToggle:Q},i.key??i.path??i.label))]}),!B&&h==="icons"&&e.map(i=>{let x=i.key??i.path??i.label;return i.children&&i.children.length>0?jsx(xr,{item:i,basePath:t,onItemClick:Ce,LinkComponent:l},x):jsx(hr,{item:i,basePath:t,onItemClick:Ce,LinkComponent:l},x)})]});if(w&&B){let i=I?I.side:_,x=I?I.y:p/100*(typeof window<"u"?window.innerHeight:600),R=I?{top:x,transform:"translateY(-50%)",transition:"none",...i==="left"?{left:0}:{right:0}}:{top:`${p}%`,transform:"translateY(-50%)",transition:"top 0.15s ease",..._==="left"?{left:0}:{right:0}},E=_==="left"?{left:0,right:"auto"}:{right:0,left:"auto"},Z=oe?"translate-x-0":_==="left"?"-translate-x-full":"translate-x-full",ie=_==="left"?"border-r":"border-l";return jsxs(Fragment,{children:[oe&&createPortal(jsx("div",{className:"fixed inset-0 z-40 bg-black/50",style:{top:N},onClick:()=>D(false)}),document.body),createPortal(jsxs("aside",{ref:F,className:o("fixed bottom-0 z-50 flex flex-col w-56 bg-white dark:bg-primary-900 shadow-xl transition-transform duration-200",ie,"border-primary-200 dark:border-primary-700",Z),style:{top:N,...E},onClick:tr,onTouchStart:nr,onTouchMove:ar,onTouchEnd:or,children:[jsxs("div",{className:"flex shrink-0 items-center justify-between border-b border-primary-200 px-3 py-2 dark:border-primary-700",children:[jsx("span",{className:"text-xs font-semibold uppercase tracking-wide text-primary-500 dark:text-primary-400",children:"Navigation"}),jsx("button",{type:"button",onClick:ee=>{ee.stopPropagation(),D(false);},className:o(ne,"h-7 w-7 p-1"),"aria-label":"Close navigation",children:jsx(X,{className:"h-4 w-4"})})]}),H&&jsx("div",{className:"shrink-0 border-b border-primary-200 px-3 py-2 dark:border-primary-700",children:H}),jsx("div",{className:"flex-1 overflow-y-auto overscroll-y-contain p-3",children:jsx("nav",{className:"flex flex-col gap-0.5",children:Ye})})]}),document.body),!oe&&createPortal(jsx("div",{className:o("fixed z-50 flex items-center",i==="left"?"justify-start":"justify-end",I?"cursor-grabbing":"cursor-grab"),style:{...R,width:44,height:80,marginTop:-12,touchAction:"none",userSelect:"none"},onPointerDown:rr,onDragStart:ee=>ee.preventDefault(),role:"button","aria-label":"Open navigation",tabIndex:0,children:jsx("div",{className:o("flex h-16 w-6 items-center justify-center","bg-primary-800/80 text-white shadow-md backdrop-blur-sm","hover:bg-primary-700/90 dark:bg-primary-200/80 dark:text-primary-900 dark:hover:bg-primary-300/90",i==="left"?"rounded-r-xl":"rounded-l-xl"),children:i==="left"?jsx(ChevronRight,{className:"h-4 w-4"}):jsx(ChevronLeft,{className:"h-4 w-4"})})}),document.body)]})}return jsx("nav",{className:o("flex flex-col gap-0.5",h==="mini"&&"items-center",g),...n,children:Ye})}var Fe=cva("inline-flex cursor-pointer items-center justify-center gap-1.5 rounded font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0",{variants:{intent:{primary:"bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700",secondary:"bg-secondary-500 text-white hover:bg-secondary-600 active:bg-secondary-700",danger:"bg-danger-500 text-white hover:bg-danger-600 active:bg-danger-700",warning:"bg-warning-500 text-white hover:bg-warning-600 active:bg-warning-700",ghost:"bg-transparent text-primary-700 hover:bg-primary-100 active:bg-primary-200 dark:text-primary-300 dark:hover:bg-primary-800",outline:"border border-primary-300 bg-transparent text-primary-700 hover:bg-primary-50 dark:border-primary-600 dark:text-primary-300 dark:hover:bg-primary-800"},size:{sm:"h-7 px-3 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",md:"h-9 px-4 text-sm [&_svg]:h-4 [&_svg]:w-4",lg:"h-11 px-6 text-base [&_svg]:h-5 [&_svg]:w-5"}},defaultVariants:{intent:"primary",size:"md"}});cva("inline-flex items-center gap-1 rounded border font-semibold [&_svg]:shrink-0",{variants:{intent:{success:"border-success-200 bg-success-100 text-success-800 dark:border-success-800 dark:bg-success-900/30 dark:text-success-400",warning:"border-warning-200 bg-warning-100 text-warning-800 dark:border-warning-800 dark:bg-warning-900/30 dark:text-warning-400",error:"border-danger-200 bg-danger-100 text-danger-800 dark:border-danger-800 dark:bg-danger-900/30 dark:text-danger-400",info:"border-primary-200 bg-primary-100 text-primary-800 dark:border-primary-800 dark:bg-primary-900/30 dark:text-primary-400",primary:"border-secondary-200 bg-secondary-100 text-secondary-700 dark:border-secondary-700 dark:bg-secondary-800 dark:text-secondary-300"},size:{sm:"px-1.5 py-0 text-[0.625rem] [&_svg]:h-2.5 [&_svg]:w-2.5",md:"px-2.5 py-0.5 text-xs [&_svg]:h-3 [&_svg]:w-3",lg:"px-3 py-1 text-sm [&_svg]:h-3.5 [&_svg]:w-3.5"}},defaultVariants:{intent:"primary",size:"md"}});cva("absolute flex items-center justify-center rounded-full font-bold leading-none ring-2 ring-white select-none pointer-events-none z-10 dark:ring-primary-900",{variants:{intent:{danger:"bg-danger-500 text-white",success:"bg-success-500 text-white",warning:"bg-warning-500 text-white",info:"bg-primary-500 text-white",primary:"bg-secondary-500 text-white"},size:{sm:"text-[0.5rem]",md:"text-[0.625rem]",lg:"text-xs"},dot:{true:"",false:""},placement:{"top-right":"top-0 right-0 translate-x-1/2 -translate-y-1/2","top-left":"top-0 left-0 -translate-x-1/2 -translate-y-1/2","bottom-right":"bottom-0 right-0 translate-x-1/2 translate-y-1/2","bottom-left":"bottom-0 left-0 -translate-x-1/2 translate-y-1/2"}},compoundVariants:[{dot:true,size:"sm",class:"h-1.5 w-1.5 min-w-0 ring-1"},{dot:true,size:"md",class:"h-2 w-2 min-w-0"},{dot:true,size:"lg",class:"h-2.5 w-2.5 min-w-0"},{dot:false,size:"sm",class:"h-4 min-w-4 px-1"},{dot:false,size:"md",class:"h-5 min-w-5 px-1.5"},{dot:false,size:"lg",class:"h-6 min-w-6 px-2"}],defaultVariants:{intent:"danger",size:"md",dot:false,placement:"top-right"}});cva("w-full rounded-md border bg-white text-secondary-900 transition-colors placeholder:text-secondary-400 focus:outline-none focus:ring-2 dark:bg-secondary-900 dark:text-secondary-100 dark:placeholder:text-secondary-600",{variants:{state:{default:"border-secondary-300 focus:border-primary-500 focus:ring-primary-500/20 dark:border-secondary-600",error:"border-danger-400 focus:border-danger-500 focus:ring-danger-500/20"},size:{sm:"h-7 px-2 text-xs",md:"h-9 px-3 py-2 text-sm",lg:"h-11 px-4 py-2.5 text-base"}},defaultVariants:{state:"default",size:"md"}});cva("inline-flex items-center gap-1 font-medium [&_svg]:shrink-0",{variants:{size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},intent:{default:"text-primary-700 dark:text-primary-300",muted:"text-primary-400 dark:text-primary-500",required:"text-primary-700 dark:text-primary-300 after:ml-0.5 after:text-danger-500 after:content-['*']"}},defaultVariants:{size:"md",intent:"default"}});cva("relative inline-flex shrink-0 items-center justify-center rounded border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4 rounded-[3px]",md:"h-5 w-5 rounded",lg:"h-6 w-6 rounded-[5px]"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});cva("relative inline-flex shrink-0 items-center justify-center rounded-full border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-6 w-6"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});cva("",{variants:{intent:{primary:"",secondary:"",danger:"",warning:"",success:""},size:{sm:"",md:"",lg:""},checked:{on:"",off:"bg-primary-300 dark:bg-primary-800"}},compoundVariants:[{intent:"primary",checked:"on",class:"bg-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"bg-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"bg-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"bg-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"bg-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});cva("bg-primary-200 text-primary-700 dark:bg-primary-700 dark:text-primary-200",{variants:{size:{xs:"h-6 w-6 text-[10px]",sm:"h-8 w-8 text-xs",md:"h-10 w-10 text-sm",lg:"h-12 w-12 text-base",xl:"h-16 w-16 text-lg"},shape:{circular:"rounded-full",rounded:"rounded-lg",square:"rounded-none"}},defaultVariants:{size:"md",shape:"circular"}});cva("relative flex w-full touch-none select-none items-center",{variants:{intent:{primary:"[&_.slider-fill]:bg-primary-500 [&_.slider-thumb]:border-primary-500",secondary:"[&_.slider-fill]:bg-secondary-500 [&_.slider-thumb]:border-secondary-500",success:"[&_.slider-fill]:bg-success-500 [&_.slider-thumb]:border-success-500",danger:"[&_.slider-fill]:bg-danger-500 [&_.slider-thumb]:border-danger-500",warning:"[&_.slider-fill]:bg-warning-500 [&_.slider-thumb]:border-warning-500"},size:{sm:"h-4",md:"h-5",lg:"h-6"}},defaultVariants:{intent:"primary",size:"md"}});cva("inline-flex items-center gap-1 rounded-full font-medium select-none transition-colors [&_svg]:shrink-0",{variants:{intent:{primary:"bg-primary-100 text-primary-700 dark:bg-primary-800 dark:text-primary-200",secondary:"bg-secondary-100 text-secondary-700 dark:bg-secondary-800 dark:text-secondary-200",success:"bg-success-100 text-success-700 dark:bg-success-900/40 dark:text-success-300",danger:"bg-danger-100 text-danger-700 dark:bg-danger-900/40 dark:text-danger-300",warning:"bg-warning-100 text-warning-700 dark:bg-warning-900/40 dark:text-warning-300",info:"bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300"},size:{sm:"h-5 px-2 text-[0.6875rem] gap-0.5",md:"h-6 px-2.5 text-xs gap-1",lg:"h-7 px-3 text-sm gap-1"},variant:{solid:"",outline:"bg-transparent border",soft:""}},compoundVariants:[{intent:"primary",variant:"outline",class:"border-primary-300 text-primary-700 dark:border-primary-600 dark:text-primary-300"},{intent:"secondary",variant:"outline",class:"border-secondary-300 text-secondary-700 dark:border-secondary-600 dark:text-secondary-300"},{intent:"success",variant:"outline",class:"border-success-400 text-success-700 dark:border-success-600 dark:text-success-300"},{intent:"danger",variant:"outline",class:"border-danger-400 text-danger-700 dark:border-danger-600 dark:text-danger-300"},{intent:"warning",variant:"outline",class:"border-warning-400 text-warning-700 dark:border-warning-600 dark:text-warning-300"},{intent:"info",variant:"outline",class:"border-blue-400 text-blue-700 dark:border-blue-600 dark:text-blue-300"}],defaultVariants:{intent:"primary",size:"md",variant:"solid"}});cva("relative w-full cursor-pointer rounded-md border bg-white text-sm transition-colors dark:bg-primary-900",{variants:{intent:{default:"border-primary-300 text-primary-900 hover:border-primary-400 focus-within:border-primary-500 focus-within:ring-2 focus-within:ring-primary-500/20 dark:border-primary-600 dark:text-primary-100 dark:hover:border-primary-500 dark:focus-within:border-primary-400",danger:"border-danger-500 text-primary-900 focus-within:ring-2 focus-within:ring-danger-500/20 dark:border-danger-500 dark:text-primary-100"},size:{sm:"h-7 px-2 text-xs",md:"h-9 px-3 text-sm",lg:"h-11 px-4 text-base"}},defaultVariants:{intent:"default",size:"md"}});function Nr(e,r){return e.key??(typeof e.label=="string"?e.label:String(r))}var ye=40,Rr=200,Ie=150,Ue=120;function _e(e,r,t,a){if(!a)return {};if(t){let c=(r-1-e)*ye;return {animation:`dropdown-item-out ${Ie}ms ease-in both ${c}ms`}}let l=e*ye;return {animation:`dropdown-item-in ${Rr}ms ease-out both ${l}ms`}}function Cr(e,r,t){if(!t)return {};if(r){let a=Math.max(e-1,0)*ye+Ie;return {animation:`dropdown-container-out ${Ue}ms ease-in both ${a}ms`}}return {animation:"var(--animate-dropdown-container-in)"}}function ze({label:e,items:r,intent:t,size:a,align:l="left",className:c,disabled:s,editable:f=false,onAddItem:y,multiple:u=false,selected:v=[],onSelectionChange:L,animated:C=true,chevron:g=true,...w}){let[m,N]=useState(false),[H,n]=useState(false),[k,d]=useState(""),h=useRef(null),$=useRef(null),O=useRef(void 0);useEffect(()=>()=>{O.current&&clearTimeout(O.current);},[]);let j=useCallback(()=>{if(!C||!m){N(false),d("");return}n(true);let T=(Math.max(r.length,1)-1)*ye+Ie+Ue+20;O.current=setTimeout(()=>{N(false),n(false),d("");},T);},[C,m,r.length]),be=useCallback(()=>{s||(m?j():(O.current&&clearTimeout(O.current),n(false),N(true),d(""),f&&requestAnimationFrame(()=>$.current?.focus())));},[s,m,j,f]);useEffect(()=>{if(!m)return;let p=T=>{h.current&&!h.current.contains(T.target)&&j();};return document.addEventListener("mousedown",p),()=>document.removeEventListener("mousedown",p)},[m,j]),useEffect(()=>{if(!m)return;let p=T=>{T.key==="Escape"&&j();};return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[m,j]);let W=k.toLowerCase(),Q=useMemo(()=>k?r.filter(p=>(typeof p.label=="string"?p.label:p.key??"").toLowerCase().includes(W)):r,[r,W]),G=useMemo(()=>!f||!k.trim()?false:!r.some(p=>(typeof p.label=="string"?p.label:p.key??"").toLowerCase()===W),[f,W,r]),B=useCallback(()=>{let p=k.trim();p&&(y?.(p),d(""));},[k,y]),Re=useCallback(p=>{p.key==="Enter"&&G&&(p.preventDefault(),B());},[G,B]),oe=useCallback(p=>{let T=v.includes(p)?v.filter(I=>I!==p):[...v,p];L?.(T);},[v,L]),D=u&&v.length>0?jsxs(Fragment,{children:[e," ",jsx("span",{className:"ml-1 rounded-full bg-white/20 px-1.5 text-xs font-semibold",children:v.length})]}):e,_=Q.length===0&&!G||G?1:0,se=Q.length+_;return jsxs("div",{ref:h,className:"relative inline-block",children:[jsxs("button",{type:"button",onClick:be,disabled:s,className:o(Fe({intent:t,size:a}),"inline-flex items-center gap-1",c),"aria-haspopup":u?"listbox":"true","aria-expanded":m?"true":"false",...w,children:[D,g&&jsx(ChevronDown,{className:o("h-3.5 w-3.5 transition-transform",m&&"rotate-180")})]}),m&&jsxs("div",{className:o("absolute z-50 mt-1 min-w-44 rounded-md border py-1 shadow-lg","border-primary-200 dark:border-primary-700 dark:bg-primary-800 bg-white",l==="right"?"right-0":"left-0"),style:Cr(se,H,C),role:u?"listbox":"menu","aria-multiselectable":u||void 0,children:[f&&jsx("div",{className:"border-primary-200 dark:border-primary-700 border-b px-2 pb-1.5 pt-1",children:jsx("input",{ref:$,type:"text",value:k,onChange:p=>d(p.target.value),onKeyDown:Re,placeholder:"Type to filter or add\u2026",className:"w-full bg-transparent text-sm text-secondary-900 placeholder:text-secondary-400 focus:outline-none dark:text-secondary-100 dark:placeholder:text-secondary-600"})}),jsxs("div",{className:"max-h-60 overflow-y-auto",children:[Q.map((p,T)=>{let I=Nr(p,T),J=u&&v.includes(I);return jsxs(dr.Fragment,{children:[p.divider&&jsx("div",{className:"border-primary-200 dark:border-primary-700 my-1 border-t"}),jsxs("button",{type:"button",role:u?"option":"menuitem","aria-selected":u?J:void 0,disabled:p.disabled,className:o("flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-sm transition-colors","text-primary-700 hover:bg-primary-100 dark:text-primary-300 dark:hover:bg-primary-700/50",p.disabled&&"pointer-events-none opacity-50"),style:_e(T,se,H,C),onClick:()=>{u?oe(I):(p.onClick?.(),O.current&&clearTimeout(O.current),N(false),n(false),d(""));},children:[u&&jsx("span",{className:o("flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors",J?"border-primary-600 bg-primary-600 text-white dark:border-primary-500 dark:bg-primary-500":"border-secondary-300 bg-white dark:border-secondary-600 dark:bg-secondary-800"),children:J&&jsx(Check,{className:"h-3 w-3"})}),jsx("span",{className:"flex-1 truncate",children:p.label})]})]},I)}),Q.length===0&&!G&&jsx("div",{className:"text-primary-400 px-3 py-2 text-center text-sm",style:_e(0,1,H,C),children:"No matches"}),G&&jsxs("button",{type:"button",className:o("flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-sm transition-colors","text-primary-600 hover:bg-primary-50 dark:text-primary-400 dark:hover:bg-primary-900/30"),style:_e(Q.length,se,H,C),onClick:B,children:[jsx("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center text-lg leading-none",children:"+"}),jsxs("span",{className:"truncate",children:["Add \u201C",k.trim(),"\u201D"]})]})]})]})]})}function Pr({href:e,className:r,onClick:t,children:a}){return jsx("a",{href:e,className:r,onClick:t,children:a})}function Ve({brand:e,onBrandClick:r,navItems:t=[],actions:a=[],linkComponent:l=Pr,height:c="h-12",mobileMenu:s=false,navMenuIcon:f,actionsMenuIcon:y,className:u,children:v}){let L=s&&t.length>0,C=s&&a.length>0,g="md:hidden rounded-md px-1.5 py-1.5 text-primary-500 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-200 [&_svg]:h-5 [&_svg]:w-5",w=n=>n?"text-primary-900 font-medium dark:text-primary-100":"text-primary-500 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-200 transition-colors",m="rounded-md p-1.5 text-primary-500 hover:bg-primary-100 hover:text-primary-700 dark:text-primary-400 dark:hover:bg-primary-800 dark:hover:text-primary-200 transition-colors [&_svg]:h-5 [&_svg]:w-5",N=t.map((n,k)=>({key:typeof n.label=="string"?n.label:String(k),label:n.active?jsx("span",{className:"font-semibold text-primary-900 dark:text-primary-100",children:n.label}):n.label,onClick:()=>{n.onClick?n.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):n.href&&(window.location.href=n.href);}})),H=a.map((n,k)=>({key:n.key??String(k),label:jsxs("span",{className:"flex items-center gap-2 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",children:[n.icon,jsx("span",{children:n.ariaLabel})]}),onClick:()=>{n.onClick?n.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):n.href&&(n.external?window.open(n.href,"_blank","noopener,noreferrer"):window.location.href=n.href);}}));return jsxs("header",{className:o("flex shrink-0 items-center justify-between border-b px-5","border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",c,u),children:[jsxs("div",{className:"flex items-center gap-2 md:gap-6",children:[e&&jsx("div",{className:o("text-lg font-bold text-primary-800 dark:text-primary-100",r&&"cursor-pointer"),onClick:r,role:r?"button":void 0,tabIndex:r?0:void 0,onKeyDown:r?n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),r(n));}:void 0,children:e}),L&&jsx(ze,{intent:"ghost",size:"sm",className:g,label:f??jsx(PanelLeft,{className:"h-5 w-5"}),items:N,align:"left",chevron:false,"aria-label":"Open navigation"}),t.length>0&&jsx("nav",{className:o("flex items-center gap-4 text-sm",s?"hidden md:flex":"flex"),children:t.map((n,k)=>{let d=typeof n.label=="string"?n.label:k,h=w(n.active);return n.href?jsx(l,{href:n.href,className:h,onClick:n.onClick,children:n.label},d):jsx("button",{type:"button",className:o(h,"cursor-pointer"),onClick:n.onClick,children:n.label},d)})})]}),v&&jsx("div",{className:"flex items-center",children:v}),jsxs("div",{className:"flex items-center gap-1",children:[a.length>0&&jsx("div",{className:o("flex items-center gap-1",s?"hidden md:flex":"flex"),children:a.map((n,k)=>n.href?jsx("a",{href:n.href,target:n.external?"_blank":void 0,rel:n.external?"noopener noreferrer":void 0,className:m,"aria-label":n.ariaLabel,onClick:n.onClick,children:n.icon},n.key??k):jsx("button",{type:"button",className:m,"aria-label":n.ariaLabel,onClick:n.onClick,children:n.icon},n.key??k))}),C&&jsx(ze,{intent:"ghost",size:"sm",className:g,label:y??jsx(MoreHorizontal,{className:"h-5 w-5"}),items:H,align:"right",chevron:false,"aria-label":"Open menu"})]})]})}var We=cva("inline-flex items-center gap-1 underline-offset-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/20 [&_svg]:shrink-0",{variants:{intent:{default:"text-primary-600 hover:text-primary-800 active:text-primary-900 dark:text-primary-400 dark:hover:text-primary-200 dark:active:text-primary-100",secondary:"text-secondary-500 hover:text-secondary-700 active:text-secondary-800 dark:text-secondary-400 dark:hover:text-secondary-200 dark:active:text-secondary-100",muted:"text-primary-400 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-300"},size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},underline:{always:"underline",hover:"hover:underline",none:"no-underline"}},defaultVariants:{intent:"default",size:"md",underline:"none"}});function Er(e,r){return !!(r==="_blank"||e&&/^https?:\/\//.test(e))}var _r=e=>jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":true,...e,children:[jsx("path",{d:"M15 3h6v6"}),jsx("path",{d:"M10 14 21 3"}),jsx("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"})]});function He({intent:e,size:r,underline:t,external:a,className:l,children:c,href:s,target:f,rel:y,...u}){let v=a??Er(s,f);return jsxs("a",{href:s,target:v&&!f?"_blank":f,rel:v&&!y?"noopener noreferrer":y,className:o(We({intent:e,size:r,underline:t}),l),...u,children:[c,v&&jsx(_r,{})]})}function ke({items:e,separator:r=jsx(ChevronRight,{className:"h-3.5 w-3.5","aria-hidden":"true"}),homeIcon:t=false,LinkComponent:a="a",className:l}){return jsx("nav",{"aria-label":"Breadcrumb",className:o("flex",l),children:jsx("ol",{className:"flex flex-wrap items-center gap-1 text-sm",children:e.map((c,s)=>{let f=s===e.length-1,y=t===true?jsx(Home,{className:"h-3.5 w-3.5"}):t!==false&&t!==void 0?t:null,u=s===0&&y?y:c.icon;return jsxs("li",{className:"flex items-center gap-1",children:[s>0&&jsx("span",{className:"text-secondary-400 dark:text-secondary-500",children:r}),f?jsxs("span",{"aria-current":"page",className:o("flex items-center gap-1 font-medium text-primary-800 dark:text-primary-100",u&&"gap-1.5"),children:[u,c.label]}):c.href?jsxs(a,{href:c.href,className:o("flex items-center gap-1 text-secondary-500 transition-colors","hover:text-primary-700 dark:text-secondary-400 dark:hover:text-primary-200","rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30",u&&"gap-1.5"),children:[u,c.label]}):jsxs("span",{className:"flex items-center gap-1 text-secondary-500 dark:text-secondary-400",children:[u,c.label]})]},s)})})})}function we(e,r){let t=[];for(let a=e;a<=r;a++)t.push(a);return t}function Yr(e,r,t){let a=t*2+5;if(r<=a)return we(1,r);let l=Math.max(e-t,1),c=Math.min(e+t,r),s=l>2,f=c<r-1;return !s&&f?[...we(1,3+t*2),"\u2026",r]:s&&!f?[1,"\u2026",...we(r-(3+t*2)+1,r)]:[1,"\u2026",...we(l,c),"\u2026",r]}var Ze={sm:"h-7 min-w-7 px-1.5 text-xs",md:"h-9 min-w-9 px-2 text-sm",lg:"h-11 min-w-11 px-2.5 text-base"},me={sm:"h-3.5 w-3.5",md:"h-4 w-4",lg:"h-5 w-5"};function ue({onClick:e,disabled:r,active:t,size:a,"aria-label":l,children:c}){return jsx("button",{type:"button",onClick:e,disabled:r,"aria-label":l,"aria-current":t?"page":void 0,className:o("inline-flex items-center justify-center rounded font-medium transition-colors","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30",Ze[a],t?"bg-primary-600 text-white dark:bg-primary-500":"border border-primary-200 bg-white text-primary-700 hover:bg-primary-50 dark:border-primary-700 dark:bg-primary-900 dark:text-primary-300 dark:hover:bg-primary-800",r&&"pointer-events-none opacity-40"),children:c})}function Ne({totalPages:e,currentPage:r,onPageChange:t,siblingCount:a=2,showFirstLast:l=true,showPageCount:c=false,size:s="md",className:f}){if(e<=1)return null;let y=Yr(r,e,a);return jsxs("nav",{"aria-label":"Pagination",className:o("flex items-center gap-1",f),children:[l&&jsx(ue,{size:s,onClick:()=>t(1),disabled:r===1,"aria-label":"First page",children:jsx(ChevronsLeft,{className:me[s]})}),jsx(ue,{size:s,onClick:()=>t(r-1),disabled:r===1,"aria-label":"Previous page",children:jsx(ChevronLeft,{className:me[s]})}),y.map((u,v)=>u==="\u2026"?jsx("span",{className:o("inline-flex items-center justify-center text-secondary-400",Ze[s]),"aria-hidden":"true",children:jsx(MoreHorizontal,{className:me[s]})},`ellipsis-${v}`):jsx(ue,{size:s,active:u===r,onClick:()=>t(u),"aria-label":`Page ${u}`,children:u},u)),jsx(ue,{size:s,onClick:()=>t(r+1),disabled:r===e,"aria-label":"Next page",children:jsx(ChevronRight,{className:me[s]})}),l&&jsx(ue,{size:s,onClick:()=>t(e),disabled:r===e,"aria-label":"Last page",children:jsx(ChevronsRight,{className:me[s]})}),c&&jsxs("span",{className:"ml-2 text-sm text-secondary-500 dark:text-secondary-400",children:["Page ",r," of ",e]})]})}function er({item:e,mode:r}){return e.separator?jsx("div",{className:"mx-1 h-10 w-px self-center bg-primary-200 dark:bg-primary-700","aria-hidden":true}):jsxs("button",{type:"button",title:e.title??e.label,disabled:e.disabled,onClick:e.onClick,"aria-pressed":e.active,className:o("relative flex shrink-0 items-center justify-center gap-1.5 rounded-lg px-2.5 py-1.5 text-xs font-medium transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400","disabled:cursor-not-allowed disabled:opacity-40",e.active?"bg-primary-100 text-primary-700 shadow-inner dark:bg-primary-800 dark:text-primary-200":"text-primary-700 hover:bg-primary-50 active:bg-primary-100 dark:text-primary-300 dark:hover:bg-primary-800",r==="full"?"min-w-[3.5rem] flex-col gap-0.5 py-2":"","[&_svg]:shrink-0",r==="full"?"[&_svg]:h-5 [&_svg]:w-5":"[&_svg]:h-4 [&_svg]:w-4"),children:[e.icon&&jsx("span",{children:e.icon}),r!=="icons"&&jsx("span",{className:o(r==="full"?"text-[0.6rem] leading-tight":""),children:e.label})]})}function $r({group:e,mode:r,disabled:t=false}){return jsxs("div",{className:o("flex shrink-0 flex-col items-stretch",t&&"opacity-50"),children:[jsx("div",{className:"flex items-center gap-0.5 px-1",children:e.items.map(a=>jsx(er,{item:t?{...a,disabled:true}:a,mode:r},a.key))}),r==="full"&&jsx("div",{className:"mt-1 border-t border-primary-100 px-2 pt-0.5 text-center dark:border-primary-800",children:jsx("span",{className:"text-[0.55rem] text-secondary-400 dark:text-secondary-500",children:e.label})})]})}function De({tabs:e,defaultTab:r,activeTab:t,onTabChange:a,mode:l,onModeChange:c,sticky:s=false,className:f}){let y=e.filter(d=>!d.hidden),[u,v]=useState(r??y[0]?.key??""),[L,C]=useState(l??"full"),[g,w]=useState(true),m=t??u,N=l??L,H=d=>{if(!y.find($=>$.key===d)?.disabled){if(d===m&&N!=="icons"){w($=>!$);return}v(d),a?.(d),w(true);}},k=y.find(d=>d.key===m)??y[0];return jsxs("div",{className:o("select-none border-b border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",s&&"sticky top-0 z-30",f),children:[jsxs("div",{className:"flex items-center border-b border-primary-100 dark:border-primary-800",children:[jsx("div",{className:"flex flex-1 items-end overflow-x-auto",children:y.map(d=>jsxs("button",{type:"button",disabled:d.disabled,onClick:()=>H(d.key),className:o("flex shrink-0 items-center gap-1.5 border-b-2 px-4 py-2 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 [&_svg]:h-4 [&_svg]:w-4",d.disabled?"cursor-not-allowed border-transparent text-secondary-300 opacity-50 dark:text-secondary-600":d.key===m&&g?"border-primary-500 text-primary-700 dark:border-primary-400 dark:text-primary-200":"border-transparent text-secondary-500 hover:border-primary-300 hover:text-primary-600 dark:text-secondary-400 dark:hover:text-primary-300"),children:[d.icon,d.label]},d.key))}),jsx("button",{type:"button",title:g?"Collapse ribbon":"Expand ribbon",onClick:()=>w(d=>!d),className:"ml-auto mr-2 rounded-md p-1.5 text-secondary-400 transition-colors hover:bg-primary-50 hover:text-primary-600 dark:hover:bg-primary-800 dark:hover:text-primary-300",children:g?jsx(ChevronUp,{className:"h-4 w-4"}):jsx(ChevronDown,{className:"h-4 w-4"})})]}),g&&k&&N!=="icons"&&jsx("div",{className:"flex items-stretch gap-1 overflow-x-auto px-2 py-1.5",children:k.groups.map((d,h)=>jsxs(dr.Fragment,{children:[h>0&&jsx("div",{className:"mx-1 h-auto w-px self-stretch bg-primary-100 dark:bg-primary-800"}),jsx($r,{group:d,mode:N,disabled:d.disabled||k.disabled})]},d.key))}),N==="icons"&&g&&k&&jsx("div",{className:"flex items-center gap-0.5 overflow-x-auto px-2 py-1",children:k.groups.flatMap(d=>d.items.map(h=>jsx(er,{item:d.disabled||k.disabled?{...h,disabled:true}:h,mode:"icons"},h.key)))})]})}var jr={SideNav:Le,Header:Ve,NavLink:He,Breadcrumb:ke,Pagination:Ne,RibbonBar:De},en=jr;
+export{ke as Breadcrumb,Ve as Header,He as NavLink,jr as Navigation,Ne as Pagination,De as RibbonBar,Le as SideNav,en as default};

package/dist/Overlay/ContextMenu.cjs

@@ -0,0 +1 @@
+'use strict';var react=require('react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function x(...e){return tailwindMerge.twMerge(clsx.clsx(e))}function k({item:e,depth:c=0,onClose:o}){let[s,l]=react.useState(false),p=react.useRef(null),n=react.useRef(null),t=e.children&&e.children.length>0,d=react.useRef(null),i=()=>{d.current=setTimeout(()=>l(false),150);},u=()=>{d.current&&clearTimeout(d.current);};return e.separator?jsxRuntime.jsx("li",{role:"separator",className:"my-1 h-px bg-primary-100 dark:bg-primary-700","aria-hidden":true}):jsxRuntime.jsxs("li",{ref:p,role:"menuitem","aria-disabled":e.disabled,"aria-haspopup":t,"aria-expanded":t?s:void 0,className:x("relative flex cursor-pointer select-none items-center gap-2 rounded-md px-3 py-1.5 text-sm outline-none transition-colors",e.disabled?"cursor-not-allowed opacity-40":e.danger?"text-danger-600 hover:bg-danger-50 focus-visible:bg-danger-50 dark:text-danger-400 dark:hover:bg-danger-900/30":"text-primary-700 hover:bg-primary-50 focus-visible:bg-primary-50 dark:text-primary-200 dark:hover:bg-primary-800"),tabIndex:e.disabled?-1:0,onMouseEnter:()=>{u(),t&&l(true);},onMouseLeave:()=>{t&&i();},onClick:r=>{e.disabled||t||(e.onClick?.(r),o());},onKeyDown:r=>{e.disabled||((r.key==="Enter"||r.key===" ")&&(r.preventDefault(),t?l(v=>!v):(e.onClick?.(r),o())),r.key==="Escape"&&o());},children:[e.icon?jsxRuntime.jsx("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center [&_svg]:h-4 [&_svg]:w-4",children:e.icon}):jsxRuntime.jsx("span",{className:"h-4 w-4 shrink-0"}),jsxRuntime.jsx("span",{className:"flex-1",children:e.label}),e.shortcut&&!t&&jsxRuntime.jsx("kbd",{className:"ml-auto rounded bg-primary-100 px-1.5 py-0.5 font-mono text-[0.6rem] text-secondary-500 dark:bg-primary-700 dark:text-secondary-400",children:e.shortcut}),t&&jsxRuntime.jsx(lucideReact.ChevronRight,{className:"ml-auto h-3.5 w-3.5 text-secondary-400"}),t&&s&&jsxRuntime.jsx("ul",{ref:n,role:"menu",onMouseEnter:u,onMouseLeave:i,className:x("absolute top-0 z-50 min-w-[11rem] animate-[fade-in_120ms_ease-out,scale-in_120ms_ease-out] rounded-xl border border-primary-200 bg-white p-1.5 shadow-xl dark:border-primary-700 dark:bg-primary-900",c%2===0?"left-full ml-1":"right-full mr-1"),children:e.children.map(r=>jsxRuntime.jsx(k,{item:r,depth:c+1,onClose:o},r.key))})]})}function R({items:e,position:c,onClose:o}){let s=react.useRef(null),[l,p]=react.useState(c);return react.useEffect(()=>{let n=s.current;if(!n)return;let t=n.getBoundingClientRect(),d=window.innerWidth,i=window.innerHeight,{x:u,y:r}=c;u+t.width>d-8&&(u=Math.max(8,d-t.width-8)),r+t.height>i-8&&(r=Math.max(8,i-t.height-8)),p({x:u,y:r});},[c]),react.useEffect(()=>{let n=t=>{s.current&&!s.current.contains(t.target)&&o();};return document.addEventListener("mousedown",n,true),document.addEventListener("touchstart",n,true),document.addEventListener("scroll",o,{passive:true,capture:true}),()=>{document.removeEventListener("mousedown",n,true),document.removeEventListener("touchstart",n,true),document.removeEventListener("scroll",o,true);}},[o]),react.useEffect(()=>{let n=t=>{t.key==="Escape"&&o(),t.key==="Tab"&&t.preventDefault();};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[o]),jsxRuntime.jsx("ul",{ref:s,role:"menu",style:{position:"fixed",left:l.x,top:l.y},className:"z-[9999] min-w-[12rem] animate-[fade-in_120ms_ease-out,scale-in_120ms_ease-out] rounded-xl border border-primary-200 bg-white p-1.5 shadow-2xl dark:border-primary-700 dark:bg-primary-900",children:e.map(n=>jsxRuntime.jsx(k,{item:n,onClose:o},n.key))})}function z({items:e,children:c,disabled:o,onOpenChange:s,className:l}){let[p,n]=react.useState(false),[t,d]=react.useState({x:0,y:0}),i=react.useRef(null),u=react.useCallback((m,y)=>{o||(d({x:m,y}),n(true),s?.(true));},[o,s]),r=react.useCallback(()=>{n(false),s?.(false);},[s]),v=react.useCallback(m=>{m.preventDefault(),m.stopPropagation(),u(m.clientX,m.clientY);},[u]),E=react.useCallback(m=>{let y=m.touches[0];i.current=setTimeout(()=>{document.addEventListener("contextmenu",T=>T.preventDefault(),{capture:true,once:true}),u(y.clientX,y.clientY);},500);},[u]),M=react.useCallback(()=>{i.current&&clearTimeout(i.current);},[]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:x("contents",l),style:{WebkitTouchCallout:"none",userSelect:"none"},onContextMenu:v,onTouchStart:E,onTouchEnd:M,onTouchMove:M,onTouchCancel:M,children:c}),p&&jsxRuntime.jsx(R,{items:e,position:t,onClose:r})]})}exports.ContextMenu=z;

package/dist/Overlay/ContextMenu.d.cts

@@ -0,0 +1,3 @@
+export { ContextMenuItem_alias_3 as ContextMenuItem } from '../_tsup-dts-rollup.cjs';
+export { ContextMenuProps_alias_3 as ContextMenuProps } from '../_tsup-dts-rollup.cjs';
+export { ContextMenu_alias_3 as ContextMenu } from '../_tsup-dts-rollup.cjs';

package/dist/Overlay/ContextMenu.d.ts

@@ -0,0 +1,3 @@
+export { ContextMenuItem_alias_3 as ContextMenuItem } from '../_tsup-dts-rollup.js';
+export { ContextMenuProps_alias_3 as ContextMenuProps } from '../_tsup-dts-rollup.js';
+export { ContextMenu_alias_3 as ContextMenu } from '../_tsup-dts-rollup.js';

package/dist/Overlay/ContextMenu.js

@@ -0,0 +1 @@
+import {useState,useRef,useCallback,useEffect}from'react';import {ChevronRight}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,Fragment,jsx}from'react/jsx-runtime';function x(...e){return twMerge(clsx(e))}function k({item:e,depth:c=0,onClose:o}){let[s,l]=useState(false),p=useRef(null),n=useRef(null),t=e.children&&e.children.length>0,d=useRef(null),i=()=>{d.current=setTimeout(()=>l(false),150);},u=()=>{d.current&&clearTimeout(d.current);};return e.separator?jsx("li",{role:"separator",className:"my-1 h-px bg-primary-100 dark:bg-primary-700","aria-hidden":true}):jsxs("li",{ref:p,role:"menuitem","aria-disabled":e.disabled,"aria-haspopup":t,"aria-expanded":t?s:void 0,className:x("relative flex cursor-pointer select-none items-center gap-2 rounded-md px-3 py-1.5 text-sm outline-none transition-colors",e.disabled?"cursor-not-allowed opacity-40":e.danger?"text-danger-600 hover:bg-danger-50 focus-visible:bg-danger-50 dark:text-danger-400 dark:hover:bg-danger-900/30":"text-primary-700 hover:bg-primary-50 focus-visible:bg-primary-50 dark:text-primary-200 dark:hover:bg-primary-800"),tabIndex:e.disabled?-1:0,onMouseEnter:()=>{u(),t&&l(true);},onMouseLeave:()=>{t&&i();},onClick:r=>{e.disabled||t||(e.onClick?.(r),o());},onKeyDown:r=>{e.disabled||((r.key==="Enter"||r.key===" ")&&(r.preventDefault(),t?l(v=>!v):(e.onClick?.(r),o())),r.key==="Escape"&&o());},children:[e.icon?jsx("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center [&_svg]:h-4 [&_svg]:w-4",children:e.icon}):jsx("span",{className:"h-4 w-4 shrink-0"}),jsx("span",{className:"flex-1",children:e.label}),e.shortcut&&!t&&jsx("kbd",{className:"ml-auto rounded bg-primary-100 px-1.5 py-0.5 font-mono text-[0.6rem] text-secondary-500 dark:bg-primary-700 dark:text-secondary-400",children:e.shortcut}),t&&jsx(ChevronRight,{className:"ml-auto h-3.5 w-3.5 text-secondary-400"}),t&&s&&jsx("ul",{ref:n,role:"menu",onMouseEnter:u,onMouseLeave:i,className:x("absolute top-0 z-50 min-w-[11rem] animate-[fade-in_120ms_ease-out,scale-in_120ms_ease-out] rounded-xl border border-primary-200 bg-white p-1.5 shadow-xl dark:border-primary-700 dark:bg-primary-900",c%2===0?"left-full ml-1":"right-full mr-1"),children:e.children.map(r=>jsx(k,{item:r,depth:c+1,onClose:o},r.key))})]})}function R({items:e,position:c,onClose:o}){let s=useRef(null),[l,p]=useState(c);return useEffect(()=>{let n=s.current;if(!n)return;let t=n.getBoundingClientRect(),d=window.innerWidth,i=window.innerHeight,{x:u,y:r}=c;u+t.width>d-8&&(u=Math.max(8,d-t.width-8)),r+t.height>i-8&&(r=Math.max(8,i-t.height-8)),p({x:u,y:r});},[c]),useEffect(()=>{let n=t=>{s.current&&!s.current.contains(t.target)&&o();};return document.addEventListener("mousedown",n,true),document.addEventListener("touchstart",n,true),document.addEventListener("scroll",o,{passive:true,capture:true}),()=>{document.removeEventListener("mousedown",n,true),document.removeEventListener("touchstart",n,true),document.removeEventListener("scroll",o,true);}},[o]),useEffect(()=>{let n=t=>{t.key==="Escape"&&o(),t.key==="Tab"&&t.preventDefault();};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[o]),jsx("ul",{ref:s,role:"menu",style:{position:"fixed",left:l.x,top:l.y},className:"z-[9999] min-w-[12rem] animate-[fade-in_120ms_ease-out,scale-in_120ms_ease-out] rounded-xl border border-primary-200 bg-white p-1.5 shadow-2xl dark:border-primary-700 dark:bg-primary-900",children:e.map(n=>jsx(k,{item:n,onClose:o},n.key))})}function z({items:e,children:c,disabled:o,onOpenChange:s,className:l}){let[p,n]=useState(false),[t,d]=useState({x:0,y:0}),i=useRef(null),u=useCallback((m,y)=>{o||(d({x:m,y}),n(true),s?.(true));},[o,s]),r=useCallback(()=>{n(false),s?.(false);},[s]),v=useCallback(m=>{m.preventDefault(),m.stopPropagation(),u(m.clientX,m.clientY);},[u]),E=useCallback(m=>{let y=m.touches[0];i.current=setTimeout(()=>{document.addEventListener("contextmenu",T=>T.preventDefault(),{capture:true,once:true}),u(y.clientX,y.clientY);},500);},[u]),M=useCallback(()=>{i.current&&clearTimeout(i.current);},[]);return jsxs(Fragment,{children:[jsx("div",{className:x("contents",l),style:{WebkitTouchCallout:"none",userSelect:"none"},onContextMenu:v,onTouchStart:E,onTouchEnd:M,onTouchMove:M,onTouchCancel:M,children:c}),p&&jsx(R,{items:e,position:t,onClose:r})]})}export{z as ContextMenu};

package/dist/Overlay/Drawer.cjs

@@ -0,0 +1 @@
+'use strict';var react=require('react'),reactDom=require('react-dom'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function n(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var D={right:"drawer-enter-right",left:"drawer-enter-left",top:"drawer-enter-top",bottom:"drawer-enter-bottom"},k={right:e=>({width:e}),left:e=>({width:e}),top:e=>({height:e}),bottom:e=>({height:e})},x={right:"right-0 top-0 bottom-0",left:"left-0 top-0 bottom-0",top:"top-0 left-0 right-0",bottom:"bottom-0 left-0 right-0"};function N({open:e,onOpenChange:r,side:i="right",size:m=i==="top"||i==="bottom"?"50vh":"24rem",backdrop:p=true,closeOnBackdropClick:f=true,children:u,className:b}){let l=react.useRef(null);return react.useEffect(()=>{if(!e)return;let o=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=o;}},[e]),react.useEffect(()=>{if(!e)return;function o(t){t.key==="Escape"&&r(false);}return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[e,r]),react.useEffect(()=>{if(!e)return;let o=l.current;if(!o)return;let t=o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');t[0]?.focus();function c(s){s.key!=="Tab"||t.length===0||(s.shiftKey?document.activeElement===t[0]&&(s.preventDefault(),t[t.length-1].focus()):document.activeElement===t[t.length-1]&&(s.preventDefault(),t[0].focus()));}return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[e]),e?reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50",role:"presentation",children:[p&&jsxRuntime.jsx("div",{className:"drawer-backdrop absolute inset-0 bg-black/40 backdrop-blur-[2px]",onClick:()=>f&&r(false),"aria-hidden":"true"}),jsxRuntime.jsx("div",{ref:l,role:"dialog","aria-modal":"true",className:n("drawer-panel absolute flex flex-col","bg-white shadow-2xl dark:bg-primary-900",x[i],D[i],b),style:k[i](m),children:u})]}),document.body):null}function P({children:e,className:r}){return jsxRuntime.jsx("div",{className:n("flex shrink-0 items-center justify-between border-b border-primary-100 px-5 py-4 dark:border-primary-800",r),children:e})}function R({children:e,className:r}){return jsxRuntime.jsx("div",{className:n("flex-1 overflow-y-auto px-5 py-4",r),children:e})}function E({children:e,className:r}){return jsxRuntime.jsx("div",{className:n("flex shrink-0 items-center justify-end gap-3 border-t border-primary-100 px-5 py-4 dark:border-primary-800",r),children:e})}function C({onClose:e,className:r}){return jsxRuntime.jsx("button",{type:"button",onClick:e,"aria-label":"Close drawer",className:n("rounded-md p-1.5 text-secondary-400 transition-colors","hover:bg-primary-100 hover:text-primary-700 dark:hover:bg-primary-800 dark:hover:text-primary-200","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30",r),children:jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"})})}exports.Drawer=N;exports.DrawerBody=R;exports.DrawerClose=C;exports.DrawerFooter=E;exports.DrawerHeader=P;

package/dist/Overlay/Drawer.css

@@ -0,0 +1 @@
+.drawer-backdrop{animation:drawer-backdrop-in .18s ease-out both}@keyframes drawer-backdrop-in{0%{opacity:0}to{opacity:1}}.drawer-panel{will-change:transform}.drawer-enter-right{animation:drawer-slide-in-right .26s cubic-bezier(.16,1,.3,1) both}.drawer-enter-left{animation:drawer-slide-in-left .26s cubic-bezier(.16,1,.3,1) both}.drawer-enter-top{animation:drawer-slide-in-top .26s cubic-bezier(.16,1,.3,1) both}.drawer-enter-bottom{animation:drawer-slide-in-bottom .26s cubic-bezier(.16,1,.3,1) both}@keyframes drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}

package/dist/Overlay/Drawer.d.cts

@@ -0,0 +1,10 @@
+export { Drawer_alias_3 as Drawer } from '../_tsup-dts-rollup.cjs';
+export { DrawerHeader_alias_3 as DrawerHeader } from '../_tsup-dts-rollup.cjs';
+export { DrawerBody_alias_3 as DrawerBody } from '../_tsup-dts-rollup.cjs';
+export { DrawerFooter_alias_3 as DrawerFooter } from '../_tsup-dts-rollup.cjs';
+export { DrawerClose_alias_3 as DrawerClose } from '../_tsup-dts-rollup.cjs';
+export { DrawerProps_alias_2 as DrawerProps } from '../_tsup-dts-rollup.cjs';
+export { DrawerSide_alias_2 as DrawerSide } from '../_tsup-dts-rollup.cjs';
+export { DrawerHeaderProps_alias_2 as DrawerHeaderProps } from '../_tsup-dts-rollup.cjs';
+export { DrawerBodyProps_alias_2 as DrawerBodyProps } from '../_tsup-dts-rollup.cjs';
+export { DrawerFooterProps_alias_2 as DrawerFooterProps } from '../_tsup-dts-rollup.cjs';

package/dist/Overlay/Drawer.d.ts

@@ -0,0 +1,10 @@
+export { Drawer_alias_3 as Drawer } from '../_tsup-dts-rollup.js';
+export { DrawerHeader_alias_3 as DrawerHeader } from '../_tsup-dts-rollup.js';
+export { DrawerBody_alias_3 as DrawerBody } from '../_tsup-dts-rollup.js';
+export { DrawerFooter_alias_3 as DrawerFooter } from '../_tsup-dts-rollup.js';
+export { DrawerClose_alias_3 as DrawerClose } from '../_tsup-dts-rollup.js';
+export { DrawerProps_alias_2 as DrawerProps } from '../_tsup-dts-rollup.js';
+export { DrawerSide_alias_2 as DrawerSide } from '../_tsup-dts-rollup.js';
+export { DrawerHeaderProps_alias_2 as DrawerHeaderProps } from '../_tsup-dts-rollup.js';
+export { DrawerBodyProps_alias_2 as DrawerBodyProps } from '../_tsup-dts-rollup.js';
+export { DrawerFooterProps_alias_2 as DrawerFooterProps } from '../_tsup-dts-rollup.js';

package/dist/Overlay/Drawer.js

@@ -0,0 +1 @@
+import {useRef,useEffect}from'react';import {createPortal}from'react-dom';import {X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx}from'react/jsx-runtime';function n(...e){return twMerge(clsx(e))}var D={right:"drawer-enter-right",left:"drawer-enter-left",top:"drawer-enter-top",bottom:"drawer-enter-bottom"},k={right:e=>({width:e}),left:e=>({width:e}),top:e=>({height:e}),bottom:e=>({height:e})},x={right:"right-0 top-0 bottom-0",left:"left-0 top-0 bottom-0",top:"top-0 left-0 right-0",bottom:"bottom-0 left-0 right-0"};function N({open:e,onOpenChange:r,side:i="right",size:m=i==="top"||i==="bottom"?"50vh":"24rem",backdrop:p=true,closeOnBackdropClick:f=true,children:u,className:b}){let l=useRef(null);return useEffect(()=>{if(!e)return;let o=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=o;}},[e]),useEffect(()=>{if(!e)return;function o(t){t.key==="Escape"&&r(false);}return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[e,r]),useEffect(()=>{if(!e)return;let o=l.current;if(!o)return;let t=o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');t[0]?.focus();function c(s){s.key!=="Tab"||t.length===0||(s.shiftKey?document.activeElement===t[0]&&(s.preventDefault(),t[t.length-1].focus()):document.activeElement===t[t.length-1]&&(s.preventDefault(),t[0].focus()));}return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[e]),e?createPortal(jsxs("div",{className:"fixed inset-0 z-50",role:"presentation",children:[p&&jsx("div",{className:"drawer-backdrop absolute inset-0 bg-black/40 backdrop-blur-[2px]",onClick:()=>f&&r(false),"aria-hidden":"true"}),jsx("div",{ref:l,role:"dialog","aria-modal":"true",className:n("drawer-panel absolute flex flex-col","bg-white shadow-2xl dark:bg-primary-900",x[i],D[i],b),style:k[i](m),children:u})]}),document.body):null}function P({children:e,className:r}){return jsx("div",{className:n("flex shrink-0 items-center justify-between border-b border-primary-100 px-5 py-4 dark:border-primary-800",r),children:e})}function R({children:e,className:r}){return jsx("div",{className:n("flex-1 overflow-y-auto px-5 py-4",r),children:e})}function E({children:e,className:r}){return jsx("div",{className:n("flex shrink-0 items-center justify-end gap-3 border-t border-primary-100 px-5 py-4 dark:border-primary-800",r),children:e})}function C({onClose:e,className:r}){return jsx("button",{type:"button",onClick:e,"aria-label":"Close drawer",className:n("rounded-md p-1.5 text-secondary-400 transition-colors","hover:bg-primary-100 hover:text-primary-700 dark:hover:bg-primary-800 dark:hover:text-primary-200","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30",r),children:jsx(X,{className:"h-4 w-4"})})}export{N as Drawer,R as DrawerBody,C as DrawerClose,E as DrawerFooter,P as DrawerHeader};

package/dist/Overlay/index.cjs

@@ -1 +1 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),reactDom=require('react-dom');require('lucide-react');var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function u(...t){return tailwindMerge.twMerge(clsx.clsx(t))}classVarianceAuthority.cva("rounded-lg bg-white p-6 shadow-xl dark:bg-primary-900",{variants:{size:{sm:"w-full max-w-sm",md:"w-full max-w-lg",lg:"w-full max-w-2xl",xl:"w-full max-w-4xl",full:"h-[calc(100vh-4rem)] w-[calc(100vw-4rem)]"}},defaultVariants:{size:"md"}});var g=classVarianceAuthority.cva("absolute z-50 rounded px-2 py-1 text-xs shadow-md animate-fade-in",{variants:{intent:{default:"bg-primary-900 text-white dark:bg-primary-100 dark:text-primary-900",light:"border border-primary-200 bg-white text-primary-700 dark:border-primary-600 dark:bg-primary-800 dark:text-primary-200"}},defaultVariants:{intent:"default"}});var r=[];function D(t){r.push(t);}function P(t){let e=r.indexOf(t);e!==-1&&r.splice(e,1);}function O(t){return r.length>0&&r[r.length-1]===t}var R=react.createContext(null);function c({open:t,onOpenChange:e,modal:n=true,closeOnOutsideClick:l=false,children:a}){let o=react.useId();return react.useEffect(()=>{if(t)return D(o),()=>P(o)},[t,o]),react.useEffect(()=>{if(!t||!n)return;let i=s=>{s.key==="Escape"&&O(o)&&e(false);};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[t,n,e,o]),react.useEffect(()=>{if(!t||!n)return;let i=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=i;}},[t,n]),t?jsxRuntime.jsx(R.Provider,{value:{id:o,onOpenChange:e,modal:n,closeOnOutsideClick:l},children:reactDom.createPortal(a,document.body)}):null}var M={top:"bottom-full left-1/2 -translate-x-1/2 mb-2",bottom:"top-full left-1/2 -translate-x-1/2 mt-2",left:"right-full top-1/2 -translate-y-1/2 mr-2",right:"left-full top-1/2 -translate-y-1/2 ml-2"};function d({content:t,position:e="top",intent:n,delay:l=200,maxWidth:a,children:o,className:i}){let[s,m]=react.useState(false),[y,b]=react.useState();return jsxRuntime.jsxs("span",{className:"relative inline-flex",onMouseEnter:()=>{let v=setTimeout(()=>m(true),l);b(v);},onMouseLeave:()=>{clearTimeout(y),m(false);},children:[o,s&&jsxRuntime.jsx("span",{className:u(g({intent:n}),M[e],"pointer-events-none",a?"whitespace-normal":"whitespace-nowrap",i),style:a!==void 0?{maxWidth:a}:void 0,role:"tooltip",children:t})]})}var H={Dialog:c,Tooltip:d},rt=H;exports.Dialog=c;exports.Overlay=H;exports.Tooltip=d;exports.default=rt;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),reactDom=require('react-dom'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function m(...e){return tailwindMerge.twMerge(clsx.clsx(e))}classVarianceAuthority.cva("rounded-lg bg-white p-6 shadow-xl dark:bg-primary-900",{variants:{size:{sm:"w-full max-w-sm",md:"w-full max-w-lg",lg:"w-full max-w-2xl",xl:"w-full max-w-4xl",full:"h-[calc(100vh-4rem)] w-[calc(100vw-4rem)]"}},defaultVariants:{size:"md"}});var H=classVarianceAuthority.cva("absolute z-50 rounded px-2 py-1 text-xs shadow-md animate-fade-in",{variants:{intent:{default:"bg-primary-900 text-white dark:bg-primary-100 dark:text-primary-900",light:"border border-primary-200 bg-white text-primary-700 dark:border-primary-600 dark:bg-primary-800 dark:text-primary-200"}},defaultVariants:{intent:"default"}});var h=[];function U(e){h.push(e);}function q(e){let t=h.indexOf(e);t!==-1&&h.splice(t,1);}function W(e){return h.length>0&&h[h.length-1]===e}var G=react.createContext(null);function T({open:e,onOpenChange:t,modal:r=true,closeOnOutsideClick:l=false,children:d}){let c=react.useId();return react.useEffect(()=>{if(e)return U(c),()=>q(c)},[e,c]),react.useEffect(()=>{if(!e||!r)return;let n=o=>{o.key==="Escape"&&W(c)&&t(false);};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[e,r,t,c]),react.useEffect(()=>{if(!e||!r)return;let n=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=n;}},[e,r]),e?jsxRuntime.jsx(G.Provider,{value:{id:c,onOpenChange:t,modal:r,closeOnOutsideClick:l},children:reactDom.createPortal(d,document.body)}):null}var Q={top:"bottom-full left-1/2 -translate-x-1/2 mb-2",bottom:"top-full left-1/2 -translate-x-1/2 mt-2",left:"right-full top-1/2 -translate-y-1/2 mr-2",right:"left-full top-1/2 -translate-y-1/2 ml-2"};function P({content:e,position:t="top",intent:r,delay:l=200,maxWidth:d,children:c,className:n}){let[o,u]=react.useState(false),[s,a]=react.useState();return jsxRuntime.jsxs("span",{className:"relative inline-flex",onMouseEnter:()=>{let D=setTimeout(()=>u(true),l);a(D);},onMouseLeave:()=>{clearTimeout(s),u(false);},children:[c,o&&jsxRuntime.jsx("span",{className:m(H({intent:r}),Q[t],"pointer-events-none",d?"whitespace-normal":"whitespace-nowrap",n),style:d!==void 0?{maxWidth:d}:void 0,role:"tooltip",children:e})]})}var oe={right:"drawer-enter-right",left:"drawer-enter-left",top:"drawer-enter-top",bottom:"drawer-enter-bottom"},ne={right:e=>({width:e}),left:e=>({width:e}),top:e=>({height:e}),bottom:e=>({height:e})},ae={right:"right-0 top-0 bottom-0",left:"left-0 top-0 bottom-0",top:"top-0 left-0 right-0",bottom:"bottom-0 left-0 right-0"};function v({open:e,onOpenChange:t,side:r="right",size:l=r==="top"||r==="bottom"?"50vh":"24rem",backdrop:d=true,closeOnBackdropClick:c=true,children:n,className:o}){let u=react.useRef(null);return react.useEffect(()=>{if(!e)return;let s=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=s;}},[e]),react.useEffect(()=>{if(!e)return;function s(a){a.key==="Escape"&&t(false);}return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e,t]),react.useEffect(()=>{if(!e)return;let s=u.current;if(!s)return;let a=s.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');a[0]?.focus();function i(f){f.key!=="Tab"||a.length===0||(f.shiftKey?document.activeElement===a[0]&&(f.preventDefault(),a[a.length-1].focus()):document.activeElement===a[a.length-1]&&(f.preventDefault(),a[0].focus()));}return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[e]),e?reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50",role:"presentation",children:[d&&jsxRuntime.jsx("div",{className:"drawer-backdrop absolute inset-0 bg-black/40 backdrop-blur-[2px]",onClick:()=>c&&t(false),"aria-hidden":"true"}),jsxRuntime.jsx("div",{ref:u,role:"dialog","aria-modal":"true",className:m("drawer-panel absolute flex flex-col","bg-white shadow-2xl dark:bg-primary-900",ae[r],oe[r],o),style:ne[r](l),children:n})]}),document.body):null}function O({children:e,className:t}){return jsxRuntime.jsx("div",{className:m("flex shrink-0 items-center justify-between border-b border-primary-100 px-5 py-4 dark:border-primary-800",t),children:e})}function V({children:e,className:t}){return jsxRuntime.jsx("div",{className:m("flex-1 overflow-y-auto px-5 py-4",t),children:e})}function B({children:e,className:t}){return jsxRuntime.jsx("div",{className:m("flex shrink-0 items-center justify-end gap-3 border-t border-primary-100 px-5 py-4 dark:border-primary-800",t),children:e})}function _({onClose:e,className:t}){return jsxRuntime.jsx("button",{type:"button",onClick:e,"aria-label":"Close drawer",className:m("rounded-md p-1.5 text-secondary-400 transition-colors","hover:bg-primary-100 hover:text-primary-700 dark:hover:bg-primary-800 dark:hover:text-primary-200","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30",t),children:jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"})})}function z({item:e,depth:t=0,onClose:r}){let[l,d]=react.useState(false),c=react.useRef(null),n=react.useRef(null),o=e.children&&e.children.length>0,u=react.useRef(null),s=()=>{u.current=setTimeout(()=>d(false),150);},a=()=>{u.current&&clearTimeout(u.current);};return e.separator?jsxRuntime.jsx("li",{role:"separator",className:"my-1 h-px bg-primary-100 dark:bg-primary-700","aria-hidden":true}):jsxRuntime.jsxs("li",{ref:c,role:"menuitem","aria-disabled":e.disabled,"aria-haspopup":o,"aria-expanded":o?l:void 0,className:m("relative flex cursor-pointer select-none items-center gap-2 rounded-md px-3 py-1.5 text-sm outline-none transition-colors",e.disabled?"cursor-not-allowed opacity-40":e.danger?"text-danger-600 hover:bg-danger-50 focus-visible:bg-danger-50 dark:text-danger-400 dark:hover:bg-danger-900/30":"text-primary-700 hover:bg-primary-50 focus-visible:bg-primary-50 dark:text-primary-200 dark:hover:bg-primary-800"),tabIndex:e.disabled?-1:0,onMouseEnter:()=>{a(),o&&d(true);},onMouseLeave:()=>{o&&s();},onClick:i=>{e.disabled||o||(e.onClick?.(i),r());},onKeyDown:i=>{e.disabled||((i.key==="Enter"||i.key===" ")&&(i.preventDefault(),o?d(f=>!f):(e.onClick?.(i),r())),i.key==="Escape"&&r());},children:[e.icon?jsxRuntime.jsx("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center [&_svg]:h-4 [&_svg]:w-4",children:e.icon}):jsxRuntime.jsx("span",{className:"h-4 w-4 shrink-0"}),jsxRuntime.jsx("span",{className:"flex-1",children:e.label}),e.shortcut&&!o&&jsxRuntime.jsx("kbd",{className:"ml-auto rounded bg-primary-100 px-1.5 py-0.5 font-mono text-[0.6rem] text-secondary-500 dark:bg-primary-700 dark:text-secondary-400",children:e.shortcut}),o&&jsxRuntime.jsx(lucideReact.ChevronRight,{className:"ml-auto h-3.5 w-3.5 text-secondary-400"}),o&&l&&jsxRuntime.jsx("ul",{ref:n,role:"menu",onMouseEnter:a,onMouseLeave:s,className:m("absolute top-0 z-50 min-w-[11rem] animate-[fade-in_120ms_ease-out,scale-in_120ms_ease-out] rounded-xl border border-primary-200 bg-white p-1.5 shadow-xl dark:border-primary-700 dark:bg-primary-900",t%2===0?"left-full ml-1":"right-full mr-1"),children:e.children.map(i=>jsxRuntime.jsx(z,{item:i,depth:t+1,onClose:r},i.key))})]})}function le({items:e,position:t,onClose:r}){let l=react.useRef(null),[d,c]=react.useState(t);return react.useEffect(()=>{let n=l.current;if(!n)return;let o=n.getBoundingClientRect(),u=window.innerWidth,s=window.innerHeight,{x:a,y:i}=t;a+o.width>u-8&&(a=Math.max(8,u-o.width-8)),i+o.height>s-8&&(i=Math.max(8,s-o.height-8)),c({x:a,y:i});},[t]),react.useEffect(()=>{let n=o=>{l.current&&!l.current.contains(o.target)&&r();};return document.addEventListener("mousedown",n,true),document.addEventListener("touchstart",n,true),document.addEventListener("scroll",r,{passive:true,capture:true}),()=>{document.removeEventListener("mousedown",n,true),document.removeEventListener("touchstart",n,true),document.removeEventListener("scroll",r,true);}},[r]),react.useEffect(()=>{let n=o=>{o.key==="Escape"&&r(),o.key==="Tab"&&o.preventDefault();};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[r]),jsxRuntime.jsx("ul",{ref:l,role:"menu",style:{position:"fixed",left:d.x,top:d.y},className:"z-[9999] min-w-[12rem] animate-[fade-in_120ms_ease-out,scale-in_120ms_ease-out] rounded-xl border border-primary-200 bg-white p-1.5 shadow-2xl dark:border-primary-700 dark:bg-primary-900",children:e.map(n=>jsxRuntime.jsx(z,{item:n,onClose:r},n.key))})}function N({items:e,children:t,disabled:r,onOpenChange:l,className:d}){let[c,n]=react.useState(false),[o,u]=react.useState({x:0,y:0}),s=react.useRef(null),a=react.useCallback((b,w)=>{r||(u({x:b,y:w}),n(true),l?.(true));},[r,l]),i=react.useCallback(()=>{n(false),l?.(false);},[l]),f=react.useCallback(b=>{b.preventDefault(),b.stopPropagation(),a(b.clientX,b.clientY);},[a]),D=react.useCallback(b=>{let w=b.touches[0];s.current=setTimeout(()=>{document.addEventListener("contextmenu",A=>A.preventDefault(),{capture:true,once:true}),a(w.clientX,w.clientY);},500);},[a]),C=react.useCallback(()=>{s.current&&clearTimeout(s.current);},[]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:m("contents",d),style:{WebkitTouchCallout:"none",userSelect:"none"},onContextMenu:f,onTouchStart:D,onTouchEnd:C,onTouchMove:C,onTouchCancel:C,children:t}),c&&jsxRuntime.jsx(le,{items:e,position:o,onClose:i})]})}var ce={Dialog:T,Tooltip:P,Drawer:v,ContextMenu:N},tt=ce;exports.ContextMenu=N;exports.Dialog=T;exports.Drawer=v;exports.DrawerBody=V;exports.DrawerClose=_;exports.DrawerFooter=B;exports.DrawerHeader=O;exports.Overlay=ce;exports.Tooltip=P;exports.default=tt;

package/dist/Overlay/index.css

@@ -0,0 +1 @@
+.drawer-backdrop{animation:drawer-backdrop-in .18s ease-out both}@keyframes drawer-backdrop-in{0%{opacity:0}to{opacity:1}}.drawer-panel{will-change:transform}.drawer-enter-right{animation:drawer-slide-in-right .26s cubic-bezier(.16,1,.3,1) both}.drawer-enter-left{animation:drawer-slide-in-left .26s cubic-bezier(.16,1,.3,1) both}.drawer-enter-top{animation:drawer-slide-in-top .26s cubic-bezier(.16,1,.3,1) both}.drawer-enter-bottom{animation:drawer-slide-in-bottom .26s cubic-bezier(.16,1,.3,1) both}@keyframes drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}

package/dist/Overlay/index.d.cts

@@ -1,4 +1,12 @@
 export { Dialog_alias_1 as Dialog } from '../_tsup-dts-rollup.cjs';
 export { Tooltip_alias_1 as Tooltip } from '../_tsup-dts-rollup.cjs';
+export { Drawer_alias_1 as Drawer } from '../_tsup-dts-rollup.cjs';
+export { DrawerHeader_alias_1 as DrawerHeader } from '../_tsup-dts-rollup.cjs';
+export { DrawerBody_alias_1 as DrawerBody } from '../_tsup-dts-rollup.cjs';
+export { DrawerFooter_alias_1 as DrawerFooter } from '../_tsup-dts-rollup.cjs';
+export { DrawerClose_alias_1 as DrawerClose } from '../_tsup-dts-rollup.cjs';
+export { ContextMenu_alias_1 as ContextMenu } from '../_tsup-dts-rollup.cjs';
+export { ContextMenuItem_alias_1 as ContextMenuItem } from '../_tsup-dts-rollup.cjs';
+export { ContextMenuProps_alias_1 as ContextMenuProps } from '../_tsup-dts-rollup.cjs';
 export { Overlay_alias_1 as Overlay } from '../_tsup-dts-rollup.cjs';
 export { default_alias_9 as default } from '../_tsup-dts-rollup.cjs';

package/dist/Overlay/index.d.ts

@@ -1,4 +1,12 @@
 export { Dialog_alias_1 as Dialog } from '../_tsup-dts-rollup.js';
 export { Tooltip_alias_1 as Tooltip } from '../_tsup-dts-rollup.js';
+export { Drawer_alias_1 as Drawer } from '../_tsup-dts-rollup.js';
+export { DrawerHeader_alias_1 as DrawerHeader } from '../_tsup-dts-rollup.js';
+export { DrawerBody_alias_1 as DrawerBody } from '../_tsup-dts-rollup.js';
+export { DrawerFooter_alias_1 as DrawerFooter } from '../_tsup-dts-rollup.js';
+export { DrawerClose_alias_1 as DrawerClose } from '../_tsup-dts-rollup.js';
+export { ContextMenu_alias_1 as ContextMenu } from '../_tsup-dts-rollup.js';
+export { ContextMenuItem_alias_1 as ContextMenuItem } from '../_tsup-dts-rollup.js';
+export { ContextMenuProps_alias_1 as ContextMenuProps } from '../_tsup-dts-rollup.js';
 export { Overlay_alias_1 as Overlay } from '../_tsup-dts-rollup.js';
 export { default_alias_9 as default } from '../_tsup-dts-rollup.js';