@customafk/lunas-ui 0.0.19 → 0.0.20

package/dist/forms/switch-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime92 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/switch-field.d.ts
@@ -13,7 +13,7 @@ declare const SwitchField: <TFieldValues extends FieldValues = FieldValues>({
   label,
   description,
   isShowErrorMsg
-}: Props<TFieldValues>) => react_jsx_runtime6.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime92.JSX.Element;
 //#endregion
 export { SwitchField };
 //# sourceMappingURL=switch-field.d.ts.map

package/dist/forms/switch-field.js

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"../utils-D9AH0PUV.js";import"../label-Cxbctr6x.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-CA4hhSV5.js";import{Switch as s}from"../switch-BlK-TC1h.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=({name:u,label:d=`Switch Field`,description:f,isShowErrorMsg:p=!1})=>c(r,{name:u,render:({field:r})=>l(`div`,{className:`spage-y-1`,children:[l(i,{className:e(`border-border flex flex-row items-center justify-between rounded-lg border p-3 shadow-xs`),children:[l(`div`,{className:`space-y-0.5`,children:[c(a,{className:`cursor-pointer text-sm`,children:d}),f&&c(n,{className:`text-xs`,children:f})]}),c(t,{children:c(s,{checked:r.value,onCheckedChange:r.onChange})})]}),p&&c(o,{})]})});export{u as SwitchField};
+"use client";import{cn as e}from"../utils-D9AH0PUV.js";import"../label-DjHftHzi.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-Cc_o_9KE.js";import{Switch as s}from"../switch-mhbcb1o7.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=({name:u,label:d=`Switch Field`,description:f,isShowErrorMsg:p=!1})=>c(r,{name:u,render:({field:r})=>l(`div`,{className:`spage-y-1`,children:[l(i,{className:e(`border-border flex flex-row items-center justify-between rounded-lg border p-3 shadow-xs`),children:[l(`div`,{className:`space-y-0.5`,children:[c(a,{className:`cursor-pointer text-sm`,children:d}),f&&c(n,{className:`text-xs`,children:f})]}),c(t,{children:c(s,{checked:r.value,onCheckedChange:r.onChange})})]}),p&&c(o,{})]})});export{u as SwitchField};
 //# sourceMappingURL=switch-field.js.map

package/dist/forms/text-field.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`),n=require(`../flex-CNA_SId-.cjs`);require(`../label-CunjD1rx.cjs`);const r=require(`../form-CYZkgobJ.cjs`),i=require(`../input-C9Zl3f86.cjs`),a=e.__toESM(require(`react`)),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`lucide-react`)),c=e.__toESM(require(`react-hook-form`)),l=({name:e,label:l=`Text Field`,placeholder:u=`Enter text here`,isShowLabel:d=!0,isShowClearButton:f=!1,isShowErrorMsg:p=!1,isShowCount:m=!1,description:h,className:g=``,onValueChange:_})=>{let{resetField:v}=r.useFormField(),y=(0,c.useWatch)({name:e}),b=a.default.useCallback(()=>{v(e)},[v,e]);return(0,o.jsx)(r.FormField,{name:e,render:({field:e})=>(0,o.jsxs)(r.FormItem,{className:t.cn(`w-full gap-0`,m||!!h&&`space-y-1`,g),children:[d&&(0,o.jsx)(r.FormLabel,{children:l}),(0,o.jsxs)(`div`,{className:`relative`,children:[(0,o.jsx)(r.FormControl,{children:(0,o.jsx)(i.Input,{...e,placeholder:u,className:t.cn(`w-full`,f&&`pr-9`),onValueChange:_})}),f&&y&&(0,o.jsx)(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-accent-foreground focus-visible:ring-border absolute inset-y-0 end-0 flex h-full w-8 cursor-pointer items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-2`,"aria-label":`Clear input`,onClick:b,children:(0,o.jsx)(s.XIcon,{size:14,"aria-hidden":`true`})})]}),(0,o.jsxs)(n.Flex,{width:`full`,padding:`none`,justify:`end`,children:[p&&(0,o.jsx)(r.FormMessage,{className:`grow`}),m&&(0,o.jsxs)(`div`,{className:`text-muted-foreground text-end text-xs`,children:[y?.length??0,` characters`]})]}),!!h&&(0,o.jsx)(r.FormDescription,{children:h})]})})};exports.TextField=l;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`);require(`../label-BPBmJrwf.cjs`);const n=require(`../form-DTHB0xYA.cjs`),r=require(`../input-Deo694yz.cjs`),i=require(`../flex-BuUVu_Lf.cjs`),a=e.__toESM(require(`react`)),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`lucide-react`)),c=e.__toESM(require(`react-hook-form`)),l=({name:e,label:l=`Text Field`,placeholder:u=`Enter text here`,isShowLabel:d=!0,isShowClearButton:f=!1,isShowErrorMsg:p=!1,isShowCount:m=!1,description:h,className:g=``,onValueChange:_})=>{let{resetField:v}=n.useFormField(),y=(0,c.useWatch)({name:e}),b=a.default.useCallback(()=>{v(e)},[v,e]);return(0,o.jsx)(n.FormField,{name:e,render:({field:e})=>(0,o.jsxs)(n.FormItem,{className:t.cn(`w-full gap-0`,m||!!h&&`space-y-1`,g),children:[d&&(0,o.jsx)(n.FormLabel,{children:l}),(0,o.jsxs)(`div`,{className:`relative`,children:[(0,o.jsx)(n.FormControl,{children:(0,o.jsx)(r.Input,{...e,placeholder:u,className:t.cn(`w-full`,f&&`pr-9`),onValueChange:_})}),f&&y&&(0,o.jsx)(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-accent-foreground focus-visible:ring-border absolute inset-y-0 end-0 flex h-full w-8 cursor-pointer items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-2`,"aria-label":`Clear input`,onClick:b,children:(0,o.jsx)(s.XIcon,{size:14,"aria-hidden":`true`})})]}),(0,o.jsxs)(i.Flex,{width:`full`,padding:`none`,justify:`end`,children:[p&&(0,o.jsx)(n.FormMessage,{className:`grow`}),m&&(0,o.jsxs)(`div`,{className:`text-muted-foreground text-end text-xs`,children:[y?.length??0,` characters`]})]}),!!h&&(0,o.jsx)(n.FormDescription,{children:h})]})})};exports.TextField=l;
 //# sourceMappingURL=text-field.cjs.map

package/dist/forms/text-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/text-field.d.ts
@@ -25,7 +25,7 @@ declare const TextField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   className,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime3.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { TextField };
 //# sourceMappingURL=text-field.d.cts.map

package/dist/forms/text-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime95 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/text-field.d.ts
@@ -25,7 +25,7 @@ declare const TextField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   className,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime8.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime95.JSX.Element;
 //#endregion
 export { TextField };
 //# sourceMappingURL=text-field.d.ts.map

package/dist/forms/text-field.js

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"../utils-D9AH0PUV.js";import{Flex as t}from"../flex-ILvQrYMJ.js";import"../label-Cxbctr6x.js";import{FormControl as n,FormDescription as r,FormField as i,FormItem as a,FormLabel as o,FormMessage as s,useFormField as c}from"../form-CA4hhSV5.js";import{Input as l}from"../input-Dmaq3fzf.js";import u from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{XIcon as p}from"lucide-react";import{useWatch as m}from"react-hook-form";const h=({name:h,label:g=`Text Field`,placeholder:_=`Enter text here`,isShowLabel:v=!0,isShowClearButton:y=!1,isShowErrorMsg:b=!1,isShowCount:x=!1,description:S,className:C=``,onValueChange:w})=>{let{resetField:T}=c(),E=m({name:h}),D=u.useCallback(()=>{T(h)},[T,h]);return d(i,{name:h,render:({field:i})=>f(a,{className:e(`w-full gap-0`,x||!!S&&`space-y-1`,C),children:[v&&d(o,{children:g}),f(`div`,{className:`relative`,children:[d(n,{children:d(l,{...i,placeholder:_,className:e(`w-full`,y&&`pr-9`),onValueChange:w})}),y&&E&&d(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-accent-foreground focus-visible:ring-border absolute inset-y-0 end-0 flex h-full w-8 cursor-pointer items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-2`,"aria-label":`Clear input`,onClick:D,children:d(p,{size:14,"aria-hidden":`true`})})]}),f(t,{width:`full`,padding:`none`,justify:`end`,children:[b&&d(s,{className:`grow`}),x&&f(`div`,{className:`text-muted-foreground text-end text-xs`,children:[E?.length??0,` characters`]})]}),!!S&&d(r,{children:S})]})})};export{h as TextField};
+"use client";import{cn as e}from"../utils-D9AH0PUV.js";import"../label-DjHftHzi.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o,useFormField as s}from"../form-Cc_o_9KE.js";import{Input as c}from"../input-IwBf-u4O.js";import{Flex as l}from"../flex-uO6z0kNw.js";import u from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{XIcon as p}from"lucide-react";import{useWatch as m}from"react-hook-form";const h=({name:h,label:g=`Text Field`,placeholder:_=`Enter text here`,isShowLabel:v=!0,isShowClearButton:y=!1,isShowErrorMsg:b=!1,isShowCount:x=!1,description:S,className:C=``,onValueChange:w})=>{let{resetField:T}=s(),E=m({name:h}),D=u.useCallback(()=>{T(h)},[T,h]);return d(r,{name:h,render:({field:r})=>f(i,{className:e(`w-full gap-0`,x||!!S&&`space-y-1`,C),children:[v&&d(a,{children:g}),f(`div`,{className:`relative`,children:[d(t,{children:d(c,{...r,placeholder:_,className:e(`w-full`,y&&`pr-9`),onValueChange:w})}),y&&E&&d(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-accent-foreground focus-visible:ring-border absolute inset-y-0 end-0 flex h-full w-8 cursor-pointer items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-2`,"aria-label":`Clear input`,onClick:D,children:d(p,{size:14,"aria-hidden":`true`})})]}),f(l,{width:`full`,padding:`none`,justify:`end`,children:[b&&d(o,{className:`grow`}),x&&f(`div`,{className:`text-muted-foreground text-end text-xs`,children:[E?.length??0,` characters`]})]}),!!S&&d(n,{children:S})]})})};export{h as TextField};
 //# sourceMappingURL=text-field.js.map

package/dist/forms/textarea-field.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`),require(`../label-CunjD1rx.cjs`);const t=require(`../form-CYZkgobJ.cjs`),n=require(`../textarea-xQMf_usu.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react-hook-form`)),a=({name:e,label:a=`Textarea Field`,placeholder:o=`Enter text here`,isShowErrorMsg:s=!1,isShowCount:c=!1,description:l,rows:u=3,onValueChange:d})=>{let f=(0,i.useWatch)({name:e});return(0,r.jsx)(t.FormField,{name:e,render:({field:e})=>(0,r.jsxs)(t.FormItem,{className:`w-full`,children:[(0,r.jsx)(t.FormLabel,{children:a}),(0,r.jsx)(t.FormControl,{children:(0,r.jsx)(n.Textarea,{...e,placeholder:o,className:`w-full`,rows:u,onValueChange:d})}),c&&(0,r.jsxs)(`div`,{className:`text-muted-foreground text-end text-xs`,children:[f?.length??0,` characters`]}),!!l&&(0,r.jsx)(t.FormDescription,{children:l}),s&&(0,r.jsx)(t.FormMessage,{})]})})};exports.TextareaField=a;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`),require(`../label-BPBmJrwf.cjs`);const t=require(`../form-DTHB0xYA.cjs`),n=require(`../textarea-CGmuTOD8.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react-hook-form`)),a=({name:e,label:a=`Textarea Field`,placeholder:o=`Enter text here`,isShowErrorMsg:s=!1,isShowCount:c=!1,description:l,rows:u=3,onValueChange:d})=>{let f=(0,i.useWatch)({name:e});return(0,r.jsx)(t.FormField,{name:e,render:({field:e})=>(0,r.jsxs)(t.FormItem,{className:`w-full`,children:[(0,r.jsx)(t.FormLabel,{children:a}),(0,r.jsx)(t.FormControl,{children:(0,r.jsx)(n.Textarea,{...e,placeholder:o,className:`w-full`,rows:u,onValueChange:d})}),c&&(0,r.jsxs)(`div`,{className:`text-muted-foreground text-end text-xs`,children:[f?.length??0,` characters`]}),!!l&&(0,r.jsx)(t.FormDescription,{children:l}),s&&(0,r.jsx)(t.FormMessage,{})]})})};exports.TextareaField=a;
 //# sourceMappingURL=textarea-field.cjs.map

package/dist/forms/textarea-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/textarea-field.d.ts
@@ -21,7 +21,7 @@ declare const TextareaField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   rows,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime14.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime6.JSX.Element;
 //#endregion
 export { TextareaField };
 //# sourceMappingURL=textarea-field.d.cts.map

package/dist/forms/textarea-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime102 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/textarea-field.d.ts
@@ -21,7 +21,7 @@ declare const TextareaField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   rows,
   onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime9.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime102.JSX.Element;
 //#endregion
 export { TextareaField };
 //# sourceMappingURL=textarea-field.d.ts.map

package/dist/forms/textarea-field.js

@@ -1,2 +1,2 @@
-"use client";import"../utils-D9AH0PUV.js";import"../label-Cxbctr6x.js";import{FormControl as e,FormDescription as t,FormField as n,FormItem as r,FormLabel as i,FormMessage as a}from"../form-CA4hhSV5.js";import{Textarea as o}from"../textarea-dM1DYNfF.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{useWatch as l}from"react-hook-form";const u=({name:u,label:d=`Textarea Field`,placeholder:f=`Enter text here`,isShowErrorMsg:p=!1,isShowCount:m=!1,description:h,rows:g=3,onValueChange:_})=>{let v=l({name:u});return s(n,{name:u,render:({field:n})=>c(r,{className:`w-full`,children:[s(i,{children:d}),s(e,{children:s(o,{...n,placeholder:f,className:`w-full`,rows:g,onValueChange:_})}),m&&c(`div`,{className:`text-muted-foreground text-end text-xs`,children:[v?.length??0,` characters`]}),!!h&&s(t,{children:h}),p&&s(a,{})]})})};export{u as TextareaField};
+"use client";import"../utils-D9AH0PUV.js";import"../label-DjHftHzi.js";import{FormControl as e,FormDescription as t,FormField as n,FormItem as r,FormLabel as i,FormMessage as a}from"../form-Cc_o_9KE.js";import{Textarea as o}from"../textarea-CA7u6znc.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{useWatch as l}from"react-hook-form";const u=({name:u,label:d=`Textarea Field`,placeholder:f=`Enter text here`,isShowErrorMsg:p=!1,isShowCount:m=!1,description:h,rows:g=3,onValueChange:_})=>{let v=l({name:u});return s(n,{name:u,render:({field:n})=>c(r,{className:`w-full`,children:[s(i,{children:d}),s(e,{children:s(o,{...n,placeholder:f,className:`w-full`,rows:g,onValueChange:_})}),m&&c(`div`,{className:`text-muted-foreground text-end text-xs`,children:[v?.length??0,` characters`]}),!!h&&s(t,{children:h}),p&&s(a,{})]})})};export{u as TextareaField};
 //# sourceMappingURL=textarea-field.js.map

package/dist/{input-CQbLcUW8.d.cts → input-BnRXbVsJ.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime154 from "react/jsx-runtime";
+import * as react_jsx_runtime124 from "react/jsx-runtime";
 import React from "react";
 
 //#region packages/components/ui/input.d.ts
@@ -10,7 +10,7 @@ declare function Input({
   ...props
 }: React.ComponentProps<"input"> & {
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime154.JSX.Element;
+}): react_jsx_runtime124.JSX.Element;
 //#endregion
 export { Input };
-//# sourceMappingURL=input-CQbLcUW8.d.cts.map
+//# sourceMappingURL=input-BnRXbVsJ.d.cts.map

package/dist/{input-DiWzV1Tq.d.ts → input-CYN1gjKb.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime193 from "react/jsx-runtime";
+import * as react_jsx_runtime249 from "react/jsx-runtime";
 
 //#region packages/components/ui/input.d.ts
 declare function Input({
@@ -10,7 +10,7 @@ declare function Input({
   ...props
 }: React.ComponentProps<"input"> & {
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime193.JSX.Element;
+}): react_jsx_runtime249.JSX.Element;
 //#endregion
 export { Input };
-//# sourceMappingURL=input-DiWzV1Tq.d.ts.map
+//# sourceMappingURL=input-CYN1gjKb.d.ts.map

package/dist/{input-C9Zl3f86.cjs → input-Deo694yz.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`));function i({className:e,type:i,onChange:a,onValueChange:o,...s}){let c=n.default.useCallback(e=>{a?.(e),o?.(e.target.value)},[a,o]);return(0,r.jsx)(`input`,{type:i,"data-slot":`input`,className:t.cn(`flex h-9 w-full min-w-0`,`border-input shadow-input rounded-md border`,`px-3 py-1`,`bg-transparent`,`caret-primary text-sm`,`transition-[color,box-shadow] outline-none`,`placeholder:text-muted-foreground`,`selection:bg-primary`,`selection:text-primary-foreground`,`file:inline-flex`,`file:h-7`,`file:border-0`,`file:bg-transparent`,`file:text-sm`,`file:text-foreground`,`file:font-medium`,`disabled:pointer-events-none`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`focus-visible:ring-4`,`focus-visible:ring-ring`,`focus-visible:border-primary/60`,`aria-invalid:ring-destructive/40`,`aria-invalid:border-destructive`,e),...s,onChange:c})}Object.defineProperty(exports,`Input`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=input-C9Zl3f86.cjs.map
+//# sourceMappingURL=input-Deo694yz.cjs.map

package/dist/{input-C9Zl3f86.cjs.map → input-Deo694yz.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-C9Zl3f86.cjs","names":["React","cn"],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n  className,\n  type,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<\"input\"> & {\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange],\n  );\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"flex h-9 w-full min-w-0\",\n        \"border-input shadow-input rounded-md border\",\n        \"px-3 py-1\",\n        \"bg-transparent\",\n        \"caret-primary text-sm\",\n        \"transition-[color,box-shadow] outline-none\",\n        \"placeholder:text-muted-foreground\",\n        \"selection:bg-primary\",\n        \"selection:text-primary-foreground\",\n        \"file:inline-flex\",\n        \"file:h-7\",\n        \"file:border-0\",\n        \"file:bg-transparent\",\n        \"file:text-sm\",\n        \"file:text-foreground\",\n        \"file:font-medium\",\n        \"disabled:pointer-events-none\",\n        \"disabled:cursor-not-allowed\",\n        \"disabled:opacity-50\",\n        \"focus-visible:ring-4\",\n        \"focus-visible:ring-ring\",\n        \"focus-visible:border-primary/60\",\n        \"aria-invalid:ring-destructive/40\",\n        \"aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"kJAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,EAAeA,EAAAA,QAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,QAE3B,CAAC,EAAU,IAEb,OACE,EAAA,EAAA,KAAC,QAAA,CACO,OACN,YAAU,QACV,UAAWC,EAAAA,GACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU"}
+{"version":3,"file":"input-Deo694yz.cjs","names":["React","cn"],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n  className,\n  type,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<\"input\"> & {\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange],\n  );\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"flex h-9 w-full min-w-0\",\n        \"border-input shadow-input rounded-md border\",\n        \"px-3 py-1\",\n        \"bg-transparent\",\n        \"caret-primary text-sm\",\n        \"transition-[color,box-shadow] outline-none\",\n        \"placeholder:text-muted-foreground\",\n        \"selection:bg-primary\",\n        \"selection:text-primary-foreground\",\n        \"file:inline-flex\",\n        \"file:h-7\",\n        \"file:border-0\",\n        \"file:bg-transparent\",\n        \"file:text-sm\",\n        \"file:text-foreground\",\n        \"file:font-medium\",\n        \"disabled:pointer-events-none\",\n        \"disabled:cursor-not-allowed\",\n        \"disabled:opacity-50\",\n        \"focus-visible:ring-4\",\n        \"focus-visible:ring-ring\",\n        \"focus-visible:border-primary/60\",\n        \"aria-invalid:ring-destructive/40\",\n        \"aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"kJAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,EAAeA,EAAAA,QAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,QAE3B,CAAC,EAAU,IAEb,OACE,EAAA,EAAA,KAAC,QAAA,CACO,OACN,YAAU,QACV,UAAWC,EAAAA,GACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU"}

package/dist/{input-Dmaq3fzf.js → input-IwBf-u4O.js}

@@ -1,2 +1,2 @@
 import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n}from"react/jsx-runtime";function r({className:r,type:i,onChange:a,onValueChange:o,...s}){let c=t.useCallback(e=>{a?.(e),o?.(e.target.value)},[a,o]);return n(`input`,{type:i,"data-slot":`input`,className:e(`flex h-9 w-full min-w-0`,`border-input shadow-input rounded-md border`,`px-3 py-1`,`bg-transparent`,`caret-primary text-sm`,`transition-[color,box-shadow] outline-none`,`placeholder:text-muted-foreground`,`selection:bg-primary`,`selection:text-primary-foreground`,`file:inline-flex`,`file:h-7`,`file:border-0`,`file:bg-transparent`,`file:text-sm`,`file:text-foreground`,`file:font-medium`,`disabled:pointer-events-none`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`focus-visible:ring-4`,`focus-visible:ring-ring`,`focus-visible:border-primary/60`,`aria-invalid:ring-destructive/40`,`aria-invalid:border-destructive`,r),...s,onChange:c})}export{r as Input};
-//# sourceMappingURL=input-Dmaq3fzf.js.map
+//# sourceMappingURL=input-IwBf-u4O.js.map

package/dist/{input-Dmaq3fzf.js.map → input-IwBf-u4O.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-Dmaq3fzf.js","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n  className,\n  type,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<\"input\"> & {\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange],\n  );\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"flex h-9 w-full min-w-0\",\n        \"border-input shadow-input rounded-md border\",\n        \"px-3 py-1\",\n        \"bg-transparent\",\n        \"caret-primary text-sm\",\n        \"transition-[color,box-shadow] outline-none\",\n        \"placeholder:text-muted-foreground\",\n        \"selection:bg-primary\",\n        \"selection:text-primary-foreground\",\n        \"file:inline-flex\",\n        \"file:h-7\",\n        \"file:border-0\",\n        \"file:bg-transparent\",\n        \"file:text-sm\",\n        \"file:text-foreground\",\n        \"file:font-medium\",\n        \"disabled:pointer-events-none\",\n        \"disabled:cursor-not-allowed\",\n        \"disabled:opacity-50\",\n        \"focus-visible:ring-4\",\n        \"focus-visible:ring-ring\",\n        \"focus-visible:border-primary/60\",\n        \"aria-invalid:ring-destructive/40\",\n        \"aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"sGAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,EAAe,EAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,QAE3B,CAAC,EAAU,IAEb,OACE,EAAC,QAAA,CACO,OACN,YAAU,QACV,UAAW,EACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU"}
+{"version":3,"file":"input-IwBf-u4O.js","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n  className,\n  type,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<\"input\"> & {\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange],\n  );\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"flex h-9 w-full min-w-0\",\n        \"border-input shadow-input rounded-md border\",\n        \"px-3 py-1\",\n        \"bg-transparent\",\n        \"caret-primary text-sm\",\n        \"transition-[color,box-shadow] outline-none\",\n        \"placeholder:text-muted-foreground\",\n        \"selection:bg-primary\",\n        \"selection:text-primary-foreground\",\n        \"file:inline-flex\",\n        \"file:h-7\",\n        \"file:border-0\",\n        \"file:bg-transparent\",\n        \"file:text-sm\",\n        \"file:text-foreground\",\n        \"file:font-medium\",\n        \"disabled:pointer-events-none\",\n        \"disabled:cursor-not-allowed\",\n        \"disabled:opacity-50\",\n        \"focus-visible:ring-4\",\n        \"focus-visible:ring-ring\",\n        \"focus-visible:border-primary/60\",\n        \"aria-invalid:ring-destructive/40\",\n        \"aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"sGAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,EAAe,EAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,QAE3B,CAAC,EAAU,IAEb,OACE,EAAC,QAAA,CACO,OACN,YAAU,QACV,UAAW,EACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU"}

package/dist/{label-CunjD1rx.cjs → label-BPBmJrwf.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`radix-ui`));function a({className:e,...n}){return(0,r.jsx)(i.Label.Root,{"data-slot":`label`,className:t.cn(`text-secondary-foreground`,`flex items-center gap-2`,`text-sm leading-none font-medium select-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,e),...n})}Object.defineProperty(exports,`Label`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=label-CunjD1rx.cjs.map
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`radix-ui`)),i=e.__toESM(require(`react/jsx-runtime`));function a({className:e,...n}){return(0,i.jsx)(r.Label.Root,{"data-slot":`label`,className:t.cn(`text-secondary-foreground`,`flex items-center gap-2`,`text-sm leading-none font-medium select-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,e),...n})}Object.defineProperty(exports,`Label`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=label-BPBmJrwf.cjs.map

package/dist/{label-CunjD1rx.cjs.map → label-BPBmJrwf.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"label-CunjD1rx.cjs","names":["LabelPrimitive","cn"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"text-secondary-foreground\",\n        \"flex items-center gap-2\",\n        \"text-sm leading-none font-medium select-none\",\n        \"group-data-[disabled=true]:pointer-events-none\",\n        \"group-data-[disabled=true]:opacity-50\",\n        \"peer-disabled:cursor-not-allowed\",\n        \"peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"mLAMA,SAAS,EAAM,CACb,YACA,GAAG,GACgD,CACnD,OACE,EAAA,EAAA,KAACA,EAAAA,MAAe,KAAA,CACd,YAAU,QACV,UAAWC,EAAAA,GACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI"}
+{"version":3,"file":"label-BPBmJrwf.cjs","names":["LabelPrimitive","cn"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"text-secondary-foreground\",\n        \"flex items-center gap-2\",\n        \"text-sm leading-none font-medium select-none\",\n        \"group-data-[disabled=true]:pointer-events-none\",\n        \"group-data-[disabled=true]:opacity-50\",\n        \"peer-disabled:cursor-not-allowed\",\n        \"peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"mLAMA,SAAS,EAAM,CACb,YACA,GAAG,GACgD,CACnD,OACE,EAAA,EAAA,KAACA,EAAAA,MAAe,KAAA,CACd,YAAU,QACV,UAAWC,EAAAA,GACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI"}

package/dist/{label-Cxbctr6x.js → label-DjHftHzi.js}

@@ -1,2 +1,2 @@
-import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n}from"react/jsx-runtime";import{Label as r}from"radix-ui";function i({className:t,...i}){return n(r.Root,{"data-slot":`label`,className:e(`text-secondary-foreground`,`flex items-center gap-2`,`text-sm leading-none font-medium select-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,t),...i})}export{i as Label};
-//# sourceMappingURL=label-Cxbctr6x.js.map
+import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{Label as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";function i({className:t,...i}){return r(n.Root,{"data-slot":`label`,className:e(`text-secondary-foreground`,`flex items-center gap-2`,`text-sm leading-none font-medium select-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,t),...i})}export{i as Label};
+//# sourceMappingURL=label-DjHftHzi.js.map

package/dist/{label-Cxbctr6x.js.map → label-DjHftHzi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"label-Cxbctr6x.js","names":["Label","LabelPrimitive"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"text-secondary-foreground\",\n        \"flex items-center gap-2\",\n        \"text-sm leading-none font-medium select-none\",\n        \"group-data-[disabled=true]:pointer-events-none\",\n        \"group-data-[disabled=true]:opacity-50\",\n        \"peer-disabled:cursor-not-allowed\",\n        \"peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"uIAMA,SAASA,EAAM,CACb,YACA,GAAG,GACgD,CACnD,OACE,EAACC,EAAe,KAAA,CACd,YAAU,QACV,UAAW,EACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI"}
+{"version":3,"file":"label-DjHftHzi.js","names":["Label","LabelPrimitive"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"text-secondary-foreground\",\n        \"flex items-center gap-2\",\n        \"text-sm leading-none font-medium select-none\",\n        \"group-data-[disabled=true]:pointer-events-none\",\n        \"group-data-[disabled=true]:opacity-50\",\n        \"peer-disabled:cursor-not-allowed\",\n        \"peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"uIAMA,SAASA,EAAM,CACb,YACA,GAAG,GACgD,CACnD,OACE,EAACC,EAAe,KAAA,CACd,YAAU,QACV,UAAW,EACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI"}

package/dist/layouts/flex.cjs

@@ -1 +1 @@
-"use client";require(`../utils-BsjVK5EW.cjs`);const e=require(`../flex-CNA_SId-.cjs`);exports.Flex=e.Flex;
+"use client";require(`../utils-BsjVK5EW.cjs`);const e=require(`../flex-BuUVu_Lf.cjs`);exports.Flex=e.Flex;

package/dist/layouts/flex.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 import React from "react";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
@@ -28,7 +28,7 @@ declare const Flex: ({
   align,
   className,
   children
-}: React.PropsWithChildren<Props>) => react_jsx_runtime15.JSX.Element;
+}: React.PropsWithChildren<Props>) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { Flex };
 //# sourceMappingURL=flex.d.cts.map

package/dist/layouts/flex.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region packages/components/layouts/flex.d.ts
@@ -28,7 +28,7 @@ declare const Flex: ({
   align,
   className,
   children
-}: React.PropsWithChildren<Props>) => react_jsx_runtime11.JSX.Element;
+}: React.PropsWithChildren<Props>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Flex };
 //# sourceMappingURL=flex.d.ts.map

package/dist/layouts/flex.js

@@ -1 +1 @@
-"use client";import"../utils-D9AH0PUV.js";import{Flex as e}from"../flex-ILvQrYMJ.js";export{e as Flex};
+"use client";import"../utils-D9AH0PUV.js";import{Flex as e}from"../flex-uO6z0kNw.js";export{e as Flex};

package/dist/layouts/main/index.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-CUT6urMc.cjs`),t=require(`../../utils-BsjVK5EW.cjs`);require(`../../tooltip-CBtZw8PB.cjs`);const n=require(`../../button-Dzv_nos1.cjs`);require(`../../input-C9Zl3f86.cjs`),require(`../../separator-Bi0LBh7T.cjs`),require(`../../sheet-DEJ_ttoA.cjs`),require(`../../skeleton-DkSs2Vh3.cjs`);const r=require(`../../sidebar-BOtpo81G.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`)),o=({children:e})=>(0,i.jsx)(r.SidebarProvider,{className:`w-svw`,children:e}),s=({children:e})=>(0,i.jsx)(r.SidebarInset,{children:(0,i.jsx)(`section`,{className:`relative size-full`,children:(0,i.jsx)(`div`,{className:`absolute inset-0`,children:e})})}),c=()=>(0,i.jsxs)(`header`,{className:t.cn(`bg-card`,`h-(--header-height)`,`absolute inset-x-0 top-0 z-20`,`flex items-center gap-2 border-b shadow-sm`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`px-4`),children:[(0,i.jsx)(r.SidebarTrigger,{}),(0,i.jsxs)(`div`,{className:`ml-2.5 flex gap-x-2`,children:[(0,i.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,i.jsx)(a.ShoppingCartIcon,{size:20})}),(0,i.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,i.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,i.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,i.jsxs)(`div`,{className:`flex flex-1 items-center justify-end`,children:[(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:(0,i.jsx)(a.CircleQuestionMarkIcon,{})}),(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:(0,i.jsx)(a.BellIcon,{})})]})]});exports.MainLayoutContent=s,exports.MainLayoutHeader=c,exports.MainLayoutWrapper=o;
+const e=require(`../../chunk-CUT6urMc.cjs`),t=require(`../../utils-BsjVK5EW.cjs`),n=require(`../../button-C34BzElG.cjs`);require(`../../input-Deo694yz.cjs`),require(`../../tooltip-D1dnpKsi.cjs`),require(`../../separator-DFE0CP6K.cjs`),require(`../../sheet-DOrWwCZn.cjs`),require(`../../skeleton-DkSs2Vh3.cjs`);const r=require(`../../sidebar-D7vLgYLD.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`)),o=({children:e})=>(0,i.jsx)(r.SidebarProvider,{className:`w-svw`,children:e}),s=({children:e})=>(0,i.jsx)(r.SidebarInset,{children:(0,i.jsx)(`section`,{className:`relative size-full`,children:(0,i.jsx)(`div`,{className:`absolute inset-0`,children:e})})}),c=()=>(0,i.jsxs)(`header`,{className:t.cn(`bg-card`,`h-(--header-height)`,`absolute inset-x-0 top-0 z-20`,`flex items-center gap-2 border-b shadow-sm`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`px-4`),children:[(0,i.jsx)(r.SidebarTrigger,{}),(0,i.jsxs)(`div`,{className:`ml-2.5 flex gap-x-2`,children:[(0,i.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,i.jsx)(a.ShoppingCartIcon,{size:20})}),(0,i.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,i.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,i.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,i.jsxs)(`div`,{className:`flex flex-1 items-center justify-end`,children:[(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:(0,i.jsx)(a.CircleQuestionMarkIcon,{})}),(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:(0,i.jsx)(a.BellIcon,{})})]})]});exports.MainLayoutContent=s,exports.MainLayoutHeader=c,exports.MainLayoutWrapper=o;
 //# sourceMappingURL=index.cjs.map

package/dist/layouts/main/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["SidebarProvider","SidebarInset","cn","SidebarTrigger","ShoppingCartIcon","Button","CircleQuestionMarkIcon","BellIcon"],"sources":["../../../packages/components/layouts/main/wrapper.tsx","../../../packages/components/layouts/main/content.tsx","../../../packages/components/layouts/main/header.tsx"],"sourcesContent":["import { SidebarProvider } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutWrapper = ({ children }: React.PropsWithChildren) => {\n  return <SidebarProvider className=\"w-svw\">{children}</SidebarProvider>;\n};\n","import { SidebarInset } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutContent = ({ children }: React.PropsWithChildren) => {\n  return (\n    <SidebarInset>\n      <section className=\"relative size-full\">\n        <div className=\"absolute inset-0\">{children}</div>\n      </section>\n    </SidebarInset>\n  );\n};\n","import {\n  BellIcon,\n  CircleQuestionMarkIcon,\n  ShoppingCartIcon,\n} from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { SidebarTrigger } from \"@/components/ui/sidebar\";\nimport { cn } from \"@/lib/utils\";\n\nexport const MainLayoutHeader = () => {\n  return (\n    <header\n      className={cn(\n        \"bg-card\",\n        \"h-(--header-height)\",\n        \"absolute inset-x-0 top-0 z-20\",\n        \"flex items-center gap-2 border-b shadow-sm\",\n        \"transition-[width,height] ease-linear\",\n        \"group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)\",\n        \"px-4\",\n      )}\n    >\n      <SidebarTrigger />\n\n      <div className=\"ml-2.5 flex gap-x-2\">\n        <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n          <ShoppingCartIcon size={20} />\n        </div>\n        <div className=\"grid flex-1 text-left text-sm leading-tight\">\n          <span className=\"truncate font-medium\">Lunas Store</span>\n          <span className=\"truncate text-xs\">Established 2023</span>\n        </div>\n      </div>\n      <div className=\"flex flex-1 items-center justify-end\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <CircleQuestionMarkIcon />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <BellIcon />\n        </Button>\n      </div>\n    </header>\n  );\n};\n"],"mappings":"ybAEa,GAAqB,CAAE,eAC3B,EAAA,EAAA,KAACA,EAAAA,gBAAAA,CAAgB,UAAU,QAAS,aCDhC,GAAqB,CAAE,eAEhC,EAAA,EAAA,KAACC,EAAAA,aAAAA,CAAAA,UACC,EAAA,EAAA,KAAC,UAAA,CAAQ,UAAU,+BACjB,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,mBAAoB,iBCI9B,OAET,EAAA,EAAA,MAAC,SAAA,CACC,UAAWC,EAAAA,GACT,UACA,sBACA,gCACA,6CACA,wCACA,wEACA,mBAGF,EAAA,EAAA,KAACC,EAAAA,eAAAA,KAED,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,iCACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,gIACb,EAAA,EAAA,KAACC,EAAAA,iBAAAA,CAAiB,KAAM,QAE1B,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,gCAAuB,iBACvC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,4BAAmB,4BAGvC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,kDACb,EAAA,EAAA,KAACC,EAAAA,OAAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,+CAEV,EAAA,EAAA,KAACC,EAAAA,uBAAAA,OAEH,EAAA,EAAA,KAACD,EAAAA,OAAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,+CAEV,EAAA,EAAA,KAACE,EAAAA,SAAAA"}
+{"version":3,"file":"index.cjs","names":["SidebarProvider","SidebarInset","cn","SidebarTrigger","ShoppingCartIcon","Button","CircleQuestionMarkIcon","BellIcon"],"sources":["../../../packages/components/layouts/main/wrapper.tsx","../../../packages/components/layouts/main/content.tsx","../../../packages/components/layouts/main/header.tsx"],"sourcesContent":["import { SidebarProvider } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutWrapper = ({ children }: React.PropsWithChildren) => {\n  return <SidebarProvider className=\"w-svw\">{children}</SidebarProvider>;\n};\n","import { SidebarInset } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutContent = ({ children }: React.PropsWithChildren) => {\n  return (\n    <SidebarInset>\n      <section className=\"relative size-full\">\n        <div className=\"absolute inset-0\">{children}</div>\n      </section>\n    </SidebarInset>\n  );\n};\n","import {\n  BellIcon,\n  CircleQuestionMarkIcon,\n  ShoppingCartIcon,\n} from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { SidebarTrigger } from \"@/components/ui/sidebar\";\nimport { cn } from \"@/lib/utils\";\n\nexport const MainLayoutHeader = () => {\n  return (\n    <header\n      className={cn(\n        \"bg-card\",\n        \"h-(--header-height)\",\n        \"absolute inset-x-0 top-0 z-20\",\n        \"flex items-center gap-2 border-b shadow-sm\",\n        \"transition-[width,height] ease-linear\",\n        \"group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)\",\n        \"px-4\",\n      )}\n    >\n      <SidebarTrigger />\n\n      <div className=\"ml-2.5 flex gap-x-2\">\n        <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n          <ShoppingCartIcon size={20} />\n        </div>\n        <div className=\"grid flex-1 text-left text-sm leading-tight\">\n          <span className=\"truncate font-medium\">Lunas Store</span>\n          <span className=\"truncate text-xs\">Established 2023</span>\n        </div>\n      </div>\n      <div className=\"flex flex-1 items-center justify-end\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <CircleQuestionMarkIcon />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <BellIcon />\n        </Button>\n      </div>\n    </header>\n  );\n};\n"],"mappings":"mbAEa,GAAqB,CAAE,eAC3B,EAAA,EAAA,KAACA,EAAAA,gBAAAA,CAAgB,UAAU,QAAS,aCDhC,GAAqB,CAAE,eAEhC,EAAA,EAAA,KAACC,EAAAA,aAAAA,CAAAA,UACC,EAAA,EAAA,KAAC,UAAA,CAAQ,UAAU,+BACjB,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,mBAAoB,iBCI9B,OAET,EAAA,EAAA,MAAC,SAAA,CACC,UAAWC,EAAAA,GACT,UACA,sBACA,gCACA,6CACA,wCACA,wEACA,mBAGF,EAAA,EAAA,KAACC,EAAAA,eAAAA,KAED,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,iCACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,gIACb,EAAA,EAAA,KAACC,EAAAA,iBAAAA,CAAiB,KAAM,QAE1B,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,gCAAuB,iBACvC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,4BAAmB,4BAGvC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,kDACb,EAAA,EAAA,KAACC,EAAAA,OAAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,+CAEV,EAAA,EAAA,KAACC,EAAAA,uBAAAA,OAEH,EAAA,EAAA,KAACD,EAAAA,OAAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,+CAEV,EAAA,EAAA,KAACE,EAAAA,SAAAA"}

package/dist/layouts/main/index.d.cts

@@ -1,17 +1,17 @@
-import * as react_jsx_runtime259 from "react/jsx-runtime";
+import * as react_jsx_runtime260 from "react/jsx-runtime";
 
 //#region packages/components/layouts/main/wrapper.d.ts
 declare const MainLayoutWrapper: ({
   children
-}: React.PropsWithChildren) => react_jsx_runtime259.JSX.Element;
+}: React.PropsWithChildren) => react_jsx_runtime260.JSX.Element;
 //#endregion
 //#region packages/components/layouts/main/content.d.ts
 declare const MainLayoutContent: ({
   children
-}: React.PropsWithChildren) => react_jsx_runtime259.JSX.Element;
+}: React.PropsWithChildren) => react_jsx_runtime260.JSX.Element;
 //#endregion
 //#region packages/components/layouts/main/header.d.ts
-declare const MainLayoutHeader: () => react_jsx_runtime259.JSX.Element;
+declare const MainLayoutHeader: () => react_jsx_runtime260.JSX.Element;
 //#endregion
 export { MainLayoutContent, MainLayoutHeader, MainLayoutWrapper };
 //# sourceMappingURL=index.d.cts.map

package/dist/layouts/main/index.d.ts

@@ -1,17 +1,17 @@
-import * as react_jsx_runtime260 from "react/jsx-runtime";
+import * as react_jsx_runtime259 from "react/jsx-runtime";
 
 //#region packages/components/layouts/main/wrapper.d.ts
 declare const MainLayoutWrapper: ({
   children
-}: React.PropsWithChildren) => react_jsx_runtime260.JSX.Element;
+}: React.PropsWithChildren) => react_jsx_runtime259.JSX.Element;
 //#endregion
 //#region packages/components/layouts/main/content.d.ts
 declare const MainLayoutContent: ({
   children
-}: React.PropsWithChildren) => react_jsx_runtime260.JSX.Element;
+}: React.PropsWithChildren) => react_jsx_runtime259.JSX.Element;
 //#endregion
 //#region packages/components/layouts/main/header.d.ts
-declare const MainLayoutHeader: () => react_jsx_runtime260.JSX.Element;
+declare const MainLayoutHeader: () => react_jsx_runtime259.JSX.Element;
 //#endregion
 export { MainLayoutContent, MainLayoutHeader, MainLayoutWrapper };
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/main/index.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../utils-D9AH0PUV.js";import"../../tooltip-mqfVQzkp.js";import{Button as t}from"../../button-Bku3bKv9.js";import"../../input-Dmaq3fzf.js";import"../../separator-DMdqEz29.js";import"../../sheet-DeJpnbAR.js";import"../../skeleton-D1_Brnl9.js";import{SidebarInset as n,SidebarProvider as r,SidebarTrigger as i}from"../../sidebar-BDATBAxY.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{BellIcon as s,CircleQuestionMarkIcon as c,ShoppingCartIcon as l}from"lucide-react";const u=({children:e})=>a(r,{className:`w-svw`,children:e}),d=({children:e})=>a(n,{children:a(`section`,{className:`relative size-full`,children:a(`div`,{className:`absolute inset-0`,children:e})})}),f=()=>o(`header`,{className:e(`bg-card`,`h-(--header-height)`,`absolute inset-x-0 top-0 z-20`,`flex items-center gap-2 border-b shadow-sm`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`px-4`),children:[a(i,{}),o(`div`,{className:`ml-2.5 flex gap-x-2`,children:[a(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:a(l,{size:20})}),o(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[a(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),a(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),o(`div`,{className:`flex flex-1 items-center justify-end`,children:[a(t,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:a(c,{})}),a(t,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:a(s,{})})]})]});export{d as MainLayoutContent,f as MainLayoutHeader,u as MainLayoutWrapper};
+import{cn as e}from"../../utils-D9AH0PUV.js";import{Button as t}from"../../button-BrvvATXa.js";import"../../input-IwBf-u4O.js";import"../../tooltip-d_X-5oXw.js";import"../../separator-BQqb8Ju6.js";import"../../sheet-e1rrFVKX.js";import"../../skeleton-D1_Brnl9.js";import{SidebarInset as n,SidebarProvider as r,SidebarTrigger as i}from"../../sidebar-C2ViuzN1.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{BellIcon as s,CircleQuestionMarkIcon as c,ShoppingCartIcon as l}from"lucide-react";const u=({children:e})=>a(r,{className:`w-svw`,children:e}),d=({children:e})=>a(n,{children:a(`section`,{className:`relative size-full`,children:a(`div`,{className:`absolute inset-0`,children:e})})}),f=()=>o(`header`,{className:e(`bg-card`,`h-(--header-height)`,`absolute inset-x-0 top-0 z-20`,`flex items-center gap-2 border-b shadow-sm`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`px-4`),children:[a(i,{}),o(`div`,{className:`ml-2.5 flex gap-x-2`,children:[a(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:a(l,{size:20})}),o(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[a(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),a(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),o(`div`,{className:`flex flex-1 items-center justify-end`,children:[a(t,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:a(c,{})}),a(t,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:a(s,{})})]})]});export{d as MainLayoutContent,f as MainLayoutHeader,u as MainLayoutWrapper};
 //# sourceMappingURL=index.js.map

package/dist/{multi-select-1DlXucsl.cjs → multi-select-Dh-OrxMu.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=require(`./button-Dzv_nos1.cjs`),r=require(`./command-DYtYCUp1.cjs`),i=e.__toESM(require(`react`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`lucide-react`)),s=e.__toESM(require(`cmdk`));function c(e,t){let[n,r]=i.default.useState(e);return i.default.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=i.default.forwardRef(({className:e,...n},r)=>{let i=(0,s.useCommandState)(e=>e.filtered.count===0);return i?(0,a.jsx)(`div`,{ref:r,className:t.cn(`px-2 py-4 text-center text-sm`,e),"cmdk-empty":``,role:`presentation`,...n}):null});f.displayName=`CommandEmpty`;const p=i.default.forwardRef(({value:e,onChange:p,placeholder:m,defaultOptions:h=[],options:g,delay:_,onSearch:v,onSearchSync:y,loadingIndicator:b,emptyIndicator:x,maxSelected:S=9007199254740991,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=i.default.useRef(null),R=i.default.useRef(null),[z,B]=i.default.useState(!1),[V,H]=i.default.useState(!1),[U,W]=i.default.useState(!1),[G,K]=i.default.useState(e||[]),[q,J]=i.default.useState(l(h,E)),[Y,X]=i.default.useState(``),Z=c(Y,_||500);i.default.useImperativeHandle(I,()=>({selectedValue:[...G],input:L.current,focus:()=>L?.current?.focus(),reset:()=>K([])}),[G]);let Q=i.default.useCallback(e=>{R.current&&!R.current.contains(e.target)&&L.current&&!L.current.contains(e.target)&&(B(!1),L.current.blur())},[]),$=i.default.useCallback(e=>{let t=G.filter(t=>t.value!==e.value);K(t),p?.(t)},[p,G]),ee=i.default.useCallback(e=>{let t=L.current;if(t){if((e.key===`Delete`||e.key===`Backspace`)&&t.value===``&&G.length>0){let e=G[G.length-1];e.fixed||$(G[G.length-1])}e.key===`Escape`&&t.blur()}},[$,G]);i.default.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]),i.default.useEffect(()=>{e&&K(e)},[e]),i.default.useEffect(()=>{if(!g||v)return;let e=l(g||[],E);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[h,g,E,v,q]),i.default.useEffect(()=>{let e=()=>{let e=y?.(Z);J(l(e||[],E))},t=async()=>{!y||!z||(j&&e(),Z&&e())};t()},[Z,E,z,j]),i.default.useEffect(()=>{let e=async()=>{W(!0);let e=await v?.(Z);J(l(e||[],E)),W(!1)},t=async()=>{!v||!z||(j&&await e(),Z&&await e())};t()},[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)(r.CommandItem,{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=i.default.useCallback(()=>{if(x)return v&&!A&&Object.keys(q).length===0?(0,a.jsx)(r.CommandItem,{value:`-`,disabled:!0,children:x}):(0,a.jsx)(f,{children:x})},[A,x,v,q]),re=i.default.useMemo(()=>u(q,G),[q,G]),ie=i.default.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)(r.Command,{ref:R,...M,onKeyDown:e=>{ee(e),M?.onKeyDown?.(e)},className:t.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:t.cn(`border-input focus-within:border-primary focus-within:ring-ring relative rounded-md border text-sm transition-shadow focus-within:ring-4 focus-within:outline-hidden`,`has-disabled:bg-muted`,`has-disabled:text-muted-foreground`,{"p-1":G.length!==0,"cursor-text":!T&&G.length!==0},!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:t.cn(`animate-fadeIn bg-background text-secondary-foreground hover:bg-background relative inline-flex h-7 cursor-default items-center rounded-md border border-solid 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:t.cn(`text-muted-foreground/80 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-ring/70`,`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:t.cn(`placeholder:text-muted-foreground 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:t.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-foreground`,`focus-visible:outline-ring/70`,(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:t.cn(`border-input absolute top-2 z-10 w-full overflow-hidden rounded-lg border shadow-sm`,`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)(r.CommandList,{className:`bg-popover text-popover-foreground 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)(r.CommandSeparator,{}),(0,a.jsx)(r.CommandGroup,{children:(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:F,children:[(0,a.jsx)(o.PlusIcon,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?b:(0,a.jsxs)(i.default.Fragment,{children:[ne(),te(),!k&&(0,a.jsx)(r.CommandItem,{value:`-`,className:`hidden`}),Object.entries(re).map(([e,n])=>(0,a.jsx)(r.CommandGroup,{heading:e,className:`h-full overflow-auto`,children:n.map(e=>(0,a.jsx)(r.CommandItem,{value:e.value,disabled:e.disable,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:()=>{if(G.length>=S){C?.(G.length);return}X(``);let t=[...G,e];K(t),p?.(t)},className:t.cn(`cursor-pointer`,e.disable&&`cursor-not-allowed opacity-50`),children:e.label},e.value))},e))]})]})})})]})});p.displayName=`MultipleSelector`;var m=p;Object.defineProperty(exports,`multi_select_default`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`useDebounce`,{enumerable:!0,get:function(){return c}});
-//# sourceMappingURL=multi-select-1DlXucsl.cjs.map
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=require(`./button-C34BzElG.cjs`),r=require(`./command-C7-p10t4.cjs`),i=e.__toESM(require(`react`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`lucide-react`)),s=e.__toESM(require(`cmdk`));function c(e,t){let[n,r]=i.default.useState(e);return i.default.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=i.default.forwardRef(({className:e,...n},r)=>{let i=(0,s.useCommandState)(e=>e.filtered.count===0);return i?(0,a.jsx)(`div`,{ref:r,className:t.cn(`px-2 py-4 text-center text-sm`,e),"cmdk-empty":``,role:`presentation`,...n}):null});f.displayName=`CommandEmpty`;const p=i.default.forwardRef(({value:e,onChange:p,placeholder:m,defaultOptions:h=[],options:g,delay:_,onSearch:v,onSearchSync:y,loadingIndicator:b,emptyIndicator:x,maxSelected:S=9007199254740991,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=i.default.useRef(null),R=i.default.useRef(null),[z,B]=i.default.useState(!1),[V,H]=i.default.useState(!1),[U,W]=i.default.useState(!1),[G,K]=i.default.useState(e||[]),[q,J]=i.default.useState(l(h,E)),[Y,X]=i.default.useState(``),Z=c(Y,_||500);i.default.useImperativeHandle(I,()=>({selectedValue:[...G],input:L.current,focus:()=>L?.current?.focus(),reset:()=>K([])}),[G]);let Q=i.default.useCallback(e=>{R.current&&!R.current.contains(e.target)&&L.current&&!L.current.contains(e.target)&&(B(!1),L.current.blur())},[]),$=i.default.useCallback(e=>{let t=G.filter(t=>t.value!==e.value);K(t),p?.(t)},[p,G]),ee=i.default.useCallback(e=>{let t=L.current;if(t){if((e.key===`Delete`||e.key===`Backspace`)&&t.value===``&&G.length>0){let e=G[G.length-1];e.fixed||$(G[G.length-1])}e.key===`Escape`&&t.blur()}},[$,G]);i.default.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]),i.default.useEffect(()=>{e&&K(e)},[e]),i.default.useEffect(()=>{if(!g||v)return;let e=l(g||[],E);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[h,g,E,v,q]),i.default.useEffect(()=>{let e=()=>{let e=y?.(Z);J(l(e||[],E))},t=async()=>{!y||!z||(j&&e(),Z&&e())};t()},[Z,E,z,j]),i.default.useEffect(()=>{let e=async()=>{W(!0);let e=await v?.(Z);J(l(e||[],E)),W(!1)},t=async()=>{!v||!z||(j&&await e(),Z&&await e())};t()},[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)(r.CommandItem,{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=i.default.useCallback(()=>{if(x)return v&&!A&&Object.keys(q).length===0?(0,a.jsx)(r.CommandItem,{value:`-`,disabled:!0,children:x}):(0,a.jsx)(f,{children:x})},[A,x,v,q]),re=i.default.useMemo(()=>u(q,G),[q,G]),ie=i.default.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)(r.Command,{ref:R,...M,onKeyDown:e=>{ee(e),M?.onKeyDown?.(e)},className:t.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:t.cn(`border-input focus-within:border-primary focus-within:ring-ring relative rounded-md border text-sm transition-shadow focus-within:ring-4 focus-within:outline-hidden`,`has-disabled:bg-muted`,`has-disabled:text-muted-foreground`,{"p-1":G.length!==0,"cursor-text":!T&&G.length!==0},!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:t.cn(`animate-fadeIn bg-background text-secondary-foreground hover:bg-background relative inline-flex h-7 cursor-default items-center rounded-md border border-solid 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:t.cn(`text-muted-foreground/80 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-ring/70`,`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:t.cn(`placeholder:text-muted-foreground 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:t.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-foreground`,`focus-visible:outline-ring/70`,(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:t.cn(`border-input absolute top-2 z-10 w-full overflow-hidden rounded-lg border shadow-sm`,`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)(r.CommandList,{className:`bg-popover text-popover-foreground 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)(r.CommandSeparator,{}),(0,a.jsx)(r.CommandGroup,{children:(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:F,children:[(0,a.jsx)(o.PlusIcon,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?b:(0,a.jsxs)(i.default.Fragment,{children:[ne(),te(),!k&&(0,a.jsx)(r.CommandItem,{value:`-`,className:`hidden`}),Object.entries(re).map(([e,n])=>(0,a.jsx)(r.CommandGroup,{heading:e,className:`h-full overflow-auto`,children:n.map(e=>(0,a.jsx)(r.CommandItem,{value:e.value,disabled:e.disable,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:()=>{if(G.length>=S){C?.(G.length);return}X(``);let t=[...G,e];K(t),p?.(t)},className:t.cn(`cursor-pointer`,e.disable&&`cursor-not-allowed opacity-50`),children:e.label},e.value))},e))]})]})})})]})});p.displayName=`MultipleSelector`;var m=p;Object.defineProperty(exports,`multi_select_default`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`useDebounce`,{enumerable:!0,get:function(){return c}});
+//# sourceMappingURL=multi-select-Dh-OrxMu.cjs.map

package/dist/{multi-select-1DlXucsl.cjs.map → multi-select-Dh-OrxMu.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"multi-select-1DlXucsl.cjs","names":["React","groupOption: GroupOption","cn","CommandItem","value","Command","X","CommandPrimitive","CommandList","CommandSeparator","CommandGroup","Button","PlusIcon"],"sources":["../packages/components/ui/multi-select.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Command as CommandPrimitive, useCommandState } from \"cmdk\";\nimport { PlusIcon, X } from \"lucide-react\";\n\nimport {\n  Command,\n  CommandGroup,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from \"@/components/ui/command\";\nimport { cn } from \"@/lib/utils\";\n\nimport { Button } from \"./button\";\n\nexport interface Option {\n  value: string;\n  label: string;\n  disable?: boolean;\n  /** fixed option that can&lsquo;t be removed. */\n  fixed?: boolean;\n  /** Group the options by providing key. */\n  [key: string]: string | boolean | undefined;\n}\ninterface GroupOption {\n  [key: string]: Option[];\n}\n\ninterface MultipleSelectorProps {\n  value?: Option[];\n  defaultOptions?: Option[];\n  /** manually controlled options */\n  options?: Option[];\n  placeholder?: string;\n  /** Loading component. */\n  loadingIndicator?: React.ReactNode;\n  /** Empty component. */\n  emptyIndicator?: React.ReactNode;\n  /** Debounce time for async search. Only work with `onSearch`. */\n  delay?: number;\n  /**\n   * Only work with `onSearch` prop. Trigger search when `onFocus`.\n   * For example, when user click on the input, it will trigger the search to get initial options.\n   **/\n  triggerSearchOnFocus?: boolean;\n  /** async search */\n  onSearch?: (value: string) => Promise<Option[]>;\n  /**\n   * sync search. This search will not showing loadingIndicator.\n   * The rest props are the same as async search.\n   * i.e.: creatable, groupBy, delay.\n   **/\n  onSearchSync?: (value: string) => Option[];\n  onChange?: (options: Option[]) => void;\n  /** Limit the maximum number of selected options. */\n  maxSelected?: number;\n  /** When the number of selected options exceeds the limit, the onMaxSelected will be called. */\n  onMaxSelected?: (maxLimit: number) => void;\n  /** Hide the placeholder when there are options selected. */\n  hidePlaceholderWhenSelected?: boolean;\n  disabled?: boolean;\n  /** Group the options base on provided key. */\n  groupBy?: string;\n  className?: string;\n  badgeClassName?: string;\n  /**\n   * First item selected is a default behavior by cmdk. That is why the default is true.\n   * This is a workaround solution by add a dummy item.\n   *\n   * @reference: https://github.com/pacocoursey/cmdk/issues/171\n   */\n  selectFirstItem?: boolean;\n  /** Allow user to create option when there is no option matched. */\n  creatable?: boolean;\n  /** Props of `Command` */\n  commandProps?: React.ComponentPropsWithoutRef<typeof Command>;\n  /** Props of `CommandInput` */\n  inputProps?: Omit<\n    React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>,\n    \"value\" | \"placeholder\" | \"disabled\"\n  >;\n  /** hide the clear all button. */\n  hideClearAllButton?: boolean;\n\n  /**  Add new item event for select with search */\n  onAddNewItem?: () => void;\n}\n\nexport interface MultipleSelectorRef {\n  selectedValue: Option[];\n  input: HTMLInputElement;\n  focus: () => void;\n  reset: () => void;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useDebounce<T>(value: T, delay?: number): T {\n  const [debouncedValue, setDebouncedValue] = React.useState<T>(value);\n\n  React.useEffect(() => {\n    const timer = setTimeout(() => setDebouncedValue(value), delay || 500);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n\nfunction transToGroupOption(options: Option[], groupBy?: string) {\n  if (options.length === 0) {\n    return {};\n  }\n  if (!groupBy) {\n    return {\n      \"\": options,\n    };\n  }\n\n  const groupOption: GroupOption = {};\n  options.forEach((option) => {\n    const key = (option[groupBy] as string) || \"\";\n    if (!groupOption[key]) {\n      groupOption[key] = [];\n    }\n    groupOption[key].push(option);\n  });\n  return groupOption;\n}\n\nfunction removePickedOption(groupOption: GroupOption, picked: Option[]) {\n  const cloneOption = JSON.parse(JSON.stringify(groupOption)) as GroupOption;\n\n  for (const [key, value] of Object.entries(cloneOption)) {\n    cloneOption[key] = value.filter(\n      (val) => !picked.find((p) => p.value === val.value),\n    );\n  }\n  return cloneOption;\n}\n\nfunction isOptionsExist(groupOption: GroupOption, targetOption: Option[]) {\n  for (const [, value] of Object.entries(groupOption)) {\n    if (\n      value.some((option) => targetOption.find((p) => p.value === option.value))\n    ) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * The `CommandEmpty` of shadcn/ui will cause the cmdk empty not rendering correctly.\n * So we create one and copy the `Empty` implementation from `cmdk`.\n *\n * @reference: https://github.com/hsuanyi-chou/shadcn-ui-expansions/issues/34#issuecomment-1949561607\n **/\nconst CommandEmpty = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof CommandPrimitive.Empty>\n>(({ className, ...props }, forwardedRef) => {\n  const render = useCommandState((state) => state.filtered.count === 0);\n\n  if (!render) return null;\n\n  return (\n    <div\n      ref={forwardedRef}\n      className={cn(\"px-2 py-4 text-center text-sm\", className)}\n      cmdk-empty=\"\"\n      role=\"presentation\"\n      {...props}\n    />\n  );\n});\n\nCommandEmpty.displayName = \"CommandEmpty\";\n\nconst MultipleSelector = React.forwardRef<\n  MultipleSelectorRef,\n  MultipleSelectorProps\n>(\n  (\n    {\n      value,\n      onChange,\n      placeholder,\n      defaultOptions: arrayDefaultOptions = [],\n      options: arrayOptions,\n      delay,\n      onSearch,\n      onSearchSync,\n      loadingIndicator: LoadingIndicator,\n      emptyIndicator,\n      maxSelected = Number.MAX_SAFE_INTEGER,\n      onMaxSelected,\n      hidePlaceholderWhenSelected,\n      disabled,\n      groupBy,\n      className,\n      badgeClassName,\n      selectFirstItem = true,\n      creatable = false,\n      triggerSearchOnFocus = false,\n      commandProps,\n      inputProps,\n      hideClearAllButton = false,\n      onAddNewItem,\n    }: MultipleSelectorProps,\n    ref: React.Ref<MultipleSelectorRef>,\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const dropdownRef = React.useRef<HTMLDivElement>(null); // Added this\n\n    const [open, setOpen] = React.useState(false);\n    const [onScrollbar, setOnScrollbar] = React.useState(false);\n    const [isLoading, setIsLoading] = React.useState(false);\n\n    const [selected, setSelected] = React.useState<Option[]>(value || []);\n    const [options, setOptions] = React.useState<GroupOption>(\n      transToGroupOption(arrayDefaultOptions, groupBy),\n    );\n    const [inputValue, setInputValue] = React.useState(\"\");\n\n    const debouncedSearchTerm = useDebounce(inputValue, delay || 500);\n\n    React.useImperativeHandle(\n      ref,\n      () => ({\n        selectedValue: [...selected],\n        input: inputRef.current as HTMLInputElement,\n        focus: () => inputRef?.current?.focus(),\n        reset: () => setSelected([]),\n      }),\n      [selected],\n    );\n\n    const handleClickOutside = React.useCallback(\n      (event: MouseEvent | TouchEvent) => {\n        if (\n          dropdownRef.current &&\n          !dropdownRef.current.contains(event.target as Node) &&\n          inputRef.current &&\n          !inputRef.current.contains(event.target as Node)\n        ) {\n          setOpen(false);\n          inputRef.current.blur();\n        }\n      },\n      [],\n    );\n\n    const handleUnselect = React.useCallback(\n      (option: Option) => {\n        const newOptions = selected.filter((s) => s.value !== option.value);\n        setSelected(newOptions);\n        onChange?.(newOptions);\n      },\n      [onChange, selected],\n    );\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        const input = inputRef.current;\n        if (!input) return;\n\n        if (e.key === \"Delete\" || e.key === \"Backspace\") {\n          if (input.value === \"\" && selected.length > 0) {\n            const lastSelectOption = selected[selected.length - 1];\n            // If last item is fixed, we should not remove it.\n            if (!lastSelectOption.fixed) {\n              handleUnselect(selected[selected.length - 1]);\n            }\n          }\n        }\n\n        // This is not a default behavior of the <input /> field\n        if (e.key === \"Escape\") {\n          input.blur();\n        }\n      },\n      [handleUnselect, selected],\n    );\n\n    React.useEffect(() => {\n      if (open) {\n        document.addEventListener(\"mousedown\", handleClickOutside);\n        document.addEventListener(\"touchend\", handleClickOutside);\n      } else {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n        document.removeEventListener(\"touchend\", handleClickOutside);\n      }\n\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n        document.removeEventListener(\"touchend\", handleClickOutside);\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open]);\n\n    React.useEffect(() => {\n      if (value) {\n        setSelected(value);\n      }\n    }, [value]);\n\n    React.useEffect(() => {\n      /** If `onSearch` is provided, do not trigger options updated. */\n      if (!arrayOptions || onSearch) {\n        return;\n      }\n      const newOption = transToGroupOption(arrayOptions || [], groupBy);\n      if (JSON.stringify(newOption) !== JSON.stringify(options)) {\n        setOptions(newOption);\n      }\n    }, [arrayDefaultOptions, arrayOptions, groupBy, onSearch, options]);\n\n    React.useEffect(() => {\n      /** sync search */\n\n      const doSearchSync = () => {\n        const res = onSearchSync?.(debouncedSearchTerm);\n        setOptions(transToGroupOption(res || [], groupBy));\n      };\n\n      const exec = async () => {\n        if (!onSearchSync || !open) return;\n\n        if (triggerSearchOnFocus) {\n          doSearchSync();\n        }\n\n        if (debouncedSearchTerm) {\n          doSearchSync();\n        }\n      };\n\n      void exec();\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [debouncedSearchTerm, groupBy, open, triggerSearchOnFocus]);\n\n    React.useEffect(() => {\n      /** async search */\n\n      const doSearch = async () => {\n        setIsLoading(true);\n        const res = await onSearch?.(debouncedSearchTerm);\n        setOptions(transToGroupOption(res || [], groupBy));\n        setIsLoading(false);\n      };\n\n      const exec = async () => {\n        if (!onSearch || !open) return;\n\n        if (triggerSearchOnFocus) {\n          await doSearch();\n        }\n\n        if (debouncedSearchTerm) {\n          await doSearch();\n        }\n      };\n\n      void exec();\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [debouncedSearchTerm, groupBy, open, triggerSearchOnFocus]);\n\n    const CreatableItem = () => {\n      if (!creatable) return undefined;\n      if (\n        isOptionsExist(options, [{ value: inputValue, label: inputValue }]) ||\n        selected.find((s) => s.value === inputValue)\n      ) {\n        return undefined;\n      }\n\n      const Item = (\n        <CommandItem\n          value={inputValue}\n          className=\"cursor-pointer\"\n          onMouseDown={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n          onSelect={(value: string) => {\n            if (selected.length >= maxSelected) {\n              onMaxSelected?.(selected.length);\n              return;\n            }\n            setInputValue(\"\");\n            const newOptions = [...selected, { value, label: value }];\n            setSelected(newOptions);\n            onChange?.(newOptions);\n          }}\n        >\n          {`Create \"${inputValue}\"`}\n        </CommandItem>\n      );\n\n      // For normal creatable\n      if (!onSearch && inputValue.length > 0) {\n        return Item;\n      }\n\n      // For async search creatable. avoid showing creatable item before loading at first.\n      if (onSearch && debouncedSearchTerm.length > 0 && !isLoading) {\n        return Item;\n      }\n\n      return undefined;\n    };\n\n    const EmptyItem = React.useCallback(() => {\n      if (!emptyIndicator) return undefined;\n\n      // For async search that showing emptyIndicator\n      if (onSearch && !creatable && Object.keys(options).length === 0) {\n        return (\n          <CommandItem value=\"-\" disabled>\n            {emptyIndicator}\n          </CommandItem>\n        );\n      }\n\n      return <CommandEmpty>{emptyIndicator}</CommandEmpty>;\n    }, [creatable, emptyIndicator, onSearch, options]);\n\n    const selectables = React.useMemo<GroupOption>(\n      () => removePickedOption(options, selected),\n      [options, selected],\n    );\n\n    /** Avoid Creatable Selector freezing or lagging when paste a long string. */\n    const commandFilter = React.useCallback(() => {\n      if (commandProps?.filter) {\n        return commandProps.filter;\n      }\n\n      if (creatable) {\n        return (value: string, search: string) => {\n          return value.toLowerCase().includes(search.toLowerCase()) ? 1 : -1;\n        };\n      }\n      // Using default filter in `cmdk`. We don&lsquo;t have to provide it.\n      return undefined;\n    }, [creatable, commandProps?.filter]);\n\n    return (\n      <Command\n        ref={dropdownRef}\n        {...commandProps}\n        onKeyDown={(e) => {\n          handleKeyDown(e);\n          commandProps?.onKeyDown?.(e);\n        }}\n        className={cn(\n          \"h-auto overflow-visible bg-transparent\",\n          commandProps?.className,\n        )}\n        shouldFilter={\n          commandProps?.shouldFilter !== undefined\n            ? commandProps.shouldFilter\n            : !onSearch\n        } // When onSearch is provided, we don&lsquo;t want to filter the options. You can still override it.\n        filter={commandFilter()}\n      >\n        <div\n          className={cn(\n            \"border-input focus-within:border-primary focus-within:ring-ring relative rounded-md border text-sm transition-shadow focus-within:ring-4 focus-within:outline-hidden\",\n            \"has-disabled:bg-muted\",\n            \"has-disabled:text-muted-foreground\",\n            {\n              \"p-1\": selected.length !== 0,\n              \"cursor-text\": !disabled && selected.length !== 0,\n            },\n            !hideClearAllButton && \"pe-9\",\n            className,\n          )}\n          onClick={() => {\n            if (disabled) return;\n            inputRef?.current?.focus();\n          }}\n        >\n          <div className=\"flex flex-wrap gap-1\">\n            {selected.map((option) => {\n              return (\n                <div\n                  key={option.value}\n                  className={cn(\n                    \"animate-fadeIn bg-background text-secondary-foreground hover:bg-background relative inline-flex h-7 cursor-default items-center rounded-md border border-solid ps-2 pe-7 pl-2 text-xs font-medium transition-all disabled:cursor-not-allowed disabled:opacity-50 data-fixed:pe-2\",\n                    badgeClassName,\n                  )}\n                  data-fixed={option.fixed}\n                  data-disabled={disabled || undefined}\n                >\n                  {option.label}\n                  <button\n                    type=\"button\"\n                    disabled={disabled || option.fixed}\n                    className={cn(\n                      \"text-muted-foreground/80 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\",\n                      \"hover:text-foreground\",\n                      \"focus-visible:outline\",\n                      \"focus-visible:outline-2\",\n                      \"focus-visible:outline-ring/70\",\n                      \"disabled:hover:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    )}\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\") {\n                        handleUnselect(option);\n                      }\n                    }}\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                    }}\n                    onClick={() => handleUnselect(option)}\n                    aria-label=\"Remove\"\n                  >\n                    <X size={14} strokeWidth={2} aria-hidden=\"true\" />\n                  </button>\n                </div>\n              );\n            })}\n            {/* Avoid having the \"Search\" Icon */}\n            <CommandPrimitive.Input\n              {...inputProps}\n              ref={inputRef}\n              value={inputValue}\n              disabled={disabled}\n              onValueChange={(value) => {\n                setInputValue(value);\n                inputProps?.onValueChange?.(value);\n              }}\n              onBlur={(event) => {\n                if (!onScrollbar) {\n                  setOpen(false);\n                }\n                inputProps?.onBlur?.(event);\n              }}\n              onFocus={(event) => {\n                setOpen(true);\n                if (triggerSearchOnFocus) {\n                  onSearch?.(debouncedSearchTerm);\n                }\n                inputProps?.onFocus?.(event);\n              }}\n              placeholder={\n                hidePlaceholderWhenSelected && selected.length !== 0\n                  ? \"\"\n                  : placeholder\n              }\n              className={cn(\n                \"placeholder:text-muted-foreground flex-1 bg-transparent outline-hidden\",\n                \"disabled:placeholder:text-transparent\",\n                {\n                  \"w-full\": hidePlaceholderWhenSelected,\n                  \"px-3 py-2\": selected.length === 0,\n                  \"ml-1\": selected.length !== 0,\n                },\n                inputProps?.className,\n              )}\n            />\n            <button\n              type=\"button\"\n              onClick={() => {\n                setSelected(selected.filter((s) => s.fixed));\n                onChange?.(selected.filter((s) => s.fixed));\n              }}\n              className={cn(\n                \"text-muted-foreground/80\",\n                \"absolute end-0 top-0 flex size-9 items-center justify-center rounded-lg border border-transparent transition-colors\",\n                \"focus-visible:outline-2\",\n                \"hover:text-foreground\",\n                \"focus-visible:outline-ring/70\",\n                (hideClearAllButton ||\n                  disabled ||\n                  selected.length < 1 ||\n                  selected.filter(({ fixed }) => fixed).length ===\n                    selected.length) &&\n                  \"hidden\",\n              )}\n              aria-label=\"Clear all\"\n            >\n              <X size={16} strokeWidth={2} aria-hidden=\"true\" />\n            </button>\n          </div>\n        </div>\n        <div className=\"relative\">\n          <div\n            className={cn(\n              \"border-input absolute top-2 z-10 w-full overflow-hidden rounded-lg border shadow-sm\",\n              \"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\",\n              !open && \"hidden\",\n            )}\n            data-state={open ? \"open\" : \"closed\"}\n          >\n            {open && (\n              <CommandList\n                className=\"bg-popover text-popover-foreground shadow-lg outline-hidden\"\n                onMouseLeave={() => {\n                  setOnScrollbar(false);\n                }}\n                onMouseEnter={() => {\n                  setOnScrollbar(true);\n                }}\n                onMouseUp={() => {\n                  inputRef?.current?.focus();\n                }}\n              >\n                {onAddNewItem && (\n                  <>\n                    <CommandSeparator />\n                    <CommandGroup>\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        className=\"w-full font-normal [&_div]:justify-start\"\n                        onClick={onAddNewItem}\n                      >\n                        <PlusIcon\n                          size={14}\n                          className=\"-ms-2 opacity-60\"\n                          aria-hidden=\"true\"\n                        />\n                        Thêm mới\n                      </Button>\n                    </CommandGroup>\n                  </>\n                )}\n                {isLoading ? (\n                  LoadingIndicator\n                ) : (\n                  <React.Fragment>\n                    {EmptyItem()}\n                    {CreatableItem()}\n                    {!selectFirstItem && (\n                      <CommandItem value=\"-\" className=\"hidden\" />\n                    )}\n                    {Object.entries(selectables).map(([key, dropdowns]) => (\n                      <CommandGroup\n                        key={key}\n                        heading={key}\n                        className=\"h-full overflow-auto\"\n                      >\n                        {dropdowns.map((option) => {\n                          return (\n                            <CommandItem\n                              key={option.value}\n                              value={option.value}\n                              disabled={option.disable}\n                              onMouseDown={(e) => {\n                                e.preventDefault();\n                                e.stopPropagation();\n                              }}\n                              onSelect={() => {\n                                if (selected.length >= maxSelected) {\n                                  onMaxSelected?.(selected.length);\n                                  return;\n                                }\n                                setInputValue(\"\");\n                                const newOptions = [...selected, option];\n                                setSelected(newOptions);\n                                onChange?.(newOptions);\n                              }}\n                              className={cn(\n                                \"cursor-pointer\",\n                                option.disable &&\n                                  \"cursor-not-allowed opacity-50\",\n                              )}\n                            >\n                              {option.label}\n                            </CommandItem>\n                          );\n                        })}\n                      </CommandGroup>\n                    ))}\n                  </React.Fragment>\n                )}\n              </CommandList>\n            )}\n          </div>\n        </div>\n      </Command>\n    );\n  },\n);\n\nMultipleSelector.displayName = \"MultipleSelector\";\nexport default MultipleSelector;\n"],"mappings":"2RAiGA,SAAgB,EAAe,EAAU,EAAmB,CAC1D,GAAM,CAAC,EAAgB,GAAqBA,EAAAA,QAAM,SAAY,GAU9D,OARA,EAAA,QAAM,cAAgB,CACpB,IAAM,EAAQ,eAAiB,EAAkB,GAAQ,GAAS,KAElE,UAAa,CACX,aAAa,KAEd,CAAC,EAAO,IAEJ,EAGT,SAAS,EAAmB,EAAmB,EAAkB,CAC/D,GAAI,EAAQ,SAAW,EACrB,MAAO,GAET,GAAI,CAAC,EACH,MAAO,CACL,GAAI,GAIR,IAAMC,EAA2B,GAQjC,OAPA,EAAQ,QAAS,GAAW,CAC1B,IAAM,EAAO,EAAO,IAAuB,GACtC,EAAY,KACf,EAAY,GAAO,IAErB,EAAY,GAAK,KAAK,KAEjB,EAGT,SAAS,EAAmB,EAA0B,EAAkB,CACtE,IAAM,EAAc,KAAK,MAAM,KAAK,UAAU,IAE9C,IAAK,GAAM,CAAC,EAAK,KAAU,OAAO,QAAQ,GACxC,EAAY,GAAO,EAAM,OACtB,GAAQ,CAAC,EAAO,KAAM,GAAM,EAAE,QAAU,EAAI,QAGjD,OAAO,EAGT,SAAS,EAAe,EAA0B,EAAwB,CACxE,IAAK,GAAM,EAAG,KAAU,OAAO,QAAQ,GACrC,GACE,EAAM,KAAM,GAAW,EAAa,KAAM,GAAM,EAAE,QAAU,EAAO,QAEnE,MAAO,GAGX,MAAO,GAST,MAAM,EAAeD,EAAAA,QAAM,YAGxB,CAAE,YAAW,GAAG,GAAS,IAAiB,CAC3C,IAAM,GAAA,EAAA,EAAA,iBAA0B,GAAU,EAAM,SAAS,QAAU,GAInE,OAFK,GAGH,EAAA,EAAA,KAAC,MAAA,CACC,IAAK,EACL,UAAWE,EAAAA,GAAG,gCAAiC,GAC/C,aAAW,GACX,KAAK,eACL,GAAI,IARY,OAatB,EAAa,YAAc,eAE3B,MAAM,EAAmBF,EAAAA,QAAM,YAK3B,CACE,QACA,WACA,cACA,eAAgB,EAAsB,GACtC,QAAS,EACT,QACA,WACA,eACA,iBAAkB,EAClB,iBACA,cAAc,iBACd,gBACA,8BACA,WACA,UACA,YACA,iBACA,kBAAkB,GAClB,YAAY,GACZ,uBAAuB,GACvB,eACA,aACA,qBAAqB,GACrB,gBAEF,IACG,CACH,IAAM,EAAWA,EAAAA,QAAM,OAAyB,MAC1C,EAAcA,EAAAA,QAAM,OAAuB,MAE3C,CAAC,EAAM,GAAWA,EAAAA,QAAM,SAAS,IACjC,CAAC,EAAa,GAAkBA,EAAAA,QAAM,SAAS,IAC/C,CAAC,EAAW,GAAgBA,EAAAA,QAAM,SAAS,IAE3C,CAAC,EAAU,GAAeA,EAAAA,QAAM,SAAmB,GAAS,IAC5D,CAAC,EAAS,GAAcA,EAAAA,QAAM,SAClC,EAAmB,EAAqB,IAEpC,CAAC,EAAY,GAAiBA,EAAAA,QAAM,SAAS,IAE7C,EAAsB,EAAY,EAAY,GAAS,KAE7D,EAAA,QAAM,oBACJ,OACO,CACL,cAAe,CAAC,GAAG,GACnB,MAAO,EAAS,QAChB,UAAa,GAAU,SAAS,QAChC,UAAa,EAAY,MAE3B,CAAC,IAGH,IAAM,EAAqBA,EAAAA,QAAM,YAC9B,GAAmC,CAEhC,EAAY,SACZ,CAAC,EAAY,QAAQ,SAAS,EAAM,SACpC,EAAS,SACT,CAAC,EAAS,QAAQ,SAAS,EAAM,UAEjC,EAAQ,IACR,EAAS,QAAQ,SAGrB,IAGI,EAAiBA,EAAAA,QAAM,YAC1B,GAAmB,CAClB,IAAM,EAAa,EAAS,OAAQ,GAAM,EAAE,QAAU,EAAO,OAC7D,EAAY,GACZ,IAAW,IAEb,CAAC,EAAU,IAGP,GAAgBA,EAAAA,QAAM,YACzB,GAA2C,CAC1C,IAAM,EAAQ,EAAS,QAClB,KAEL,KAAI,EAAE,MAAQ,UAAY,EAAE,MAAQ,cAC9B,EAAM,QAAU,IAAM,EAAS,OAAS,EAAG,CAC7C,IAAM,EAAmB,EAAS,EAAS,OAAS,GAE/C,EAAiB,OACpB,EAAe,EAAS,EAAS,OAAS,IAM5C,EAAE,MAAQ,UACZ,EAAM,SAGV,CAAC,EAAgB,IAGnB,EAAA,QAAM,eACA,GACF,SAAS,iBAAiB,YAAa,GACvC,SAAS,iBAAiB,WAAY,KAEtC,SAAS,oBAAoB,YAAa,GAC1C,SAAS,oBAAoB,WAAY,QAG9B,CACX,SAAS,oBAAoB,YAAa,GAC1C,SAAS,oBAAoB,WAAY,KAG1C,CAAC,IAEJ,EAAA,QAAM,cAAgB,CAChB,GACF,EAAY,IAEb,CAAC,IAEJ,EAAA,QAAM,cAAgB,CAEpB,GAAI,CAAC,GAAgB,EACnB,OAEF,IAAM,EAAY,EAAmB,GAAgB,GAAI,GACrD,KAAK,UAAU,KAAe,KAAK,UAAU,IAC/C,EAAW,IAEZ,CAAC,EAAqB,EAAc,EAAS,EAAU,IAE1D,EAAA,QAAM,cAAgB,CAGpB,IAAM,MAAqB,CACzB,IAAM,EAAM,IAAe,GAC3B,EAAW,EAAmB,GAAO,GAAI,KAGrC,EAAO,SAAY,CACnB,CAAC,GAAgB,CAAC,IAElB,GACF,IAGE,GACF,MAIC,KAEJ,CAAC,EAAqB,EAAS,EAAM,IAExC,EAAA,QAAM,cAAgB,CAGpB,IAAM,EAAW,SAAY,CAC3B,EAAa,IACb,IAAM,EAAM,MAAM,IAAW,GAC7B,EAAW,EAAmB,GAAO,GAAI,IACzC,EAAa,KAGT,EAAO,SAAY,CACnB,CAAC,GAAY,CAAC,IAEd,GACF,MAAM,IAGJ,GACF,MAAM,MAIL,KAEJ,CAAC,EAAqB,EAAS,EAAM,IAExC,IAAM,OAAsB,CAE1B,GADI,CAAC,GAEH,EAAe,EAAS,CAAC,CAAE,MAAO,EAAY,MAAO,MACrD,EAAS,KAAM,GAAM,EAAE,QAAU,GAEjC,OAGF,IAAM,GACJ,EAAA,EAAA,KAACG,EAAAA,YAAAA,CACC,MAAO,EACP,UAAU,iBACV,YAAc,GAAM,CAClB,EAAE,iBACF,EAAE,mBAEJ,SAAW,GAAkB,CAC3B,GAAI,EAAS,QAAU,EAAa,CAClC,IAAgB,EAAS,QACzB,OAEF,EAAc,IACd,IAAM,EAAa,CAAC,GAAG,EAAU,CAAE,MAAA,EAAO,MAAOC,IACjD,EAAY,GACZ,IAAW,aAGZ,WAAW,EAAW,KAU3B,GALI,CAAC,GAAY,EAAW,OAAS,GAKjC,GAAY,EAAoB,OAAS,GAAK,CAAC,EACjD,OAAO,GAML,GAAYJ,EAAAA,QAAM,gBAAkB,CACnC,KAWL,OARI,GAAY,CAAC,GAAa,OAAO,KAAK,GAAS,SAAW,GAE1D,EAAA,EAAA,KAACG,EAAAA,YAAAA,CAAY,MAAM,IAAI,SAAA,YACpB,KAKA,EAAA,EAAA,KAAC,EAAA,CAAA,SAAc,KACrB,CAAC,EAAW,EAAgB,EAAU,IAEnC,GAAcH,EAAAA,QAAM,YAClB,EAAmB,EAAS,GAClC,CAAC,EAAS,IAIN,GAAgBA,EAAAA,QAAM,gBAAkB,CAC5C,GAAI,GAAc,OAChB,OAAO,EAAa,OAGtB,GAAI,EACF,OAAQ,EAAe,IACdI,EAAM,cAAc,SAAS,EAAO,eAAiB,EAAI,IAKnE,CAAC,EAAW,GAAc,SAE7B,OACE,EAAA,EAAA,MAACC,EAAAA,QAAAA,CACC,IAAK,EACL,GAAI,EACJ,UAAY,GAAM,CAChB,GAAc,GACd,GAAc,YAAY,IAE5B,UAAWH,EAAAA,GACT,yCACA,GAAc,WAEhB,aACE,GAAc,eAAiB,IAAA,GAE3B,CAAC,EADD,EAAa,aAGnB,OAAQ,gBAER,EAAA,EAAA,KAAC,MAAA,CACC,UAAWA,EAAAA,GACT,uKACA,wBACA,qCACA,CACE,MAAO,EAAS,SAAW,EAC3B,cAAe,CAAC,GAAY,EAAS,SAAW,GAElD,CAAC,GAAsB,OACvB,GAEF,YAAe,CACT,GACJ,GAAU,SAAS,mBAGrB,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,iCACZ,EAAS,IAAK,IAEX,EAAA,EAAA,MAAC,MAAA,CAEC,UAAWA,EAAAA,GACT,mRACA,GAEF,aAAY,EAAO,MACnB,gBAAe,GAAY,IAAA,aAE1B,EAAO,OACR,EAAA,EAAA,KAAC,SAAA,CACC,KAAK,SACL,SAAU,GAAY,EAAO,MAC7B,UAAWA,EAAAA,GACT,uKACA,wBACA,wBACA,0BACA,gCACA,wFAEF,UAAY,GAAM,CACZ,EAAE,MAAQ,SACZ,EAAe,IAGnB,YAAc,GAAM,CAClB,EAAE,iBACF,EAAE,mBAEJ,YAAe,EAAe,GAC9B,aAAW,mBAEX,EAAA,EAAA,KAACI,EAAAA,EAAAA,CAAE,KAAM,GAAI,YAAa,EAAG,cAAY,aAhCtC,EAAO,SAsClB,EAAA,EAAA,KAACC,EAAAA,QAAiB,MAAA,CAChB,GAAI,EACJ,IAAK,EACL,MAAO,EACG,WACV,cAAgB,GAAU,CACxB,EAAcH,GACd,GAAY,gBAAgBA,IAE9B,OAAS,GAAU,CACZ,GACH,EAAQ,IAEV,GAAY,SAAS,IAEvB,QAAU,GAAU,CAClB,EAAQ,IACJ,GACF,IAAW,GAEb,GAAY,UAAU,IAExB,YACE,GAA+B,EAAS,SAAW,EAC/C,GACA,EAEN,UAAWF,EAAAA,GACT,yEACA,wCACA,CACE,SAAU,EACV,YAAa,EAAS,SAAW,EACjC,OAAQ,EAAS,SAAW,GAE9B,GAAY,cAGhB,EAAA,EAAA,KAAC,SAAA,CACC,KAAK,SACL,YAAe,CACb,EAAY,EAAS,OAAQ,GAAM,EAAE,QACrC,IAAW,EAAS,OAAQ,GAAM,EAAE,SAEtC,UAAWA,EAAAA,GACT,2BACA,sHACA,0BACA,wBACA,iCACC,GACC,GACA,EAAS,OAAS,GAClB,EAAS,QAAQ,CAAE,WAAY,GAAO,SACpC,EAAS,SACX,UAEJ,aAAW,sBAEX,EAAA,EAAA,KAACI,EAAAA,EAAAA,CAAE,KAAM,GAAI,YAAa,EAAG,cAAY,iBAI/C,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,qBACb,EAAA,EAAA,KAAC,MAAA,CACC,UAAWJ,EAAAA,GACT,sFACA,uLACA,CAAC,GAAQ,UAEX,aAAY,EAAO,OAAS,kBAE3B,IACC,EAAA,EAAA,MAACM,EAAAA,YAAAA,CACC,UAAU,8DACV,iBAAoB,CAClB,EAAe,KAEjB,iBAAoB,CAClB,EAAe,KAEjB,cAAiB,CACf,GAAU,SAAS,mBAGpB,IACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAACC,EAAAA,iBAAAA,KACD,EAAA,EAAA,KAACC,EAAAA,aAAAA,CAAAA,UACC,EAAA,EAAA,MAACC,EAAAA,OAAAA,CACC,KAAK,SACL,QAAQ,QACR,UAAU,2CACV,QAAS,aAET,EAAA,EAAA,KAACC,EAAAA,SAAAA,CACC,KAAM,GACN,UAAU,mBACV,cAAY,SACZ,mBAMT,EACC,GAEA,EAAA,EAAA,MAACZ,EAAAA,QAAM,SAAA,CAAA,SAAA,CACJ,KACA,KACA,CAAC,IACA,EAAA,EAAA,KAACG,EAAAA,YAAAA,CAAY,MAAM,IAAI,UAAU,WAElC,OAAO,QAAQ,IAAa,KAAK,CAAC,EAAK,MACtC,EAAA,EAAA,KAACO,EAAAA,aAAAA,CAEC,QAAS,EACT,UAAU,gCAET,EAAU,IAAK,IAEZ,EAAA,EAAA,KAACP,EAAAA,YAAAA,CAEC,MAAO,EAAO,MACd,SAAU,EAAO,QACjB,YAAc,GAAM,CAClB,EAAE,iBACF,EAAE,mBAEJ,aAAgB,CACd,GAAI,EAAS,QAAU,EAAa,CAClC,IAAgB,EAAS,QACzB,OAEF,EAAc,IACd,IAAM,EAAa,CAAC,GAAG,EAAU,GACjC,EAAY,GACZ,IAAW,IAEb,UAAWD,EAAAA,GACT,iBACA,EAAO,SACL,0CAGH,EAAO,OAvBH,EAAO,SAPb,mBA+C7B,EAAiB,YAAc,mBAC/B,IAAA,EAAe"}
+{"version":3,"file":"multi-select-Dh-OrxMu.cjs","names":["React","groupOption: GroupOption","cn","CommandItem","value","Command","X","CommandPrimitive","CommandList","CommandSeparator","CommandGroup","Button","PlusIcon"],"sources":["../packages/components/ui/multi-select.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Command as CommandPrimitive, useCommandState } from \"cmdk\";\nimport { PlusIcon, X } from \"lucide-react\";\n\nimport {\n  Command,\n  CommandGroup,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from \"@/components/ui/command\";\nimport { cn } from \"@/lib/utils\";\n\nimport { Button } from \"./button\";\n\nexport interface Option {\n  value: string;\n  label: string;\n  disable?: boolean;\n  /** fixed option that can&lsquo;t be removed. */\n  fixed?: boolean;\n  /** Group the options by providing key. */\n  [key: string]: string | boolean | undefined;\n}\ninterface GroupOption {\n  [key: string]: Option[];\n}\n\ninterface MultipleSelectorProps {\n  value?: Option[];\n  defaultOptions?: Option[];\n  /** manually controlled options */\n  options?: Option[];\n  placeholder?: string;\n  /** Loading component. */\n  loadingIndicator?: React.ReactNode;\n  /** Empty component. */\n  emptyIndicator?: React.ReactNode;\n  /** Debounce time for async search. Only work with `onSearch`. */\n  delay?: number;\n  /**\n   * Only work with `onSearch` prop. Trigger search when `onFocus`.\n   * For example, when user click on the input, it will trigger the search to get initial options.\n   **/\n  triggerSearchOnFocus?: boolean;\n  /** async search */\n  onSearch?: (value: string) => Promise<Option[]>;\n  /**\n   * sync search. This search will not showing loadingIndicator.\n   * The rest props are the same as async search.\n   * i.e.: creatable, groupBy, delay.\n   **/\n  onSearchSync?: (value: string) => Option[];\n  onChange?: (options: Option[]) => void;\n  /** Limit the maximum number of selected options. */\n  maxSelected?: number;\n  /** When the number of selected options exceeds the limit, the onMaxSelected will be called. */\n  onMaxSelected?: (maxLimit: number) => void;\n  /** Hide the placeholder when there are options selected. */\n  hidePlaceholderWhenSelected?: boolean;\n  disabled?: boolean;\n  /** Group the options base on provided key. */\n  groupBy?: string;\n  className?: string;\n  badgeClassName?: string;\n  /**\n   * First item selected is a default behavior by cmdk. That is why the default is true.\n   * This is a workaround solution by add a dummy item.\n   *\n   * @reference: https://github.com/pacocoursey/cmdk/issues/171\n   */\n  selectFirstItem?: boolean;\n  /** Allow user to create option when there is no option matched. */\n  creatable?: boolean;\n  /** Props of `Command` */\n  commandProps?: React.ComponentPropsWithoutRef<typeof Command>;\n  /** Props of `CommandInput` */\n  inputProps?: Omit<\n    React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>,\n    \"value\" | \"placeholder\" | \"disabled\"\n  >;\n  /** hide the clear all button. */\n  hideClearAllButton?: boolean;\n\n  /**  Add new item event for select with search */\n  onAddNewItem?: () => void;\n}\n\nexport interface MultipleSelectorRef {\n  selectedValue: Option[];\n  input: HTMLInputElement;\n  focus: () => void;\n  reset: () => void;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useDebounce<T>(value: T, delay?: number): T {\n  const [debouncedValue, setDebouncedValue] = React.useState<T>(value);\n\n  React.useEffect(() => {\n    const timer = setTimeout(() => setDebouncedValue(value), delay || 500);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n\nfunction transToGroupOption(options: Option[], groupBy?: string) {\n  if (options.length === 0) {\n    return {};\n  }\n  if (!groupBy) {\n    return {\n      \"\": options,\n    };\n  }\n\n  const groupOption: GroupOption = {};\n  options.forEach((option) => {\n    const key = (option[groupBy] as string) || \"\";\n    if (!groupOption[key]) {\n      groupOption[key] = [];\n    }\n    groupOption[key].push(option);\n  });\n  return groupOption;\n}\n\nfunction removePickedOption(groupOption: GroupOption, picked: Option[]) {\n  const cloneOption = JSON.parse(JSON.stringify(groupOption)) as GroupOption;\n\n  for (const [key, value] of Object.entries(cloneOption)) {\n    cloneOption[key] = value.filter(\n      (val) => !picked.find((p) => p.value === val.value),\n    );\n  }\n  return cloneOption;\n}\n\nfunction isOptionsExist(groupOption: GroupOption, targetOption: Option[]) {\n  for (const [, value] of Object.entries(groupOption)) {\n    if (\n      value.some((option) => targetOption.find((p) => p.value === option.value))\n    ) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * The `CommandEmpty` of shadcn/ui will cause the cmdk empty not rendering correctly.\n * So we create one and copy the `Empty` implementation from `cmdk`.\n *\n * @reference: https://github.com/hsuanyi-chou/shadcn-ui-expansions/issues/34#issuecomment-1949561607\n **/\nconst CommandEmpty = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof CommandPrimitive.Empty>\n>(({ className, ...props }, forwardedRef) => {\n  const render = useCommandState((state) => state.filtered.count === 0);\n\n  if (!render) return null;\n\n  return (\n    <div\n      ref={forwardedRef}\n      className={cn(\"px-2 py-4 text-center text-sm\", className)}\n      cmdk-empty=\"\"\n      role=\"presentation\"\n      {...props}\n    />\n  );\n});\n\nCommandEmpty.displayName = \"CommandEmpty\";\n\nconst MultipleSelector = React.forwardRef<\n  MultipleSelectorRef,\n  MultipleSelectorProps\n>(\n  (\n    {\n      value,\n      onChange,\n      placeholder,\n      defaultOptions: arrayDefaultOptions = [],\n      options: arrayOptions,\n      delay,\n      onSearch,\n      onSearchSync,\n      loadingIndicator: LoadingIndicator,\n      emptyIndicator,\n      maxSelected = Number.MAX_SAFE_INTEGER,\n      onMaxSelected,\n      hidePlaceholderWhenSelected,\n      disabled,\n      groupBy,\n      className,\n      badgeClassName,\n      selectFirstItem = true,\n      creatable = false,\n      triggerSearchOnFocus = false,\n      commandProps,\n      inputProps,\n      hideClearAllButton = false,\n      onAddNewItem,\n    }: MultipleSelectorProps,\n    ref: React.Ref<MultipleSelectorRef>,\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const dropdownRef = React.useRef<HTMLDivElement>(null); // Added this\n\n    const [open, setOpen] = React.useState(false);\n    const [onScrollbar, setOnScrollbar] = React.useState(false);\n    const [isLoading, setIsLoading] = React.useState(false);\n\n    const [selected, setSelected] = React.useState<Option[]>(value || []);\n    const [options, setOptions] = React.useState<GroupOption>(\n      transToGroupOption(arrayDefaultOptions, groupBy),\n    );\n    const [inputValue, setInputValue] = React.useState(\"\");\n\n    const debouncedSearchTerm = useDebounce(inputValue, delay || 500);\n\n    React.useImperativeHandle(\n      ref,\n      () => ({\n        selectedValue: [...selected],\n        input: inputRef.current as HTMLInputElement,\n        focus: () => inputRef?.current?.focus(),\n        reset: () => setSelected([]),\n      }),\n      [selected],\n    );\n\n    const handleClickOutside = React.useCallback(\n      (event: MouseEvent | TouchEvent) => {\n        if (\n          dropdownRef.current &&\n          !dropdownRef.current.contains(event.target as Node) &&\n          inputRef.current &&\n          !inputRef.current.contains(event.target as Node)\n        ) {\n          setOpen(false);\n          inputRef.current.blur();\n        }\n      },\n      [],\n    );\n\n    const handleUnselect = React.useCallback(\n      (option: Option) => {\n        const newOptions = selected.filter((s) => s.value !== option.value);\n        setSelected(newOptions);\n        onChange?.(newOptions);\n      },\n      [onChange, selected],\n    );\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        const input = inputRef.current;\n        if (!input) return;\n\n        if (e.key === \"Delete\" || e.key === \"Backspace\") {\n          if (input.value === \"\" && selected.length > 0) {\n            const lastSelectOption = selected[selected.length - 1];\n            // If last item is fixed, we should not remove it.\n            if (!lastSelectOption.fixed) {\n              handleUnselect(selected[selected.length - 1]);\n            }\n          }\n        }\n\n        // This is not a default behavior of the <input /> field\n        if (e.key === \"Escape\") {\n          input.blur();\n        }\n      },\n      [handleUnselect, selected],\n    );\n\n    React.useEffect(() => {\n      if (open) {\n        document.addEventListener(\"mousedown\", handleClickOutside);\n        document.addEventListener(\"touchend\", handleClickOutside);\n      } else {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n        document.removeEventListener(\"touchend\", handleClickOutside);\n      }\n\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n        document.removeEventListener(\"touchend\", handleClickOutside);\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open]);\n\n    React.useEffect(() => {\n      if (value) {\n        setSelected(value);\n      }\n    }, [value]);\n\n    React.useEffect(() => {\n      /** If `onSearch` is provided, do not trigger options updated. */\n      if (!arrayOptions || onSearch) {\n        return;\n      }\n      const newOption = transToGroupOption(arrayOptions || [], groupBy);\n      if (JSON.stringify(newOption) !== JSON.stringify(options)) {\n        setOptions(newOption);\n      }\n    }, [arrayDefaultOptions, arrayOptions, groupBy, onSearch, options]);\n\n    React.useEffect(() => {\n      /** sync search */\n\n      const doSearchSync = () => {\n        const res = onSearchSync?.(debouncedSearchTerm);\n        setOptions(transToGroupOption(res || [], groupBy));\n      };\n\n      const exec = async () => {\n        if (!onSearchSync || !open) return;\n\n        if (triggerSearchOnFocus) {\n          doSearchSync();\n        }\n\n        if (debouncedSearchTerm) {\n          doSearchSync();\n        }\n      };\n\n      void exec();\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [debouncedSearchTerm, groupBy, open, triggerSearchOnFocus]);\n\n    React.useEffect(() => {\n      /** async search */\n\n      const doSearch = async () => {\n        setIsLoading(true);\n        const res = await onSearch?.(debouncedSearchTerm);\n        setOptions(transToGroupOption(res || [], groupBy));\n        setIsLoading(false);\n      };\n\n      const exec = async () => {\n        if (!onSearch || !open) return;\n\n        if (triggerSearchOnFocus) {\n          await doSearch();\n        }\n\n        if (debouncedSearchTerm) {\n          await doSearch();\n        }\n      };\n\n      void exec();\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [debouncedSearchTerm, groupBy, open, triggerSearchOnFocus]);\n\n    const CreatableItem = () => {\n      if (!creatable) return undefined;\n      if (\n        isOptionsExist(options, [{ value: inputValue, label: inputValue }]) ||\n        selected.find((s) => s.value === inputValue)\n      ) {\n        return undefined;\n      }\n\n      const Item = (\n        <CommandItem\n          value={inputValue}\n          className=\"cursor-pointer\"\n          onMouseDown={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n          onSelect={(value: string) => {\n            if (selected.length >= maxSelected) {\n              onMaxSelected?.(selected.length);\n              return;\n            }\n            setInputValue(\"\");\n            const newOptions = [...selected, { value, label: value }];\n            setSelected(newOptions);\n            onChange?.(newOptions);\n          }}\n        >\n          {`Create \"${inputValue}\"`}\n        </CommandItem>\n      );\n\n      // For normal creatable\n      if (!onSearch && inputValue.length > 0) {\n        return Item;\n      }\n\n      // For async search creatable. avoid showing creatable item before loading at first.\n      if (onSearch && debouncedSearchTerm.length > 0 && !isLoading) {\n        return Item;\n      }\n\n      return undefined;\n    };\n\n    const EmptyItem = React.useCallback(() => {\n      if (!emptyIndicator) return undefined;\n\n      // For async search that showing emptyIndicator\n      if (onSearch && !creatable && Object.keys(options).length === 0) {\n        return (\n          <CommandItem value=\"-\" disabled>\n            {emptyIndicator}\n          </CommandItem>\n        );\n      }\n\n      return <CommandEmpty>{emptyIndicator}</CommandEmpty>;\n    }, [creatable, emptyIndicator, onSearch, options]);\n\n    const selectables = React.useMemo<GroupOption>(\n      () => removePickedOption(options, selected),\n      [options, selected],\n    );\n\n    /** Avoid Creatable Selector freezing or lagging when paste a long string. */\n    const commandFilter = React.useCallback(() => {\n      if (commandProps?.filter) {\n        return commandProps.filter;\n      }\n\n      if (creatable) {\n        return (value: string, search: string) => {\n          return value.toLowerCase().includes(search.toLowerCase()) ? 1 : -1;\n        };\n      }\n      // Using default filter in `cmdk`. We don&lsquo;t have to provide it.\n      return undefined;\n    }, [creatable, commandProps?.filter]);\n\n    return (\n      <Command\n        ref={dropdownRef}\n        {...commandProps}\n        onKeyDown={(e) => {\n          handleKeyDown(e);\n          commandProps?.onKeyDown?.(e);\n        }}\n        className={cn(\n          \"h-auto overflow-visible bg-transparent\",\n          commandProps?.className,\n        )}\n        shouldFilter={\n          commandProps?.shouldFilter !== undefined\n            ? commandProps.shouldFilter\n            : !onSearch\n        } // When onSearch is provided, we don&lsquo;t want to filter the options. You can still override it.\n        filter={commandFilter()}\n      >\n        <div\n          className={cn(\n            \"border-input focus-within:border-primary focus-within:ring-ring relative rounded-md border text-sm transition-shadow focus-within:ring-4 focus-within:outline-hidden\",\n            \"has-disabled:bg-muted\",\n            \"has-disabled:text-muted-foreground\",\n            {\n              \"p-1\": selected.length !== 0,\n              \"cursor-text\": !disabled && selected.length !== 0,\n            },\n            !hideClearAllButton && \"pe-9\",\n            className,\n          )}\n          onClick={() => {\n            if (disabled) return;\n            inputRef?.current?.focus();\n          }}\n        >\n          <div className=\"flex flex-wrap gap-1\">\n            {selected.map((option) => {\n              return (\n                <div\n                  key={option.value}\n                  className={cn(\n                    \"animate-fadeIn bg-background text-secondary-foreground hover:bg-background relative inline-flex h-7 cursor-default items-center rounded-md border border-solid ps-2 pe-7 pl-2 text-xs font-medium transition-all disabled:cursor-not-allowed disabled:opacity-50 data-fixed:pe-2\",\n                    badgeClassName,\n                  )}\n                  data-fixed={option.fixed}\n                  data-disabled={disabled || undefined}\n                >\n                  {option.label}\n                  <button\n                    type=\"button\"\n                    disabled={disabled || option.fixed}\n                    className={cn(\n                      \"text-muted-foreground/80 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\",\n                      \"hover:text-foreground\",\n                      \"focus-visible:outline\",\n                      \"focus-visible:outline-2\",\n                      \"focus-visible:outline-ring/70\",\n                      \"disabled:hover:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    )}\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\") {\n                        handleUnselect(option);\n                      }\n                    }}\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                    }}\n                    onClick={() => handleUnselect(option)}\n                    aria-label=\"Remove\"\n                  >\n                    <X size={14} strokeWidth={2} aria-hidden=\"true\" />\n                  </button>\n                </div>\n              );\n            })}\n            {/* Avoid having the \"Search\" Icon */}\n            <CommandPrimitive.Input\n              {...inputProps}\n              ref={inputRef}\n              value={inputValue}\n              disabled={disabled}\n              onValueChange={(value) => {\n                setInputValue(value);\n                inputProps?.onValueChange?.(value);\n              }}\n              onBlur={(event) => {\n                if (!onScrollbar) {\n                  setOpen(false);\n                }\n                inputProps?.onBlur?.(event);\n              }}\n              onFocus={(event) => {\n                setOpen(true);\n                if (triggerSearchOnFocus) {\n                  onSearch?.(debouncedSearchTerm);\n                }\n                inputProps?.onFocus?.(event);\n              }}\n              placeholder={\n                hidePlaceholderWhenSelected && selected.length !== 0\n                  ? \"\"\n                  : placeholder\n              }\n              className={cn(\n                \"placeholder:text-muted-foreground flex-1 bg-transparent outline-hidden\",\n                \"disabled:placeholder:text-transparent\",\n                {\n                  \"w-full\": hidePlaceholderWhenSelected,\n                  \"px-3 py-2\": selected.length === 0,\n                  \"ml-1\": selected.length !== 0,\n                },\n                inputProps?.className,\n              )}\n            />\n            <button\n              type=\"button\"\n              onClick={() => {\n                setSelected(selected.filter((s) => s.fixed));\n                onChange?.(selected.filter((s) => s.fixed));\n              }}\n              className={cn(\n                \"text-muted-foreground/80\",\n                \"absolute end-0 top-0 flex size-9 items-center justify-center rounded-lg border border-transparent transition-colors\",\n                \"focus-visible:outline-2\",\n                \"hover:text-foreground\",\n                \"focus-visible:outline-ring/70\",\n                (hideClearAllButton ||\n                  disabled ||\n                  selected.length < 1 ||\n                  selected.filter(({ fixed }) => fixed).length ===\n                    selected.length) &&\n                  \"hidden\",\n              )}\n              aria-label=\"Clear all\"\n            >\n              <X size={16} strokeWidth={2} aria-hidden=\"true\" />\n            </button>\n          </div>\n        </div>\n        <div className=\"relative\">\n          <div\n            className={cn(\n              \"border-input absolute top-2 z-10 w-full overflow-hidden rounded-lg border shadow-sm\",\n              \"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\",\n              !open && \"hidden\",\n            )}\n            data-state={open ? \"open\" : \"closed\"}\n          >\n            {open && (\n              <CommandList\n                className=\"bg-popover text-popover-foreground shadow-lg outline-hidden\"\n                onMouseLeave={() => {\n                  setOnScrollbar(false);\n                }}\n                onMouseEnter={() => {\n                  setOnScrollbar(true);\n                }}\n                onMouseUp={() => {\n                  inputRef?.current?.focus();\n                }}\n              >\n                {onAddNewItem && (\n                  <>\n                    <CommandSeparator />\n                    <CommandGroup>\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        className=\"w-full font-normal [&_div]:justify-start\"\n                        onClick={onAddNewItem}\n                      >\n                        <PlusIcon\n                          size={14}\n                          className=\"-ms-2 opacity-60\"\n                          aria-hidden=\"true\"\n                        />\n                        Thêm mới\n                      </Button>\n                    </CommandGroup>\n                  </>\n                )}\n                {isLoading ? (\n                  LoadingIndicator\n                ) : (\n                  <React.Fragment>\n                    {EmptyItem()}\n                    {CreatableItem()}\n                    {!selectFirstItem && (\n                      <CommandItem value=\"-\" className=\"hidden\" />\n                    )}\n                    {Object.entries(selectables).map(([key, dropdowns]) => (\n                      <CommandGroup\n                        key={key}\n                        heading={key}\n                        className=\"h-full overflow-auto\"\n                      >\n                        {dropdowns.map((option) => {\n                          return (\n                            <CommandItem\n                              key={option.value}\n                              value={option.value}\n                              disabled={option.disable}\n                              onMouseDown={(e) => {\n                                e.preventDefault();\n                                e.stopPropagation();\n                              }}\n                              onSelect={() => {\n                                if (selected.length >= maxSelected) {\n                                  onMaxSelected?.(selected.length);\n                                  return;\n                                }\n                                setInputValue(\"\");\n                                const newOptions = [...selected, option];\n                                setSelected(newOptions);\n                                onChange?.(newOptions);\n                              }}\n                              className={cn(\n                                \"cursor-pointer\",\n                                option.disable &&\n                                  \"cursor-not-allowed opacity-50\",\n                              )}\n                            >\n                              {option.label}\n                            </CommandItem>\n                          );\n                        })}\n                      </CommandGroup>\n                    ))}\n                  </React.Fragment>\n                )}\n              </CommandList>\n            )}\n          </div>\n        </div>\n      </Command>\n    );\n  },\n);\n\nMultipleSelector.displayName = \"MultipleSelector\";\nexport default MultipleSelector;\n"],"mappings":"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"}