@customafk/lunas-ui 0.1.93 → 0.1.95

package/dist/ui/inputs/search-input.d.mts

@@ -1,12 +1,12 @@
-import { t as Input } from "../../input-B6-pu-dE.mjs";
-import * as react_jsx_runtime148 from "react/jsx-runtime";
+import { t as Input } from "../../input-Dv7UKl6Z.mjs";
+import * as react_jsx_runtime105 from "react/jsx-runtime";
 
 //#region packages/components/ui/inputs/search-input.d.ts
 type Props = React.ComponentPropsWithoutRef<typeof Input>;
 declare const SearchInput: ({
   className,
   ...rest
-}: Props) => react_jsx_runtime148.JSX.Element;
+}: Props) => react_jsx_runtime105.JSX.Element;
 //#endregion
 export { SearchInput };
 //# sourceMappingURL=search-input.d.mts.map

package/dist/ui/inputs/search-input.mjs

@@ -1,2 +1,2 @@
-import{t as e}from"../../input-CqN74taK.mjs";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{ArrowRightIcon as i,SearchIcon as a}from"lucide-react";const o=({className:o,...s})=>r(`div`,{className:`relative`,children:[n(e,{...s,type:`search`,className:t(`ps-9 pe-9`,o)}),n(`div`,{className:`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:n(a,{size:16})}),n(`button`,{className:`absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:n(i,{size:16,"aria-hidden":`true`})})]});export{o as SearchInput};
+import{t as e}from"../../input-DBtIgQB6.mjs";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{ArrowRightIcon as i,SearchIcon as a}from"lucide-react";const o=({className:o,...s})=>r(`div`,{className:`relative`,children:[n(e,{...s,type:`search`,className:t(`ps-9 pe-9`,o)}),n(`div`,{className:`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:n(a,{size:16})}),n(`button`,{className:`absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:n(i,{size:16,"aria-hidden":`true`})})]});export{o as SearchInput};
 //# sourceMappingURL=search-input.mjs.map

package/dist/ui/item.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../dist-BqoK5OAd.cjs`),n=require(`../separator-DSZyCT2g.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`class-variance-authority`);function o({className:e,...t}){return(0,i.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:(0,r.cn)(`group/item-group flex flex-col`,e),...t})}function s({className:e,...t}){return(0,i.jsx)(n.t,{"data-slot":`item-separator`,orientation:`horizontal`,className:(0,r.cn)(`my-0`,e),...t})}const c=(0,a.cva)(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted-weak`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function l({className:e,variant:n=`default`,size:a=`default`,asChild:o=!1,...s}){return(0,i.jsx)(o?t.t:`div`,{"data-slot":`item`,"data-variant":n,"data-size":a,className:(0,r.cn)(c({variant:n,size:a,className:e})),...s})}const u=(0,a.cva)(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function d({className:e,variant:t=`default`,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-media`,"data-variant":t,className:(0,r.cn)(u({variant:t,className:e})),...n})}function f({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`item-content`,className:(0,r.cn)(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function p({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`item-title`,className:(0,r.cn)(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function m({className:e,...t}){return(0,i.jsx)(`p`,{"data-slot":`item-description`,className:(0,r.cn)(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t})}function h({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`item-actions`,className:(0,r.cn)(`flex items-center gap-2`,e),...t})}function g({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`item-header`,className:(0,r.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}function _({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`item-footer`,className:(0,r.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}exports.Item=l,exports.ItemActions=h,exports.ItemContent=f,exports.ItemDescription=m,exports.ItemFooter=_,exports.ItemGroup=o,exports.ItemHeader=g,exports.ItemMedia=d,exports.ItemSeparator=s,exports.ItemTitle=p;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../dist-BudM04oj.cjs`),n=require(`../separator-C3ip6sbh.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`class-variance-authority`),a=require(`react/jsx-runtime`);function o({className:e,...t}){return(0,a.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:(0,r.cn)(`group/item-group flex flex-col`,e),...t})}function s({className:e,...t}){return(0,a.jsx)(n.t,{"data-slot":`item-separator`,orientation:`horizontal`,className:(0,r.cn)(`my-0`,e),...t})}const c=(0,i.cva)(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted-weak`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function l({className:e,variant:n=`default`,size:i=`default`,asChild:o=!1,...s}){return(0,a.jsx)(o?t.t:`div`,{"data-slot":`item`,"data-variant":n,"data-size":i,className:(0,r.cn)(c({variant:n,size:i,className:e})),...s})}const u=(0,i.cva)(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function d({className:e,variant:t=`default`,...n}){return(0,a.jsx)(`div`,{"data-slot":`item-media`,"data-variant":t,className:(0,r.cn)(u({variant:t,className:e})),...n})}function f({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-content`,className:(0,r.cn)(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-title`,className:(0,r.cn)(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function m({className:e,...t}){return(0,a.jsx)(`p`,{"data-slot":`item-description`,className:(0,r.cn)(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t})}function h({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-actions`,className:(0,r.cn)(`flex items-center gap-2`,e),...t})}function g({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-header`,className:(0,r.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}function _({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-footer`,className:(0,r.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}exports.Item=l,exports.ItemActions=h,exports.ItemContent=f,exports.ItemDescription=m,exports.ItemFooter=_,exports.ItemGroup=o,exports.ItemHeader=g,exports.ItemMedia=d,exports.ItemSeparator=s,exports.ItemTitle=p;
 //# sourceMappingURL=item.cjs.map

package/dist/ui/item.d.cts

@@ -1,21 +1,21 @@
 import { Separator } from "./separator.cjs";
-import * as react_jsx_runtime172 from "react/jsx-runtime";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as react_jsx_runtime167 from "react/jsx-runtime";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/item.d.ts
 declare function ItemGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime172.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime167.JSX.Element;
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime172.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime167.JSX.Element;
 declare const itemVariants: (props?: ({
-  variant?: "muted" | "default" | "outline" | null | undefined;
+  variant?: "default" | "outline" | "muted" | null | undefined;
   size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
 declare function Item({
   className,
   variant,
@@ -24,39 +24,39 @@ declare function Item({
   ...props
 }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime172.JSX.Element;
+}): react_jsx_runtime167.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-  variant?: "default" | "icon" | "image" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+  variant?: "default" | "image" | "icon" | null | undefined;
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
 declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime172.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime167.JSX.Element;
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime172.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime167.JSX.Element;
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime172.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime167.JSX.Element;
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime172.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime167.JSX.Element;
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime172.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime167.JSX.Element;
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime172.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime167.JSX.Element;
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime172.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime167.JSX.Element;
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
 //# sourceMappingURL=item.d.cts.map

package/dist/ui/item.d.mts

@@ -1,21 +1,21 @@
 import { Separator } from "./separator.mjs";
-import * as react_jsx_runtime162 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
+import * as react_jsx_runtime261 from "react/jsx-runtime";
+import * as class_variance_authority_types9 from "class-variance-authority/types";
 
 //#region packages/components/ui/item.d.ts
 declare function ItemGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime261.JSX.Element;
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime261.JSX.Element;
 declare const itemVariants: (props?: ({
-  variant?: "muted" | "default" | "outline" | null | undefined;
+  variant?: "default" | "outline" | "muted" | null | undefined;
   size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types9.ClassProp) | undefined) => string;
 declare function Item({
   className,
   variant,
@@ -24,39 +24,39 @@ declare function Item({
   ...props
 }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime162.JSX.Element;
+}): react_jsx_runtime261.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-  variant?: "default" | "icon" | "image" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+  variant?: "default" | "image" | "icon" | null | undefined;
+} & class_variance_authority_types9.ClassProp) | undefined) => string;
 declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime261.JSX.Element;
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime261.JSX.Element;
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime261.JSX.Element;
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime261.JSX.Element;
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime261.JSX.Element;
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime261.JSX.Element;
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime261.JSX.Element;
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
 //# sourceMappingURL=item.d.mts.map

package/dist/ui/item.mjs

@@ -1,2 +1,2 @@
-import{t as e}from"../dist-D2ydYRc4.mjs";import{t}from"../separator-CWar33xc.mjs";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r}from"react/jsx-runtime";import{cva as i}from"class-variance-authority";function a({className:e,...t}){return r(`div`,{role:`list`,"data-slot":`item-group`,className:n(`group/item-group flex flex-col`,e),...t})}function o({className:e,...i}){return r(t,{"data-slot":`item-separator`,orientation:`horizontal`,className:n(`my-0`,e),...i})}const s=i(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted-weak`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function c({className:t,variant:i=`default`,size:a=`default`,asChild:o=!1,...c}){return r(o?e:`div`,{"data-slot":`item`,"data-variant":i,"data-size":a,className:n(s({variant:i,size:a,className:t})),...c})}const l=i(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function u({className:e,variant:t=`default`,...i}){return r(`div`,{"data-slot":`item-media`,"data-variant":t,className:n(l({variant:t,className:e})),...i})}function d({className:e,...t}){return r(`div`,{"data-slot":`item-content`,className:n(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function f({className:e,...t}){return r(`div`,{"data-slot":`item-title`,className:n(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function p({className:e,...t}){return r(`p`,{"data-slot":`item-description`,className:n(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t})}function m({className:e,...t}){return r(`div`,{"data-slot":`item-actions`,className:n(`flex items-center gap-2`,e),...t})}function h({className:e,...t}){return r(`div`,{"data-slot":`item-header`,className:n(`flex basis-full items-center justify-between gap-2`,e),...t})}function g({className:e,...t}){return r(`div`,{"data-slot":`item-footer`,className:n(`flex basis-full items-center justify-between gap-2`,e),...t})}export{c as Item,m as ItemActions,d as ItemContent,p as ItemDescription,g as ItemFooter,a as ItemGroup,h as ItemHeader,u as ItemMedia,o as ItemSeparator,f as ItemTitle};
+import{t as e}from"../dist-CvmzZ_6C.mjs";import{t}from"../separator-Bf0gymN4.mjs";import{cn as n}from"@customafk/react-toolkit/utils";import{cva as r}from"class-variance-authority";import{jsx as i}from"react/jsx-runtime";function a({className:e,...t}){return i(`div`,{role:`list`,"data-slot":`item-group`,className:n(`group/item-group flex flex-col`,e),...t})}function o({className:e,...r}){return i(t,{"data-slot":`item-separator`,orientation:`horizontal`,className:n(`my-0`,e),...r})}const s=r(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted-weak`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function c({className:t,variant:r=`default`,size:a=`default`,asChild:o=!1,...c}){return i(o?e:`div`,{"data-slot":`item`,"data-variant":r,"data-size":a,className:n(s({variant:r,size:a,className:t})),...c})}const l=r(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function u({className:e,variant:t=`default`,...r}){return i(`div`,{"data-slot":`item-media`,"data-variant":t,className:n(l({variant:t,className:e})),...r})}function d({className:e,...t}){return i(`div`,{"data-slot":`item-content`,className:n(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function f({className:e,...t}){return i(`div`,{"data-slot":`item-title`,className:n(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function p({className:e,...t}){return i(`p`,{"data-slot":`item-description`,className:n(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t})}function m({className:e,...t}){return i(`div`,{"data-slot":`item-actions`,className:n(`flex items-center gap-2`,e),...t})}function h({className:e,...t}){return i(`div`,{"data-slot":`item-header`,className:n(`flex basis-full items-center justify-between gap-2`,e),...t})}function g({className:e,...t}){return i(`div`,{"data-slot":`item-footer`,className:n(`flex basis-full items-center justify-between gap-2`,e),...t})}export{c as Item,m as ItemActions,d as ItemContent,p as ItemDescription,g as ItemFooter,a as ItemGroup,h as ItemHeader,u as ItemMedia,o as ItemSeparator,f as ItemTitle};
 //# sourceMappingURL=item.mjs.map

package/dist/ui/label.cjs

@@ -1 +1 @@
-"use client";const e=require(`../label-D6vHFlHX.cjs`);exports.Label=e.t;
+"use client";const e=require(`../label-BzfsTrVt.cjs`);exports.Label=e.t;

package/dist/ui/label.d.cts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime171 from "react/jsx-runtime";
+import * as react_jsx_runtime177 from "react/jsx-runtime";
 import { Label as Label$1 } from "radix-ui";
 
 //#region packages/components/ui/label.d.ts
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime171.JSX.Element;
+}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime177.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.cts.map

package/dist/ui/label.d.mts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime136 from "react/jsx-runtime";
+import * as react_jsx_runtime271 from "react/jsx-runtime";
 import { Label as Label$1 } from "radix-ui";
 
 //#region packages/components/ui/label.d.ts
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime271.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.mts.map

package/dist/ui/label.mjs

@@ -1 +1 @@
-"use client";import{t as e}from"../label-DW6shAXZ.mjs";export{e as Label};
+"use client";import{t as e}from"../label-Dqr8nxWi.mjs";export{e as Label};

package/dist/ui/menubar.d.cts

@@ -1,34 +1,34 @@
-import * as react_jsx_runtime205 from "react/jsx-runtime";
+import * as react_jsx_runtime182 from "react/jsx-runtime";
 import { Menubar as Menubar$1 } from "radix-ui";
 
 //#region packages/components/ui/menubar.d.ts
 declare function Menubar({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime182.JSX.Element;
 declare function MenubarMenu({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime182.JSX.Element;
 declare function MenubarGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Group>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Group>): react_jsx_runtime182.JSX.Element;
 declare function MenubarPortal({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Portal>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Portal>): react_jsx_runtime182.JSX.Element;
 declare function MenubarRadioGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime182.JSX.Element;
 declare function MenubarTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime182.JSX.Element;
 declare function MenubarContent({
   className,
   align,
   alignOffset,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime182.JSX.Element;
 declare function MenubarItem({
   className,
   inset,
@@ -37,36 +37,36 @@ declare function MenubarItem({
 }: React.ComponentProps<typeof Menubar$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react_jsx_runtime205.JSX.Element;
+}): react_jsx_runtime182.JSX.Element;
 declare function MenubarCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime182.JSX.Element;
 declare function MenubarRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime182.JSX.Element;
 declare function MenubarLabel({
   className,
   inset,
   ...props
 }: React.ComponentProps<typeof Menubar$1.Label> & {
   inset?: boolean;
-}): react_jsx_runtime205.JSX.Element;
+}): react_jsx_runtime182.JSX.Element;
 declare function MenubarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime182.JSX.Element;
 declare function MenubarShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime182.JSX.Element;
 declare function MenubarSub({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime182.JSX.Element;
 declare function MenubarSubTrigger({
   className,
   inset,
@@ -74,11 +74,11 @@ declare function MenubarSubTrigger({
   ...props
 }: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime205.JSX.Element;
+}): react_jsx_runtime182.JSX.Element;
 declare function MenubarSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime182.JSX.Element;
 //#endregion
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
 //# sourceMappingURL=menubar.d.cts.map

package/dist/ui/menubar.d.mts

@@ -1,34 +1,34 @@
-import * as react_jsx_runtime188 from "react/jsx-runtime";
+import * as react_jsx_runtime209 from "react/jsx-runtime";
 import { Menubar as Menubar$1 } from "radix-ui";
 
 //#region packages/components/ui/menubar.d.ts
 declare function Menubar({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime209.JSX.Element;
 declare function MenubarMenu({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime209.JSX.Element;
 declare function MenubarGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Group>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Group>): react_jsx_runtime209.JSX.Element;
 declare function MenubarPortal({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Portal>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Portal>): react_jsx_runtime209.JSX.Element;
 declare function MenubarRadioGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime209.JSX.Element;
 declare function MenubarTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime209.JSX.Element;
 declare function MenubarContent({
   className,
   align,
   alignOffset,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime209.JSX.Element;
 declare function MenubarItem({
   className,
   inset,
@@ -37,36 +37,36 @@ declare function MenubarItem({
 }: React.ComponentProps<typeof Menubar$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react_jsx_runtime188.JSX.Element;
+}): react_jsx_runtime209.JSX.Element;
 declare function MenubarCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime209.JSX.Element;
 declare function MenubarRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime209.JSX.Element;
 declare function MenubarLabel({
   className,
   inset,
   ...props
 }: React.ComponentProps<typeof Menubar$1.Label> & {
   inset?: boolean;
-}): react_jsx_runtime188.JSX.Element;
+}): react_jsx_runtime209.JSX.Element;
 declare function MenubarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime209.JSX.Element;
 declare function MenubarShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime209.JSX.Element;
 declare function MenubarSub({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime209.JSX.Element;
 declare function MenubarSubTrigger({
   className,
   inset,
@@ -74,11 +74,11 @@ declare function MenubarSubTrigger({
   ...props
 }: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime188.JSX.Element;
+}): react_jsx_runtime209.JSX.Element;
 declare function MenubarSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime209.JSX.Element;
 //#endregion
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
 //# sourceMappingURL=menubar.d.mts.map

package/dist/ui/multi-select.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-Bo2vzQp5.cjs`);const t=require(`../button-BLYTfCyl.cjs`);require(`../close-rM-Ao1Gf.cjs`),require(`../dialog-aRCyqFr-.cjs`);const n=require(`../command-CzE8NTMm.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(`../heading-BEm5CCSE.cjs`),require(`../paragraph-4z_6Z5aj.cjs`),require(`../button.variants-8QOIR433.cjs`);const t=require(`../button-8Snjc8iT.cjs`);require(`../close-D_Ge7gnP.cjs`),require(`../dialog-D5TBBX99.cjs`);const n=require(`../command-BciJADha.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`react`),a=require(`react/jsx-runtime`),o=require(`lucide-react`),s=require(`cmdk`);function c(e,t){let[n,r]=(0,i.useState)(e);return(0,i.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,i.forwardRef)(({className:e,...t},n)=>(0,s.useCommandState)(e=>e.filtered.count===0)?(0,a.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,i.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,i.useRef)(null),R=(0,i.useRef)(null),[z,B]=(0,i.useState)(!1),[V,H]=(0,i.useState)(!1),[U,W]=(0,i.useState)(!1),[G,K]=(0,i.useState)(e||[]),[q,J]=(0,i.useState)(l(h,E)),[Y,X]=(0,i.useState)(``),Z=c(Y,_||500);(0,i.useImperativeHandle)(I,()=>({selectedValue:[...G],input:L.current,focus:()=>L?.current?.focus(),reset:()=>K([])}),[G]);let Q=(0,i.useCallback)(e=>{R.current&&!R.current.contains(e.target)&&L.current&&!L.current.contains(e.target)&&(B(!1),L.current.blur())},[]),$=(0,i.useCallback)(e=>{let t=G.filter(t=>t.value!==e.value);K(t),p?.(t)},[p,G]),ee=(0,i.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,i.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,i.useEffect)(()=>{e&&K(e)},[e]),(0,i.useEffect)(()=>{if(!g||v)return;let e=l(g||[],E);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[h,g,E,v,q]),(0,i.useEffect)(()=>{let e=()=>{let e=y?.(Z);J(l(e||[],E))};(async()=>{!y||!z||(j&&e(),Z&&e())})()},[Z,E,z,j]),(0,i.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,a.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,i.useCallback)(()=>{if(x)return v&&!A&&Object.keys(q).length===0?(0,a.jsx)(n.o,{value:`-`,disabled:!0,children:x}):(0,a.jsx)(f,{children:x})},[A,x,v,q]),re=(0,i.useMemo)(()=>u(q,G),[q,G]),ie=(0,i.useCallback)(()=>{if(M?.filter)return M.filter;if(A)return(e,t)=>e.toLowerCase().includes(t.toLowerCase())?1:-1},[A,M?.filter]);return(0,a.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,a.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,a.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[G.map(e=>(0,a.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,a.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,a.jsx)(o.X,{size:14,strokeWidth:2,"aria-hidden":`true`})})]},e.value)),(0,a.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,a.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,a.jsx)(o.X,{size:16,strokeWidth:2,"aria-hidden":`true`})})]})}),(0,a.jsx)(`div`,{className:`relative`,children:(0,a.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,a.jsxs)(n.s,{className:`shadow-lg outline-hidden`,onMouseLeave:()=>{H(!1)},onMouseEnter:()=>{H(!0)},onMouseUp:()=>{L?.current?.focus()},children:[F&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.c,{}),(0,a.jsx)(n.i,{children:(0,a.jsxs)(t.t,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:F,children:[(0,a.jsx)(o.PlusIcon,{size:14,className:`opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?b:(0,a.jsxs)(a.Fragment,{children:[ne(),te(),!k&&(0,a.jsx)(n.o,{value:`-`,className:`hidden`}),Object.entries(re).map(([e,t])=>(0,a.jsx)(n.i,{heading:e,className:`h-full overflow-auto`,children:t.map(e=>(0,a.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