@customafk/lunas-ui 0.2.4 → 0.2.5

package/dist/ui/input-otp.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
 import { OTPInput } from "input-otp";
 
 //#region packages/components/ui/input-otp.d.ts
@@ -8,21 +8,21 @@ declare function InputOTP({
   ...props
 }: React.ComponentProps<typeof OTPInput> & {
   containerClassName?: string;
-}): react_jsx_runtime52.JSX.Element;
+}): react_jsx_runtime42.JSX.Element;
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime52.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime42.JSX.Element;
 declare function InputOTPSlot({
   index,
   className,
   ...props
 }: React.ComponentProps<'div'> & {
   index: number;
-}): react_jsx_runtime52.JSX.Element;
+}): react_jsx_runtime42.JSX.Element;
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime52.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime42.JSX.Element;
 //#endregion
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
 //# sourceMappingURL=input-otp.d.mts.map

package/dist/ui/input-otp.mjs

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{use as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{MinusIcon as i}from"lucide-react";import{OTPInput as a,OTPInputContext as o}from"input-otp";function s({className:t,containerClassName:r,...i}){return n(a,{"data-slot":`input-otp`,containerClassName:e(`flex items-center gap-2 has-disabled:opacity-50`,r),className:e(`disabled:cursor-not-allowed`,t),...i})}function c({className:t,...r}){return n(`div`,{"data-slot":`input-otp-group`,className:e(`flex items-center`,t),...r})}function l({index:i,className:a,...s}){let{char:c,hasFakeCaret:l,isActive:u}=t(o)?.slots[i]??{};return r(`div`,{"data-slot":`input-otp-slot`,"data-active":u,className:e(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,a),...s,children:[c,l&&n(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:n(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function u({...e}){return n(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:n(i,{})})}export{s as InputOTP,c as InputOTPGroup,u as InputOTPSeparator,l as InputOTPSlot};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{MinusIcon as r}from"lucide-react";import{use as i}from"react";import{OTPInput as a,OTPInputContext as o}from"input-otp";function s({className:n,containerClassName:r,...i}){return t(a,{"data-slot":`input-otp`,containerClassName:e(`flex items-center gap-2 has-disabled:opacity-50`,r),className:e(`disabled:cursor-not-allowed`,n),...i})}function c({className:n,...r}){return t(`div`,{"data-slot":`input-otp-group`,className:e(`flex items-center`,n),...r})}function l({index:r,className:a,...s}){let{char:c,hasFakeCaret:l,isActive:u}=i(o)?.slots[r]??{};return n(`div`,{"data-slot":`input-otp-slot`,"data-active":u,className:e(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,a),...s,children:[c,l&&t(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:t(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function u({...e}){return t(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:t(r,{})})}export{s as InputOTP,c as InputOTPGroup,u as InputOTPSeparator,l as InputOTPSlot};
 //# sourceMappingURL=input-otp.mjs.map

package/dist/ui/input.cjs

@@ -1 +1 @@
-"use client";const e=require(`../input-BFWWaN-v.cjs`);exports.Input=e.t,exports.inputVariants=e.n;
+"use client";const e=require(`../input-BoMJaF_N.cjs`);exports.Input=e.t,exports.inputVariants=e.n;

package/dist/ui/input.d.cts

@@ -1,2 +1,2 @@
-import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-DhQmoNrK.cjs";
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-DszdZdbJ.cjs";
 export { Input, InputVariantProps, inputVariants };

package/dist/ui/input.d.mts

@@ -1,2 +1,2 @@
-import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-BgHvD7zf.mjs";
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-Dv7UKl6Z.mjs";
 export { Input, InputVariantProps, inputVariants };

package/dist/ui/input.mjs

@@ -1 +1 @@
-"use client";import{n as e,t}from"../input-DBtIgQB6.mjs";export{t as Input,e as inputVariants};
+"use client";import{n as e,t}from"../input-DMjPBcJO.mjs";export{t as Input,e as inputVariants};

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

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../input-BFWWaN-v.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`lucide-react`);const a=({className:e,...a})=>(0,r.jsxs)(`div`,{className:`relative`,children:[(0,r.jsx)(t.t,{...a,type:`search`,className:(0,n.cn)(`ps-9 pe-9`,e)}),(0,r.jsx)(`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:(0,r.jsx)(i.SearchIcon,{size:16})}),(0,r.jsx)(`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:(0,r.jsx)(i.ArrowRightIcon,{size:16,"aria-hidden":`true`})})]});exports.SearchInput=a;
+const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../input-BoMJaF_N.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`lucide-react`);const a=({className:e,...a})=>(0,r.jsxs)(`div`,{className:`relative`,children:[(0,r.jsx)(t.t,{...a,type:`search`,className:(0,n.cn)(`ps-9 pe-9`,e)}),(0,r.jsx)(`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:(0,r.jsx)(i.SearchIcon,{size:16})}),(0,r.jsx)(`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:(0,r.jsx)(i.ArrowRightIcon,{size:16,"aria-hidden":`true`})})]});exports.SearchInput=a;
 //# sourceMappingURL=search-input.cjs.map

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

@@ -1,12 +1,12 @@
-import { t as Input } from "../../input-DhQmoNrK.cjs";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import { t as Input } from "../../input-DszdZdbJ.cjs";
+import * as react_jsx_runtime16 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_runtime29.JSX.Element;
+}: Props) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { SearchInput };
 //# sourceMappingURL=search-input.d.cts.map

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

@@ -1,12 +1,12 @@
-import { t as Input } from "../../input-BgHvD7zf.mjs";
-import * as react_jsx_runtime176 from "react/jsx-runtime";
+import { t as Input } from "../../input-Dv7UKl6Z.mjs";
+import * as react_jsx_runtime65 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_runtime176.JSX.Element;
+}: Props) => react_jsx_runtime65.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-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};
+import{t as e}from"../../input-DMjPBcJO.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-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;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../dist-Q1UyT_bc.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_runtime165 from "react/jsx-runtime";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
+import * as react_jsx_runtime155 from "react/jsx-runtime";
+import * as class_variance_authority_types6 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_runtime165.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime155.JSX.Element;
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime155.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_types7.ClassProp) | undefined) => string;
+} & class_variance_authority_types6.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_runtime165.JSX.Element;
+}): react_jsx_runtime155.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-  variant?: "default" | "image" | "icon" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+  variant?: "image" | "default" | "icon" | null | undefined;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
 declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime155.JSX.Element;
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime155.JSX.Element;
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime155.JSX.Element;
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime155.JSX.Element;
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime155.JSX.Element;
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime155.JSX.Element;
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime155.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 { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime138 from "react/jsx-runtime";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region packages/components/ui/item.d.ts
 declare function ItemGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime138.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime55.JSX.Element;
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime138.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime55.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_types0.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_runtime138.JSX.Element;
+}): react_jsx_runtime55.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-  variant?: "default" | "image" | "icon" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+  variant?: "image" | "default" | "icon" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime138.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime55.JSX.Element;
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime138.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime55.JSX.Element;
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime138.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime55.JSX.Element;
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime138.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime55.JSX.Element;
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime138.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime55.JSX.Element;
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime138.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime55.JSX.Element;
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime138.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime55.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-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};
+import{t as e}from"../dist-DP1ehOL8.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.d.cts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime181 from "react/jsx-runtime";
+import * as react_jsx_runtime151 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_runtime181.JSX.Element;
+}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime151.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.cts.map

package/dist/ui/label.d.mts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime181 from "react/jsx-runtime";
+import * as react_jsx_runtime46 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_runtime181.JSX.Element;
+}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime46.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.mts.map

package/dist/ui/menubar.d.mts

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

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

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