@customafk/lunas-ui 0.2.17 → 0.2.18

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

@@ -1,2 +1,2 @@
-import{t as e}from"../../input-6f9JTc79.mjs";import{ArrowRightIcon as t,SearchIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{cn as a}from"@customafk/react-toolkit/utils";const o=({className:o,...s})=>i(`div`,{className:`relative`,children:[r(e,{...s,type:`search`,className:a(`ps-9 pe-9`,o)}),r(`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:r(n,{size:16})}),r(`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:r(t,{size:16,"aria-hidden":`true`})})]});export{o as SearchInput};
+import{t as e}from"../../input-BTm2GrZP.mjs";import{ArrowRightIcon as t,SearchIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{cn as a}from"@customafk/react-toolkit/utils";const o=({className:o,...s})=>i(`div`,{className:`relative`,children:[r(e,{...s,type:`search`,className:a(`ps-9 pe-9`,o)}),r(`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:r(n,{size:16})}),r(`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:r(t,{size:16,"aria-hidden":`true`})})]});export{o as SearchInput};
 //# sourceMappingURL=search-input.mjs.map

package/dist/ui/item.d.cts

@@ -1,6 +1,6 @@
 import { Separator } from "./separator.cjs";
-import * as react_jsx_runtime228 from "react/jsx-runtime";
-import * as class_variance_authority_types9 from "class-variance-authority/types";
+import * as react_jsx_runtime63 from "react/jsx-runtime";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/item.d.ts
@@ -28,16 +28,16 @@ import { VariantProps } from "class-variance-authority";
 declare function ItemGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime228.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime63.JSX.Element;
 /** Horizontal separator rendered between items in an ItemGroup. */
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime228.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime63.JSX.Element;
 declare const itemVariants: (props?: ({
-  variant?: "muted" | "default" | "outline" | null | undefined;
+  variant?: "outline" | "muted" | "default" | null | undefined;
   size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types9.ClassProp) | undefined) => string;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
 /**
  * The primary row container inside an ItemGroup.
  *
@@ -53,10 +53,10 @@ declare function Item({
   ...props
 }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime228.JSX.Element;
+}): react_jsx_runtime63.JSX.Element;
 declare const itemMediaVariants: (props?: ({
   variant?: "image" | "default" | "icon" | null | undefined;
-} & class_variance_authority_types9.ClassProp) | undefined) => string;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
 /**
  * Left-aligned slot for an avatar, icon, or image within an Item.
  *
@@ -66,37 +66,37 @@ declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime228.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime63.JSX.Element;
 /** Flex-1 column that holds the ItemTitle and ItemDescription. */
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime228.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime63.JSX.Element;
 /** Primary label text rendered in medium weight inside an ItemContent. */
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime228.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime63.JSX.Element;
 /** Secondary, muted body text clamped to two lines inside an ItemContent. */
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime228.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime63.JSX.Element;
 /** Right-aligned slot for buttons or other interactive controls within an Item. */
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime228.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime63.JSX.Element;
 /** Full-width row at the top of an Item for header-level labels or metadata. */
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime228.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime63.JSX.Element;
 /** Full-width row at the bottom of an Item for footer-level content or secondary actions. */
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime228.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime63.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,7 +1,7 @@
 import { Separator } from "./separator.mjs";
-import * as react_jsx_runtime168 from "react/jsx-runtime";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
 
 //#region packages/components/ui/item.d.ts
 
@@ -28,16 +28,16 @@ import * as class_variance_authority_types7 from "class-variance-authority/types
 declare function ItemGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime168.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime113.JSX.Element;
 /** Horizontal separator rendered between items in an ItemGroup. */
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime168.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime113.JSX.Element;
 declare const itemVariants: (props?: ({
-  variant?: "muted" | "default" | "outline" | null | undefined;
+  variant?: "outline" | "muted" | "default" | null | undefined;
   size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
 /**
  * The primary row container inside an ItemGroup.
  *
@@ -53,10 +53,10 @@ declare function Item({
   ...props
 }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime168.JSX.Element;
+}): react_jsx_runtime113.JSX.Element;
 declare const itemMediaVariants: (props?: ({
   variant?: "image" | "default" | "icon" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
 /**
  * Left-aligned slot for an avatar, icon, or image within an Item.
  *
@@ -66,37 +66,37 @@ declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime168.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime113.JSX.Element;
 /** Flex-1 column that holds the ItemTitle and ItemDescription. */
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime168.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime113.JSX.Element;
 /** Primary label text rendered in medium weight inside an ItemContent. */
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime168.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime113.JSX.Element;
 /** Secondary, muted body text clamped to two lines inside an ItemContent. */
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime168.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime113.JSX.Element;
 /** Right-aligned slot for buttons or other interactive controls within an Item. */
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime168.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime113.JSX.Element;
 /** Full-width row at the top of an Item for header-level labels or metadata. */
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime168.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime113.JSX.Element;
 /** Full-width row at the bottom of an Item for footer-level content or secondary actions. */
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime168.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime113.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-CIN9T2FB.mjs";import{t}from"../separator-BMsbHAVt.mjs";import{jsx as n}from"react/jsx-runtime";import{cn as r}from"@customafk/react-toolkit/utils";import{cva as i}from"class-variance-authority";function a({className:e,...t}){return n(`div`,{role:`list`,"data-slot":`item-group`,className:r(`group/item-group flex flex-col`,e),...t})}function o({className:e,...i}){return n(t,{"data-slot":`item-separator`,orientation:`horizontal`,className:r(`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 n(o?e:`div`,{"data-slot":`item`,"data-variant":i,"data-size":a,className:r(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 n(`div`,{"data-slot":`item-media`,"data-variant":t,className:r(l({variant:t,className:e})),...i})}function d({className:e,...t}){return n(`div`,{"data-slot":`item-content`,className:r(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function f({className:e,...t}){return n(`div`,{"data-slot":`item-title`,className:r(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function p({className:e,...t}){return n(`p`,{"data-slot":`item-description`,className:r(`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 n(`div`,{"data-slot":`item-actions`,className:r(`flex items-center gap-2`,e),...t})}function h({className:e,...t}){return n(`div`,{"data-slot":`item-header`,className:r(`flex basis-full items-center justify-between gap-2`,e),...t})}function g({className:e,...t}){return n(`div`,{"data-slot":`item-footer`,className:r(`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-DPEjz4kv.mjs";import{t}from"../separator-DVI2h_rd.mjs";import{jsx as n}from"react/jsx-runtime";import{cn as r}from"@customafk/react-toolkit/utils";import{cva as i}from"class-variance-authority";function a({className:e,...t}){return n(`div`,{role:`list`,"data-slot":`item-group`,className:r(`group/item-group flex flex-col`,e),...t})}function o({className:e,...i}){return n(t,{"data-slot":`item-separator`,orientation:`horizontal`,className:r(`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 n(o?e:`div`,{"data-slot":`item`,"data-variant":i,"data-size":a,className:r(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 n(`div`,{"data-slot":`item-media`,"data-variant":t,className:r(l({variant:t,className:e})),...i})}function d({className:e,...t}){return n(`div`,{"data-slot":`item-content`,className:r(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function f({className:e,...t}){return n(`div`,{"data-slot":`item-title`,className:r(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function p({className:e,...t}){return n(`p`,{"data-slot":`item-description`,className:r(`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 n(`div`,{"data-slot":`item-actions`,className:r(`flex items-center gap-2`,e),...t})}function h({className:e,...t}){return n(`div`,{"data-slot":`item-header`,className:r(`flex basis-full items-center justify-between gap-2`,e),...t})}function g({className:e,...t}){return n(`div`,{"data-slot":`item-footer`,className:r(`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.d.cts

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

package/dist/ui/label.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime127 from "react/jsx-runtime";
+import * as react_jsx_runtime153 from "react/jsx-runtime";
 import { Label as Label$1 } from "radix-ui";
 
 //#region packages/components/ui/label.d.ts
@@ -18,7 +18,7 @@ import { Label as Label$1 } from "radix-ui";
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime127.JSX.Element;
+}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime153.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-COqDQDMy.mjs";export{e as Label};
+"use client";import{t as e}from"../label-BC2u42kJ.mjs";export{e as Label};

package/dist/ui/menubar.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime251 from "react/jsx-runtime";
+import * as react_jsx_runtime131 from "react/jsx-runtime";
 import { Menubar as Menubar$1 } from "radix-ui";
 
 //#region packages/components/ui/menubar.d.ts
@@ -28,28 +28,28 @@ import { Menubar as Menubar$1 } from "radix-ui";
 declare function Menubar({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime251.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime131.JSX.Element;
 /** Root container for a single drop-down menu entry within a Menubar. */
 declare function MenubarMenu({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime251.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime131.JSX.Element;
 /** Groups related MenubarItems under a shared logical section. */
 declare function MenubarGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Group>): react_jsx_runtime251.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Group>): react_jsx_runtime131.JSX.Element;
 /** Portals Menubar content outside the current DOM hierarchy. */
 declare function MenubarPortal({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Portal>): react_jsx_runtime251.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Portal>): react_jsx_runtime131.JSX.Element;
 /** Groups MenubarRadioItems so only one can be selected at a time. */
 declare function MenubarRadioGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime251.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime131.JSX.Element;
 /** Button in the Menubar that opens its associated MenubarContent dropdown. */
 declare function MenubarTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime251.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime131.JSX.Element;
 /** Animated floating panel that contains MenubarItems for a given MenubarMenu. */
 declare function MenubarContent({
   className,
@@ -57,7 +57,7 @@ declare function MenubarContent({
   alignOffset,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime251.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime131.JSX.Element;
 /**
  * A single clickable row inside a MenubarContent.
  *
@@ -72,20 +72,20 @@ declare function MenubarItem({
 }: React.ComponentProps<typeof Menubar$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react_jsx_runtime251.JSX.Element;
+}): react_jsx_runtime131.JSX.Element;
 /** A checkable menubar item that displays a checkmark when selected. */
 declare function MenubarCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime251.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime131.JSX.Element;
 /** A radio-button menubar item; shows a filled circle when selected. */
 declare function MenubarRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime251.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime131.JSX.Element;
 /**
  * Non-interactive label used to describe a group of menubar items.
  *
@@ -97,21 +97,21 @@ declare function MenubarLabel({
   ...props
 }: React.ComponentProps<typeof Menubar$1.Label> & {
   inset?: boolean;
-}): react_jsx_runtime251.JSX.Element;
+}): react_jsx_runtime131.JSX.Element;
 /** Horizontal dividing line between groups of menubar items. */
 declare function MenubarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime251.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime131.JSX.Element;
 /** Displays a keyboard shortcut hint aligned to the right of a menubar item. */
 declare function MenubarShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime251.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime131.JSX.Element;
 /** Root container for a nested sub-menu inside a Menubar dropdown. */
 declare function MenubarSub({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime251.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime131.JSX.Element;
 /**
  * Menu item that reveals a nested MenubarSubContent on hover or activation.
  *
@@ -124,12 +124,12 @@ declare function MenubarSubTrigger({
   ...props
 }: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime251.JSX.Element;
+}): react_jsx_runtime131.JSX.Element;
 /** Floating panel that contains the items of a nested Menubar sub-menu. */
 declare function MenubarSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime251.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime131.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,4 +1,4 @@
-import * as react_jsx_runtime271 from "react/jsx-runtime";
+import * as react_jsx_runtime187 from "react/jsx-runtime";
 import { Menubar as Menubar$1 } from "radix-ui";
 
 //#region packages/components/ui/menubar.d.ts
@@ -28,28 +28,28 @@ import { Menubar as Menubar$1 } from "radix-ui";
 declare function Menubar({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime271.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime187.JSX.Element;
 /** Root container for a single drop-down menu entry within a Menubar. */
 declare function MenubarMenu({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime271.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime187.JSX.Element;
 /** Groups related MenubarItems under a shared logical section. */
 declare function MenubarGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Group>): react_jsx_runtime271.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Group>): react_jsx_runtime187.JSX.Element;
 /** Portals Menubar content outside the current DOM hierarchy. */
 declare function MenubarPortal({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Portal>): react_jsx_runtime271.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Portal>): react_jsx_runtime187.JSX.Element;
 /** Groups MenubarRadioItems so only one can be selected at a time. */
 declare function MenubarRadioGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime271.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime187.JSX.Element;
 /** Button in the Menubar that opens its associated MenubarContent dropdown. */
 declare function MenubarTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime271.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime187.JSX.Element;
 /** Animated floating panel that contains MenubarItems for a given MenubarMenu. */
 declare function MenubarContent({
   className,
@@ -57,7 +57,7 @@ declare function MenubarContent({
   alignOffset,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime271.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime187.JSX.Element;
 /**
  * A single clickable row inside a MenubarContent.
  *
@@ -72,20 +72,20 @@ declare function MenubarItem({
 }: React.ComponentProps<typeof Menubar$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react_jsx_runtime271.JSX.Element;
+}): react_jsx_runtime187.JSX.Element;
 /** A checkable menubar item that displays a checkmark when selected. */
 declare function MenubarCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime271.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime187.JSX.Element;
 /** A radio-button menubar item; shows a filled circle when selected. */
 declare function MenubarRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime271.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime187.JSX.Element;
 /**
  * Non-interactive label used to describe a group of menubar items.
  *
@@ -97,21 +97,21 @@ declare function MenubarLabel({
   ...props
 }: React.ComponentProps<typeof Menubar$1.Label> & {
   inset?: boolean;
-}): react_jsx_runtime271.JSX.Element;
+}): react_jsx_runtime187.JSX.Element;
 /** Horizontal dividing line between groups of menubar items. */
 declare function MenubarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime271.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime187.JSX.Element;
 /** Displays a keyboard shortcut hint aligned to the right of a menubar item. */
 declare function MenubarShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime271.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime187.JSX.Element;
 /** Root container for a nested sub-menu inside a Menubar dropdown. */
 declare function MenubarSub({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime271.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime187.JSX.Element;
 /**
  * Menu item that reveals a nested MenubarSubContent on hover or activation.
  *
@@ -124,12 +124,12 @@ declare function MenubarSubTrigger({
   ...props
 }: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime271.JSX.Element;
+}): react_jsx_runtime187.JSX.Element;
 /** Floating panel that contains the items of a nested Menubar sub-menu. */
 declare function MenubarSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime271.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime187.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.d.cts

@@ -1,5 +1,5 @@
 import { Command as Command$1 } from "./command.cjs";
-import * as react34 from "react";
+import * as react24 from "react";
 import { Command } from "cmdk";
 
 //#region packages/components/ui/multi-select.d.ts
@@ -111,7 +111,7 @@ declare function useDebounce<T>(value: T, delay?: number): T;
  * />
  * ```
  */
-declare const MultipleSelector: react34.ForwardRefExoticComponent<MultipleSelectorProps & react34.RefAttributes<MultipleSelectorRef>>;
+declare const MultipleSelector: react24.ForwardRefExoticComponent<MultipleSelectorProps & react24.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-Cd9s8XQ6.mjs";
+import "../dialog-DtknheXI.mjs";
 import { Command as Command$1 } from "./command.mjs";
-import * as react14 from "react";
+import * as react26 from "react";
 import { Command } from "cmdk";
 
 //#region packages/components/ui/multi-select.d.ts
@@ -112,7 +112,7 @@ declare function useDebounce<T>(value: T, delay?: number): T;
  * />
  * ```
  */
-declare const MultipleSelector: react14.ForwardRefExoticComponent<MultipleSelectorProps & react14.RefAttributes<MultipleSelectorRef>>;
+declare const MultipleSelector: react26.ForwardRefExoticComponent<MultipleSelectorProps & react26.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-DeCyas1F.mjs";import{t as e}from"../button-C6ybzxxj.mjs";import"../heading-DN67djxs.mjs";import"../paragraph-Ch5TvEqL.mjs";import"../close-BU0kWRVo.mjs";import"../dialog-BchwY6-N.mjs";import{c as t,i as n,o as r,s as ee,t as te}from"../command-bpcnKEbR.mjs";import{PlusIcon as ne,X as i}from"lucide-react";import{forwardRef as a,useCallback as o,useEffect as s,useImperativeHandle as c,useMemo as re,useRef as l,useState as u}from"react";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{cn as m}from"@customafk/react-toolkit/utils";import{Command as h,useCommandState as g}from"cmdk";function _(e,t){let[n,r]=u(e);return s(()=>{let n=setTimeout(()=>r(e),t||500);return()=>{clearTimeout(n)}},[e,t]),n}function v(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 ie(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 ae(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 y=a(({className:e,...t},n)=>g(e=>e.filtered.count===0)?f(`div`,{ref:n,className:m(`px-2 py-4 text-center text-sm`,e),"cmdk-empty":``,role:`presentation`,...t}):null);y.displayName=`CommandEmpty`;const b=a(({value:a,onChange:g,placeholder:b,defaultOptions:x=[],options:S,delay:oe,onSearch:C,onSearchSync:w,loadingIndicator:se,emptyIndicator:T,maxSelected:E=2**53-1,onMaxSelected:D,hidePlaceholderWhenSelected:O,disabled:k,groupBy:A,className:ce,badgeClassName:le,selectFirstItem:ue=!0,creatable:j=!1,triggerSearchOnFocus:M=!1,commandProps:N,inputProps:P,hideClearAllButton:F=!1,onAddNewItem:I},de)=>{let L=l(null),R=l(null),[z,B]=u(!1),[V,H]=u(!1),[U,W]=u(!1),[G,K]=u(a||[]),[q,J]=u(v(x,A)),[Y,X]=u(``),Z=_(Y,oe||500);c(de,()=>({selectedValue:[...G],input:L.current,focus:()=>L?.current?.focus(),reset:()=>K([])}),[G]);let Q=o(e=>{R.current&&!R.current.contains(e.target)&&L.current&&!L.current.contains(e.target)&&(B(!1),L.current.blur())},[]),$=o(e=>{let t=G.filter(t=>t.value!==e.value);K(t),g?.(t)},[g,G]),fe=o(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]);s(()=>(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]),s(()=>{a&&K(a)},[a]),s(()=>{if(!S||C)return;let e=v(S||[],A);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[x,S,A,C,q]),s(()=>{let e=()=>{let e=w?.(Z);J(v(e||[],A))};(async()=>{!w||!z||(M&&e(),Z&&e())})()},[Z,A,z,M]),s(()=>{let e=async()=>{W(!0),J(v(await C?.(Z)||[],A)),W(!1)};(async()=>{!C||!z||(M&&await e(),Z&&await e())})()},[Z,A,z,M]);let pe=()=>{if(!j||ae(q,[{value:Y,label:Y}])||G.find(e=>e.value===Y))return;let e=f(r,{value:Y,className:`cursor-pointer`,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:e=>{if(G.length>=E){D?.(G.length);return}X(``);let t=[...G,{value:e,label:e}];K(t),g?.(t)},children:`Create "${Y}"`});if(!C&&Y.length>0||C&&Z.length>0&&!U)return e},me=o(()=>{if(T)return C&&!j&&Object.keys(q).length===0?f(r,{value:`-`,disabled:!0,children:T}):f(y,{children:T})},[j,T,C,q]),he=re(()=>ie(q,G),[q,G]),ge=o(()=>{if(N?.filter)return N.filter;if(j)return(e,t)=>e.toLowerCase().includes(t.toLowerCase())?1:-1},[j,N?.filter]);return p(te,{ref:R,...N,onKeyDown:e=>{fe(e),N?.onKeyDown?.(e)},className:m(`h-auto overflow-visible bg-transparent`,N?.className),shouldFilter:N?.shouldFilter===void 0?!C:N.shouldFilter,filter:ge(),children:[f(`div`,{className:m(`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`,!k&&G.length!==0&&`cursor-text`,!F&&`pe-9`,ce),onClick:()=>{k||L?.current?.focus()},children:p(`div`,{className:`flex flex-wrap gap-1`,children:[G.map(e=>p(`div`,{className:m(`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":k||void 0,children:[e.label,f(`button`,{type:`button`,disabled:k||e.fixed,className:m(`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:f(i,{size:14,strokeWidth:2,"aria-hidden":`true`})})]},e.value)),f(h.Input,{...P,ref:L,value:Y,disabled:k,onValueChange:e=>{X(e),P?.onValueChange?.(e)},onBlur:e=>{V||B(!1),P?.onBlur?.(e)},onFocus:e=>{B(!0),M&&C?.(Z),P?.onFocus?.(e)},placeholder:O&&G.length!==0?``:b,className:m(`placeholder:text-text-positive-muted flex-1 bg-transparent outline-hidden`,`disabled:placeholder:text-transparent`,{"w-full":O,"px-3 py-2":G.length===0,"ml-1":G.length!==0},P?.className)}),f(`button`,{type:`button`,onClick:()=>{K(G.filter(e=>e.fixed)),g?.(G.filter(e=>e.fixed))},className:m(`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||k||G.length<1||G.filter(({fixed:e})=>e).length===G.length)&&`hidden`),"aria-label":`Clear all`,children:f(i,{size:16,strokeWidth:2,"aria-hidden":`true`})})]})}),f(`div`,{className:`relative`,children:f(`div`,{className:m(`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&&p(ee,{className:`shadow-lg outline-hidden`,onMouseLeave:()=>{H(!1)},onMouseEnter:()=>{H(!0)},onMouseUp:()=>{L?.current?.focus()},children:[I&&p(d,{children:[f(t,{}),f(n,{children:p(e,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:I,children:[f(ne,{size:14,className:`opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?se:p(d,{children:[me(),pe(),!ue&&f(r,{value:`-`,className:`hidden`}),Object.entries(he).map(([e,t])=>f(n,{heading:e,className:`h-full overflow-auto`,children:t.map(e=>f(r,{value:e.value,disabled:e.disable,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:()=>{if(G.length>=E){D?.(G.length);return}let t=[...G,e];X(``),K(t),g?.(t)},className:m(`cursor-pointer`,e.disable&&`cursor-not-allowed opacity-50`),children:e.label},e.value))},e))]})]})})})]})});b.displayName=`MultipleSelector`;export{b as MultipleSelector,_ as useDebounce};
+"use client";import"../button.variants-B8KCLWPT.mjs";import{t as e}from"../button-DPABon17.mjs";import"../heading-D8K7UGv2.mjs";import"../paragraph-jzLzzEYZ.mjs";import"../close-BcOkVqd8.mjs";import"../dialog-dqqupmOT.mjs";import{c as t,i as n,o as r,s as ee,t as te}from"../command-B8y4H5q5.mjs";import{PlusIcon as ne,X as i}from"lucide-react";import{forwardRef as a,useCallback as o,useEffect as s,useImperativeHandle as c,useMemo as re,useRef as l,useState as u}from"react";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{cn as m}from"@customafk/react-toolkit/utils";import{Command as h,useCommandState as g}from"cmdk";function _(e,t){let[n,r]=u(e);return s(()=>{let n=setTimeout(()=>r(e),t||500);return()=>{clearTimeout(n)}},[e,t]),n}function v(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 ie(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 ae(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 y=a(({className:e,...t},n)=>g(e=>e.filtered.count===0)?f(`div`,{ref:n,className:m(`px-2 py-4 text-center text-sm`,e),"cmdk-empty":``,role:`presentation`,...t}):null);y.displayName=`CommandEmpty`;const b=a(({value:a,onChange:g,placeholder:b,defaultOptions:x=[],options:S,delay:oe,onSearch:C,onSearchSync:w,loadingIndicator:se,emptyIndicator:T,maxSelected:E=2**53-1,onMaxSelected:D,hidePlaceholderWhenSelected:O,disabled:k,groupBy:A,className:ce,badgeClassName:le,selectFirstItem:ue=!0,creatable:j=!1,triggerSearchOnFocus:M=!1,commandProps:N,inputProps:P,hideClearAllButton:F=!1,onAddNewItem:I},de)=>{let L=l(null),R=l(null),[z,B]=u(!1),[V,H]=u(!1),[U,W]=u(!1),[G,K]=u(a||[]),[q,J]=u(v(x,A)),[Y,X]=u(``),Z=_(Y,oe||500);c(de,()=>({selectedValue:[...G],input:L.current,focus:()=>L?.current?.focus(),reset:()=>K([])}),[G]);let Q=o(e=>{R.current&&!R.current.contains(e.target)&&L.current&&!L.current.contains(e.target)&&(B(!1),L.current.blur())},[]),$=o(e=>{let t=G.filter(t=>t.value!==e.value);K(t),g?.(t)},[g,G]),fe=o(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]);s(()=>(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]),s(()=>{a&&K(a)},[a]),s(()=>{if(!S||C)return;let e=v(S||[],A);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[x,S,A,C,q]),s(()=>{let e=()=>{let e=w?.(Z);J(v(e||[],A))};(async()=>{!w||!z||(M&&e(),Z&&e())})()},[Z,A,z,M]),s(()=>{let e=async()=>{W(!0),J(v(await C?.(Z)||[],A)),W(!1)};(async()=>{!C||!z||(M&&await e(),Z&&await e())})()},[Z,A,z,M]);let pe=()=>{if(!j||ae(q,[{value:Y,label:Y}])||G.find(e=>e.value===Y))return;let e=f(r,{value:Y,className:`cursor-pointer`,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:e=>{if(G.length>=E){D?.(G.length);return}X(``);let t=[...G,{value:e,label:e}];K(t),g?.(t)},children:`Create "${Y}"`});if(!C&&Y.length>0||C&&Z.length>0&&!U)return e},me=o(()=>{if(T)return C&&!j&&Object.keys(q).length===0?f(r,{value:`-`,disabled:!0,children:T}):f(y,{children:T})},[j,T,C,q]),he=re(()=>ie(q,G),[q,G]),ge=o(()=>{if(N?.filter)return N.filter;if(j)return(e,t)=>e.toLowerCase().includes(t.toLowerCase())?1:-1},[j,N?.filter]);return p(te,{ref:R,...N,onKeyDown:e=>{fe(e),N?.onKeyDown?.(e)},className:m(`h-auto overflow-visible bg-transparent`,N?.className),shouldFilter:N?.shouldFilter===void 0?!C:N.shouldFilter,filter:ge(),children:[f(`div`,{className:m(`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`,!k&&G.length!==0&&`cursor-text`,!F&&`pe-9`,ce),onClick:()=>{k||L?.current?.focus()},children:p(`div`,{className:`flex flex-wrap gap-1`,children:[G.map(e=>p(`div`,{className:m(`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":k||void 0,children:[e.label,f(`button`,{type:`button`,disabled:k||e.fixed,className:m(`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:f(i,{size:14,strokeWidth:2,"aria-hidden":`true`})})]},e.value)),f(h.Input,{...P,ref:L,value:Y,disabled:k,onValueChange:e=>{X(e),P?.onValueChange?.(e)},onBlur:e=>{V||B(!1),P?.onBlur?.(e)},onFocus:e=>{B(!0),M&&C?.(Z),P?.onFocus?.(e)},placeholder:O&&G.length!==0?``:b,className:m(`placeholder:text-text-positive-muted flex-1 bg-transparent outline-hidden`,`disabled:placeholder:text-transparent`,{"w-full":O,"px-3 py-2":G.length===0,"ml-1":G.length!==0},P?.className)}),f(`button`,{type:`button`,onClick:()=>{K(G.filter(e=>e.fixed)),g?.(G.filter(e=>e.fixed))},className:m(`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||k||G.length<1||G.filter(({fixed:e})=>e).length===G.length)&&`hidden`),"aria-label":`Clear all`,children:f(i,{size:16,strokeWidth:2,"aria-hidden":`true`})})]})}),f(`div`,{className:`relative`,children:f(`div`,{className:m(`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&&p(ee,{className:`shadow-lg outline-hidden`,onMouseLeave:()=>{H(!1)},onMouseEnter:()=>{H(!0)},onMouseUp:()=>{L?.current?.focus()},children:[I&&p(d,{children:[f(t,{}),f(n,{children:p(e,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:I,children:[f(ne,{size:14,className:`opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?se:p(d,{children:[me(),pe(),!ue&&f(r,{value:`-`,className:`hidden`}),Object.entries(he).map(([e,t])=>f(n,{heading:e,className:`h-full overflow-auto`,children:t.map(e=>f(r,{value:e.value,disabled:e.disable,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:()=>{if(G.length>=E){D?.(G.length);return}let t=[...G,e];X(``),K(t),g?.(t)},className:m(`cursor-pointer`,e.disable&&`cursor-not-allowed opacity-50`),children:e.label},e.value))},e))]})]})})})]})});b.displayName=`MultipleSelector`;export{b as MultipleSelector,_ as useDebounce};
 //# sourceMappingURL=multi-select.mjs.map

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

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime143 from "react/jsx-runtime";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
+import * as react_jsx_runtime173 from "react/jsx-runtime";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
 import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
 
 //#region packages/components/ui/navigation-menu.d.ts
@@ -34,44 +34,44 @@ declare function NavigationMenu({
 }: React.ComponentProps<typeof NavigationMenu$1.Root> & {
   /** When false, the viewport animation panel is omitted (useful for inline menus). */
   viewport?: boolean;
-}): react_jsx_runtime143.JSX.Element;
+}): react_jsx_runtime173.JSX.Element;
 /** Horizontal list that holds NavigationMenuItems. */
 declare function NavigationMenuList({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime143.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime173.JSX.Element;
 /** A single navigation entry that may contain a trigger and a dropdown content panel. */
 declare function NavigationMenuItem({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime143.JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types4.ClassProp | undefined) => string;
+}: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime173.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types8.ClassProp | undefined) => string;
 /** Button that opens the associated NavigationMenuContent panel on focus or hover. */
 declare function NavigationMenuTrigger({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime143.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime173.JSX.Element;
 /** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */
 declare function NavigationMenuContent({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime143.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime173.JSX.Element;
 /** Animated viewport container that hosts the active NavigationMenuContent. */
 declare function NavigationMenuViewport({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime143.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime173.JSX.Element;
 /** A styled link used inside NavigationMenuContent that highlights when active. */
 declare function NavigationMenuLink({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime143.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime173.JSX.Element;
 /** Small arrow indicator that points from the active NavigationMenuTrigger to its content panel. */
 declare function NavigationMenuIndicator({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime143.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime173.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.cts.map