@jacshuo/onyx 2.0.0 → 2.2.0

package/dist/Navigation/Header.cjs

@@ -1 +1 @@
-'use strict';var lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),ae=require('react'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var ae__default=/*#__PURE__*/_interopDefault(ae);function i(...n){return tailwindMerge.twMerge(clsx.clsx(n))}var J=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 ie(n,t){return n.key??(typeof n.label=="string"?n.label:String(t))}var S=40,de=200,B=150,W=120;function q(n,t,d,c){if(!c)return {};if(d){let E=(t-1-n)*S;return {animation:`dropdown-item-out ${B}ms ease-in both ${E}ms`}}let _=n*S;return {animation:`dropdown-item-in ${de}ms ease-out both ${_}ms`}}function ce(n,t,d){if(!d)return {};if(t){let c=Math.max(n-1,0)*S+B;return {animation:`dropdown-container-out ${W}ms ease-in both ${c}ms`}}return {animation:"var(--animate-dropdown-container-in)"}}function U({label:n,items:t,intent:d,size:c,align:_="left",className:E,disabled:f,editable:k=false,onAddItem:T,multiple:g=false,selected:m=[],onSelectionChange:D,animated:y=true,chevron:I=true,...P}){let[o,v]=ae.useState(false),[w,e]=ae.useState(false),[a,b]=ae.useState(""),N=ae.useRef(null),G=ae.useRef(null),x=ae.useRef(void 0);ae.useEffect(()=>()=>{x.current&&clearTimeout(x.current);},[]);let R=ae.useCallback(()=>{if(!y||!o){v(false),b("");return}e(true);let l=(Math.max(t.length,1)-1)*S+B+W+20;x.current=setTimeout(()=>{v(false),e(false),b("");},l);},[y,o,t.length]),X=ae.useCallback(()=>{f||(o?R():(x.current&&clearTimeout(x.current),e(false),v(true),b(""),k&&requestAnimationFrame(()=>G.current?.focus())));},[f,o,R,k]);ae.useEffect(()=>{if(!o)return;let r=l=>{N.current&&!N.current.contains(l.target)&&R();};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[o,R]),ae.useEffect(()=>{if(!o)return;let r=l=>{l.key==="Escape"&&R();};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[o,R]);let L=a.toLowerCase(),z=ae.useMemo(()=>a?t.filter(r=>(typeof r.label=="string"?r.label:r.key??"").toLowerCase().includes(L)):t,[t,L]),C=ae.useMemo(()=>!k||!a.trim()?false:!t.some(r=>(typeof r.label=="string"?r.label:r.key??"").toLowerCase()===L),[k,L,t]),A=ae.useCallback(()=>{let r=a.trim();r&&(T?.(r),b(""));},[a,T]),Y=ae.useCallback(r=>{r.key==="Enter"&&C&&(r.preventDefault(),A());},[C,A]),Z=ae.useCallback(r=>{let l=m.includes(r)?m.filter(M=>M!==r):[...m,r];D?.(l);},[m,D]),ee=g&&m.length>0?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[n," ",jsxRuntime.jsx("span",{className:"ml-1 rounded-full bg-white/20 px-1.5 text-xs font-semibold",children:m.length})]}):n,re=z.length===0&&!C||C?1:0,O=z.length+re;return jsxRuntime.jsxs("div",{ref:N,className:"relative inline-block",children:[jsxRuntime.jsxs("button",{type:"button",onClick:X,disabled:f,className:i(J({intent:d,size:c}),"inline-flex items-center gap-1",E),"aria-haspopup":g?"listbox":"true","aria-expanded":o?"true":"false",...P,children:[ee,I&&jsxRuntime.jsx(lucideReact.ChevronDown,{className:i("h-3.5 w-3.5 transition-transform",o&&"rotate-180")})]}),o&&jsxRuntime.jsxs("div",{className:i("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",_==="right"?"right-0":"left-0"),style:ce(O,w,y),role:g?"listbox":"menu","aria-multiselectable":g||void 0,children:[k&&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:G,type:"text",value:a,onChange:r=>b(r.target.value),onKeyDown:Y,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:[z.map((r,l)=>{let M=ie(r,l),K=g&&m.includes(M);return jsxRuntime.jsxs(ae__default.default.Fragment,{children:[r.divider&&jsxRuntime.jsx("div",{className:"border-primary-200 dark:border-primary-700 my-1 border-t"}),jsxRuntime.jsxs("button",{type:"button",role:g?"option":"menuitem","aria-selected":g?K:void 0,disabled:r.disabled,className:i("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",r.disabled&&"pointer-events-none opacity-50"),style:q(l,O,w,y),onClick:()=>{g?Z(M):(r.onClick?.(),x.current&&clearTimeout(x.current),v(false),e(false),b(""));},children:[g&&jsxRuntime.jsx("span",{className:i("flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors",K?"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:K&&jsxRuntime.jsx(lucideReact.Check,{className:"h-3 w-3"})}),jsxRuntime.jsx("span",{className:"flex-1 truncate",children:r.label})]})]},M)}),z.length===0&&!C&&jsxRuntime.jsx("div",{className:"text-primary-400 px-3 py-2 text-center text-sm",style:q(0,1,w,y),children:"No matches"}),C&&jsxRuntime.jsxs("button",{type:"button",className:i("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:q(z.length,O,w,y),onClick:A,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",a.trim(),"\u201D"]})]})]})]})]})}function pe({href:n,className:t,onClick:d,children:c}){return jsxRuntime.jsx("a",{href:n,className:t,onClick:d,children:c})}function Se({brand:n,onBrandClick:t,navItems:d=[],actions:c=[],linkComponent:_=pe,height:E="h-12",mobileMenu:f=false,navMenuIcon:k,actionsMenuIcon:T,className:g,children:m}){let D=f&&d.length>0,y=f&&c.length>0,I="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",P=e=>e?"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",o="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",v=d.map((e,a)=>({key:typeof e.label=="string"?e.label:String(a),label:e.active?jsxRuntime.jsx("span",{className:"font-semibold text-primary-900 dark:text-primary-100",children:e.label}):e.label,onClick:()=>{e.onClick?e.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):e.href&&(window.location.href=e.href);}})),w=c.map((e,a)=>({key:e.key??String(a),label:jsxRuntime.jsxs("span",{className:"flex items-center gap-2 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",children:[e.icon,jsxRuntime.jsx("span",{children:e.ariaLabel})]}),onClick:()=>{e.onClick?e.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):e.href&&(e.external?window.open(e.href,"_blank","noopener,noreferrer"):window.location.href=e.href);}}));return jsxRuntime.jsxs("header",{className:i("flex shrink-0 items-center justify-between border-b px-5","border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",E,g),children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 md:gap-6",children:[n&&jsxRuntime.jsx("div",{className:i("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?e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),t(e));}:void 0,children:n}),D&&jsxRuntime.jsx(U,{intent:"ghost",size:"sm",className:I,label:k??jsxRuntime.jsx(lucideReact.PanelLeft,{className:"h-5 w-5"}),items:v,align:"left",chevron:false,"aria-label":"Open navigation"}),d.length>0&&jsxRuntime.jsx("nav",{className:i("flex items-center gap-4 text-sm",f?"hidden md:flex":"flex"),children:d.map((e,a)=>{let b=typeof e.label=="string"?e.label:a,N=P(e.active);return e.href?jsxRuntime.jsx(_,{href:e.href,className:N,onClick:e.onClick,children:e.label},b):jsxRuntime.jsx("button",{type:"button",className:i(N,"cursor-pointer"),onClick:e.onClick,children:e.label},b)})})]}),m&&jsxRuntime.jsx("div",{className:"flex items-center",children:m}),jsxRuntime.jsxs("div",{className:"flex items-center gap-1",children:[c.length>0&&jsxRuntime.jsx("div",{className:i("flex items-center gap-1",f?"hidden md:flex":"flex"),children:c.map((e,a)=>e.href?jsxRuntime.jsx("a",{href:e.href,target:e.external?"_blank":void 0,rel:e.external?"noopener noreferrer":void 0,className:o,"aria-label":e.ariaLabel,onClick:e.onClick,children:e.icon},e.key??a):jsxRuntime.jsx("button",{type:"button",className:o,"aria-label":e.ariaLabel,onClick:e.onClick,children:e.icon},e.key??a))}),y&&jsxRuntime.jsx(U,{intent:"ghost",size:"sm",className:I,label:T??jsxRuntime.jsx(lucideReact.MoreHorizontal,{className:"h-5 w-5"}),items:w,align:"right",chevron:false,"aria-label":"Open menu"})]})]})}exports.Header=Se;
+'use strict';var lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),ne=require('react'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var ne__default=/*#__PURE__*/_interopDefault(ne);function i(...a){return tailwindMerge.twMerge(clsx.clsx(a))}var J=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 ie(a,t){return a.key??(typeof a.label=="string"?a.label:String(t))}var S=40,de=200,B=150,W=120;function F(a,t,d,c){if(!c)return {};if(d){let z=(t-1-a)*S;return {animation:`dropdown-item-out ${B}ms ease-in both ${z}ms`}}let C=a*S;return {animation:`dropdown-item-in ${de}ms ease-out both ${C}ms`}}function ce(a,t,d){if(!d)return {};if(t){let c=Math.max(a-1,0)*S+B;return {animation:`dropdown-container-out ${W}ms ease-in both ${c}ms`}}return {animation:"var(--animate-dropdown-container-in)"}}function U({label:a,items:t,intent:d,size:c,align:C="left",className:z,disabled:f,editable:h=false,onAddItem:T,multiple:m=false,selected:b=[],onSelectionChange:D,animated:x=true,chevron:I=true,...P}){let[o,v]=ne.useState(false),[w,e]=ne.useState(false),[n,u]=ne.useState(""),N=ne.useRef(null),G=ne.useRef(null),k=ne.useRef(void 0);ne.useEffect(()=>()=>{k.current&&clearTimeout(k.current);},[]);let _=ne.useCallback(()=>{if(!x||!o){v(false),u("");return}e(true);let l=(Math.max(t.length,1)-1)*S+B+W+20;k.current=setTimeout(()=>{v(false),e(false),u("");},l);},[x,o,t.length]),X=ne.useCallback(()=>{f||(o?_():(k.current&&clearTimeout(k.current),e(false),v(true),u(""),h&&requestAnimationFrame(()=>G.current?.focus())));},[f,o,_,h]);ne.useEffect(()=>{if(!o)return;let r=l=>{N.current&&!N.current.contains(l.target)&&_();};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[o,_]),ne.useEffect(()=>{if(!o)return;let r=l=>{l.key==="Escape"&&_();};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[o,_]);let L=n.toLowerCase(),V=ne.useMemo(()=>n?t.filter(r=>(typeof r.label=="string"?r.label:r.key??"").toLowerCase().includes(L)):t,[t,L]),R=ne.useMemo(()=>!h||!n.trim()?false:!t.some(r=>(typeof r.label=="string"?r.label:r.key??"").toLowerCase()===L),[h,L,t]),A=ne.useCallback(()=>{let r=n.trim();r&&(T?.(r),u(""));},[n,T]),Y=ne.useCallback(r=>{r.key==="Enter"&&R&&(r.preventDefault(),A());},[R,A]),Z=ne.useCallback(r=>{let l=b.includes(r)?b.filter(E=>E!==r):[...b,r];D?.(l);},[b,D]),ee=m&&b.length>0?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[a," ",jsxRuntime.jsx("span",{className:"ml-1 rounded-full bg-white/20 px-1.5 text-xs font-semibold",children:b.length})]}):a,re=V.length===0&&!R||R?1:0,O=V.length+re;return jsxRuntime.jsxs("div",{ref:N,className:"relative inline-block",children:[jsxRuntime.jsxs("button",{type:"button",onClick:X,disabled:f,className:i(J({intent:d,size:c}),"inline-flex items-center gap-1",z),"aria-haspopup":m?"listbox":"true","aria-expanded":o?"true":"false",...P,children:[ee,I&&jsxRuntime.jsx(lucideReact.ChevronDown,{className:i("h-3.5 w-3.5 transition-transform",o&&"rotate-180")})]}),o&&jsxRuntime.jsxs("div",{className:i("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",C==="right"?"right-0":"left-0"),style:ce(O,w,x),role:m?"listbox":"menu","aria-multiselectable":m||void 0,children:[h&&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:G,type:"text",value:n,onChange:r=>u(r.target.value),onKeyDown:Y,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:[V.map((r,l)=>{let E=ie(r,l),K=m&&b.includes(E);return jsxRuntime.jsxs(ne__default.default.Fragment,{children:[r.divider&&jsxRuntime.jsx("div",{className:"border-primary-200 dark:border-primary-700 my-1 border-t"}),jsxRuntime.jsxs("button",{type:"button",role:m?"option":"menuitem","aria-selected":m?K:void 0,disabled:r.disabled,className:i("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",r.disabled&&"pointer-events-none opacity-50"),style:F(l,O,w,x),onClick:()=>{m?Z(E):(r.onClick?.(),k.current&&clearTimeout(k.current),v(false),e(false),u(""));},children:[m&&jsxRuntime.jsx("span",{className:i("flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors",K?"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:K&&jsxRuntime.jsx(lucideReact.Check,{className:"h-3 w-3"})}),jsxRuntime.jsx("span",{className:"flex-1 truncate",children:r.label})]})]},E)}),V.length===0&&!R&&jsxRuntime.jsx("div",{className:"text-primary-400 px-3 py-2 text-center text-sm",style:F(0,1,w,x),children:"No matches"}),R&&jsxRuntime.jsxs("button",{type:"button",className:i("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:F(V.length,O,w,x),onClick:A,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",n.trim(),"\u201D"]})]})]})]})]})}function be({href:a,className:t,onClick:d,children:c}){return jsxRuntime.jsx("a",{href:a,className:t,onClick:d,children:c})}function Oe({brand:a,onBrandClick:t,navItems:d=[],actions:c=[],linkComponent:C=be,height:z="h-12",mobileMenu:f=false,navMenuIcon:h,actionsMenuIcon:T,className:m,children:b}){let D=f&&d.length>0,x=f&&c.length>0,I="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",P=e=>e?"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",o="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",v=d.map((e,n)=>({key:typeof e.label=="string"?e.label:String(n),label:e.active?jsxRuntime.jsx("span",{className:"font-semibold text-primary-900 dark:text-primary-100",children:e.label}):e.label,onClick:()=>{e.onClick?e.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):e.href&&(window.location.href=e.href);}})),w=c.map((e,n)=>({key:e.key??String(n),label:jsxRuntime.jsxs("span",{className:"flex items-center gap-2 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",children:[e.icon,jsxRuntime.jsx("span",{children:e.ariaLabel})]}),onClick:()=>{e.onClick?e.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):e.href&&(e.external?window.open(e.href,"_blank","noopener,noreferrer"):window.location.href=e.href);}}));return jsxRuntime.jsxs("header",{className:i("flex shrink-0 items-center justify-between border-b px-5","border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",z,m),children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 md:gap-6",children:[a&&jsxRuntime.jsx("div",{className:i("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?e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),t(e));}:void 0,children:a}),D&&jsxRuntime.jsx(U,{intent:"ghost",size:"sm",className:I,label:h??jsxRuntime.jsx(lucideReact.PanelLeft,{className:"h-5 w-5"}),items:v,align:"left",chevron:false,"aria-label":"Open navigation"}),d.length>0&&jsxRuntime.jsx("nav",{className:i("flex items-center gap-4 text-sm",f?"hidden md:flex":"flex"),children:d.map((e,n)=>{let u=typeof e.label=="string"?e.label:n,N=P(e.active);return e.href?jsxRuntime.jsx(C,{href:e.href,className:N,onClick:e.onClick,children:e.label},u):jsxRuntime.jsx("button",{type:"button",className:i(N,"cursor-pointer"),onClick:e.onClick,children:e.label},u)})})]}),b&&jsxRuntime.jsx("div",{className:"flex items-center",children:b}),jsxRuntime.jsxs("div",{className:"flex items-center gap-1",children:[c.length>0&&jsxRuntime.jsx("div",{className:i("flex items-center gap-1",f?"hidden md:flex":"flex"),children:c.map((e,n)=>e.href?jsxRuntime.jsx("a",{href:e.href,target:e.external?"_blank":void 0,rel:e.external?"noopener noreferrer":void 0,className:o,"aria-label":e.ariaLabel,onClick:e.onClick,children:e.icon},e.key??n):jsxRuntime.jsx("button",{type:"button",className:o,"aria-label":e.ariaLabel,onClick:e.onClick,children:e.icon},e.key??n))}),x&&jsxRuntime.jsx(U,{intent:"ghost",size:"sm",className:I,label:T??jsxRuntime.jsx(lucideReact.MoreHorizontal,{className:"h-5 w-5"}),items:w,align:"right",chevron:false,"aria-label":"Open menu"})]})]})}exports.Header=Oe;

package/dist/Navigation/Header.js

@@ -1 +1 @@
-import {PanelLeft,MoreHorizontal,ChevronDown,Check}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import ae,{useState,useRef,useEffect,useCallback,useMemo}from'react';import {cva}from'class-variance-authority';import {jsx,jsxs,Fragment}from'react/jsx-runtime';function i(...n){return twMerge(clsx(n))}var J=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 ie(n,t){return n.key??(typeof n.label=="string"?n.label:String(t))}var S=40,de=200,B=150,W=120;function q(n,t,d,c){if(!c)return {};if(d){let E=(t-1-n)*S;return {animation:`dropdown-item-out ${B}ms ease-in both ${E}ms`}}let _=n*S;return {animation:`dropdown-item-in ${de}ms ease-out both ${_}ms`}}function ce(n,t,d){if(!d)return {};if(t){let c=Math.max(n-1,0)*S+B;return {animation:`dropdown-container-out ${W}ms ease-in both ${c}ms`}}return {animation:"var(--animate-dropdown-container-in)"}}function U({label:n,items:t,intent:d,size:c,align:_="left",className:E,disabled:f,editable:k=false,onAddItem:T,multiple:g=false,selected:m=[],onSelectionChange:D,animated:y=true,chevron:I=true,...P}){let[o,v]=useState(false),[w,e]=useState(false),[a,b]=useState(""),N=useRef(null),G=useRef(null),x=useRef(void 0);useEffect(()=>()=>{x.current&&clearTimeout(x.current);},[]);let R=useCallback(()=>{if(!y||!o){v(false),b("");return}e(true);let l=(Math.max(t.length,1)-1)*S+B+W+20;x.current=setTimeout(()=>{v(false),e(false),b("");},l);},[y,o,t.length]),X=useCallback(()=>{f||(o?R():(x.current&&clearTimeout(x.current),e(false),v(true),b(""),k&&requestAnimationFrame(()=>G.current?.focus())));},[f,o,R,k]);useEffect(()=>{if(!o)return;let r=l=>{N.current&&!N.current.contains(l.target)&&R();};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[o,R]),useEffect(()=>{if(!o)return;let r=l=>{l.key==="Escape"&&R();};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[o,R]);let L=a.toLowerCase(),z=useMemo(()=>a?t.filter(r=>(typeof r.label=="string"?r.label:r.key??"").toLowerCase().includes(L)):t,[t,L]),C=useMemo(()=>!k||!a.trim()?false:!t.some(r=>(typeof r.label=="string"?r.label:r.key??"").toLowerCase()===L),[k,L,t]),A=useCallback(()=>{let r=a.trim();r&&(T?.(r),b(""));},[a,T]),Y=useCallback(r=>{r.key==="Enter"&&C&&(r.preventDefault(),A());},[C,A]),Z=useCallback(r=>{let l=m.includes(r)?m.filter(M=>M!==r):[...m,r];D?.(l);},[m,D]),ee=g&&m.length>0?jsxs(Fragment,{children:[n," ",jsx("span",{className:"ml-1 rounded-full bg-white/20 px-1.5 text-xs font-semibold",children:m.length})]}):n,re=z.length===0&&!C||C?1:0,O=z.length+re;return jsxs("div",{ref:N,className:"relative inline-block",children:[jsxs("button",{type:"button",onClick:X,disabled:f,className:i(J({intent:d,size:c}),"inline-flex items-center gap-1",E),"aria-haspopup":g?"listbox":"true","aria-expanded":o?"true":"false",...P,children:[ee,I&&jsx(ChevronDown,{className:i("h-3.5 w-3.5 transition-transform",o&&"rotate-180")})]}),o&&jsxs("div",{className:i("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",_==="right"?"right-0":"left-0"),style:ce(O,w,y),role:g?"listbox":"menu","aria-multiselectable":g||void 0,children:[k&&jsx("div",{className:"border-primary-200 dark:border-primary-700 border-b px-2 pb-1.5 pt-1",children:jsx("input",{ref:G,type:"text",value:a,onChange:r=>b(r.target.value),onKeyDown:Y,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:[z.map((r,l)=>{let M=ie(r,l),K=g&&m.includes(M);return jsxs(ae.Fragment,{children:[r.divider&&jsx("div",{className:"border-primary-200 dark:border-primary-700 my-1 border-t"}),jsxs("button",{type:"button",role:g?"option":"menuitem","aria-selected":g?K:void 0,disabled:r.disabled,className:i("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",r.disabled&&"pointer-events-none opacity-50"),style:q(l,O,w,y),onClick:()=>{g?Z(M):(r.onClick?.(),x.current&&clearTimeout(x.current),v(false),e(false),b(""));},children:[g&&jsx("span",{className:i("flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors",K?"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:K&&jsx(Check,{className:"h-3 w-3"})}),jsx("span",{className:"flex-1 truncate",children:r.label})]})]},M)}),z.length===0&&!C&&jsx("div",{className:"text-primary-400 px-3 py-2 text-center text-sm",style:q(0,1,w,y),children:"No matches"}),C&&jsxs("button",{type:"button",className:i("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:q(z.length,O,w,y),onClick:A,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",a.trim(),"\u201D"]})]})]})]})]})}function pe({href:n,className:t,onClick:d,children:c}){return jsx("a",{href:n,className:t,onClick:d,children:c})}function Se({brand:n,onBrandClick:t,navItems:d=[],actions:c=[],linkComponent:_=pe,height:E="h-12",mobileMenu:f=false,navMenuIcon:k,actionsMenuIcon:T,className:g,children:m}){let D=f&&d.length>0,y=f&&c.length>0,I="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",P=e=>e?"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",o="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",v=d.map((e,a)=>({key:typeof e.label=="string"?e.label:String(a),label:e.active?jsx("span",{className:"font-semibold text-primary-900 dark:text-primary-100",children:e.label}):e.label,onClick:()=>{e.onClick?e.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):e.href&&(window.location.href=e.href);}})),w=c.map((e,a)=>({key:e.key??String(a),label:jsxs("span",{className:"flex items-center gap-2 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",children:[e.icon,jsx("span",{children:e.ariaLabel})]}),onClick:()=>{e.onClick?e.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):e.href&&(e.external?window.open(e.href,"_blank","noopener,noreferrer"):window.location.href=e.href);}}));return jsxs("header",{className:i("flex shrink-0 items-center justify-between border-b px-5","border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",E,g),children:[jsxs("div",{className:"flex items-center gap-2 md:gap-6",children:[n&&jsx("div",{className:i("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?e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),t(e));}:void 0,children:n}),D&&jsx(U,{intent:"ghost",size:"sm",className:I,label:k??jsx(PanelLeft,{className:"h-5 w-5"}),items:v,align:"left",chevron:false,"aria-label":"Open navigation"}),d.length>0&&jsx("nav",{className:i("flex items-center gap-4 text-sm",f?"hidden md:flex":"flex"),children:d.map((e,a)=>{let b=typeof e.label=="string"?e.label:a,N=P(e.active);return e.href?jsx(_,{href:e.href,className:N,onClick:e.onClick,children:e.label},b):jsx("button",{type:"button",className:i(N,"cursor-pointer"),onClick:e.onClick,children:e.label},b)})})]}),m&&jsx("div",{className:"flex items-center",children:m}),jsxs("div",{className:"flex items-center gap-1",children:[c.length>0&&jsx("div",{className:i("flex items-center gap-1",f?"hidden md:flex":"flex"),children:c.map((e,a)=>e.href?jsx("a",{href:e.href,target:e.external?"_blank":void 0,rel:e.external?"noopener noreferrer":void 0,className:o,"aria-label":e.ariaLabel,onClick:e.onClick,children:e.icon},e.key??a):jsx("button",{type:"button",className:o,"aria-label":e.ariaLabel,onClick:e.onClick,children:e.icon},e.key??a))}),y&&jsx(U,{intent:"ghost",size:"sm",className:I,label:T??jsx(MoreHorizontal,{className:"h-5 w-5"}),items:w,align:"right",chevron:false,"aria-label":"Open menu"})]})]})}export{Se as Header};
+import {PanelLeft,MoreHorizontal,ChevronDown,Check}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import ne,{useState,useRef,useEffect,useCallback,useMemo}from'react';import {cva}from'class-variance-authority';import {jsx,jsxs,Fragment}from'react/jsx-runtime';function i(...a){return twMerge(clsx(a))}var J=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 ie(a,t){return a.key??(typeof a.label=="string"?a.label:String(t))}var S=40,de=200,B=150,W=120;function F(a,t,d,c){if(!c)return {};if(d){let z=(t-1-a)*S;return {animation:`dropdown-item-out ${B}ms ease-in both ${z}ms`}}let C=a*S;return {animation:`dropdown-item-in ${de}ms ease-out both ${C}ms`}}function ce(a,t,d){if(!d)return {};if(t){let c=Math.max(a-1,0)*S+B;return {animation:`dropdown-container-out ${W}ms ease-in both ${c}ms`}}return {animation:"var(--animate-dropdown-container-in)"}}function U({label:a,items:t,intent:d,size:c,align:C="left",className:z,disabled:f,editable:h=false,onAddItem:T,multiple:m=false,selected:b=[],onSelectionChange:D,animated:x=true,chevron:I=true,...P}){let[o,v]=useState(false),[w,e]=useState(false),[n,u]=useState(""),N=useRef(null),G=useRef(null),k=useRef(void 0);useEffect(()=>()=>{k.current&&clearTimeout(k.current);},[]);let _=useCallback(()=>{if(!x||!o){v(false),u("");return}e(true);let l=(Math.max(t.length,1)-1)*S+B+W+20;k.current=setTimeout(()=>{v(false),e(false),u("");},l);},[x,o,t.length]),X=useCallback(()=>{f||(o?_():(k.current&&clearTimeout(k.current),e(false),v(true),u(""),h&&requestAnimationFrame(()=>G.current?.focus())));},[f,o,_,h]);useEffect(()=>{if(!o)return;let r=l=>{N.current&&!N.current.contains(l.target)&&_();};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[o,_]),useEffect(()=>{if(!o)return;let r=l=>{l.key==="Escape"&&_();};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[o,_]);let L=n.toLowerCase(),V=useMemo(()=>n?t.filter(r=>(typeof r.label=="string"?r.label:r.key??"").toLowerCase().includes(L)):t,[t,L]),R=useMemo(()=>!h||!n.trim()?false:!t.some(r=>(typeof r.label=="string"?r.label:r.key??"").toLowerCase()===L),[h,L,t]),A=useCallback(()=>{let r=n.trim();r&&(T?.(r),u(""));},[n,T]),Y=useCallback(r=>{r.key==="Enter"&&R&&(r.preventDefault(),A());},[R,A]),Z=useCallback(r=>{let l=b.includes(r)?b.filter(E=>E!==r):[...b,r];D?.(l);},[b,D]),ee=m&&b.length>0?jsxs(Fragment,{children:[a," ",jsx("span",{className:"ml-1 rounded-full bg-white/20 px-1.5 text-xs font-semibold",children:b.length})]}):a,re=V.length===0&&!R||R?1:0,O=V.length+re;return jsxs("div",{ref:N,className:"relative inline-block",children:[jsxs("button",{type:"button",onClick:X,disabled:f,className:i(J({intent:d,size:c}),"inline-flex items-center gap-1",z),"aria-haspopup":m?"listbox":"true","aria-expanded":o?"true":"false",...P,children:[ee,I&&jsx(ChevronDown,{className:i("h-3.5 w-3.5 transition-transform",o&&"rotate-180")})]}),o&&jsxs("div",{className:i("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",C==="right"?"right-0":"left-0"),style:ce(O,w,x),role:m?"listbox":"menu","aria-multiselectable":m||void 0,children:[h&&jsx("div",{className:"border-primary-200 dark:border-primary-700 border-b px-2 pb-1.5 pt-1",children:jsx("input",{ref:G,type:"text",value:n,onChange:r=>u(r.target.value),onKeyDown:Y,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:[V.map((r,l)=>{let E=ie(r,l),K=m&&b.includes(E);return jsxs(ne.Fragment,{children:[r.divider&&jsx("div",{className:"border-primary-200 dark:border-primary-700 my-1 border-t"}),jsxs("button",{type:"button",role:m?"option":"menuitem","aria-selected":m?K:void 0,disabled:r.disabled,className:i("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",r.disabled&&"pointer-events-none opacity-50"),style:F(l,O,w,x),onClick:()=>{m?Z(E):(r.onClick?.(),k.current&&clearTimeout(k.current),v(false),e(false),u(""));},children:[m&&jsx("span",{className:i("flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors",K?"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:K&&jsx(Check,{className:"h-3 w-3"})}),jsx("span",{className:"flex-1 truncate",children:r.label})]})]},E)}),V.length===0&&!R&&jsx("div",{className:"text-primary-400 px-3 py-2 text-center text-sm",style:F(0,1,w,x),children:"No matches"}),R&&jsxs("button",{type:"button",className:i("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:F(V.length,O,w,x),onClick:A,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",n.trim(),"\u201D"]})]})]})]})]})}function be({href:a,className:t,onClick:d,children:c}){return jsx("a",{href:a,className:t,onClick:d,children:c})}function Oe({brand:a,onBrandClick:t,navItems:d=[],actions:c=[],linkComponent:C=be,height:z="h-12",mobileMenu:f=false,navMenuIcon:h,actionsMenuIcon:T,className:m,children:b}){let D=f&&d.length>0,x=f&&c.length>0,I="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",P=e=>e?"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",o="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",v=d.map((e,n)=>({key:typeof e.label=="string"?e.label:String(n),label:e.active?jsx("span",{className:"font-semibold text-primary-900 dark:text-primary-100",children:e.label}):e.label,onClick:()=>{e.onClick?e.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):e.href&&(window.location.href=e.href);}})),w=c.map((e,n)=>({key:e.key??String(n),label:jsxs("span",{className:"flex items-center gap-2 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",children:[e.icon,jsx("span",{children:e.ariaLabel})]}),onClick:()=>{e.onClick?e.onClick({preventDefault:()=>{},stopPropagation:()=>{}}):e.href&&(e.external?window.open(e.href,"_blank","noopener,noreferrer"):window.location.href=e.href);}}));return jsxs("header",{className:i("flex shrink-0 items-center justify-between border-b px-5","border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",z,m),children:[jsxs("div",{className:"flex items-center gap-2 md:gap-6",children:[a&&jsx("div",{className:i("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?e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),t(e));}:void 0,children:a}),D&&jsx(U,{intent:"ghost",size:"sm",className:I,label:h??jsx(PanelLeft,{className:"h-5 w-5"}),items:v,align:"left",chevron:false,"aria-label":"Open navigation"}),d.length>0&&jsx("nav",{className:i("flex items-center gap-4 text-sm",f?"hidden md:flex":"flex"),children:d.map((e,n)=>{let u=typeof e.label=="string"?e.label:n,N=P(e.active);return e.href?jsx(C,{href:e.href,className:N,onClick:e.onClick,children:e.label},u):jsx("button",{type:"button",className:i(N,"cursor-pointer"),onClick:e.onClick,children:e.label},u)})})]}),b&&jsx("div",{className:"flex items-center",children:b}),jsxs("div",{className:"flex items-center gap-1",children:[c.length>0&&jsx("div",{className:i("flex items-center gap-1",f?"hidden md:flex":"flex"),children:c.map((e,n)=>e.href?jsx("a",{href:e.href,target:e.external?"_blank":void 0,rel:e.external?"noopener noreferrer":void 0,className:o,"aria-label":e.ariaLabel,onClick:e.onClick,children:e.icon},e.key??n):jsx("button",{type:"button",className:o,"aria-label":e.ariaLabel,onClick:e.onClick,children:e.icon},e.key??n))}),x&&jsx(U,{intent:"ghost",size:"sm",className:I,label:T??jsx(MoreHorizontal,{className:"h-5 w-5"}),items:w,align:"right",chevron:false,"aria-label":"Open menu"})]})]})}export{Oe as Header};

package/dist/Navigation/Pagination.cjs

@@ -0,0 +1 @@
+'use strict';var lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function p(...i){return tailwindMerge.twMerge(clsx.clsx(i))}function c(i,n){let e=[];for(let t=i;t<=n;t++)e.push(t);return e}function C(i,n,e){let t=e*2+5;if(n<=t)return c(1,n);let o=Math.max(i-e,1),s=Math.min(i+e,n),a=o>2,b=s<n-1;return !a&&b?[...c(1,3+e*2),"\u2026",n]:a&&!b?[1,"\u2026",...c(n-(3+e*2)+1,n)]:[1,"\u2026",...c(o,s),"\u2026",n]}var f={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"},m={sm:"h-3.5 w-3.5",md:"h-4 w-4",lg:"h-5 w-5"};function u({onClick:i,disabled:n,active:e,size:t,"aria-label":o,children:s}){return jsxRuntime.jsx("button",{type:"button",onClick:i,disabled:n,"aria-label":o,"aria-current":e?"page":void 0,className:p("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",f[t],e?"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",n&&"pointer-events-none opacity-40"),children:s})}function R({totalPages:i,currentPage:n,onPageChange:e,siblingCount:t=2,showFirstLast:o=true,showPageCount:s=false,size:a="md",className:b}){if(i<=1)return null;let g=C(n,i,t);return jsxRuntime.jsxs("nav",{"aria-label":"Pagination",className:p("flex items-center gap-1",b),children:[o&&jsxRuntime.jsx(u,{size:a,onClick:()=>e(1),disabled:n===1,"aria-label":"First page",children:jsxRuntime.jsx(lucideReact.ChevronsLeft,{className:m[a]})}),jsxRuntime.jsx(u,{size:a,onClick:()=>e(n-1),disabled:n===1,"aria-label":"Previous page",children:jsxRuntime.jsx(lucideReact.ChevronLeft,{className:m[a]})}),g.map((l,h)=>l==="\u2026"?jsxRuntime.jsx("span",{className:p("inline-flex items-center justify-center text-secondary-400",f[a]),"aria-hidden":"true",children:jsxRuntime.jsx(lucideReact.MoreHorizontal,{className:m[a]})},`ellipsis-${h}`):jsxRuntime.jsx(u,{size:a,active:l===n,onClick:()=>e(l),"aria-label":`Page ${l}`,children:l},l)),jsxRuntime.jsx(u,{size:a,onClick:()=>e(n+1),disabled:n===i,"aria-label":"Next page",children:jsxRuntime.jsx(lucideReact.ChevronRight,{className:m[a]})}),o&&jsxRuntime.jsx(u,{size:a,onClick:()=>e(i),disabled:n===i,"aria-label":"Last page",children:jsxRuntime.jsx(lucideReact.ChevronsRight,{className:m[a]})}),s&&jsxRuntime.jsxs("span",{className:"ml-2 text-sm text-secondary-500 dark:text-secondary-400",children:["Page ",n," of ",i]})]})}exports.Pagination=R;

package/dist/Navigation/Pagination.d.cts

@@ -0,0 +1,2 @@
+export { Pagination_alias_3 as Pagination } from '../_tsup-dts-rollup.cjs';
+export { PaginationProps_alias_2 as PaginationProps } from '../_tsup-dts-rollup.cjs';

package/dist/Navigation/Pagination.d.ts

@@ -0,0 +1,2 @@
+export { Pagination_alias_3 as Pagination } from '../_tsup-dts-rollup.js';
+export { PaginationProps_alias_2 as PaginationProps } from '../_tsup-dts-rollup.js';

package/dist/Navigation/Pagination.js

@@ -0,0 +1 @@
+import {ChevronsLeft,ChevronLeft,MoreHorizontal,ChevronRight,ChevronsRight}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx}from'react/jsx-runtime';function p(...i){return twMerge(clsx(i))}function c(i,n){let e=[];for(let t=i;t<=n;t++)e.push(t);return e}function C(i,n,e){let t=e*2+5;if(n<=t)return c(1,n);let o=Math.max(i-e,1),s=Math.min(i+e,n),a=o>2,b=s<n-1;return !a&&b?[...c(1,3+e*2),"\u2026",n]:a&&!b?[1,"\u2026",...c(n-(3+e*2)+1,n)]:[1,"\u2026",...c(o,s),"\u2026",n]}var f={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"},m={sm:"h-3.5 w-3.5",md:"h-4 w-4",lg:"h-5 w-5"};function u({onClick:i,disabled:n,active:e,size:t,"aria-label":o,children:s}){return jsx("button",{type:"button",onClick:i,disabled:n,"aria-label":o,"aria-current":e?"page":void 0,className:p("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",f[t],e?"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",n&&"pointer-events-none opacity-40"),children:s})}function R({totalPages:i,currentPage:n,onPageChange:e,siblingCount:t=2,showFirstLast:o=true,showPageCount:s=false,size:a="md",className:b}){if(i<=1)return null;let g=C(n,i,t);return jsxs("nav",{"aria-label":"Pagination",className:p("flex items-center gap-1",b),children:[o&&jsx(u,{size:a,onClick:()=>e(1),disabled:n===1,"aria-label":"First page",children:jsx(ChevronsLeft,{className:m[a]})}),jsx(u,{size:a,onClick:()=>e(n-1),disabled:n===1,"aria-label":"Previous page",children:jsx(ChevronLeft,{className:m[a]})}),g.map((l,h)=>l==="\u2026"?jsx("span",{className:p("inline-flex items-center justify-center text-secondary-400",f[a]),"aria-hidden":"true",children:jsx(MoreHorizontal,{className:m[a]})},`ellipsis-${h}`):jsx(u,{size:a,active:l===n,onClick:()=>e(l),"aria-label":`Page ${l}`,children:l},l)),jsx(u,{size:a,onClick:()=>e(n+1),disabled:n===i,"aria-label":"Next page",children:jsx(ChevronRight,{className:m[a]})}),o&&jsx(u,{size:a,onClick:()=>e(i),disabled:n===i,"aria-label":"Last page",children:jsx(ChevronsRight,{className:m[a]})}),s&&jsxs("span",{className:"ml-2 text-sm text-secondary-500 dark:text-secondary-400",children:["Page ",n," of ",i]})]})}export{R as Pagination};

package/dist/Navigation/RibbonBar.cjs

@@ -0,0 +1 @@
+'use strict';var B=require('react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var B__default=/*#__PURE__*/_interopDefault(B);function n(...r){return tailwindMerge.twMerge(clsx.clsx(r))}function v({item:r,mode:t}){return r.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:r.title??r.label,disabled:r.disabled,onClick:r.onClick,"aria-pressed":r.active,className:n("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",r.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",t==="full"?"min-w-[3.5rem] flex-col gap-0.5 py-2":"","[&_svg]:shrink-0",t==="full"?"[&_svg]:h-5 [&_svg]:w-5":"[&_svg]:h-4 [&_svg]:w-4"),children:[r.icon&&jsxRuntime.jsx("span",{children:r.icon}),t!=="icons"&&jsxRuntime.jsx("span",{className:n(t==="full"?"text-[0.6rem] leading-tight":""),children:r.label})]})}function G({group:r,mode:t,disabled:c=false}){return jsxRuntime.jsxs("div",{className:n("flex shrink-0 flex-col items-stretch",c&&"opacity-50"),children:[jsxRuntime.jsx("div",{className:"flex items-center gap-0.5 px-1",children:r.items.map(b=>jsxRuntime.jsx(v,{item:c?{...b,disabled:true}:b,mode:t},b.key))}),t==="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:r.label})})]})}function S({tabs:r,defaultTab:t,activeTab:c,onTabChange:b,mode:f,onModeChange:g,sticky:k=false,className:h}){let d=r.filter(e=>!e.hidden),[R,w]=B.useState(t??d[0]?.key??""),[N,M]=B.useState(f??"full"),[l,m]=B.useState(true),y=c??R,p=f??N,C=e=>{if(!d.find(u=>u.key===e)?.disabled){if(e===y&&p!=="icons"){m(u=>!u);return}w(e),b?.(e),m(true);}},i=d.find(e=>e.key===y)??d[0];return jsxRuntime.jsxs("div",{className:n("select-none border-b border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",k&&"sticky top-0 z-30",h),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:d.map(e=>jsxRuntime.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>C(e.key),className:n("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",e.disabled?"cursor-not-allowed border-transparent text-secondary-300 opacity-50 dark:text-secondary-600":e.key===y&&l?"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:[e.icon,e.label]},e.key))}),jsxRuntime.jsx("button",{type:"button",title:l?"Collapse ribbon":"Expand ribbon",onClick:()=>m(e=>!e),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:l?jsxRuntime.jsx(lucideReact.ChevronUp,{className:"h-4 w-4"}):jsxRuntime.jsx(lucideReact.ChevronDown,{className:"h-4 w-4"})})]}),l&&i&&p!=="icons"&&jsxRuntime.jsx("div",{className:"flex items-stretch gap-1 overflow-x-auto px-2 py-1.5",children:i.groups.map((e,o)=>jsxRuntime.jsxs(B__default.default.Fragment,{children:[o>0&&jsxRuntime.jsx("div",{className:"mx-1 h-auto w-px self-stretch bg-primary-100 dark:bg-primary-800"}),jsxRuntime.jsx(G,{group:e,mode:p,disabled:e.disabled||i.disabled})]},e.key))}),p==="icons"&&l&&i&&jsxRuntime.jsx("div",{className:"flex items-center gap-0.5 overflow-x-auto px-2 py-1",children:i.groups.flatMap(e=>e.items.map(o=>jsxRuntime.jsx(v,{item:e.disabled||i.disabled?{...o,disabled:true}:o,mode:"icons"},o.key)))})]})}exports.RibbonBar=S;

package/dist/Navigation/RibbonBar.d.cts

@@ -0,0 +1,6 @@
+export { RibbonBarProps_alias_3 as RibbonBarProps } from '../_tsup-dts-rollup.cjs';
+export { RibbonMode_alias_3 as RibbonMode } from '../_tsup-dts-rollup.cjs';
+export { RibbonItem_alias_3 as RibbonItem } from '../_tsup-dts-rollup.cjs';
+export { RibbonGroup_alias_3 as RibbonGroup } from '../_tsup-dts-rollup.cjs';
+export { RibbonTab_alias_3 as RibbonTab } from '../_tsup-dts-rollup.cjs';
+export { RibbonBar_alias_3 as RibbonBar } from '../_tsup-dts-rollup.cjs';

package/dist/Navigation/RibbonBar.d.ts

@@ -0,0 +1,6 @@
+export { RibbonBarProps_alias_3 as RibbonBarProps } from '../_tsup-dts-rollup.js';
+export { RibbonMode_alias_3 as RibbonMode } from '../_tsup-dts-rollup.js';
+export { RibbonItem_alias_3 as RibbonItem } from '../_tsup-dts-rollup.js';
+export { RibbonGroup_alias_3 as RibbonGroup } from '../_tsup-dts-rollup.js';
+export { RibbonTab_alias_3 as RibbonTab } from '../_tsup-dts-rollup.js';
+export { RibbonBar_alias_3 as RibbonBar } from '../_tsup-dts-rollup.js';

package/dist/Navigation/RibbonBar.js

@@ -0,0 +1 @@
+import B,{useState}from'react';import {ChevronUp,ChevronDown}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx}from'react/jsx-runtime';function n(...r){return twMerge(clsx(r))}function v({item:r,mode:t}){return r.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:r.title??r.label,disabled:r.disabled,onClick:r.onClick,"aria-pressed":r.active,className:n("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",r.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",t==="full"?"min-w-[3.5rem] flex-col gap-0.5 py-2":"","[&_svg]:shrink-0",t==="full"?"[&_svg]:h-5 [&_svg]:w-5":"[&_svg]:h-4 [&_svg]:w-4"),children:[r.icon&&jsx("span",{children:r.icon}),t!=="icons"&&jsx("span",{className:n(t==="full"?"text-[0.6rem] leading-tight":""),children:r.label})]})}function G({group:r,mode:t,disabled:c=false}){return jsxs("div",{className:n("flex shrink-0 flex-col items-stretch",c&&"opacity-50"),children:[jsx("div",{className:"flex items-center gap-0.5 px-1",children:r.items.map(b=>jsx(v,{item:c?{...b,disabled:true}:b,mode:t},b.key))}),t==="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:r.label})})]})}function S({tabs:r,defaultTab:t,activeTab:c,onTabChange:b,mode:f,onModeChange:g,sticky:k=false,className:h}){let d=r.filter(e=>!e.hidden),[R,w]=useState(t??d[0]?.key??""),[N,M]=useState(f??"full"),[l,m]=useState(true),y=c??R,p=f??N,C=e=>{if(!d.find(u=>u.key===e)?.disabled){if(e===y&&p!=="icons"){m(u=>!u);return}w(e),b?.(e),m(true);}},i=d.find(e=>e.key===y)??d[0];return jsxs("div",{className:n("select-none border-b border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",k&&"sticky top-0 z-30",h),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:d.map(e=>jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>C(e.key),className:n("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",e.disabled?"cursor-not-allowed border-transparent text-secondary-300 opacity-50 dark:text-secondary-600":e.key===y&&l?"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:[e.icon,e.label]},e.key))}),jsx("button",{type:"button",title:l?"Collapse ribbon":"Expand ribbon",onClick:()=>m(e=>!e),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:l?jsx(ChevronUp,{className:"h-4 w-4"}):jsx(ChevronDown,{className:"h-4 w-4"})})]}),l&&i&&p!=="icons"&&jsx("div",{className:"flex items-stretch gap-1 overflow-x-auto px-2 py-1.5",children:i.groups.map((e,o)=>jsxs(B.Fragment,{children:[o>0&&jsx("div",{className:"mx-1 h-auto w-px self-stretch bg-primary-100 dark:bg-primary-800"}),jsx(G,{group:e,mode:p,disabled:e.disabled||i.disabled})]},e.key))}),p==="icons"&&l&&i&&jsx("div",{className:"flex items-center gap-0.5 overflow-x-auto px-2 py-1",children:i.groups.flatMap(e=>e.items.map(o=>jsx(v,{item:e.disabled||i.disabled?{...o,disabled:true}:o,mode:"icons"},o.key)))})]})}export{S as RibbonBar};

package/dist/Navigation/SideNav.cjs

@@ -1 +1 @@
-'use strict';var ce=require('react'),reactDom=require('react-dom'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var ce__default=/*#__PURE__*/_interopDefault(ce);function i(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var L="flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm transition-colors cursor-pointer",G="bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100 font-medium",I="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",R="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 ye({to:e,className:s,style:o,children:l}){let c=typeof s=="function"?s({isActive:false}):s;return jsxRuntime.jsx("a",{href:e,className:c,style:o,children:l})}var H=["expanded","icons","mini"];function ve(e){let s=H.indexOf(e);return H[(s+1)%H.length]}function U(e){let s=new Set;for(let o of e)if(o.children&&o.children.length>0){s.add(o.key??o.label);for(let l of U(o.children))s.add(l);}return s}function V({item:e,basePath:s,depth:o,onItemClick:l,LinkComponent:c,showLines:f,expandedKeys:u,onToggle:h}){let b=e.key??e.label,P=e.children&&e.children.length>0,[T,x]=ce.useState(e.defaultOpen??true),k=u?u.has(b):T,r=ce.useCallback(()=>{u?h(b):x(d=>!d);},[u,h,b]),m=o>0?`${o*1.25}rem`:void 0;if(P)return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("button",{type:"button",onClick:r,className:i(L,I,"justify-between"),style:{paddingLeft:m},children:[jsxRuntime.jsxs("span",{className:"flex items-center gap-2",children:[e.icon,e.label]}),jsxRuntime.jsx(lucideReact.ChevronRight,{className:i("h-3.5 w-3.5 transition-transform",k&&"rotate-90")})]}),k&&jsxRuntime.jsx("div",{className:i("flex flex-col gap-0.5 pt-0.5",f?"ml-2.5 border-l border-primary-200 dark:border-primary-700":"ml-2"),children:e.children.map(d=>jsxRuntime.jsx(V,{item:d,basePath:s,depth:o+1,onItemClick:l,LinkComponent:c,showLines:f,expandedKeys:u,onToggle:h},d.key??d.path??d.label))})]});if(e.path!=null){let d=s+e.path;return l?jsxRuntime.jsxs("button",{type:"button",onClick:()=>l(e,d),className:i(L,I),style:{paddingLeft:m},children:[e.icon,e.label]}):jsxRuntime.jsxs(c,{to:d,className:({isActive:N})=>i(L,N?G:I),style:{paddingLeft:m},children:[e.icon,e.label]})}return jsxRuntime.jsxs("span",{className:i(L,I,"cursor-default"),style:{paddingLeft:m},children:[e.icon,e.label]})}function he({item:e,basePath:s,onItemClick:o,LinkComponent:l}){let[c,f]=ce.useState(false),u=ce.useRef(null),h=ce.useRef(void 0),[b,P]=ce.useState({top:0,left:0}),T=()=>{clearTimeout(h.current),f(true);},x=()=>{h.current=setTimeout(()=>f(false),200);};ce.useLayoutEffect(()=>{if(c&&u.current){let r=u.current.getBoundingClientRect();P({top:r.top,left:r.right+4});}},[c]);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:T,onMouseLeave:x,children:[jsxRuntime.jsx("button",{ref:u,type:"button",className:i(R,"w-full"),title:e.label,onClick:()=>f(r=>!r),children:k}),c&&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:b.top,left:b.left},onMouseEnter:T,onMouseLeave:x,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(r=>{let m=r.key??r.path??r.label;if(r.path!=null){let d=s+r.path;return o?jsxRuntime.jsxs("button",{type:"button",onClick:()=>{o(r,d),f(false);},className:i(L,I),children:[r.icon,r.label]},m):jsxRuntime.jsxs(l,{to:d,className:({isActive:N})=>i(L,N?G:I),children:[r.icon,r.label]},m)}return jsxRuntime.jsxs("span",{className:i(L,"cursor-default text-primary-400"),children:[r.icon,r.label]},m)})})]}),document.body)]})}function ge({item:e,basePath:s,onItemClick:o,LinkComponent:l}){let c=e.icon||jsxRuntime.jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});if(e.path!=null){let f=s+e.path;return o?jsxRuntime.jsx("button",{type:"button",onClick:()=>o(e,f),className:i(R,"w-full"),title:e.label,children:c}):jsxRuntime.jsx(l,{to:f,className:({isActive:u})=>i(R,"w-full",u&&"bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100"),children:jsxRuntime.jsx("span",{title:e.label,children:c})})}return jsxRuntime.jsx("span",{className:i(R,"w-full cursor-default"),title:e.label,children:c})}function Le({items:e,title:s,basePath:o="/",onItemClick:l,LinkComponent:c=ye,collapsible:f,collapseMode:u,defaultCollapseMode:h="expanded",onCollapseModeChange:b,showLines:P=true,expandedKeys:T,defaultExpandedKeys:x="all",onExpandedKeysChange:k,className:r,responsive:m=true,mobileBreakpoint:d=768,mobileTopOffset:N=48,...W}){let[q,F]=ce.useState(h),y=u??q,Q=ce__default.default.useMemo(()=>U(e),[e]),[_,J]=ce.useState(()=>x==="all"?new Set(Q):new Set(x)),z=T??null,B=z??_,Z=ce.useCallback(t=>{let a=new Set(B);a.has(t)?a.delete(t):a.add(t),J(a),k?.(a);},[B,k]),ee=ce.useCallback(()=>{let t=ve(y);F(t),b?.(t);},[y,b]),[E,te]=ce.useState(()=>m&&typeof window<"u"&&window.innerWidth<d),[K,C]=ce.useState(false);ce.useEffect(()=>{if(!m||typeof window>"u"||!window.matchMedia)return;let t=window.matchMedia(`(max-width: ${d-1}px)`),a=v=>{te(v.matches),v.matches||C(false);};return t.addEventListener("change",a),()=>t.removeEventListener("change",a)},[m,d]);let ne=ce.useCallback(t=>{t.target.closest("a")&&C(false);},[]),S=ce.useRef(null),g=ce.useRef({startX:0,startY:0,dragging:false}),oe=ce.useCallback(t=>{let a=t.touches[0];g.current={startX:a.clientX,startY:a.clientY,dragging:true};},[]),re=ce.useCallback(t=>{if(!g.current.dragging||!S.current)return;let a=t.touches[0],v=a.clientX-g.current.startX,Y=a.clientY-g.current.startY;v>=0||Math.abs(Y)>Math.abs(v)||(S.current.style.transform=`translateX(${Math.max(v,-224)}px)`,S.current.style.transition="none");},[]),se=ce.useCallback(t=>{if(!g.current.dragging||!S.current)return;g.current.dragging=false;let a=t.changedTouches[0],v=a.clientX-g.current.startX,Y=a.clientY-g.current.startY;S.current.style.transition="",S.current.style.transform="",v<-60&&Math.abs(v)>Math.abs(Y)&&C(false);},[]),X=ce.useMemo(()=>!E||!l?l:(t,a)=>{C(false),l(t,a);},[E,l]),$=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[f&&!E&&jsxRuntime.jsx("div",{className:i("flex shrink-0 mb-1",y==="expanded"?"justify-end":"justify-center"),children:jsxRuntime.jsx("button",{type:"button",onClick:ee,className:R,"aria-label":y==="mini"?"Expand sidebar":"Collapse sidebar",title:y==="mini"?"Expand sidebar":"Collapse sidebar",children:y==="mini"?jsxRuntime.jsx(lucideReact.Menu,{className:"h-5 w-5"}):jsxRuntime.jsx(lucideReact.ChevronsLeft,{className:"h-4 w-4"})})}),(E||y==="expanded")&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[s&&jsxRuntime.jsx("h2",{className:"text-primary-500 dark:text-primary-400 mb-3 text-sm font-semibold uppercase",children:s}),e.map(t=>jsxRuntime.jsx(V,{item:t,basePath:o,depth:0,onItemClick:X,LinkComponent:c,showLines:P,expandedKeys:z,onToggle:Z},t.key??t.path??t.label))]}),!E&&y==="icons"&&e.map(t=>{let a=t.key??t.path??t.label;return t.children&&t.children.length>0?jsxRuntime.jsx(he,{item:t,basePath:o,onItemClick:X,LinkComponent:c},a):jsxRuntime.jsx(ge,{item:t,basePath:o,onItemClick:X,LinkComponent:c},a)})]});return m&&E?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[K&&reactDom.createPortal(jsxRuntime.jsx("div",{className:"fixed inset-0 z-40 bg-black/50",style:{top:N},onClick:()=>C(false)}),document.body),reactDom.createPortal(jsxRuntime.jsxs("aside",{ref:S,className:i("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",K?"translate-x-0":"-translate-x-full"),style:{top:N},onClick:ne,onTouchStart:oe,onTouchMove:re,onTouchEnd:se,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:t=>{t.stopPropagation(),C(false);},className:i(R,"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:$})})]}),document.body),!K&&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% + ${N/2}px)`,transform:"translateY(-50%)"},onClick:()=>C(true),"aria-label":"Open navigation",children:jsxRuntime.jsx(lucideReact.ChevronRight,{className:"h-3.5 w-3.5"})}),document.body)]}):jsxRuntime.jsx("nav",{className:i("flex flex-col gap-0.5",y==="mini"&&"items-center",r),...W,children:$})}exports.SideNav=Le;
+'use strict';var Ce=require('react'),reactDom=require('react-dom'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Ce__default=/*#__PURE__*/_interopDefault(Ce);function i(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var R="flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm transition-colors cursor-pointer",ae="bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100 font-medium",D="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",A="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 Ye({to:e,className:l,style:a,children:c}){let d=typeof l=="function"?l({isActive:false}):l;return jsxRuntime.jsx("a",{href:e,className:d,style:a,children:c})}var V=["expanded","icons","mini"];function Xe(e){let l=V.indexOf(e);return V[(l+1)%V.length]}function oe(e){let l=new Set;for(let a of e)if(a.children&&a.children.length>0){l.add(a.key??a.label);for(let c of oe(a.children))l.add(c);}return l}function se({item:e,basePath:l,depth:a,onItemClick:c,LinkComponent:d,showLines:y,expandedKeys:f,onToggle:N}){let v=e.key??e.label,O=e.children&&e.children.length>0,[Y,E]=Ce.useState(e.defaultOpen??true),P=f?f.has(v):Y,o=Ce.useCallback(()=>{f?N(v):E(p=>!p);},[f,N,v]),b=a>0?`${a*1.25}rem`:void 0;if(O)return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("button",{type:"button",onClick:o,className:i(R,D,"justify-between"),style:{paddingLeft:b},children:[jsxRuntime.jsxs("span",{className:"flex items-center gap-2",children:[e.icon,e.label]}),jsxRuntime.jsx(lucideReact.ChevronRight,{className:i("h-3.5 w-3.5 transition-transform",P&&"rotate-90")})]}),P&&jsxRuntime.jsx("div",{className:i("flex flex-col gap-0.5 pt-0.5",y?"ml-2.5 border-l border-primary-200 dark:border-primary-700":"ml-2"),children:e.children.map(p=>jsxRuntime.jsx(se,{item:p,basePath:l,depth:a+1,onItemClick:c,LinkComponent:d,showLines:y,expandedKeys:f,onToggle:N},p.key??p.path??p.label))})]});if(e.path!=null){let p=l+e.path;return c?jsxRuntime.jsxs("button",{type:"button",onClick:()=>c(e,p),className:i(R,D),style:{paddingLeft:b},children:[e.icon,e.label]}):jsxRuntime.jsxs(d,{to:p,className:({isActive:x})=>i(R,x?ae:D),style:{paddingLeft:b},children:[e.icon,e.label]})}return jsxRuntime.jsxs("span",{className:i(R,D,"cursor-default"),style:{paddingLeft:b},children:[e.icon,e.label]})}function He({item:e,basePath:l,onItemClick:a,LinkComponent:c}){let[d,y]=Ce.useState(false),f=Ce.useRef(null),N=Ce.useRef(void 0),[v,O]=Ce.useState({top:0,left:0}),Y=()=>{clearTimeout(N.current),y(true);},E=()=>{N.current=setTimeout(()=>y(false),200);};Ce.useLayoutEffect(()=>{if(d&&f.current){let o=f.current.getBoundingClientRect();O({top:o.top,left:o.right+4});}},[d]);let P=e.icon||jsxRuntime.jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});return jsxRuntime.jsxs("div",{onMouseEnter:Y,onMouseLeave:E,children:[jsxRuntime.jsx("button",{ref:f,type:"button",className:i(A,"w-full"),title:e.label,onClick:()=>y(o=>!o),children:P}),d&&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:Y,onMouseLeave:E,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(o=>{let b=o.key??o.path??o.label;if(o.path!=null){let p=l+o.path;return a?jsxRuntime.jsxs("button",{type:"button",onClick:()=>{a(o,p),y(false);},className:i(R,D),children:[o.icon,o.label]},b):jsxRuntime.jsxs(c,{to:p,className:({isActive:x})=>i(R,x?ae:D),children:[o.icon,o.label]},b)}return jsxRuntime.jsxs("span",{className:i(R,"cursor-default text-primary-400"),children:[o.icon,o.label]},b)})})]}),document.body)]})}function De({item:e,basePath:l,onItemClick:a,LinkComponent:c}){let d=e.icon||jsxRuntime.jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});if(e.path!=null){let y=l+e.path;return a?jsxRuntime.jsx("button",{type:"button",onClick:()=>a(e,y),className:i(A,"w-full"),title:e.label,children:d}):jsxRuntime.jsx(c,{to:y,className:({isActive:f})=>i(A,"w-full",f&&"bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100"),children:jsxRuntime.jsx("span",{title:e.label,children:d})})}return jsxRuntime.jsx("span",{className:i(A,"w-full cursor-default"),title:e.label,children:d})}function We({items:e,title:l,basePath:a="/",onItemClick:c,LinkComponent:d=Ye,collapsible:y,collapseMode:f,defaultCollapseMode:N="expanded",onCollapseModeChange:v,showLines:O=true,expandedKeys:Y,defaultExpandedKeys:E="all",onExpandedKeysChange:P,className:o,responsive:b=true,mobileBreakpoint:p=768,mobileTopOffset:x=48,mobileDrawerSlot:q,...ie}){let[le,ce]=Ce.useState(N),w=f??le,de=Ce__default.default.useMemo(()=>oe(e),[e]),[pe,ue]=Ce.useState(()=>E==="all"?new Set(de):new Set(E)),F=Y??null,Q=F??pe,me=Ce.useCallback(t=>{let r=new Set(Q);r.has(t)?r.delete(t):r.add(t),ue(r),P?.(r);},[Q,P]),fe=Ce.useCallback(()=>{let t=Xe(w);ce(t),v?.(t);},[w,v]),[X,be]=Ce.useState(()=>b&&typeof window<"u"&&window.innerWidth<p),[W,S]=Ce.useState(false),[g,ye]=Ce.useState(()=>{if(typeof window>"u")return "left";try{return localStorage.getItem("onyx-sidenav-side")||"left"}catch{return "left"}}),[J,ge]=Ce.useState(()=>{if(typeof window>"u")return 50;try{return Number(localStorage.getItem("onyx-sidenav-top"))||50}catch{return 50}}),[H,U]=Ce.useState(null),k=Ce.useRef({dragging:false,startX:0,startY:0,moved:false}),he=Ce.useCallback(t=>{if(t.pointerType==="mouse"&&t.button!==0)return;t.preventDefault(),k.current={dragging:true,startX:t.clientX,startY:t.clientY,moved:false};let r=m=>{if(!k.current.dragging)return;let T=Math.abs(m.clientX-k.current.startX),K=Math.abs(m.clientY-k.current.startY);if((T>6||K>6)&&(k.current.moved=true),!k.current.moved)return;let I=m.clientX<window.innerWidth/2?"left":"right",te=x+28,B=window.innerHeight-28,j=Math.max(te,Math.min(B,m.clientY));U({side:I,y:j});},s=m=>{if(window.removeEventListener("pointermove",r),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s),!k.current.dragging)return;if(k.current.dragging=false,!k.current.moved){let j=ne=>{ne.stopPropagation(),ne.preventDefault(),window.removeEventListener("click",j,true);};window.addEventListener("click",j,true),U(null),S(true);return}let T=m.clientX<window.innerWidth/2?"left":"right",K=x+28,I=window.innerHeight-28,B=Math.max(K,Math.min(I,m.clientY))/window.innerHeight*100;ye(T),ge(B),U(null);try{localStorage.setItem("onyx-sidenav-side",T),localStorage.setItem("onyx-sidenav-top",String(B));}catch{}};window.addEventListener("pointermove",r),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s);},[x]);Ce.useEffect(()=>{if(!b||typeof window>"u"||!window.matchMedia)return;let t=window.matchMedia(`(max-width: ${p-1}px)`),r=s=>{be(s.matches),s.matches||S(false);};return t.addEventListener("change",r),()=>t.removeEventListener("change",r)},[b,p]);let ve=Ce.useCallback(t=>{t.target.closest("a")&&S(false);},[]),C=Ce.useRef(null),M=Ce.useRef({startX:0,startY:0,dragging:false}),Z=60,xe=Ce.useCallback(t=>{let r=t.touches[0];M.current={startX:r.clientX,startY:r.clientY,dragging:true};},[]),we=Ce.useCallback(t=>{if(!M.current.dragging||!C.current)return;let r=t.touches[0],s=r.clientX-M.current.startX,m=r.clientY-M.current.startY;if(g==="left"){if(s>=0||Math.abs(m)>Math.abs(s))return;C.current.style.transform=`translateX(${Math.max(s,-224)}px)`;}else {if(s<=0||Math.abs(m)>Math.abs(s))return;C.current.style.transform=`translateX(${Math.min(s,224)}px)`;}C.current.style.transition="none";},[g]),ke=Ce.useCallback(t=>{if(!M.current.dragging||!C.current)return;M.current.dragging=false;let r=t.changedTouches[0],s=r.clientX-M.current.startX,m=r.clientY-M.current.startY;C.current.style.transition="",C.current.style.transform="",Math.abs(s)>Math.abs(m)&&(g==="left"&&s<-Z&&S(false),g==="right"&&s>Z&&S(false));},[g]),G=Ce.useMemo(()=>!X||!c?c:(t,r)=>{S(false),c(t,r);},[X,c]),ee=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[y&&!X&&jsxRuntime.jsx("div",{className:i("flex shrink-0 mb-1",w==="expanded"?"justify-end":"justify-center"),children:jsxRuntime.jsx("button",{type:"button",onClick:fe,className:A,"aria-label":w==="mini"?"Expand sidebar":"Collapse sidebar",title:w==="mini"?"Expand sidebar":"Collapse sidebar",children:w==="mini"?jsxRuntime.jsx(lucideReact.Menu,{className:"h-5 w-5"}):jsxRuntime.jsx(lucideReact.ChevronsLeft,{className:"h-4 w-4"})})}),(X||w==="expanded")&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[l&&jsxRuntime.jsx("h2",{className:"text-primary-500 dark:text-primary-400 mb-3 text-sm font-semibold uppercase",children:l}),e.map(t=>jsxRuntime.jsx(se,{item:t,basePath:a,depth:0,onItemClick:G,LinkComponent:d,showLines:O,expandedKeys:F,onToggle:me},t.key??t.path??t.label))]}),!X&&w==="icons"&&e.map(t=>{let r=t.key??t.path??t.label;return t.children&&t.children.length>0?jsxRuntime.jsx(He,{item:t,basePath:a,onItemClick:G,LinkComponent:d},r):jsxRuntime.jsx(De,{item:t,basePath:a,onItemClick:G,LinkComponent:d},r)})]});if(b&&X){let t=H?H.side:g,r=H?H.y:J/100*(typeof window<"u"?window.innerHeight:600),s=H?{top:r,transform:"translateY(-50%)",transition:"none",...t==="left"?{left:0}:{right:0}}:{top:`${J}%`,transform:"translateY(-50%)",transition:"top 0.15s ease",...g==="left"?{left:0}:{right:0}},m=g==="left"?{left:0,right:"auto"}:{right:0,left:"auto"},T=W?"translate-x-0":g==="left"?"-translate-x-full":"translate-x-full",K=g==="left"?"border-r":"border-l";return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[W&&reactDom.createPortal(jsxRuntime.jsx("div",{className:"fixed inset-0 z-40 bg-black/50",style:{top:x},onClick:()=>S(false)}),document.body),reactDom.createPortal(jsxRuntime.jsxs("aside",{ref:C,className:i("fixed bottom-0 z-50 flex flex-col w-56 bg-white dark:bg-primary-900 shadow-xl transition-transform duration-200",K,"border-primary-200 dark:border-primary-700",T),style:{top:x,...m},onClick:ve,onTouchStart:xe,onTouchMove:we,onTouchEnd:ke,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:I=>{I.stopPropagation(),S(false);},className:i(A,"h-7 w-7 p-1"),"aria-label":"Close navigation",children:jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"})})]}),q&&jsxRuntime.jsx("div",{className:"shrink-0 border-b border-primary-200 px-3 py-2 dark:border-primary-700",children:q}),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:ee})})]}),document.body),!W&&reactDom.createPortal(jsxRuntime.jsx("div",{className:i("fixed z-50 flex items-center",t==="left"?"justify-start":"justify-end",H?"cursor-grabbing":"cursor-grab"),style:{...s,width:44,height:80,marginTop:-12,touchAction:"none",userSelect:"none"},onPointerDown:he,onDragStart:I=>I.preventDefault(),role:"button","aria-label":"Open navigation",tabIndex:0,children:jsxRuntime.jsx("div",{className:i("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",t==="left"?"rounded-r-xl":"rounded-l-xl"),children:t==="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:i("flex flex-col gap-0.5",w==="mini"&&"items-center",o),...ie,children:ee})}exports.SideNav=We;

package/dist/Navigation/SideNav.js

@@ -1 +1 @@
-import ce,{useState,useCallback,useEffect,useRef,useMemo,useLayoutEffect}from'react';import {createPortal}from'react-dom';import {Menu,ChevronsLeft,X,ChevronRight}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,Fragment,jsx}from'react/jsx-runtime';function i(...e){return twMerge(clsx(e))}var L="flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm transition-colors cursor-pointer",G="bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100 font-medium",I="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",R="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 ye({to:e,className:s,style:o,children:l}){let c=typeof s=="function"?s({isActive:false}):s;return jsx("a",{href:e,className:c,style:o,children:l})}var H=["expanded","icons","mini"];function ve(e){let s=H.indexOf(e);return H[(s+1)%H.length]}function U(e){let s=new Set;for(let o of e)if(o.children&&o.children.length>0){s.add(o.key??o.label);for(let l of U(o.children))s.add(l);}return s}function V({item:e,basePath:s,depth:o,onItemClick:l,LinkComponent:c,showLines:f,expandedKeys:u,onToggle:h}){let b=e.key??e.label,P=e.children&&e.children.length>0,[T,x]=useState(e.defaultOpen??true),k=u?u.has(b):T,r=useCallback(()=>{u?h(b):x(d=>!d);},[u,h,b]),m=o>0?`${o*1.25}rem`:void 0;if(P)return jsxs("div",{children:[jsxs("button",{type:"button",onClick:r,className:i(L,I,"justify-between"),style:{paddingLeft:m},children:[jsxs("span",{className:"flex items-center gap-2",children:[e.icon,e.label]}),jsx(ChevronRight,{className:i("h-3.5 w-3.5 transition-transform",k&&"rotate-90")})]}),k&&jsx("div",{className:i("flex flex-col gap-0.5 pt-0.5",f?"ml-2.5 border-l border-primary-200 dark:border-primary-700":"ml-2"),children:e.children.map(d=>jsx(V,{item:d,basePath:s,depth:o+1,onItemClick:l,LinkComponent:c,showLines:f,expandedKeys:u,onToggle:h},d.key??d.path??d.label))})]});if(e.path!=null){let d=s+e.path;return l?jsxs("button",{type:"button",onClick:()=>l(e,d),className:i(L,I),style:{paddingLeft:m},children:[e.icon,e.label]}):jsxs(c,{to:d,className:({isActive:N})=>i(L,N?G:I),style:{paddingLeft:m},children:[e.icon,e.label]})}return jsxs("span",{className:i(L,I,"cursor-default"),style:{paddingLeft:m},children:[e.icon,e.label]})}function he({item:e,basePath:s,onItemClick:o,LinkComponent:l}){let[c,f]=useState(false),u=useRef(null),h=useRef(void 0),[b,P]=useState({top:0,left:0}),T=()=>{clearTimeout(h.current),f(true);},x=()=>{h.current=setTimeout(()=>f(false),200);};useLayoutEffect(()=>{if(c&&u.current){let r=u.current.getBoundingClientRect();P({top:r.top,left:r.right+4});}},[c]);let k=e.icon||jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});return jsxs("div",{onMouseEnter:T,onMouseLeave:x,children:[jsx("button",{ref:u,type:"button",className:i(R,"w-full"),title:e.label,onClick:()=>f(r=>!r),children:k}),c&&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:b.top,left:b.left},onMouseEnter:T,onMouseLeave:x,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(r=>{let m=r.key??r.path??r.label;if(r.path!=null){let d=s+r.path;return o?jsxs("button",{type:"button",onClick:()=>{o(r,d),f(false);},className:i(L,I),children:[r.icon,r.label]},m):jsxs(l,{to:d,className:({isActive:N})=>i(L,N?G:I),children:[r.icon,r.label]},m)}return jsxs("span",{className:i(L,"cursor-default text-primary-400"),children:[r.icon,r.label]},m)})})]}),document.body)]})}function ge({item:e,basePath:s,onItemClick:o,LinkComponent:l}){let c=e.icon||jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});if(e.path!=null){let f=s+e.path;return o?jsx("button",{type:"button",onClick:()=>o(e,f),className:i(R,"w-full"),title:e.label,children:c}):jsx(l,{to:f,className:({isActive:u})=>i(R,"w-full",u&&"bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100"),children:jsx("span",{title:e.label,children:c})})}return jsx("span",{className:i(R,"w-full cursor-default"),title:e.label,children:c})}function Le({items:e,title:s,basePath:o="/",onItemClick:l,LinkComponent:c=ye,collapsible:f,collapseMode:u,defaultCollapseMode:h="expanded",onCollapseModeChange:b,showLines:P=true,expandedKeys:T,defaultExpandedKeys:x="all",onExpandedKeysChange:k,className:r,responsive:m=true,mobileBreakpoint:d=768,mobileTopOffset:N=48,...W}){let[q,F]=useState(h),y=u??q,Q=ce.useMemo(()=>U(e),[e]),[_,J]=useState(()=>x==="all"?new Set(Q):new Set(x)),z=T??null,B=z??_,Z=useCallback(t=>{let a=new Set(B);a.has(t)?a.delete(t):a.add(t),J(a),k?.(a);},[B,k]),ee=useCallback(()=>{let t=ve(y);F(t),b?.(t);},[y,b]),[E,te]=useState(()=>m&&typeof window<"u"&&window.innerWidth<d),[K,C]=useState(false);useEffect(()=>{if(!m||typeof window>"u"||!window.matchMedia)return;let t=window.matchMedia(`(max-width: ${d-1}px)`),a=v=>{te(v.matches),v.matches||C(false);};return t.addEventListener("change",a),()=>t.removeEventListener("change",a)},[m,d]);let ne=useCallback(t=>{t.target.closest("a")&&C(false);},[]),S=useRef(null),g=useRef({startX:0,startY:0,dragging:false}),oe=useCallback(t=>{let a=t.touches[0];g.current={startX:a.clientX,startY:a.clientY,dragging:true};},[]),re=useCallback(t=>{if(!g.current.dragging||!S.current)return;let a=t.touches[0],v=a.clientX-g.current.startX,Y=a.clientY-g.current.startY;v>=0||Math.abs(Y)>Math.abs(v)||(S.current.style.transform=`translateX(${Math.max(v,-224)}px)`,S.current.style.transition="none");},[]),se=useCallback(t=>{if(!g.current.dragging||!S.current)return;g.current.dragging=false;let a=t.changedTouches[0],v=a.clientX-g.current.startX,Y=a.clientY-g.current.startY;S.current.style.transition="",S.current.style.transform="",v<-60&&Math.abs(v)>Math.abs(Y)&&C(false);},[]),X$1=useMemo(()=>!E||!l?l:(t,a)=>{C(false),l(t,a);},[E,l]),$=jsxs(Fragment,{children:[f&&!E&&jsx("div",{className:i("flex shrink-0 mb-1",y==="expanded"?"justify-end":"justify-center"),children:jsx("button",{type:"button",onClick:ee,className:R,"aria-label":y==="mini"?"Expand sidebar":"Collapse sidebar",title:y==="mini"?"Expand sidebar":"Collapse sidebar",children:y==="mini"?jsx(Menu,{className:"h-5 w-5"}):jsx(ChevronsLeft,{className:"h-4 w-4"})})}),(E||y==="expanded")&&jsxs(Fragment,{children:[s&&jsx("h2",{className:"text-primary-500 dark:text-primary-400 mb-3 text-sm font-semibold uppercase",children:s}),e.map(t=>jsx(V,{item:t,basePath:o,depth:0,onItemClick:X$1,LinkComponent:c,showLines:P,expandedKeys:z,onToggle:Z},t.key??t.path??t.label))]}),!E&&y==="icons"&&e.map(t=>{let a=t.key??t.path??t.label;return t.children&&t.children.length>0?jsx(he,{item:t,basePath:o,onItemClick:X$1,LinkComponent:c},a):jsx(ge,{item:t,basePath:o,onItemClick:X$1,LinkComponent:c},a)})]});return m&&E?jsxs(Fragment,{children:[K&&createPortal(jsx("div",{className:"fixed inset-0 z-40 bg-black/50",style:{top:N},onClick:()=>C(false)}),document.body),createPortal(jsxs("aside",{ref:S,className:i("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",K?"translate-x-0":"-translate-x-full"),style:{top:N},onClick:ne,onTouchStart:oe,onTouchMove:re,onTouchEnd:se,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:t=>{t.stopPropagation(),C(false);},className:i(R,"h-7 w-7 p-1"),"aria-label":"Close navigation",children:jsx(X,{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:$})})]}),document.body),!K&&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% + ${N/2}px)`,transform:"translateY(-50%)"},onClick:()=>C(true),"aria-label":"Open navigation",children:jsx(ChevronRight,{className:"h-3.5 w-3.5"})}),document.body)]}):jsx("nav",{className:i("flex flex-col gap-0.5",y==="mini"&&"items-center",r),...W,children:$})}export{Le as SideNav};
+import Ce,{useState,useCallback,useRef,useEffect,useMemo,useLayoutEffect}from'react';import {createPortal}from'react-dom';import {Menu,ChevronsLeft,X,ChevronRight,ChevronLeft}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,Fragment,jsx}from'react/jsx-runtime';function i(...e){return twMerge(clsx(e))}var R="flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm transition-colors cursor-pointer",ae="bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100 font-medium",D="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",A="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 Ye({to:e,className:l,style:a,children:c}){let d=typeof l=="function"?l({isActive:false}):l;return jsx("a",{href:e,className:d,style:a,children:c})}var V=["expanded","icons","mini"];function Xe(e){let l=V.indexOf(e);return V[(l+1)%V.length]}function oe(e){let l=new Set;for(let a of e)if(a.children&&a.children.length>0){l.add(a.key??a.label);for(let c of oe(a.children))l.add(c);}return l}function se({item:e,basePath:l,depth:a,onItemClick:c,LinkComponent:d,showLines:y,expandedKeys:f,onToggle:N}){let v=e.key??e.label,O=e.children&&e.children.length>0,[Y,E]=useState(e.defaultOpen??true),P=f?f.has(v):Y,o=useCallback(()=>{f?N(v):E(p=>!p);},[f,N,v]),b=a>0?`${a*1.25}rem`:void 0;if(O)return jsxs("div",{children:[jsxs("button",{type:"button",onClick:o,className:i(R,D,"justify-between"),style:{paddingLeft:b},children:[jsxs("span",{className:"flex items-center gap-2",children:[e.icon,e.label]}),jsx(ChevronRight,{className:i("h-3.5 w-3.5 transition-transform",P&&"rotate-90")})]}),P&&jsx("div",{className:i("flex flex-col gap-0.5 pt-0.5",y?"ml-2.5 border-l border-primary-200 dark:border-primary-700":"ml-2"),children:e.children.map(p=>jsx(se,{item:p,basePath:l,depth:a+1,onItemClick:c,LinkComponent:d,showLines:y,expandedKeys:f,onToggle:N},p.key??p.path??p.label))})]});if(e.path!=null){let p=l+e.path;return c?jsxs("button",{type:"button",onClick:()=>c(e,p),className:i(R,D),style:{paddingLeft:b},children:[e.icon,e.label]}):jsxs(d,{to:p,className:({isActive:x})=>i(R,x?ae:D),style:{paddingLeft:b},children:[e.icon,e.label]})}return jsxs("span",{className:i(R,D,"cursor-default"),style:{paddingLeft:b},children:[e.icon,e.label]})}function He({item:e,basePath:l,onItemClick:a,LinkComponent:c}){let[d,y]=useState(false),f=useRef(null),N=useRef(void 0),[v,O]=useState({top:0,left:0}),Y=()=>{clearTimeout(N.current),y(true);},E=()=>{N.current=setTimeout(()=>y(false),200);};useLayoutEffect(()=>{if(d&&f.current){let o=f.current.getBoundingClientRect();O({top:o.top,left:o.right+4});}},[d]);let P=e.icon||jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});return jsxs("div",{onMouseEnter:Y,onMouseLeave:E,children:[jsx("button",{ref:f,type:"button",className:i(A,"w-full"),title:e.label,onClick:()=>y(o=>!o),children:P}),d&&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:Y,onMouseLeave:E,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(o=>{let b=o.key??o.path??o.label;if(o.path!=null){let p=l+o.path;return a?jsxs("button",{type:"button",onClick:()=>{a(o,p),y(false);},className:i(R,D),children:[o.icon,o.label]},b):jsxs(c,{to:p,className:({isActive:x})=>i(R,x?ae:D),children:[o.icon,o.label]},b)}return jsxs("span",{className:i(R,"cursor-default text-primary-400"),children:[o.icon,o.label]},b)})})]}),document.body)]})}function De({item:e,basePath:l,onItemClick:a,LinkComponent:c}){let d=e.icon||jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});if(e.path!=null){let y=l+e.path;return a?jsx("button",{type:"button",onClick:()=>a(e,y),className:i(A,"w-full"),title:e.label,children:d}):jsx(c,{to:y,className:({isActive:f})=>i(A,"w-full",f&&"bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100"),children:jsx("span",{title:e.label,children:d})})}return jsx("span",{className:i(A,"w-full cursor-default"),title:e.label,children:d})}function We({items:e,title:l,basePath:a="/",onItemClick:c,LinkComponent:d=Ye,collapsible:y,collapseMode:f,defaultCollapseMode:N="expanded",onCollapseModeChange:v,showLines:O=true,expandedKeys:Y,defaultExpandedKeys:E="all",onExpandedKeysChange:P,className:o,responsive:b=true,mobileBreakpoint:p=768,mobileTopOffset:x=48,mobileDrawerSlot:q,...ie}){let[le,ce]=useState(N),w=f??le,de=Ce.useMemo(()=>oe(e),[e]),[pe,ue]=useState(()=>E==="all"?new Set(de):new Set(E)),F=Y??null,Q=F??pe,me=useCallback(t=>{let r=new Set(Q);r.has(t)?r.delete(t):r.add(t),ue(r),P?.(r);},[Q,P]),fe=useCallback(()=>{let t=Xe(w);ce(t),v?.(t);},[w,v]),[X$1,be]=useState(()=>b&&typeof window<"u"&&window.innerWidth<p),[W,S]=useState(false),[g,ye]=useState(()=>{if(typeof window>"u")return "left";try{return localStorage.getItem("onyx-sidenav-side")||"left"}catch{return "left"}}),[J,ge]=useState(()=>{if(typeof window>"u")return 50;try{return Number(localStorage.getItem("onyx-sidenav-top"))||50}catch{return 50}}),[H,U]=useState(null),k=useRef({dragging:false,startX:0,startY:0,moved:false}),he=useCallback(t=>{if(t.pointerType==="mouse"&&t.button!==0)return;t.preventDefault(),k.current={dragging:true,startX:t.clientX,startY:t.clientY,moved:false};let r=m=>{if(!k.current.dragging)return;let T=Math.abs(m.clientX-k.current.startX),K=Math.abs(m.clientY-k.current.startY);if((T>6||K>6)&&(k.current.moved=true),!k.current.moved)return;let I=m.clientX<window.innerWidth/2?"left":"right",te=x+28,B=window.innerHeight-28,j=Math.max(te,Math.min(B,m.clientY));U({side:I,y:j});},s=m=>{if(window.removeEventListener("pointermove",r),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s),!k.current.dragging)return;if(k.current.dragging=false,!k.current.moved){let j=ne=>{ne.stopPropagation(),ne.preventDefault(),window.removeEventListener("click",j,true);};window.addEventListener("click",j,true),U(null),S(true);return}let T=m.clientX<window.innerWidth/2?"left":"right",K=x+28,I=window.innerHeight-28,B=Math.max(K,Math.min(I,m.clientY))/window.innerHeight*100;ye(T),ge(B),U(null);try{localStorage.setItem("onyx-sidenav-side",T),localStorage.setItem("onyx-sidenav-top",String(B));}catch{}};window.addEventListener("pointermove",r),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s);},[x]);useEffect(()=>{if(!b||typeof window>"u"||!window.matchMedia)return;let t=window.matchMedia(`(max-width: ${p-1}px)`),r=s=>{be(s.matches),s.matches||S(false);};return t.addEventListener("change",r),()=>t.removeEventListener("change",r)},[b,p]);let ve=useCallback(t=>{t.target.closest("a")&&S(false);},[]),C=useRef(null),M=useRef({startX:0,startY:0,dragging:false}),Z=60,xe=useCallback(t=>{let r=t.touches[0];M.current={startX:r.clientX,startY:r.clientY,dragging:true};},[]),we=useCallback(t=>{if(!M.current.dragging||!C.current)return;let r=t.touches[0],s=r.clientX-M.current.startX,m=r.clientY-M.current.startY;if(g==="left"){if(s>=0||Math.abs(m)>Math.abs(s))return;C.current.style.transform=`translateX(${Math.max(s,-224)}px)`;}else {if(s<=0||Math.abs(m)>Math.abs(s))return;C.current.style.transform=`translateX(${Math.min(s,224)}px)`;}C.current.style.transition="none";},[g]),ke=useCallback(t=>{if(!M.current.dragging||!C.current)return;M.current.dragging=false;let r=t.changedTouches[0],s=r.clientX-M.current.startX,m=r.clientY-M.current.startY;C.current.style.transition="",C.current.style.transform="",Math.abs(s)>Math.abs(m)&&(g==="left"&&s<-Z&&S(false),g==="right"&&s>Z&&S(false));},[g]),G=useMemo(()=>!X$1||!c?c:(t,r)=>{S(false),c(t,r);},[X$1,c]),ee=jsxs(Fragment,{children:[y&&!X$1&&jsx("div",{className:i("flex shrink-0 mb-1",w==="expanded"?"justify-end":"justify-center"),children:jsx("button",{type:"button",onClick:fe,className:A,"aria-label":w==="mini"?"Expand sidebar":"Collapse sidebar",title:w==="mini"?"Expand sidebar":"Collapse sidebar",children:w==="mini"?jsx(Menu,{className:"h-5 w-5"}):jsx(ChevronsLeft,{className:"h-4 w-4"})})}),(X$1||w==="expanded")&&jsxs(Fragment,{children:[l&&jsx("h2",{className:"text-primary-500 dark:text-primary-400 mb-3 text-sm font-semibold uppercase",children:l}),e.map(t=>jsx(se,{item:t,basePath:a,depth:0,onItemClick:G,LinkComponent:d,showLines:O,expandedKeys:F,onToggle:me},t.key??t.path??t.label))]}),!X$1&&w==="icons"&&e.map(t=>{let r=t.key??t.path??t.label;return t.children&&t.children.length>0?jsx(He,{item:t,basePath:a,onItemClick:G,LinkComponent:d},r):jsx(De,{item:t,basePath:a,onItemClick:G,LinkComponent:d},r)})]});if(b&&X$1){let t=H?H.side:g,r=H?H.y:J/100*(typeof window<"u"?window.innerHeight:600),s=H?{top:r,transform:"translateY(-50%)",transition:"none",...t==="left"?{left:0}:{right:0}}:{top:`${J}%`,transform:"translateY(-50%)",transition:"top 0.15s ease",...g==="left"?{left:0}:{right:0}},m=g==="left"?{left:0,right:"auto"}:{right:0,left:"auto"},T=W?"translate-x-0":g==="left"?"-translate-x-full":"translate-x-full",K=g==="left"?"border-r":"border-l";return jsxs(Fragment,{children:[W&&createPortal(jsx("div",{className:"fixed inset-0 z-40 bg-black/50",style:{top:x},onClick:()=>S(false)}),document.body),createPortal(jsxs("aside",{ref:C,className:i("fixed bottom-0 z-50 flex flex-col w-56 bg-white dark:bg-primary-900 shadow-xl transition-transform duration-200",K,"border-primary-200 dark:border-primary-700",T),style:{top:x,...m},onClick:ve,onTouchStart:xe,onTouchMove:we,onTouchEnd:ke,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:I=>{I.stopPropagation(),S(false);},className:i(A,"h-7 w-7 p-1"),"aria-label":"Close navigation",children:jsx(X,{className:"h-4 w-4"})})]}),q&&jsx("div",{className:"shrink-0 border-b border-primary-200 px-3 py-2 dark:border-primary-700",children:q}),jsx("div",{className:"flex-1 overflow-y-auto overscroll-y-contain p-3",children:jsx("nav",{className:"flex flex-col gap-0.5",children:ee})})]}),document.body),!W&&createPortal(jsx("div",{className:i("fixed z-50 flex items-center",t==="left"?"justify-start":"justify-end",H?"cursor-grabbing":"cursor-grab"),style:{...s,width:44,height:80,marginTop:-12,touchAction:"none",userSelect:"none"},onPointerDown:he,onDragStart:I=>I.preventDefault(),role:"button","aria-label":"Open navigation",tabIndex:0,children:jsx("div",{className:i("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",t==="left"?"rounded-r-xl":"rounded-l-xl"),children:t==="left"?jsx(ChevronRight,{className:"h-4 w-4"}):jsx(ChevronLeft,{className:"h-4 w-4"})})}),document.body)]})}return jsx("nav",{className:i("flex flex-col gap-0.5",w==="mini"&&"items-center",o),...ie,children:ee})}export{We as SideNav};