@jacshuo/onyx 1.3.0 → 1.4.0

package/dist/Feedback/ProgressBar.js

@@ -1 +1 @@
-import {useState,useRef,useEffect}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';function n(...a){return twMerge(clsx(a))}var l=cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function F({value:a=0,size:t,intent:d,edge:p,showLabel:m=false,indeterminate:r=false,animated:u=false,duration:g=500,className:f,...c}){let e=Math.max(0,Math.min(100,a)),[b,x]=useState(0),s=useRef(0);useEffect(()=>{if(!r)return s.current=requestAnimationFrame(()=>{x(e);}),()=>{s.current&&cancelAnimationFrame(s.current);}},[e,r]);let y=m&&!r&&t!=="xs"&&t!=="sm";return jsx("div",{role:"progressbar","aria-valuenow":r?void 0:e,"aria-valuemin":0,"aria-valuemax":100,className:n(l({size:t,intent:d,edge:p}),f),...c,children:r?jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsx("div",{className:n("progress-fill h-full rounded-full transition-[width] ease-out",u&&"animate-progress-shine"),style:{width:`${b}%`,transitionDuration:`${g}ms`},children:y&&jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(e),"%"]})})})}export{F as ProgressBar};
+import {useState,useRef,useEffect}from'react';import {createPortal}from'react-dom';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';function o(...a){return twMerge(clsx(a))}var m=cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function W({value:a=0,size:t,intent:p,edge:s,showLabel:u=false,indeterminate:r=false,animated:g=false,duration:f=500,className:c,...b}){let e=Math.max(0,Math.min(100,a)),[x,h]=useState(0),n=useRef(0);useEffect(()=>{if(!r)return n.current=requestAnimationFrame(()=>{h(e);}),()=>{n.current&&cancelAnimationFrame(n.current);}},[e,r]);let y=u&&!r&&t!=="xs"&&t!=="sm",d=jsx("div",{role:"progressbar","aria-valuenow":r?void 0:e,"aria-valuemin":0,"aria-valuemax":100,className:o(m({size:t,intent:p,edge:s}),c),...b,children:r?jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsx("div",{className:o("progress-fill h-full rounded-full transition-[width] ease-out",g&&"animate-progress-shine"),style:{width:`${x}%`,transitionDuration:`${f}ms`},children:y&&jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(e),"%"]})})});return s==="top"||s==="bottom"?createPortal(d,document.body):d}export{W as ProgressBar};

package/dist/Feedback/Spin.cjs

@@ -1,2 +1,2 @@
-'use strict';var react=require('react'),reactDom=require('react-dom'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function i(...e){return tailwindMerge.twMerge(clsx.clsx(e))}classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});var d=classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function l({size:e}){let t=e==="sm"?20:e==="lg"?40:28;return jsxRuntime.jsx("svg",{className:"animate-spin-rotate",width:t,height:t,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function G({spinning:e=true,tip:t,size:n,className:o,children:m,...f}){return m?jsxRuntime.jsxs("div",{className:i("relative w-fit",o),...f,children:[jsxRuntime.jsx("div",{className:i("transition-all duration-200",e&&"pointer-events-none select-none blur-[1px]"),children:m}),e&&jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(l,{size:n}),t&&jsxRuntime.jsx("span",{className:i(d({size:n}),"select-none"),children:t})]})]}):e?jsxRuntime.jsxs("div",{className:i("inline-flex flex-col items-center gap-2",o),...f,children:[jsxRuntime.jsx(l,{size:n}),t&&jsxRuntime.jsx("span",{className:i(d({size:n}),"select-none"),children:t})]}):null}var S=0,a=[],u=new Set;function E(){return a}function y(){u.forEach(e=>e());}function V(e,t){let n=++S;return a=[...a,{id:n,target:e,tip:t}],y(),()=>z(n)}function z(e){a=a.filter(t=>t.id!==e),y();}function J(){return V}var x=false;function M(){if(x||typeof document>"u")return;x=true;let e=document.createElement("div");e.id="jac-spin-portal",document.body.appendChild(e),import('react-dom/client').then(({createRoot:t})=>{t(e).render(jsxRuntime.jsx(H,{}));});}var p=new Map;function N(e){let t=p.get(e);if(t){t.count++;return}let n=getComputedStyle(e),o=e.style.position;n.position==="static"&&(e.style.position="relative"),p.set(e,{count:1,original:o});}function L(e){let t=p.get(e);t&&(t.count--,t.count<=0&&(e.style.position=t.original,p.delete(e)));}function P({entry:e}){return react.useEffect(()=>{let t=e.target;if(!b(t))return N(t),()=>L(t)},[e.target]),b(e.target)?reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsxRuntime.jsx(l,{size:"lg"}),e.tip&&jsxRuntime.jsx("span",{className:"select-none text-sm text-primary-100",children:e.tip})]}),document.body):reactDom.createPortal(jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(l,{size:"md"}),e.tip&&jsxRuntime.jsx("span",{className:i(d({size:"md"}),"select-none"),children:e.tip})]}),e.target)}function H(){let e=react.useSyncExternalStore(t=>(u.add(t),()=>u.delete(t)),()=>E());return e.length===0?null:jsxRuntime.jsx(jsxRuntime.Fragment,{children:e.map(t=>jsxRuntime.jsx(P,{entry:t},t.id))})}function b(e){return e===document.documentElement||e===document.body}typeof document<"u"&&M();
+'use strict';var react=require('react'),reactDom=require('react-dom'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function i(...e){return tailwindMerge.twMerge(clsx.clsx(e))}classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});var d=classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function l({size:e}){let t=e==="sm"?20:e==="lg"?40:28;return jsxRuntime.jsx("svg",{className:"animate-spin-rotate",width:t,height:t,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function G({spinning:e=true,tip:t,size:n,className:o,children:m,...f}){return m?jsxRuntime.jsxs("div",{className:i("relative w-fit",o),...f,children:[jsxRuntime.jsx("div",{className:i("transition-all duration-200",e&&"pointer-events-none select-none blur-[1px]"),children:m}),e&&jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(l,{size:n}),t&&jsxRuntime.jsx("span",{className:i(d({size:n}),"select-none"),children:t})]})]}):e?jsxRuntime.jsxs("div",{className:i("inline-flex flex-col items-center gap-2",o),...f,children:[jsxRuntime.jsx(l,{size:n}),t&&jsxRuntime.jsx("span",{className:i(d({size:n}),"select-none"),children:t})]}):null}var S=0,a=[],u=new Set;function E(){return a}function y(){u.forEach(e=>e());}function V(e,t){let n=++S;return a=[...a,{id:n,target:e,tip:t}],y(),()=>z(n)}function z(e){a=a.filter(t=>t.id!==e),y();}function J(){return V}var x=false;function M(){if(x||typeof document>"u")return;x=true;let e=document.createElement("div");e.id="jac-spin-portal",document.body.appendChild(e),import('react-dom/client').then(({createRoot:t})=>{t(e).render(jsxRuntime.jsx(H,{}));});}var p=new Map;function N(e){let t=p.get(e);if(t){t.count++;return}let n=getComputedStyle(e),o=e.style.position;n.position==="static"&&(e.style.position="relative"),p.set(e,{count:1,original:o});}function L(e){let t=p.get(e);t&&(t.count--,t.count<=0&&(e.style.position=t.original,p.delete(e)));}function P({entry:e}){return react.useEffect(()=>{let t=e.target;if(!b(t))return N(t),()=>L(t)},[e.target]),b(e.target)?reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsxRuntime.jsx(l,{size:"lg"}),e.tip&&jsxRuntime.jsx("span",{className:"select-none text-sm text-primary-100",children:e.tip})]}),document.body):reactDom.createPortal(jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(l,{size:"md"}),e.tip&&jsxRuntime.jsx("span",{className:i(d({size:"md"}),"select-none"),children:e.tip})]}),e.target)}function H(){let e=react.useSyncExternalStore(t=>(u.add(t),()=>u.delete(t)),()=>E());return e.length===0?null:jsxRuntime.jsx(jsxRuntime.Fragment,{children:e.map(t=>jsxRuntime.jsx(P,{entry:t},t.id))})}function b(e){return e===document.documentElement||e===document.body}typeof document<"u"&&M();
 exports.Spin=G;exports.useSpin=J;

package/dist/Feedback/Spin.js

@@ -1,2 +1,2 @@
-import {useSyncExternalStore,useEffect}from'react';import {createPortal}from'react-dom';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function i(...e){return twMerge(clsx(e))}cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});var d=cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function l({size:e}){let t=e==="sm"?20:e==="lg"?40:28;return jsx("svg",{className:"animate-spin-rotate",width:t,height:t,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function G({spinning:e=true,tip:t,size:n,className:o,children:m,...f}){return m?jsxs("div",{className:i("relative w-fit",o),...f,children:[jsx("div",{className:i("transition-all duration-200",e&&"pointer-events-none select-none blur-[1px]"),children:m}),e&&jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(l,{size:n}),t&&jsx("span",{className:i(d({size:n}),"select-none"),children:t})]})]}):e?jsxs("div",{className:i("inline-flex flex-col items-center gap-2",o),...f,children:[jsx(l,{size:n}),t&&jsx("span",{className:i(d({size:n}),"select-none"),children:t})]}):null}var S=0,a=[],u=new Set;function E(){return a}function y(){u.forEach(e=>e());}function V(e,t){let n=++S;return a=[...a,{id:n,target:e,tip:t}],y(),()=>z(n)}function z(e){a=a.filter(t=>t.id!==e),y();}function J(){return V}var x=false;function M(){if(x||typeof document>"u")return;x=true;let e=document.createElement("div");e.id="jac-spin-portal",document.body.appendChild(e),import('react-dom/client').then(({createRoot:t})=>{t(e).render(jsx(H,{}));});}var p=new Map;function N(e){let t=p.get(e);if(t){t.count++;return}let n=getComputedStyle(e),o=e.style.position;n.position==="static"&&(e.style.position="relative"),p.set(e,{count:1,original:o});}function L(e){let t=p.get(e);t&&(t.count--,t.count<=0&&(e.style.position=t.original,p.delete(e)));}function P({entry:e}){return useEffect(()=>{let t=e.target;if(!b(t))return N(t),()=>L(t)},[e.target]),b(e.target)?createPortal(jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsx(l,{size:"lg"}),e.tip&&jsx("span",{className:"select-none text-sm text-primary-100",children:e.tip})]}),document.body):createPortal(jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(l,{size:"md"}),e.tip&&jsx("span",{className:i(d({size:"md"}),"select-none"),children:e.tip})]}),e.target)}function H(){let e=useSyncExternalStore(t=>(u.add(t),()=>u.delete(t)),()=>E());return e.length===0?null:jsx(Fragment,{children:e.map(t=>jsx(P,{entry:t},t.id))})}function b(e){return e===document.documentElement||e===document.body}typeof document<"u"&&M();
+import {useSyncExternalStore,useEffect}from'react';import {createPortal}from'react-dom';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function i(...e){return twMerge(clsx(e))}cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});var d=cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function l({size:e}){let t=e==="sm"?20:e==="lg"?40:28;return jsx("svg",{className:"animate-spin-rotate",width:t,height:t,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function G({spinning:e=true,tip:t,size:n,className:o,children:m,...f}){return m?jsxs("div",{className:i("relative w-fit",o),...f,children:[jsx("div",{className:i("transition-all duration-200",e&&"pointer-events-none select-none blur-[1px]"),children:m}),e&&jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(l,{size:n}),t&&jsx("span",{className:i(d({size:n}),"select-none"),children:t})]})]}):e?jsxs("div",{className:i("inline-flex flex-col items-center gap-2",o),...f,children:[jsx(l,{size:n}),t&&jsx("span",{className:i(d({size:n}),"select-none"),children:t})]}):null}var S=0,a=[],u=new Set;function E(){return a}function y(){u.forEach(e=>e());}function V(e,t){let n=++S;return a=[...a,{id:n,target:e,tip:t}],y(),()=>z(n)}function z(e){a=a.filter(t=>t.id!==e),y();}function J(){return V}var x=false;function M(){if(x||typeof document>"u")return;x=true;let e=document.createElement("div");e.id="jac-spin-portal",document.body.appendChild(e),import('react-dom/client').then(({createRoot:t})=>{t(e).render(jsx(H,{}));});}var p=new Map;function N(e){let t=p.get(e);if(t){t.count++;return}let n=getComputedStyle(e),o=e.style.position;n.position==="static"&&(e.style.position="relative"),p.set(e,{count:1,original:o});}function L(e){let t=p.get(e);t&&(t.count--,t.count<=0&&(e.style.position=t.original,p.delete(e)));}function P({entry:e}){return useEffect(()=>{let t=e.target;if(!b(t))return N(t),()=>L(t)},[e.target]),b(e.target)?createPortal(jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsx(l,{size:"lg"}),e.tip&&jsx("span",{className:"select-none text-sm text-primary-100",children:e.tip})]}),document.body):createPortal(jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(l,{size:"md"}),e.tip&&jsx("span",{className:i(d({size:"md"}),"select-none"),children:e.tip})]}),e.target)}function H(){let e=useSyncExternalStore(t=>(u.add(t),()=>u.delete(t)),()=>E());return e.length===0?null:jsx(Fragment,{children:e.map(t=>jsx(P,{entry:t},t.id))})}function b(e){return e===document.documentElement||e===document.body}typeof document<"u"&&M();
 export{G as Spin,J as useSpin};

package/dist/Feedback/index.cjs

@@ -1,2 +1,2 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),reactDom=require('react-dom');require('react-dom/client'),require('lucide-react');var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function n(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var v=classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}}),p=classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}}),h=classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function g({intent:t,className:e,children:o,...i}){return jsxRuntime.jsx("div",{className:n(h({intent:t}),e),role:"alert",...i,children:o})}function x({value:t=0,size:e,intent:o,edge:i,showLabel:l=false,indeterminate:s=false,animated:T=false,duration:N=500,className:S,...E}){let m=Math.max(0,Math.min(100,t)),[M,V]=react.useState(0),d=react.useRef(0);react.useEffect(()=>{if(!s)return d.current=requestAnimationFrame(()=>{V(m);}),()=>{d.current&&cancelAnimationFrame(d.current);}},[m,s]);let L=l&&!s&&e!=="xs"&&e!=="sm";return jsxRuntime.jsx("div",{role:"progressbar","aria-valuenow":s?void 0:m,"aria-valuemin":0,"aria-valuemax":100,className:n(v({size:e,intent:o,edge:i}),S),...E,children:s?jsxRuntime.jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsxRuntime.jsx("div",{className:n("progress-fill h-full rounded-full transition-[width] ease-out",T&&"animate-progress-shine"),style:{width:`${M}%`,transitionDuration:`${N}ms`},children:L&&jsxRuntime.jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(m),"%"]})})})}function c({size:t}){let e=t==="sm"?20:t==="lg"?40:28;return jsxRuntime.jsx("svg",{className:"animate-spin-rotate",width:e,height:e,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function y({spinning:t=true,tip:e,size:o,className:i,children:l,...s}){return l?jsxRuntime.jsxs("div",{className:n("relative w-fit",i),...s,children:[jsxRuntime.jsx("div",{className:n("transition-all duration-200",t&&"pointer-events-none select-none blur-[1px]"),children:l}),t&&jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:o}),e&&jsxRuntime.jsx("span",{className:n(p({size:o}),"select-none"),children:e})]})]}):t?jsxRuntime.jsxs("div",{className:n("inline-flex flex-col items-center gap-2",i),...s,children:[jsxRuntime.jsx(c,{size:o}),e&&jsxRuntime.jsx("span",{className:n(p({size:o}),"select-none"),children:e})]}):null}var F=[],w=new Set;function W(){return F}var P=false;function $(){if(P||typeof document>"u")return;P=true;let t=document.createElement("div");t.id="jac-spin-portal",document.body.appendChild(t),import('react-dom/client').then(({createRoot:e})=>{e(t).render(jsxRuntime.jsx(X,{}));});}var u=new Map;function j(t){let e=u.get(t);if(e){e.count++;return}let o=getComputedStyle(t),i=t.style.position;o.position==="static"&&(t.style.position="relative"),u.set(t,{count:1,original:i});}function G(t){let e=u.get(t);e&&(e.count--,e.count<=0&&(t.style.position=e.original,u.delete(t)));}function q({entry:t}){return react.useEffect(()=>{let e=t.target;if(!k(e))return j(e),()=>G(e)},[t.target]),k(t.target)?reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:"lg"}),t.tip&&jsxRuntime.jsx("span",{className:"select-none text-sm text-primary-100",children:t.tip})]}),document.body):reactDom.createPortal(jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:"md"}),t.tip&&jsxRuntime.jsx("span",{className:n(p({size:"md"}),"select-none"),children:t.tip})]}),t.target)}function X(){let t=react.useSyncExternalStore(e=>(w.add(e),()=>w.delete(e)),()=>W());return t.length===0?null:jsxRuntime.jsx(jsxRuntime.Fragment,{children:t.map(e=>jsxRuntime.jsx(q,{entry:e},e.id))})}function k(t){return t===document.documentElement||t===document.body}typeof document<"u"&&$();var K={Alert:g,ProgressBar:x,Spin:y},Dt=K;
-exports.Alert=g;exports.Feedback=K;exports.ProgressBar=x;exports.Spin=y;exports.default=Dt;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),reactDom=require('react-dom');require('react-dom/client'),require('lucide-react');var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function n(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var v=classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}}),p=classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}}),A=classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function g({intent:t,className:e,children:o,...i}){return jsxRuntime.jsx("div",{className:n(A({intent:t}),e),role:"alert",...i,children:o})}function x({value:t=0,size:e,intent:o,edge:i,showLabel:l=false,indeterminate:s=false,animated:N=false,duration:S=500,className:E,...M}){let m=Math.max(0,Math.min(100,t)),[V,L]=react.useState(0),d=react.useRef(0);react.useEffect(()=>{if(!s)return d.current=requestAnimationFrame(()=>{L(m);}),()=>{d.current&&cancelAnimationFrame(d.current);}},[m,s]);let R=l&&!s&&e!=="xs"&&e!=="sm",h=jsxRuntime.jsx("div",{role:"progressbar","aria-valuenow":s?void 0:m,"aria-valuemin":0,"aria-valuemax":100,className:n(v({size:e,intent:o,edge:i}),E),...M,children:s?jsxRuntime.jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsxRuntime.jsx("div",{className:n("progress-fill h-full rounded-full transition-[width] ease-out",N&&"animate-progress-shine"),style:{width:`${V}%`,transitionDuration:`${S}ms`},children:R&&jsxRuntime.jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(m),"%"]})})});return i==="top"||i==="bottom"?reactDom.createPortal(h,document.body):h}function c({size:t}){let e=t==="sm"?20:t==="lg"?40:28;return jsxRuntime.jsx("svg",{className:"animate-spin-rotate",width:e,height:e,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function y({spinning:t=true,tip:e,size:o,className:i,children:l,...s}){return l?jsxRuntime.jsxs("div",{className:n("relative w-fit",i),...s,children:[jsxRuntime.jsx("div",{className:n("transition-all duration-200",t&&"pointer-events-none select-none blur-[1px]"),children:l}),t&&jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:o}),e&&jsxRuntime.jsx("span",{className:n(p({size:o}),"select-none"),children:e})]})]}):t?jsxRuntime.jsxs("div",{className:n("inline-flex flex-col items-center gap-2",i),...s,children:[jsxRuntime.jsx(c,{size:o}),e&&jsxRuntime.jsx("span",{className:n(p({size:o}),"select-none"),children:e})]}):null}var $=[],P=new Set;function j(){return $}var k=false;function G(){if(k||typeof document>"u")return;k=true;let t=document.createElement("div");t.id="jac-spin-portal",document.body.appendChild(t),import('react-dom/client').then(({createRoot:e})=>{e(t).render(jsxRuntime.jsx(K,{}));});}var u=new Map;function q(t){let e=u.get(t);if(e){e.count++;return}let o=getComputedStyle(t),i=t.style.position;o.position==="static"&&(t.style.position="relative"),u.set(t,{count:1,original:i});}function X(t){let e=u.get(t);e&&(e.count--,e.count<=0&&(t.style.position=e.original,u.delete(t)));}function J({entry:t}){return react.useEffect(()=>{let e=t.target;if(!T(e))return q(e),()=>X(e)},[t.target]),T(t.target)?reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:"lg"}),t.tip&&jsxRuntime.jsx("span",{className:"select-none text-sm text-primary-100",children:t.tip})]}),document.body):reactDom.createPortal(jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:"md"}),t.tip&&jsxRuntime.jsx("span",{className:n(p({size:"md"}),"select-none"),children:t.tip})]}),t.target)}function K(){let t=react.useSyncExternalStore(e=>(P.add(e),()=>P.delete(e)),()=>j());return t.length===0?null:jsxRuntime.jsx(jsxRuntime.Fragment,{children:t.map(e=>jsxRuntime.jsx(J,{entry:e},e.id))})}function T(t){return t===document.documentElement||t===document.body}typeof document<"u"&&G();var U={Alert:g,ProgressBar:x,Spin:y},Ft=U;
+exports.Alert=g;exports.Feedback=U;exports.ProgressBar=x;exports.Spin=y;exports.default=Ft;

package/dist/Feedback/index.js

@@ -1,2 +1,2 @@
-import {useSyncExternalStore,useEffect,useState,useRef}from'react';import {createPortal}from'react-dom';import'react-dom/client';import'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function n(...t){return twMerge(clsx(t))}var v=cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}}),p=cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}}),h=cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function g({intent:t,className:e,children:o,...i}){return jsx("div",{className:n(h({intent:t}),e),role:"alert",...i,children:o})}function x({value:t=0,size:e,intent:o,edge:i,showLabel:l=false,indeterminate:s=false,animated:T=false,duration:N=500,className:S,...E}){let m=Math.max(0,Math.min(100,t)),[M,V]=useState(0),d=useRef(0);useEffect(()=>{if(!s)return d.current=requestAnimationFrame(()=>{V(m);}),()=>{d.current&&cancelAnimationFrame(d.current);}},[m,s]);let L=l&&!s&&e!=="xs"&&e!=="sm";return jsx("div",{role:"progressbar","aria-valuenow":s?void 0:m,"aria-valuemin":0,"aria-valuemax":100,className:n(v({size:e,intent:o,edge:i}),S),...E,children:s?jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsx("div",{className:n("progress-fill h-full rounded-full transition-[width] ease-out",T&&"animate-progress-shine"),style:{width:`${M}%`,transitionDuration:`${N}ms`},children:L&&jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(m),"%"]})})})}function c({size:t}){let e=t==="sm"?20:t==="lg"?40:28;return jsx("svg",{className:"animate-spin-rotate",width:e,height:e,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function y({spinning:t=true,tip:e,size:o,className:i,children:l,...s}){return l?jsxs("div",{className:n("relative w-fit",i),...s,children:[jsx("div",{className:n("transition-all duration-200",t&&"pointer-events-none select-none blur-[1px]"),children:l}),t&&jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(c,{size:o}),e&&jsx("span",{className:n(p({size:o}),"select-none"),children:e})]})]}):t?jsxs("div",{className:n("inline-flex flex-col items-center gap-2",i),...s,children:[jsx(c,{size:o}),e&&jsx("span",{className:n(p({size:o}),"select-none"),children:e})]}):null}var F=[],w=new Set;function W(){return F}var P=false;function $(){if(P||typeof document>"u")return;P=true;let t=document.createElement("div");t.id="jac-spin-portal",document.body.appendChild(t),import('react-dom/client').then(({createRoot:e})=>{e(t).render(jsx(X,{}));});}var u=new Map;function j(t){let e=u.get(t);if(e){e.count++;return}let o=getComputedStyle(t),i=t.style.position;o.position==="static"&&(t.style.position="relative"),u.set(t,{count:1,original:i});}function G(t){let e=u.get(t);e&&(e.count--,e.count<=0&&(t.style.position=e.original,u.delete(t)));}function q({entry:t}){return useEffect(()=>{let e=t.target;if(!k(e))return j(e),()=>G(e)},[t.target]),k(t.target)?createPortal(jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsx(c,{size:"lg"}),t.tip&&jsx("span",{className:"select-none text-sm text-primary-100",children:t.tip})]}),document.body):createPortal(jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(c,{size:"md"}),t.tip&&jsx("span",{className:n(p({size:"md"}),"select-none"),children:t.tip})]}),t.target)}function X(){let t=useSyncExternalStore(e=>(w.add(e),()=>w.delete(e)),()=>W());return t.length===0?null:jsx(Fragment,{children:t.map(e=>jsx(q,{entry:e},e.id))})}function k(t){return t===document.documentElement||t===document.body}typeof document<"u"&&$();var K={Alert:g,ProgressBar:x,Spin:y},Dt=K;
-export{g as Alert,K as Feedback,x as ProgressBar,y as Spin,Dt as default};
+import {useSyncExternalStore,useEffect,useState,useRef}from'react';import {createPortal}from'react-dom';import'react-dom/client';import'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function n(...t){return twMerge(clsx(t))}var v=cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}}),p=cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}}),A=cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function g({intent:t,className:e,children:o,...i}){return jsx("div",{className:n(A({intent:t}),e),role:"alert",...i,children:o})}function x({value:t=0,size:e,intent:o,edge:i,showLabel:l=false,indeterminate:s=false,animated:N=false,duration:S=500,className:E,...M}){let m=Math.max(0,Math.min(100,t)),[V,L]=useState(0),d=useRef(0);useEffect(()=>{if(!s)return d.current=requestAnimationFrame(()=>{L(m);}),()=>{d.current&&cancelAnimationFrame(d.current);}},[m,s]);let R=l&&!s&&e!=="xs"&&e!=="sm",h=jsx("div",{role:"progressbar","aria-valuenow":s?void 0:m,"aria-valuemin":0,"aria-valuemax":100,className:n(v({size:e,intent:o,edge:i}),E),...M,children:s?jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsx("div",{className:n("progress-fill h-full rounded-full transition-[width] ease-out",N&&"animate-progress-shine"),style:{width:`${V}%`,transitionDuration:`${S}ms`},children:R&&jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(m),"%"]})})});return i==="top"||i==="bottom"?createPortal(h,document.body):h}function c({size:t}){let e=t==="sm"?20:t==="lg"?40:28;return jsx("svg",{className:"animate-spin-rotate",width:e,height:e,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function y({spinning:t=true,tip:e,size:o,className:i,children:l,...s}){return l?jsxs("div",{className:n("relative w-fit",i),...s,children:[jsx("div",{className:n("transition-all duration-200",t&&"pointer-events-none select-none blur-[1px]"),children:l}),t&&jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(c,{size:o}),e&&jsx("span",{className:n(p({size:o}),"select-none"),children:e})]})]}):t?jsxs("div",{className:n("inline-flex flex-col items-center gap-2",i),...s,children:[jsx(c,{size:o}),e&&jsx("span",{className:n(p({size:o}),"select-none"),children:e})]}):null}var $=[],P=new Set;function j(){return $}var k=false;function G(){if(k||typeof document>"u")return;k=true;let t=document.createElement("div");t.id="jac-spin-portal",document.body.appendChild(t),import('react-dom/client').then(({createRoot:e})=>{e(t).render(jsx(K,{}));});}var u=new Map;function q(t){let e=u.get(t);if(e){e.count++;return}let o=getComputedStyle(t),i=t.style.position;o.position==="static"&&(t.style.position="relative"),u.set(t,{count:1,original:i});}function X(t){let e=u.get(t);e&&(e.count--,e.count<=0&&(t.style.position=e.original,u.delete(t)));}function J({entry:t}){return useEffect(()=>{let e=t.target;if(!T(e))return q(e),()=>X(e)},[t.target]),T(t.target)?createPortal(jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsx(c,{size:"lg"}),t.tip&&jsx("span",{className:"select-none text-sm text-primary-100",children:t.tip})]}),document.body):createPortal(jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(c,{size:"md"}),t.tip&&jsx("span",{className:n(p({size:"md"}),"select-none"),children:t.tip})]}),t.target)}function K(){let t=useSyncExternalStore(e=>(P.add(e),()=>P.delete(e)),()=>j());return t.length===0?null:jsx(Fragment,{children:t.map(e=>jsx(J,{entry:e},e.id))})}function T(t){return t===document.documentElement||t===document.body}typeof document<"u"&&G();var U={Alert:g,ProgressBar:x,Spin:y},Ft=U;
+export{g as Alert,U as Feedback,x as ProgressBar,y as Spin,Ft as default};

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["aria-label"]})]}),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["aria-label"],onClick:e.onClick,children:e.icon},e.key??a):jsxRuntime.jsx("button",{type:"button",className:o,"aria-label":e["aria-label"],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'),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;

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["aria-label"]})]}),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["aria-label"],onClick:e.onClick,children:e.icon},e.key??a):jsx("button",{type:"button",className:o,"aria-label":e["aria-label"],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 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};

package/dist/Navigation/SideNav.cjs

@@ -1 +1 @@
-'use strict';var ne=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 ne__default=/*#__PURE__*/_interopDefault(ne);function s(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var k="flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm transition-colors cursor-pointer",U="bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100 font-medium",w="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",I="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 de({to:e,className:r,style:a,children:i}){let l=typeof r=="function"?r({isActive:false}):r;return jsxRuntime.jsx("a",{href:e,className:l,style:a,children:i})}var O=["expanded","icons","mini"];function pe(e){let r=O.indexOf(e);return O[(r+1)%O.length]}function V(e){let r=new Set;for(let a of e)if(a.children&&a.children.length>0){r.add(a.key??a.label);for(let i of V(a.children))r.add(i);}return r}function $({item:e,basePath:r,depth:a,onItemClick:i,LinkComponent:l,showLines:f,expandedKeys:c,onToggle:v}){let b=e.key??e.label,M=e.children&&e.children.length>0,[N,x]=ne.useState(e.defaultOpen??true),g=c?c.has(b):N,o=ne.useCallback(()=>{c?v(b):x(d=>!d);},[c,v,b]),m=a>0?`${a*1.25}rem`:void 0;if(M)return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("button",{type:"button",onClick:o,className:s(k,w,"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:s("h-3.5 w-3.5 transition-transform",g&&"rotate-90")})]}),g&&jsxRuntime.jsx("div",{className:s("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($,{item:d,basePath:r,depth:a+1,onItemClick:i,LinkComponent:l,showLines:f,expandedKeys:c,onToggle:v},d.key??d.path??d.label))})]});if(e.path!=null){let d=r+e.path;return i?jsxRuntime.jsxs("button",{type:"button",onClick:()=>i(e,d),className:s(k,w),style:{paddingLeft:m},children:[e.icon,e.label]}):jsxRuntime.jsxs(l,{to:d,className:({isActive:C})=>s(k,C?U:w),style:{paddingLeft:m},children:[e.icon,e.label]})}return jsxRuntime.jsxs("span",{className:s(k,w,"cursor-default"),style:{paddingLeft:m},children:[e.icon,e.label]})}function ce({item:e,basePath:r,onItemClick:a,LinkComponent:i}){let[l,f]=ne.useState(false),c=ne.useRef(null),v=ne.useRef(void 0),[b,M]=ne.useState({top:0,left:0}),N=()=>{clearTimeout(v.current),f(true);},x=()=>{v.current=setTimeout(()=>f(false),200);};ne.useLayoutEffect(()=>{if(l&&c.current){let o=c.current.getBoundingClientRect();M({top:o.top,left:o.right+4});}},[l]);let g=e.icon||jsxRuntime.jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});return jsxRuntime.jsxs("div",{onMouseEnter:N,onMouseLeave:x,children:[jsxRuntime.jsx("button",{ref:c,type:"button",className:s(I,"w-full"),title:e.label,onClick:()=>f(o=>!o),children:g}),l&&reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed z-50 min-w-44 rounded-md border border-primary-200 bg-white p-1 shadow-lg dark:border-primary-700 dark:bg-primary-900",style:{top:b.top,left:b.left},onMouseEnter:N,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(o=>{let m=o.key??o.path??o.label;if(o.path!=null){let d=r+o.path;return a?jsxRuntime.jsxs("button",{type:"button",onClick:()=>{a(o,d),f(false);},className:s(k,w),children:[o.icon,o.label]},m):jsxRuntime.jsxs(i,{to:d,className:({isActive:C})=>s(k,C?U:w),children:[o.icon,o.label]},m)}return jsxRuntime.jsxs("span",{className:s(k,"cursor-default text-primary-400"),children:[o.icon,o.label]},m)})})]}),document.body)]})}function me({item:e,basePath:r,onItemClick:a,LinkComponent:i}){let l=e.icon||jsxRuntime.jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});if(e.path!=null){let f=r+e.path;return a?jsxRuntime.jsx("button",{type:"button",onClick:()=>a(e,f),className:s(I,"w-full"),title:e.label,children:l}):jsxRuntime.jsx(i,{to:f,className:({isActive:c})=>s(I,"w-full",c&&"bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100"),children:jsxRuntime.jsx("span",{title:e.label,children:l})})}return jsxRuntime.jsx("span",{className:s(I,"w-full cursor-default"),title:e.label,children:l})}function he({items:e,title:r,basePath:a="/",onItemClick:i,LinkComponent:l=de,collapsible:f,collapseMode:c,defaultCollapseMode:v="expanded",onCollapseModeChange:b,showLines:M=true,expandedKeys:N,defaultExpandedKeys:x="all",onExpandedKeysChange:g,className:o,responsive:m=true,mobileBreakpoint:d=768,mobileTopOffset:C=48,...q}){let[D,F]=ne.useState(v),y=c??D,Q=ne__default.default.useMemo(()=>V(e),[e]),[W,X]=ne.useState(()=>x==="all"?new Set(Q):new Set(x)),K=N??null,j=K??W,J=ne.useCallback(t=>{let u=new Set(j);u.has(t)?u.delete(t):u.add(t),X(u),g?.(u);},[j,g]),Y=ne.useCallback(()=>{let t=pe(y);F(t),b?.(t);},[y,b]),[S,Z]=ne.useState(()=>m&&typeof window<"u"&&window.innerWidth<d),[P,L]=ne.useState(false);ne.useEffect(()=>{if(!m||typeof window>"u"||!window.matchMedia)return;let t=window.matchMedia(`(max-width: ${d-1}px)`),u=B=>{Z(B.matches),B.matches||L(false);};return t.addEventListener("change",u),()=>t.removeEventListener("change",u)},[m,d]);let _=ne.useCallback(t=>{t.target.closest("a")&&L(false);},[]),T=ne.useMemo(()=>!S||!i?i:(t,u)=>{L(false),i(t,u);},[S,i]),z=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[f&&!S&&jsxRuntime.jsx("div",{className:s("flex shrink-0 mb-1",y==="expanded"?"justify-end":"justify-center"),children:jsxRuntime.jsx("button",{type:"button",onClick:Y,className:I,"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"})})}),(S||y==="expanded")&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[r&&jsxRuntime.jsx("h2",{className:"text-primary-500 dark:text-primary-400 mb-3 text-sm font-semibold uppercase",children:r}),e.map(t=>jsxRuntime.jsx($,{item:t,basePath:a,depth:0,onItemClick:T,LinkComponent:l,showLines:M,expandedKeys:K,onToggle:J},t.key??t.path??t.label))]}),!S&&y==="icons"&&e.map(t=>{let u=t.key??t.path??t.label;return t.children&&t.children.length>0?jsxRuntime.jsx(ce,{item:t,basePath:a,onItemClick:T,LinkComponent:l},u):jsxRuntime.jsx(me,{item:t,basePath:a,onItemClick:T,LinkComponent:l},u)})]});return m&&S?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[P&&reactDom.createPortal(jsxRuntime.jsx("div",{className:"fixed inset-0 z-40 bg-black/50",style:{top:C},onClick:()=>L(false)}),document.body),reactDom.createPortal(jsxRuntime.jsx("aside",{className:s("fixed bottom-0 left-0 z-50 w-56 overflow-y-auto border-r border-primary-200 dark:border-primary-700 bg-white dark:bg-primary-900 shadow-xl transition-transform duration-200 p-3",P?"translate-x-0":"-translate-x-full"),style:{top:C},onClick:_,children:jsxRuntime.jsx("nav",{className:"flex flex-col gap-0.5",children:z})}),document.body),reactDom.createPortal(jsxRuntime.jsx("button",{type:"button",className:"fixed bottom-5 left-4 z-50 flex h-10 w-10 items-center justify-center rounded-full bg-primary-800 text-white shadow-lg transition-colors hover:bg-primary-700 dark:bg-primary-100 dark:text-primary-900 dark:hover:bg-primary-200",onClick:()=>L(t=>!t),"aria-label":P?"Close navigation":"Open navigation",children:P?jsxRuntime.jsx(lucideReact.X,{className:"h-5 w-5"}):jsxRuntime.jsx(lucideReact.Menu,{className:"h-5 w-5"})}),document.body)]}):jsxRuntime.jsx("nav",{className:s("flex flex-col gap-0.5",y==="mini"&&"items-center",o),...q,children:z})}exports.SideNav=he;
+'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;

package/dist/Navigation/SideNav.js

@@ -1 +1 @@
-import ne,{useState,useCallback,useEffect,useMemo,useRef,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 s(...e){return twMerge(clsx(e))}var k="flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm transition-colors cursor-pointer",U="bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100 font-medium",w="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",I="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 de({to:e,className:r,style:a,children:i}){let l=typeof r=="function"?r({isActive:false}):r;return jsx("a",{href:e,className:l,style:a,children:i})}var O=["expanded","icons","mini"];function pe(e){let r=O.indexOf(e);return O[(r+1)%O.length]}function V(e){let r=new Set;for(let a of e)if(a.children&&a.children.length>0){r.add(a.key??a.label);for(let i of V(a.children))r.add(i);}return r}function $({item:e,basePath:r,depth:a,onItemClick:i,LinkComponent:l,showLines:f,expandedKeys:c,onToggle:v}){let b=e.key??e.label,M=e.children&&e.children.length>0,[N,x]=useState(e.defaultOpen??true),g=c?c.has(b):N,o=useCallback(()=>{c?v(b):x(d=>!d);},[c,v,b]),m=a>0?`${a*1.25}rem`:void 0;if(M)return jsxs("div",{children:[jsxs("button",{type:"button",onClick:o,className:s(k,w,"justify-between"),style:{paddingLeft:m},children:[jsxs("span",{className:"flex items-center gap-2",children:[e.icon,e.label]}),jsx(ChevronRight,{className:s("h-3.5 w-3.5 transition-transform",g&&"rotate-90")})]}),g&&jsx("div",{className:s("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($,{item:d,basePath:r,depth:a+1,onItemClick:i,LinkComponent:l,showLines:f,expandedKeys:c,onToggle:v},d.key??d.path??d.label))})]});if(e.path!=null){let d=r+e.path;return i?jsxs("button",{type:"button",onClick:()=>i(e,d),className:s(k,w),style:{paddingLeft:m},children:[e.icon,e.label]}):jsxs(l,{to:d,className:({isActive:C})=>s(k,C?U:w),style:{paddingLeft:m},children:[e.icon,e.label]})}return jsxs("span",{className:s(k,w,"cursor-default"),style:{paddingLeft:m},children:[e.icon,e.label]})}function ce({item:e,basePath:r,onItemClick:a,LinkComponent:i}){let[l,f]=useState(false),c=useRef(null),v=useRef(void 0),[b,M]=useState({top:0,left:0}),N=()=>{clearTimeout(v.current),f(true);},x=()=>{v.current=setTimeout(()=>f(false),200);};useLayoutEffect(()=>{if(l&&c.current){let o=c.current.getBoundingClientRect();M({top:o.top,left:o.right+4});}},[l]);let g=e.icon||jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});return jsxs("div",{onMouseEnter:N,onMouseLeave:x,children:[jsx("button",{ref:c,type:"button",className:s(I,"w-full"),title:e.label,onClick:()=>f(o=>!o),children:g}),l&&createPortal(jsxs("div",{className:"fixed z-50 min-w-44 rounded-md border border-primary-200 bg-white p-1 shadow-lg dark:border-primary-700 dark:bg-primary-900",style:{top:b.top,left:b.left},onMouseEnter:N,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(o=>{let m=o.key??o.path??o.label;if(o.path!=null){let d=r+o.path;return a?jsxs("button",{type:"button",onClick:()=>{a(o,d),f(false);},className:s(k,w),children:[o.icon,o.label]},m):jsxs(i,{to:d,className:({isActive:C})=>s(k,C?U:w),children:[o.icon,o.label]},m)}return jsxs("span",{className:s(k,"cursor-default text-primary-400"),children:[o.icon,o.label]},m)})})]}),document.body)]})}function me({item:e,basePath:r,onItemClick:a,LinkComponent:i}){let l=e.icon||jsx("span",{className:"text-xs font-bold leading-none",children:e.label.charAt(0).toUpperCase()});if(e.path!=null){let f=r+e.path;return a?jsx("button",{type:"button",onClick:()=>a(e,f),className:s(I,"w-full"),title:e.label,children:l}):jsx(i,{to:f,className:({isActive:c})=>s(I,"w-full",c&&"bg-primary-200 dark:bg-primary-700/50 text-primary-900 dark:text-primary-100"),children:jsx("span",{title:e.label,children:l})})}return jsx("span",{className:s(I,"w-full cursor-default"),title:e.label,children:l})}function he({items:e,title:r,basePath:a="/",onItemClick:i,LinkComponent:l=de,collapsible:f,collapseMode:c,defaultCollapseMode:v="expanded",onCollapseModeChange:b,showLines:M=true,expandedKeys:N,defaultExpandedKeys:x="all",onExpandedKeysChange:g,className:o,responsive:m=true,mobileBreakpoint:d=768,mobileTopOffset:C=48,...q}){let[D,F]=useState(v),y=c??D,Q=ne.useMemo(()=>V(e),[e]),[W,X$1]=useState(()=>x==="all"?new Set(Q):new Set(x)),K=N??null,j=K??W,J=useCallback(t=>{let u=new Set(j);u.has(t)?u.delete(t):u.add(t),X$1(u),g?.(u);},[j,g]),Y=useCallback(()=>{let t=pe(y);F(t),b?.(t);},[y,b]),[S,Z]=useState(()=>m&&typeof window<"u"&&window.innerWidth<d),[P,L]=useState(false);useEffect(()=>{if(!m||typeof window>"u"||!window.matchMedia)return;let t=window.matchMedia(`(max-width: ${d-1}px)`),u=B=>{Z(B.matches),B.matches||L(false);};return t.addEventListener("change",u),()=>t.removeEventListener("change",u)},[m,d]);let _=useCallback(t=>{t.target.closest("a")&&L(false);},[]),T=useMemo(()=>!S||!i?i:(t,u)=>{L(false),i(t,u);},[S,i]),z=jsxs(Fragment,{children:[f&&!S&&jsx("div",{className:s("flex shrink-0 mb-1",y==="expanded"?"justify-end":"justify-center"),children:jsx("button",{type:"button",onClick:Y,className:I,"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"})})}),(S||y==="expanded")&&jsxs(Fragment,{children:[r&&jsx("h2",{className:"text-primary-500 dark:text-primary-400 mb-3 text-sm font-semibold uppercase",children:r}),e.map(t=>jsx($,{item:t,basePath:a,depth:0,onItemClick:T,LinkComponent:l,showLines:M,expandedKeys:K,onToggle:J},t.key??t.path??t.label))]}),!S&&y==="icons"&&e.map(t=>{let u=t.key??t.path??t.label;return t.children&&t.children.length>0?jsx(ce,{item:t,basePath:a,onItemClick:T,LinkComponent:l},u):jsx(me,{item:t,basePath:a,onItemClick:T,LinkComponent:l},u)})]});return m&&S?jsxs(Fragment,{children:[P&&createPortal(jsx("div",{className:"fixed inset-0 z-40 bg-black/50",style:{top:C},onClick:()=>L(false)}),document.body),createPortal(jsx("aside",{className:s("fixed bottom-0 left-0 z-50 w-56 overflow-y-auto border-r border-primary-200 dark:border-primary-700 bg-white dark:bg-primary-900 shadow-xl transition-transform duration-200 p-3",P?"translate-x-0":"-translate-x-full"),style:{top:C},onClick:_,children:jsx("nav",{className:"flex flex-col gap-0.5",children:z})}),document.body),createPortal(jsx("button",{type:"button",className:"fixed bottom-5 left-4 z-50 flex h-10 w-10 items-center justify-center rounded-full bg-primary-800 text-white shadow-lg transition-colors hover:bg-primary-700 dark:bg-primary-100 dark:text-primary-900 dark:hover:bg-primary-200",onClick:()=>L(t=>!t),"aria-label":P?"Close navigation":"Open navigation",children:P?jsx(X,{className:"h-5 w-5"}):jsx(Menu,{className:"h-5 w-5"})}),document.body)]}):jsx("nav",{className:s("flex flex-col gap-0.5",y==="mini"&&"items-center",o),...q,children:z})}export{he as SideNav};
+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};