@customafk/lunas-ui 0.1.24 → 0.1.26

package/dist/ui/multi-select.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-C--cfyfH.cjs`);const t=require(`../button-DtFiUaY7.cjs`);require(`../close-CXhpIVAZ.cjs`),require(`../dialog-DZ_gg6Ol.cjs`);const n=require(`../command-B8Tbe4oe.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`lucide-react`),o=require(`react`),s=require(`cmdk`);function c(e,t){let[n,r]=(0,o.useState)(e);return(0,o.useEffect)(()=>{let n=setTimeout(()=>r(e),t||500);return()=>{clearTimeout(n)}},[e,t]),n}function l(e,t){if(e.length===0)return{};if(!t)return{"":e};let n={};return e.forEach(e=>{let r=e[t]||``;n[r]||(n[r]=[]),n[r].push(e)}),n}function u(e,t){let n=JSON.parse(JSON.stringify(e));for(let[e,r]of Object.entries(n))n[e]=r.filter(e=>!t.find(t=>t.value===e.value));return n}function d(e,t){for(let[,n]of Object.entries(e))if(n.some(e=>t.find(t=>t.value===e.value)))return!0;return!1}const f=(0,o.forwardRef)(({className:e,...t},n)=>(0,s.useCommandState)(e=>e.filtered.count===0)?(0,i.jsx)(`div`,{ref:n,className:(0,r.cn)(`px-2 py-4 text-center text-sm`,e),"cmdk-empty":``,role:`presentation`,...t}):null);f.displayName=`CommandEmpty`;const p=(0,o.forwardRef)(({value:e,onChange:p,placeholder:m,defaultOptions:h=[],options:g,delay:_,onSearch:v,onSearchSync:y,loadingIndicator:b,emptyIndicator:x,maxSelected:S=2**53-1,onMaxSelected:C,hidePlaceholderWhenSelected:w,disabled:T,groupBy:E,className:D,badgeClassName:O,selectFirstItem:k=!0,creatable:A=!1,triggerSearchOnFocus:j=!1,commandProps:M,inputProps:N,hideClearAllButton:P=!1,onAddNewItem:F},I)=>{let L=(0,o.useRef)(null),R=(0,o.useRef)(null),[z,B]=(0,o.useState)(!1),[V,H]=(0,o.useState)(!1),[U,W]=(0,o.useState)(!1),[G,K]=(0,o.useState)(e||[]),[q,J]=(0,o.useState)(l(h,E)),[Y,X]=(0,o.useState)(``),Z=c(Y,_||500);(0,o.useImperativeHandle)(I,()=>({selectedValue:[...G],input:L.current,focus:()=>L?.current?.focus(),reset:()=>K([])}),[G]);let Q=(0,o.useCallback)(e=>{R.current&&!R.current.contains(e.target)&&L.current&&!L.current.contains(e.target)&&(B(!1),L.current.blur())},[]),$=(0,o.useCallback)(e=>{let t=G.filter(t=>t.value!==e.value);K(t),p?.(t)},[p,G]),ee=(0,o.useCallback)(e=>{let t=L.current;t&&((e.key===`Delete`||e.key===`Backspace`)&&t.value===``&&G.length>0&&(G[G.length-1].fixed||$(G[G.length-1])),e.key===`Escape`&&t.blur())},[$,G]);(0,o.useEffect)(()=>(z?(document.addEventListener(`mousedown`,Q),document.addEventListener(`touchend`,Q)):(document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)),()=>{document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)}),[z]),(0,o.useEffect)(()=>{e&&K(e)},[e]),(0,o.useEffect)(()=>{if(!g||v)return;let e=l(g||[],E);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[h,g,E,v,q]),(0,o.useEffect)(()=>{let e=()=>{let e=y?.(Z);J(l(e||[],E))};(async()=>{!y||!z||(j&&e(),Z&&e())})()},[Z,E,z,j]),(0,o.useEffect)(()=>{let e=async()=>{W(!0),J(l(await v?.(Z)||[],E)),W(!1)};(async()=>{!v||!z||(j&&await e(),Z&&await e())})()},[Z,E,z,j]);let te=()=>{if(!A||d(q,[{value:Y,label:Y}])||G.find(e=>e.value===Y))return;let e=(0,i.jsx)(n.o,{value:Y,className:`cursor-pointer`,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:e=>{if(G.length>=S){C?.(G.length);return}X(``);let t=[...G,{value:e,label:e}];K(t),p?.(t)},children:`Create "${Y}"`});if(!v&&Y.length>0||v&&Z.length>0&&!U)return e},ne=(0,o.useCallback)(()=>{if(x)return v&&!A&&Object.keys(q).length===0?(0,i.jsx)(n.o,{value:`-`,disabled:!0,children:x}):(0,i.jsx)(f,{children:x})},[A,x,v,q]),re=(0,o.useMemo)(()=>u(q,G),[q,G]),ie=(0,o.useCallback)(()=>{if(M?.filter)return M.filter;if(A)return(e,t)=>e.toLowerCase().includes(t.toLowerCase())?1:-1},[A,M?.filter]);return(0,i.jsxs)(n.t,{ref:R,...M,onKeyDown:e=>{ee(e),M?.onKeyDown?.(e)},className:(0,r.cn)(`h-auto overflow-visible bg-transparent`,M?.className),shouldFilter:M?.shouldFilter===void 0?!v:M.shouldFilter,filter:ie(),children:[(0,i.jsx)(`div`,{className:(0,r.cn)(`border-border-weak relative rounded-md border text-sm transition-shadow`,`focus-within:border-primary`,`focus-within:ring-primary-weak`,`focus-within:ring-4`,`focus-within:outline-hidden`,`has-disabled:bg-muted`,`has-disabled:text-muted-foreground`,G.length!==0&&`p-1`,!T&&G.length!==0&&`cursor-text`,!P&&`pe-9`,D),onClick:()=>{T||L?.current?.focus()},children:(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[G.map(e=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`animate-fadeIn`,`bg-background`,`hover:bg-background`,`border-border-weak border border-solid`,`text-text-positive-weak relative inline-flex h-7 cursor-default items-center rounded-md ps-2 pe-7 pl-2 text-xs font-medium transition-all`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-fixed:pe-2`,O),"data-fixed":e.fixed,"data-disabled":T||void 0,children:[e.label,(0,i.jsx)(`button`,{type:`button`,disabled:T||e.fixed,className:(0,r.cn)(`text-text-positive-muted absolute -inset-y-px -end-px flex size-7 items-center justify-center rounded-e-lg border border-transparent p-0 outline-0 transition-colors`,`hover:text-foreground`,`focus-visible:outline`,`focus-visible:outline-2`,`focus-visible:outline-primary-weak`,`disabled:hover:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`),onKeyDown:t=>{t.key===`Enter`&&$(e)},onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:()=>$(e),"aria-label":`Remove`,children:(0,i.jsx)(a.X,{size:14,strokeWidth:2,"aria-hidden":`true`})})]},e.value)),(0,i.jsx)(s.Command.Input,{...N,ref:L,value:Y,disabled:T,onValueChange:e=>{X(e),N?.onValueChange?.(e)},onBlur:e=>{V||B(!1),N?.onBlur?.(e)},onFocus:e=>{B(!0),j&&v?.(Z),N?.onFocus?.(e)},placeholder:w&&G.length!==0?``:m,className:(0,r.cn)(`placeholder:text-text-positive-muted flex-1 bg-transparent outline-hidden`,`disabled:placeholder:text-transparent`,{"w-full":w,"px-3 py-2":G.length===0,"ml-1":G.length!==0},N?.className)}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>{K(G.filter(e=>e.fixed)),p?.(G.filter(e=>e.fixed))},className:(0,r.cn)(`text-muted-foreground/80`,`absolute end-0 top-0 flex size-9 items-center justify-center rounded-lg border border-transparent transition-colors`,`focus-visible:outline-2`,`hover:text-text-positive`,`focus-visible:outline-primary-weak`,(P||T||G.length<1||G.filter(({fixed:e})=>e).length===G.length)&&`hidden`),"aria-label":`Clear all`,children:(0,i.jsx)(a.X,{size:16,strokeWidth:2,"aria-hidden":`true`})})]})}),(0,i.jsx)(`div`,{className:`relative`,children:(0,i.jsx)(`div`,{className:(0,r.cn)(`shadow-dropdown absolute top-2 z-10 w-full overflow-hidden rounded-lg`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95`,`data-[state=open]:zoom-in-95`,!z&&`hidden`),"data-state":z?`open`:`closed`,children:z&&(0,i.jsxs)(n.s,{className:`shadow-lg outline-hidden`,onMouseLeave:()=>{H(!1)},onMouseEnter:()=>{H(!0)},onMouseUp:()=>{L?.current?.focus()},children:[F&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.c,{}),(0,i.jsx)(n.i,{children:(0,i.jsxs)(t.t,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:F,children:[(0,i.jsx)(a.PlusIcon,{size:14,className:`opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?b:(0,i.jsxs)(i.Fragment,{children:[ne(),te(),!k&&(0,i.jsx)(n.o,{value:`-`,className:`hidden`}),Object.entries(re).map(([e,t])=>(0,i.jsx)(n.i,{heading:e,className:`h-full overflow-auto`,children:t.map(e=>(0,i.jsx)(n.o,{value:e.value,disabled:e.disable,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:()=>{if(G.length>=S){C?.(G.length);return}let t=[...G,e];X(``),K(t),p?.(t)},className:(0,r.cn)(`cursor-pointer`,e.disable&&`cursor-not-allowed opacity-50`),children:e.label},e.value))},e))]})]})})})]})});p.displayName=`MultipleSelector`,exports.MultipleSelector=p,exports.useDebounce=c;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-C--cfyfH.cjs`);const t=require(`../button-DtFiUaY7.cjs`);require(`../close-DvsVM8lM.cjs`),require(`../dialog-DVwvHuQB.cjs`);const n=require(`../command-BqSzRw6j.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`lucide-react`),o=require(`react`),s=require(`cmdk`);function c(e,t){let[n,r]=(0,o.useState)(e);return(0,o.useEffect)(()=>{let n=setTimeout(()=>r(e),t||500);return()=>{clearTimeout(n)}},[e,t]),n}function l(e,t){if(e.length===0)return{};if(!t)return{"":e};let n={};return e.forEach(e=>{let r=e[t]||``;n[r]||(n[r]=[]),n[r].push(e)}),n}function u(e,t){let n=JSON.parse(JSON.stringify(e));for(let[e,r]of Object.entries(n))n[e]=r.filter(e=>!t.find(t=>t.value===e.value));return n}function d(e,t){for(let[,n]of Object.entries(e))if(n.some(e=>t.find(t=>t.value===e.value)))return!0;return!1}const f=(0,o.forwardRef)(({className:e,...t},n)=>(0,s.useCommandState)(e=>e.filtered.count===0)?(0,i.jsx)(`div`,{ref:n,className:(0,r.cn)(`px-2 py-4 text-center text-sm`,e),"cmdk-empty":``,role:`presentation`,...t}):null);f.displayName=`CommandEmpty`;const p=(0,o.forwardRef)(({value:e,onChange:p,placeholder:m,defaultOptions:h=[],options:g,delay:_,onSearch:v,onSearchSync:y,loadingIndicator:b,emptyIndicator:x,maxSelected:S=2**53-1,onMaxSelected:C,hidePlaceholderWhenSelected:w,disabled:T,groupBy:E,className:D,badgeClassName:O,selectFirstItem:k=!0,creatable:A=!1,triggerSearchOnFocus:j=!1,commandProps:M,inputProps:N,hideClearAllButton:P=!1,onAddNewItem:F},I)=>{let L=(0,o.useRef)(null),R=(0,o.useRef)(null),[z,B]=(0,o.useState)(!1),[V,H]=(0,o.useState)(!1),[U,W]=(0,o.useState)(!1),[G,K]=(0,o.useState)(e||[]),[q,J]=(0,o.useState)(l(h,E)),[Y,X]=(0,o.useState)(``),Z=c(Y,_||500);(0,o.useImperativeHandle)(I,()=>({selectedValue:[...G],input:L.current,focus:()=>L?.current?.focus(),reset:()=>K([])}),[G]);let Q=(0,o.useCallback)(e=>{R.current&&!R.current.contains(e.target)&&L.current&&!L.current.contains(e.target)&&(B(!1),L.current.blur())},[]),$=(0,o.useCallback)(e=>{let t=G.filter(t=>t.value!==e.value);K(t),p?.(t)},[p,G]),ee=(0,o.useCallback)(e=>{let t=L.current;t&&((e.key===`Delete`||e.key===`Backspace`)&&t.value===``&&G.length>0&&(G[G.length-1].fixed||$(G[G.length-1])),e.key===`Escape`&&t.blur())},[$,G]);(0,o.useEffect)(()=>(z?(document.addEventListener(`mousedown`,Q),document.addEventListener(`touchend`,Q)):(document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)),()=>{document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)}),[z]),(0,o.useEffect)(()=>{e&&K(e)},[e]),(0,o.useEffect)(()=>{if(!g||v)return;let e=l(g||[],E);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[h,g,E,v,q]),(0,o.useEffect)(()=>{let e=()=>{let e=y?.(Z);J(l(e||[],E))};(async()=>{!y||!z||(j&&e(),Z&&e())})()},[Z,E,z,j]),(0,o.useEffect)(()=>{let e=async()=>{W(!0),J(l(await v?.(Z)||[],E)),W(!1)};(async()=>{!v||!z||(j&&await e(),Z&&await e())})()},[Z,E,z,j]);let te=()=>{if(!A||d(q,[{value:Y,label:Y}])||G.find(e=>e.value===Y))return;let e=(0,i.jsx)(n.o,{value:Y,className:`cursor-pointer`,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:e=>{if(G.length>=S){C?.(G.length);return}X(``);let t=[...G,{value:e,label:e}];K(t),p?.(t)},children:`Create "${Y}"`});if(!v&&Y.length>0||v&&Z.length>0&&!U)return e},ne=(0,o.useCallback)(()=>{if(x)return v&&!A&&Object.keys(q).length===0?(0,i.jsx)(n.o,{value:`-`,disabled:!0,children:x}):(0,i.jsx)(f,{children:x})},[A,x,v,q]),re=(0,o.useMemo)(()=>u(q,G),[q,G]),ie=(0,o.useCallback)(()=>{if(M?.filter)return M.filter;if(A)return(e,t)=>e.toLowerCase().includes(t.toLowerCase())?1:-1},[A,M?.filter]);return(0,i.jsxs)(n.t,{ref:R,...M,onKeyDown:e=>{ee(e),M?.onKeyDown?.(e)},className:(0,r.cn)(`h-auto overflow-visible bg-transparent`,M?.className),shouldFilter:M?.shouldFilter===void 0?!v:M.shouldFilter,filter:ie(),children:[(0,i.jsx)(`div`,{className:(0,r.cn)(`border-border-weak relative rounded-md border text-sm transition-shadow`,`focus-within:border-primary`,`focus-within:ring-primary-weak`,`focus-within:ring-4`,`focus-within:outline-hidden`,`has-disabled:bg-muted`,`has-disabled:text-muted-foreground`,G.length!==0&&`p-1`,!T&&G.length!==0&&`cursor-text`,!P&&`pe-9`,D),onClick:()=>{T||L?.current?.focus()},children:(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[G.map(e=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`animate-fadeIn`,`bg-background`,`hover:bg-background`,`border-border-weak border border-solid`,`text-text-positive-weak relative inline-flex h-7 cursor-default items-center rounded-md ps-2 pe-7 pl-2 text-xs font-medium transition-all`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-fixed:pe-2`,O),"data-fixed":e.fixed,"data-disabled":T||void 0,children:[e.label,(0,i.jsx)(`button`,{type:`button`,disabled:T||e.fixed,className:(0,r.cn)(`text-text-positive-muted absolute -inset-y-px -end-px flex size-7 items-center justify-center rounded-e-lg border border-transparent p-0 outline-0 transition-colors`,`hover:text-foreground`,`focus-visible:outline`,`focus-visible:outline-2`,`focus-visible:outline-primary-weak`,`disabled:hover:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`),onKeyDown:t=>{t.key===`Enter`&&$(e)},onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:()=>$(e),"aria-label":`Remove`,children:(0,i.jsx)(a.X,{size:14,strokeWidth:2,"aria-hidden":`true`})})]},e.value)),(0,i.jsx)(s.Command.Input,{...N,ref:L,value:Y,disabled:T,onValueChange:e=>{X(e),N?.onValueChange?.(e)},onBlur:e=>{V||B(!1),N?.onBlur?.(e)},onFocus:e=>{B(!0),j&&v?.(Z),N?.onFocus?.(e)},placeholder:w&&G.length!==0?``:m,className:(0,r.cn)(`placeholder:text-text-positive-muted flex-1 bg-transparent outline-hidden`,`disabled:placeholder:text-transparent`,{"w-full":w,"px-3 py-2":G.length===0,"ml-1":G.length!==0},N?.className)}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>{K(G.filter(e=>e.fixed)),p?.(G.filter(e=>e.fixed))},className:(0,r.cn)(`text-muted-foreground/80`,`absolute end-0 top-0 flex size-9 items-center justify-center rounded-lg border border-transparent transition-colors`,`focus-visible:outline-2`,`hover:text-text-positive`,`focus-visible:outline-primary-weak`,(P||T||G.length<1||G.filter(({fixed:e})=>e).length===G.length)&&`hidden`),"aria-label":`Clear all`,children:(0,i.jsx)(a.X,{size:16,strokeWidth:2,"aria-hidden":`true`})})]})}),(0,i.jsx)(`div`,{className:`relative`,children:(0,i.jsx)(`div`,{className:(0,r.cn)(`shadow-dropdown absolute top-2 z-10 w-full overflow-hidden rounded-lg`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95`,`data-[state=open]:zoom-in-95`,!z&&`hidden`),"data-state":z?`open`:`closed`,children:z&&(0,i.jsxs)(n.s,{className:`shadow-lg outline-hidden`,onMouseLeave:()=>{H(!1)},onMouseEnter:()=>{H(!0)},onMouseUp:()=>{L?.current?.focus()},children:[F&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.c,{}),(0,i.jsx)(n.i,{children:(0,i.jsxs)(t.t,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:F,children:[(0,i.jsx)(a.PlusIcon,{size:14,className:`opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?b:(0,i.jsxs)(i.Fragment,{children:[ne(),te(),!k&&(0,i.jsx)(n.o,{value:`-`,className:`hidden`}),Object.entries(re).map(([e,t])=>(0,i.jsx)(n.i,{heading:e,className:`h-full overflow-auto`,children:t.map(e=>(0,i.jsx)(n.o,{value:e.value,disabled:e.disable,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:()=>{if(G.length>=S){C?.(G.length);return}let t=[...G,e];X(``),K(t),p?.(t)},className:(0,r.cn)(`cursor-pointer`,e.disable&&`cursor-not-allowed opacity-50`),children:e.label},e.value))},e))]})]})})})]})});p.displayName=`MultipleSelector`,exports.MultipleSelector=p,exports.useDebounce=c;
 //# sourceMappingURL=multi-select.cjs.map

package/dist/ui/multi-select.d.cts

@@ -1,5 +1,5 @@
 import { Command as Command$1 } from "./command.cjs";
-import * as react11 from "react";
+import * as react14 from "react";
 import { Command } from "cmdk";
 
 //#region packages/components/ui/multi-select.d.ts
@@ -74,7 +74,7 @@ interface MultipleSelectorRef {
   reset: () => void;
 }
 declare function useDebounce<T>(value: T, delay?: number): T;
-declare const MultipleSelector: react11.ForwardRefExoticComponent<MultipleSelectorProps & react11.RefAttributes<MultipleSelectorRef>>;
+declare const MultipleSelector: react14.ForwardRefExoticComponent<MultipleSelectorProps & react14.RefAttributes<MultipleSelectorRef>>;
 //#endregion
 export { MultipleSelector, MultipleSelectorRef, Option, useDebounce };
 //# sourceMappingURL=multi-select.d.cts.map

package/dist/ui/multi-select.d.mts

@@ -1,6 +1,6 @@
-import "../dialog-B5-RP8KB.mjs";
+import "../dialog-UKGZcMTI.mjs";
 import { Command as Command$1 } from "./command.mjs";
-import * as react22 from "react";
+import * as react16 from "react";
 import { Command } from "cmdk";
 
 //#region packages/components/ui/multi-select.d.ts
@@ -75,7 +75,7 @@ interface MultipleSelectorRef {
   reset: () => void;
 }
 declare function useDebounce<T>(value: T, delay?: number): T;
-declare const MultipleSelector: react22.ForwardRefExoticComponent<MultipleSelectorProps & react22.RefAttributes<MultipleSelectorRef>>;
+declare const MultipleSelector: react16.ForwardRefExoticComponent<MultipleSelectorProps & react16.RefAttributes<MultipleSelectorRef>>;
 //#endregion
 export { MultipleSelector, MultipleSelectorRef, Option, useDebounce };
 //# sourceMappingURL=multi-select.d.mts.map

package/dist/ui/multi-select.mjs

@@ -1,2 +1,2 @@
-"use client";import"../button.variants-DmUzMbB8.mjs";import{t as e}from"../button-DIEXNBpi.mjs";import"../close-CGei_VQ6.mjs";import"../dialog-DeZVOOmh.mjs";import{c as t,i as n,o as r,s as ee,t as te}from"../command-BLlJzBw9.mjs";import{cn as i}from"@customafk/react-toolkit/utils";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";import{PlusIcon as ne,X as c}from"lucide-react";import{forwardRef as l,useCallback as u,useEffect as d,useImperativeHandle as re,useMemo as ie,useRef as f,useState as p}from"react";import{Command as m,useCommandState as h}from"cmdk";function g(e,t){let[n,r]=p(e);return d(()=>{let n=setTimeout(()=>r(e),t||500);return()=>{clearTimeout(n)}},[e,t]),n}function _(e,t){if(e.length===0)return{};if(!t)return{"":e};let n={};return e.forEach(e=>{let r=e[t]||``;n[r]||(n[r]=[]),n[r].push(e)}),n}function ae(e,t){let n=JSON.parse(JSON.stringify(e));for(let[e,r]of Object.entries(n))n[e]=r.filter(e=>!t.find(t=>t.value===e.value));return n}function oe(e,t){for(let[,n]of Object.entries(e))if(n.some(e=>t.find(t=>t.value===e.value)))return!0;return!1}const v=l(({className:e,...t},n)=>h(e=>e.filtered.count===0)?o(`div`,{ref:n,className:i(`px-2 py-4 text-center text-sm`,e),"cmdk-empty":``,role:`presentation`,...t}):null);v.displayName=`CommandEmpty`;const y=l(({value:l,onChange:h,placeholder:y,defaultOptions:b=[],options:x,delay:se,onSearch:S,onSearchSync:C,loadingIndicator:ce,emptyIndicator:w,maxSelected:T=2**53-1,onMaxSelected:E,hidePlaceholderWhenSelected:D,disabled:O,groupBy:k,className:A,badgeClassName:le,selectFirstItem:ue=!0,creatable:j=!1,triggerSearchOnFocus:M=!1,commandProps:N,inputProps:P,hideClearAllButton:F=!1,onAddNewItem:I},de)=>{let L=f(null),R=f(null),[z,B]=p(!1),[V,H]=p(!1),[U,W]=p(!1),[G,K]=p(l||[]),[q,J]=p(_(b,k)),[Y,X]=p(``),Z=g(Y,se||500);re(de,()=>({selectedValue:[...G],input:L.current,focus:()=>L?.current?.focus(),reset:()=>K([])}),[G]);let Q=u(e=>{R.current&&!R.current.contains(e.target)&&L.current&&!L.current.contains(e.target)&&(B(!1),L.current.blur())},[]),$=u(e=>{let t=G.filter(t=>t.value!==e.value);K(t),h?.(t)},[h,G]),fe=u(e=>{let t=L.current;t&&((e.key===`Delete`||e.key===`Backspace`)&&t.value===``&&G.length>0&&(G[G.length-1].fixed||$(G[G.length-1])),e.key===`Escape`&&t.blur())},[$,G]);d(()=>(z?(document.addEventListener(`mousedown`,Q),document.addEventListener(`touchend`,Q)):(document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)),()=>{document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)}),[z]),d(()=>{l&&K(l)},[l]),d(()=>{if(!x||S)return;let e=_(x||[],k);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[b,x,k,S,q]),d(()=>{let e=()=>{let e=C?.(Z);J(_(e||[],k))};(async()=>{!C||!z||(M&&e(),Z&&e())})()},[Z,k,z,M]),d(()=>{let e=async()=>{W(!0),J(_(await S?.(Z)||[],k)),W(!1)};(async()=>{!S||!z||(M&&await e(),Z&&await e())})()},[Z,k,z,M]);let pe=()=>{if(!j||oe(q,[{value:Y,label:Y}])||G.find(e=>e.value===Y))return;let e=o(r,{value:Y,className:`cursor-pointer`,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:e=>{if(G.length>=T){E?.(G.length);return}X(``);let t=[...G,{value:e,label:e}];K(t),h?.(t)},children:`Create "${Y}"`});if(!S&&Y.length>0||S&&Z.length>0&&!U)return e},me=u(()=>{if(w)return S&&!j&&Object.keys(q).length===0?o(r,{value:`-`,disabled:!0,children:w}):o(v,{children:w})},[j,w,S,q]),he=ie(()=>ae(q,G),[q,G]),ge=u(()=>{if(N?.filter)return N.filter;if(j)return(e,t)=>e.toLowerCase().includes(t.toLowerCase())?1:-1},[j,N?.filter]);return s(te,{ref:R,...N,onKeyDown:e=>{fe(e),N?.onKeyDown?.(e)},className:i(`h-auto overflow-visible bg-transparent`,N?.className),shouldFilter:N?.shouldFilter===void 0?!S:N.shouldFilter,filter:ge(),children:[o(`div`,{className:i(`border-border-weak relative rounded-md border text-sm transition-shadow`,`focus-within:border-primary`,`focus-within:ring-primary-weak`,`focus-within:ring-4`,`focus-within:outline-hidden`,`has-disabled:bg-muted`,`has-disabled:text-muted-foreground`,G.length!==0&&`p-1`,!O&&G.length!==0&&`cursor-text`,!F&&`pe-9`,A),onClick:()=>{O||L?.current?.focus()},children:s(`div`,{className:`flex flex-wrap gap-1`,children:[G.map(e=>s(`div`,{className:i(`animate-fadeIn`,`bg-background`,`hover:bg-background`,`border-border-weak border border-solid`,`text-text-positive-weak relative inline-flex h-7 cursor-default items-center rounded-md ps-2 pe-7 pl-2 text-xs font-medium transition-all`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-fixed:pe-2`,le),"data-fixed":e.fixed,"data-disabled":O||void 0,children:[e.label,o(`button`,{type:`button`,disabled:O||e.fixed,className:i(`text-text-positive-muted absolute -inset-y-px -end-px flex size-7 items-center justify-center rounded-e-lg border border-transparent p-0 outline-0 transition-colors`,`hover:text-foreground`,`focus-visible:outline`,`focus-visible:outline-2`,`focus-visible:outline-primary-weak`,`disabled:hover:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`),onKeyDown:t=>{t.key===`Enter`&&$(e)},onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:()=>$(e),"aria-label":`Remove`,children:o(c,{size:14,strokeWidth:2,"aria-hidden":`true`})})]},e.value)),o(m.Input,{...P,ref:L,value:Y,disabled:O,onValueChange:e=>{X(e),P?.onValueChange?.(e)},onBlur:e=>{V||B(!1),P?.onBlur?.(e)},onFocus:e=>{B(!0),M&&S?.(Z),P?.onFocus?.(e)},placeholder:D&&G.length!==0?``:y,className:i(`placeholder:text-text-positive-muted flex-1 bg-transparent outline-hidden`,`disabled:placeholder:text-transparent`,{"w-full":D,"px-3 py-2":G.length===0,"ml-1":G.length!==0},P?.className)}),o(`button`,{type:`button`,onClick:()=>{K(G.filter(e=>e.fixed)),h?.(G.filter(e=>e.fixed))},className:i(`text-muted-foreground/80`,`absolute end-0 top-0 flex size-9 items-center justify-center rounded-lg border border-transparent transition-colors`,`focus-visible:outline-2`,`hover:text-text-positive`,`focus-visible:outline-primary-weak`,(F||O||G.length<1||G.filter(({fixed:e})=>e).length===G.length)&&`hidden`),"aria-label":`Clear all`,children:o(c,{size:16,strokeWidth:2,"aria-hidden":`true`})})]})}),o(`div`,{className:`relative`,children:o(`div`,{className:i(`shadow-dropdown absolute top-2 z-10 w-full overflow-hidden rounded-lg`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95`,`data-[state=open]:zoom-in-95`,!z&&`hidden`),"data-state":z?`open`:`closed`,children:z&&s(ee,{className:`shadow-lg outline-hidden`,onMouseLeave:()=>{H(!1)},onMouseEnter:()=>{H(!0)},onMouseUp:()=>{L?.current?.focus()},children:[I&&s(a,{children:[o(t,{}),o(n,{children:s(e,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:I,children:[o(ne,{size:14,className:`opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?ce:s(a,{children:[me(),pe(),!ue&&o(r,{value:`-`,className:`hidden`}),Object.entries(he).map(([e,t])=>o(n,{heading:e,className:`h-full overflow-auto`,children:t.map(e=>o(r,{value:e.value,disabled:e.disable,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:()=>{if(G.length>=T){E?.(G.length);return}let t=[...G,e];X(``),K(t),h?.(t)},className:i(`cursor-pointer`,e.disable&&`cursor-not-allowed opacity-50`),children:e.label},e.value))},e))]})]})})})]})});y.displayName=`MultipleSelector`;export{y as MultipleSelector,g as useDebounce};
+"use client";import"../button.variants-DmUzMbB8.mjs";import{t as e}from"../button-DIEXNBpi.mjs";import"../close-BuQ2DHur.mjs";import"../dialog-bd77jxcu.mjs";import{c as t,i as n,o as r,s as ee,t as te}from"../command-BKiAU1oU.mjs";import{cn as i}from"@customafk/react-toolkit/utils";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";import{PlusIcon as ne,X as c}from"lucide-react";import{forwardRef as l,useCallback as u,useEffect as d,useImperativeHandle as re,useMemo as ie,useRef as f,useState as p}from"react";import{Command as m,useCommandState as h}from"cmdk";function g(e,t){let[n,r]=p(e);return d(()=>{let n=setTimeout(()=>r(e),t||500);return()=>{clearTimeout(n)}},[e,t]),n}function _(e,t){if(e.length===0)return{};if(!t)return{"":e};let n={};return e.forEach(e=>{let r=e[t]||``;n[r]||(n[r]=[]),n[r].push(e)}),n}function ae(e,t){let n=JSON.parse(JSON.stringify(e));for(let[e,r]of Object.entries(n))n[e]=r.filter(e=>!t.find(t=>t.value===e.value));return n}function oe(e,t){for(let[,n]of Object.entries(e))if(n.some(e=>t.find(t=>t.value===e.value)))return!0;return!1}const v=l(({className:e,...t},n)=>h(e=>e.filtered.count===0)?o(`div`,{ref:n,className:i(`px-2 py-4 text-center text-sm`,e),"cmdk-empty":``,role:`presentation`,...t}):null);v.displayName=`CommandEmpty`;const y=l(({value:l,onChange:h,placeholder:y,defaultOptions:b=[],options:x,delay:se,onSearch:S,onSearchSync:C,loadingIndicator:ce,emptyIndicator:w,maxSelected:T=2**53-1,onMaxSelected:E,hidePlaceholderWhenSelected:D,disabled:O,groupBy:k,className:A,badgeClassName:le,selectFirstItem:ue=!0,creatable:j=!1,triggerSearchOnFocus:M=!1,commandProps:N,inputProps:P,hideClearAllButton:F=!1,onAddNewItem:I},de)=>{let L=f(null),R=f(null),[z,B]=p(!1),[V,H]=p(!1),[U,W]=p(!1),[G,K]=p(l||[]),[q,J]=p(_(b,k)),[Y,X]=p(``),Z=g(Y,se||500);re(de,()=>({selectedValue:[...G],input:L.current,focus:()=>L?.current?.focus(),reset:()=>K([])}),[G]);let Q=u(e=>{R.current&&!R.current.contains(e.target)&&L.current&&!L.current.contains(e.target)&&(B(!1),L.current.blur())},[]),$=u(e=>{let t=G.filter(t=>t.value!==e.value);K(t),h?.(t)},[h,G]),fe=u(e=>{let t=L.current;t&&((e.key===`Delete`||e.key===`Backspace`)&&t.value===``&&G.length>0&&(G[G.length-1].fixed||$(G[G.length-1])),e.key===`Escape`&&t.blur())},[$,G]);d(()=>(z?(document.addEventListener(`mousedown`,Q),document.addEventListener(`touchend`,Q)):(document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)),()=>{document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)}),[z]),d(()=>{l&&K(l)},[l]),d(()=>{if(!x||S)return;let e=_(x||[],k);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[b,x,k,S,q]),d(()=>{let e=()=>{let e=C?.(Z);J(_(e||[],k))};(async()=>{!C||!z||(M&&e(),Z&&e())})()},[Z,k,z,M]),d(()=>{let e=async()=>{W(!0),J(_(await S?.(Z)||[],k)),W(!1)};(async()=>{!S||!z||(M&&await e(),Z&&await e())})()},[Z,k,z,M]);let pe=()=>{if(!j||oe(q,[{value:Y,label:Y}])||G.find(e=>e.value===Y))return;let e=o(r,{value:Y,className:`cursor-pointer`,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:e=>{if(G.length>=T){E?.(G.length);return}X(``);let t=[...G,{value:e,label:e}];K(t),h?.(t)},children:`Create "${Y}"`});if(!S&&Y.length>0||S&&Z.length>0&&!U)return e},me=u(()=>{if(w)return S&&!j&&Object.keys(q).length===0?o(r,{value:`-`,disabled:!0,children:w}):o(v,{children:w})},[j,w,S,q]),he=ie(()=>ae(q,G),[q,G]),ge=u(()=>{if(N?.filter)return N.filter;if(j)return(e,t)=>e.toLowerCase().includes(t.toLowerCase())?1:-1},[j,N?.filter]);return s(te,{ref:R,...N,onKeyDown:e=>{fe(e),N?.onKeyDown?.(e)},className:i(`h-auto overflow-visible bg-transparent`,N?.className),shouldFilter:N?.shouldFilter===void 0?!S:N.shouldFilter,filter:ge(),children:[o(`div`,{className:i(`border-border-weak relative rounded-md border text-sm transition-shadow`,`focus-within:border-primary`,`focus-within:ring-primary-weak`,`focus-within:ring-4`,`focus-within:outline-hidden`,`has-disabled:bg-muted`,`has-disabled:text-muted-foreground`,G.length!==0&&`p-1`,!O&&G.length!==0&&`cursor-text`,!F&&`pe-9`,A),onClick:()=>{O||L?.current?.focus()},children:s(`div`,{className:`flex flex-wrap gap-1`,children:[G.map(e=>s(`div`,{className:i(`animate-fadeIn`,`bg-background`,`hover:bg-background`,`border-border-weak border border-solid`,`text-text-positive-weak relative inline-flex h-7 cursor-default items-center rounded-md ps-2 pe-7 pl-2 text-xs font-medium transition-all`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-fixed:pe-2`,le),"data-fixed":e.fixed,"data-disabled":O||void 0,children:[e.label,o(`button`,{type:`button`,disabled:O||e.fixed,className:i(`text-text-positive-muted absolute -inset-y-px -end-px flex size-7 items-center justify-center rounded-e-lg border border-transparent p-0 outline-0 transition-colors`,`hover:text-foreground`,`focus-visible:outline`,`focus-visible:outline-2`,`focus-visible:outline-primary-weak`,`disabled:hover:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`),onKeyDown:t=>{t.key===`Enter`&&$(e)},onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:()=>$(e),"aria-label":`Remove`,children:o(c,{size:14,strokeWidth:2,"aria-hidden":`true`})})]},e.value)),o(m.Input,{...P,ref:L,value:Y,disabled:O,onValueChange:e=>{X(e),P?.onValueChange?.(e)},onBlur:e=>{V||B(!1),P?.onBlur?.(e)},onFocus:e=>{B(!0),M&&S?.(Z),P?.onFocus?.(e)},placeholder:D&&G.length!==0?``:y,className:i(`placeholder:text-text-positive-muted flex-1 bg-transparent outline-hidden`,`disabled:placeholder:text-transparent`,{"w-full":D,"px-3 py-2":G.length===0,"ml-1":G.length!==0},P?.className)}),o(`button`,{type:`button`,onClick:()=>{K(G.filter(e=>e.fixed)),h?.(G.filter(e=>e.fixed))},className:i(`text-muted-foreground/80`,`absolute end-0 top-0 flex size-9 items-center justify-center rounded-lg border border-transparent transition-colors`,`focus-visible:outline-2`,`hover:text-text-positive`,`focus-visible:outline-primary-weak`,(F||O||G.length<1||G.filter(({fixed:e})=>e).length===G.length)&&`hidden`),"aria-label":`Clear all`,children:o(c,{size:16,strokeWidth:2,"aria-hidden":`true`})})]})}),o(`div`,{className:`relative`,children:o(`div`,{className:i(`shadow-dropdown absolute top-2 z-10 w-full overflow-hidden rounded-lg`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95`,`data-[state=open]:zoom-in-95`,!z&&`hidden`),"data-state":z?`open`:`closed`,children:z&&s(ee,{className:`shadow-lg outline-hidden`,onMouseLeave:()=>{H(!1)},onMouseEnter:()=>{H(!0)},onMouseUp:()=>{L?.current?.focus()},children:[I&&s(a,{children:[o(t,{}),o(n,{children:s(e,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:I,children:[o(ne,{size:14,className:`opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?ce:s(a,{children:[me(),pe(),!ue&&o(r,{value:`-`,className:`hidden`}),Object.entries(he).map(([e,t])=>o(n,{heading:e,className:`h-full overflow-auto`,children:t.map(e=>o(r,{value:e.value,disabled:e.disable,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:()=>{if(G.length>=T){E?.(G.length);return}let t=[...G,e];X(``),K(t),h?.(t)},className:i(`cursor-pointer`,e.disable&&`cursor-not-allowed opacity-50`),children:e.label},e.value))},e))]})]})})})]})});y.displayName=`MultipleSelector`;export{y as MultipleSelector,g as useDebounce};
 //# sourceMappingURL=multi-select.mjs.map

package/dist/ui/navigation-menu.d.cts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime158 from "react/jsx-runtime";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
+import * as react_jsx_runtime145 from "react/jsx-runtime";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
 import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
 
 //#region packages/components/ui/navigation-menu.d.ts
@@ -10,37 +10,37 @@ declare function NavigationMenu({
   ...props
 }: React.ComponentProps<typeof NavigationMenu$1.Root> & {
   viewport?: boolean;
-}): react_jsx_runtime158.JSX.Element;
+}): react_jsx_runtime145.JSX.Element;
 declare function NavigationMenuList({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime145.JSX.Element;
 declare function NavigationMenuItem({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime158.JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types4.ClassProp | undefined) => string;
+}: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime145.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types6.ClassProp | undefined) => string;
 declare function NavigationMenuTrigger({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime145.JSX.Element;
 declare function NavigationMenuContent({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime145.JSX.Element;
 declare function NavigationMenuViewport({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime145.JSX.Element;
 declare function NavigationMenuLink({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime145.JSX.Element;
 declare function NavigationMenuIndicator({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime145.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.cts.map

package/dist/ui/navigation-menu.d.mts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime134 from "react/jsx-runtime";
+import * as react_jsx_runtime198 from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
 
 //#region packages/components/ui/navigation-menu.d.ts
 declare function NavigationMenu({
@@ -10,37 +10,37 @@ declare function NavigationMenu({
   ...props
 }: React.ComponentProps<typeof NavigationMenu$1.Root> & {
   viewport?: boolean;
-}): react_jsx_runtime134.JSX.Element;
+}): react_jsx_runtime198.JSX.Element;
 declare function NavigationMenuList({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime134.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime198.JSX.Element;
 declare function NavigationMenuItem({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime134.JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types5.ClassProp | undefined) => string;
+}: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime198.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types7.ClassProp | undefined) => string;
 declare function NavigationMenuTrigger({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime134.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime198.JSX.Element;
 declare function NavigationMenuContent({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime134.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime198.JSX.Element;
 declare function NavigationMenuViewport({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime134.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime198.JSX.Element;
 declare function NavigationMenuLink({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime134.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime198.JSX.Element;
 declare function NavigationMenuIndicator({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime134.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime198.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.mts.map

package/dist/ui/pagination.d.cts

@@ -1,18 +1,18 @@
-import { t as Button } from "../button-62om_IF9.cjs";
-import * as react_jsx_runtime167 from "react/jsx-runtime";
+import { t as Button } from "../button-C-I1CGSH.cjs";
+import * as react_jsx_runtime180 from "react/jsx-runtime";
 
 //#region packages/components/ui/pagination.d.ts
 declare function Pagination({
   className,
   ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime167.JSX.Element;
+}: React.ComponentProps<'nav'>): react_jsx_runtime180.JSX.Element;
 declare function PaginationContent({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime167.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime180.JSX.Element;
 declare function PaginationItem({
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime167.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime180.JSX.Element;
 type PaginationLinkProps = {
   isActive?: boolean;
 } & Pick<React.ComponentProps<typeof Button>, 'size'> & React.ComponentProps<'a'>;
@@ -21,19 +21,19 @@ declare function PaginationLink({
   isActive,
   size,
   ...props
-}: PaginationLinkProps): react_jsx_runtime167.JSX.Element;
+}: PaginationLinkProps): react_jsx_runtime180.JSX.Element;
 declare function PaginationPrevious({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime167.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime180.JSX.Element;
 declare function PaginationNext({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime167.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime180.JSX.Element;
 declare function PaginationEllipsis({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime167.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime180.JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.cts.map

package/dist/ui/pagination.d.mts

@@ -1,18 +1,18 @@
-import { t as Button } from "../button-BBcXCjmt.mjs";
-import * as react_jsx_runtime93 from "react/jsx-runtime";
+import { t as Button } from "../button-Bg1fW3Y7.mjs";
+import * as react_jsx_runtime210 from "react/jsx-runtime";
 
 //#region packages/components/ui/pagination.d.ts
 declare function Pagination({
   className,
   ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime93.JSX.Element;
+}: React.ComponentProps<'nav'>): react_jsx_runtime210.JSX.Element;
 declare function PaginationContent({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime93.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime210.JSX.Element;
 declare function PaginationItem({
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime93.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime210.JSX.Element;
 type PaginationLinkProps = {
   isActive?: boolean;
 } & Pick<React.ComponentProps<typeof Button>, 'size'> & React.ComponentProps<'a'>;
@@ -21,19 +21,19 @@ declare function PaginationLink({
   isActive,
   size,
   ...props
-}: PaginationLinkProps): react_jsx_runtime93.JSX.Element;
+}: PaginationLinkProps): react_jsx_runtime210.JSX.Element;
 declare function PaginationPrevious({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime93.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime210.JSX.Element;
 declare function PaginationNext({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime93.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime210.JSX.Element;
 declare function PaginationEllipsis({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime93.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime210.JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.mts.map

package/dist/ui/popover.d.cts

@@ -1,22 +1,22 @@
-import * as react_jsx_runtime174 from "react/jsx-runtime";
+import * as react_jsx_runtime213 from "react/jsx-runtime";
 import { Popover as Popover$1 } from "radix-ui";
 
 //#region packages/components/ui/popover.d.ts
 declare function Popover({
   ...props
-}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime174.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime213.JSX.Element;
 declare function PopoverTrigger({
   ...props
-}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime174.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime213.JSX.Element;
 declare function PopoverContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime174.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime213.JSX.Element;
 declare function PopoverAnchor({
   ...props
-}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime174.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime213.JSX.Element;
 //#endregion
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.cts.map

package/dist/ui/popover.d.mts

@@ -1,22 +1,22 @@
-import * as react_jsx_runtime156 from "react/jsx-runtime";
+import * as react_jsx_runtime206 from "react/jsx-runtime";
 import { Popover as Popover$1 } from "radix-ui";
 
 //#region packages/components/ui/popover.d.ts
 declare function Popover({
   ...props
-}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime156.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime206.JSX.Element;
 declare function PopoverTrigger({
   ...props
-}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime156.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime206.JSX.Element;
 declare function PopoverContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime156.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime206.JSX.Element;
 declare function PopoverAnchor({
   ...props
-}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime156.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime206.JSX.Element;
 //#endregion
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.mts.map

package/dist/ui/progress.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime166 from "react/jsx-runtime";
+import * as react_jsx_runtime219 from "react/jsx-runtime";
 import { Progress as Progress$1 } from "radix-ui";
 
 //#region packages/components/ui/progress.d.ts
@@ -6,7 +6,7 @@ declare function Progress({
   className,
   value,
   ...props
-}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime166.JSX.Element;
+}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime219.JSX.Element;
 //#endregion
 export { Progress };
 //# sourceMappingURL=progress.d.cts.map

package/dist/ui/progress.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime104 from "react/jsx-runtime";
+import * as react_jsx_runtime220 from "react/jsx-runtime";
 import { Progress as Progress$1 } from "radix-ui";
 
 //#region packages/components/ui/progress.d.ts
@@ -6,7 +6,7 @@ declare function Progress({
   className,
   value,
   ...props
-}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime104.JSX.Element;
+}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime220.JSX.Element;
 //#endregion
 export { Progress };
 //# sourceMappingURL=progress.d.mts.map

package/dist/ui/radio-group.d.cts

@@ -1,15 +1,15 @@
-import * as react_jsx_runtime178 from "react/jsx-runtime";
+import * as react_jsx_runtime217 from "react/jsx-runtime";
 import { RadioGroup as RadioGroup$1 } from "radix-ui";
 
 //#region packages/components/ui/radio-group.d.ts
 declare function RadioGroup({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime217.JSX.Element;
 declare function RadioGroupItem({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime217.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.cts.map

package/dist/ui/radio-group.d.mts

@@ -1,15 +1,15 @@
-import * as react_jsx_runtime259 from "react/jsx-runtime";
+import * as react_jsx_runtime221 from "react/jsx-runtime";
 import { RadioGroup as RadioGroup$1 } from "radix-ui";
 
 //#region packages/components/ui/radio-group.d.ts
 declare function RadioGroup({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime259.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime221.JSX.Element;
 declare function RadioGroupItem({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime259.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime221.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.mts.map

package/dist/ui/resizable.cjs

@@ -1 +1 @@
-"use client";const e=require(`../resizable-D8XbQdj_.cjs`);exports.ResizableHandle=e.t,exports.ResizablePanel=e.n,exports.ResizablePanelGroup=e.r;
+"use client";const e=require(`../resizable-C2-dXaDM.cjs`);exports.ResizableHandle=e.t,exports.ResizablePanel=e.n,exports.ResizablePanelGroup=e.r;

package/dist/ui/resizable.d.cts

@@ -1,21 +1,21 @@
-import * as react_jsx_runtime246 from "react/jsx-runtime";
+import * as react_jsx_runtime233 from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
 
 //#region packages/components/ui/resizable.d.ts
 declare function ResizablePanelGroup({
   className,
   ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime246.JSX.Element;
+}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime233.JSX.Element;
 declare function ResizablePanel({
   ...props
-}: React.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime246.JSX.Element;
+}: React.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime233.JSX.Element;
 declare function ResizableHandle({
   withHandle,
   className,
   ...props
 }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
   withHandle?: boolean;
-}): react_jsx_runtime246.JSX.Element;
+}): react_jsx_runtime233.JSX.Element;
 //#endregion
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
 //# sourceMappingURL=resizable.d.cts.map

package/dist/ui/resizable.d.mts

@@ -1,21 +1,21 @@
-import * as react_jsx_runtime285 from "react/jsx-runtime";
+import * as react_jsx_runtime217 from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
 
 //#region packages/components/ui/resizable.d.ts
 declare function ResizablePanelGroup({
   className,
   ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime285.JSX.Element;
+}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime217.JSX.Element;
 declare function ResizablePanel({
   ...props
-}: React.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime285.JSX.Element;
+}: React.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime217.JSX.Element;
 declare function ResizableHandle({
   withHandle,
   className,
   ...props
 }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
   withHandle?: boolean;
-}): react_jsx_runtime285.JSX.Element;
+}): react_jsx_runtime217.JSX.Element;
 //#endregion
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
 //# sourceMappingURL=resizable.d.mts.map

package/dist/ui/resizable.mjs

@@ -1 +1 @@
-"use client";import{n as e,r as t,t as n}from"../resizable-B9HHrfKn.mjs";export{n as ResizableHandle,e as ResizablePanel,t as ResizablePanelGroup};
+"use client";import{n as e,r as t,t as n}from"../resizable-LConLbS6.mjs";export{n as ResizableHandle,e as ResizablePanel,t as ResizablePanelGroup};

package/dist/ui/scroll-area.cjs

@@ -1 +1 @@
-"use client";const e=require(`../scroll-area-qE6GqGkn.cjs`);exports.ScrollArea=e.t,exports.ScrollBar=e.n;
+"use client";const e=require(`../scroll-area-D61j6n8I.cjs`);exports.ScrollArea=e.t,exports.ScrollBar=e.n;

package/dist/ui/scroll-area.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime252 from "react/jsx-runtime";
+import * as react_jsx_runtime220 from "react/jsx-runtime";
 import * as react16 from "react";
 import { ScrollArea as ScrollArea$1 } from "radix-ui";
 
@@ -9,12 +9,12 @@ declare const ScrollArea: react16.MemoExoticComponent<({
   ref,
   onScroll,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.Root>) => react_jsx_runtime252.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.Root>) => react_jsx_runtime220.JSX.Element>;
 declare const ScrollBar: react16.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react_jsx_runtime252.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react_jsx_runtime220.JSX.Element>;
 //#endregion
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.cts.map

package/dist/ui/scroll-area.d.mts

@@ -1,20 +1,20 @@
-import * as react_jsx_runtime288 from "react/jsx-runtime";
-import * as react24 from "react";
+import * as react_jsx_runtime223 from "react/jsx-runtime";
+import * as react14 from "react";
 import { ScrollArea as ScrollArea$1 } from "radix-ui";
 
 //#region packages/components/ui/scroll-area.d.ts
-declare const ScrollArea: react24.MemoExoticComponent<({
+declare const ScrollArea: react14.MemoExoticComponent<({
   className,
   children,
   ref,
   onScroll,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.Root>) => react_jsx_runtime288.JSX.Element>;
-declare const ScrollBar: react24.MemoExoticComponent<({
+}: React.ComponentProps<typeof ScrollArea$1.Root>) => react_jsx_runtime223.JSX.Element>;
+declare const ScrollBar: react14.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react_jsx_runtime288.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react_jsx_runtime223.JSX.Element>;
 //#endregion
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.mts.map

package/dist/ui/scroll-area.mjs

@@ -1 +1 @@
-"use client";import{n as e,t}from"../scroll-area-CiMS2UY7.mjs";export{t as ScrollArea,e as ScrollBar};
+"use client";import{n as e,t}from"../scroll-area-6xusEFm6.mjs";export{t as ScrollArea,e as ScrollBar};