@customafk/lunas-ui 0.0.34 → 0.0.35

package/dist/{form-wrapper-DH49h1Pa.cjs → form-wrapper-rOOVe-la.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./form-D13wOyun.cjs`),n=require(`./error-dialog-CmPmHWv-.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`)),o=e.__toESM(require(`react-hook-form`)),s=e.__toESM(require(`@hookform/error-message`)),c=({form:e,isResetAfterSubmit:c=!0,className:l,onSubmit:u,onError:d,onSubcribe:f,children:p})=>{let m=(0,o.useForm)({...e,criteriaMode:`all`}),{formState:h,reset:g,handleSubmit:_,subscribe:v}=m,{dirtyFields:y}=h,[b,x]=r.default.useState(!1),S=r.default.useCallback(e=>{u(e,h,y),c&&g()},[y,h,c,u,g]),C=r.default.useCallback(e=>{let t=Object.keys(e);t.length!==0&&(d?.(e),x(!0))},[d]);return r.default.useEffect(()=>{if(!f)return;let e=v({formState:{values:!0},callback:({values:e})=>{f(e)}});return()=>e()},[f,v]),(0,i.jsxs)(t.Form,{...m,children:[(0,i.jsx)(`form`,{className:l,onSubmit:_(S,C),children:p}),(0,i.jsx)(n.ErrorDialog,{open:b,title:`Lỗi nhập dữ liệu`,description:`An unexpected error has occurred. Please check the errors below and try again.`,onOpenChange:x,children:b&&(0,i.jsx)(i.Fragment,{children:Object.keys(h.errors).length>0?(0,i.jsxs)(`div`,{className:`flex max-w-100 flex-col gap-2 px-4`,children:[(0,i.jsx)(`p`,{className:`text-muted-foreground text-sm font-semibold`,children:`Cảnh báo: Vui lòng kiểm tra các lỗi sau:`}),(0,i.jsx)(`div`,{className:`flex flex-col space-y-1`,children:Object.entries(h.errors).map(([e])=>(0,i.jsx)(s.ErrorMessage,{errors:h.errors,name:e,render:({messages:e})=>(0,i.jsx)(i.Fragment,{children:e?Object.entries(e).map(([e,t])=>(0,i.jsxs)(`div`,{className:`text-accent-foreground flex items-start gap-x-1 truncate text-sm font-normal`,children:[(0,i.jsx)(a.AlertCircleIcon,{size:16,className:`text-destructive mt-0.5 min-w-4 flex-0`}),(0,i.jsx)(`p`,{className:`line-clamp-2 flex-1 text-wrap`,children:t})]},e)):null})},e))})]}):(0,i.jsx)(`p`,{className:`text-muted-foreground text-sm`,children:`No errors found.`})})})]})};Object.defineProperty(exports,`FormWrapper`,{enumerable:!0,get:function(){return c}});
-//# sourceMappingURL=form-wrapper-DH49h1Pa.cjs.map
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./error-dialog-BBZRw-TI.cjs`),n=require(`./form-CvK3gRab.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`)),o=e.__toESM(require(`react-hook-form`)),s=e.__toESM(require(`@hookform/error-message`)),c=({form:e,isResetAfterSubmit:c=!0,className:l,onSubmit:u,onError:d,onSubcribe:f,children:p})=>{let m=(0,o.useForm)({...e,criteriaMode:`all`}),{formState:h,reset:g,handleSubmit:_,subscribe:v}=m,{dirtyFields:y}=h,[b,x]=r.default.useState(!1),S=r.default.useCallback(e=>{u(e,h,y),c&&g()},[y,h,c,u,g]),C=r.default.useCallback(e=>{let t=Object.keys(e);t.length!==0&&(d?.(e),x(!0))},[d]);return r.default.useEffect(()=>{if(!f)return;let e=v({formState:{values:!0},callback:({values:e})=>{f(e)}});return()=>e()},[f,v]),(0,i.jsxs)(n.Form,{...m,children:[(0,i.jsx)(`form`,{className:l,onSubmit:_(S,C),children:p}),(0,i.jsx)(t.ErrorDialog,{open:b,title:`Lỗi nhập dữ liệu`,description:`An unexpected error has occurred. Please check the errors below and try again.`,onOpenChange:x,children:b&&(0,i.jsx)(i.Fragment,{children:Object.keys(h.errors).length>0?(0,i.jsxs)(`div`,{className:`flex max-w-100 flex-col gap-2 px-4`,children:[(0,i.jsx)(`p`,{className:`text-muted-foreground text-sm font-semibold`,children:`Cảnh báo: Vui lòng kiểm tra các lỗi sau:`}),(0,i.jsx)(`div`,{className:`flex flex-col space-y-1`,children:Object.entries(h.errors).map(([e])=>(0,i.jsx)(s.ErrorMessage,{errors:h.errors,name:e,render:({messages:e})=>(0,i.jsx)(i.Fragment,{children:e?Object.entries(e).map(([e,t])=>(0,i.jsxs)(`div`,{className:`text-accent-foreground flex items-start gap-x-1 truncate text-sm font-normal`,children:[(0,i.jsx)(a.AlertCircleIcon,{size:16,className:`text-destructive mt-0.5 min-w-4 flex-0`}),(0,i.jsx)(`p`,{className:`line-clamp-2 flex-1 text-wrap`,children:t})]},e)):null})},e))})]}):(0,i.jsx)(`p`,{className:`text-muted-foreground text-sm`,children:`No errors found.`})})})]})};Object.defineProperty(exports,`FormWrapper`,{enumerable:!0,get:function(){return c}});
+//# sourceMappingURL=form-wrapper-rOOVe-la.cjs.map

package/dist/{form-wrapper-DH49h1Pa.cjs.map → form-wrapper-rOOVe-la.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"form-wrapper-DH49h1Pa.cjs","names":["React","Form","ErrorDialog","ErrorMessage","AlertCircleIcon"],"sources":["../packages/components/forms/form-wrapper.tsx"],"sourcesContent":["import React from 'react'\nimport { type FieldValues, type FormState, type SubmitErrorHandler, type SubmitHandler, useForm, type UseFormProps } from 'react-hook-form'\nimport { AlertCircleIcon } from 'lucide-react'\n\nimport type { AnyEntity } from '@/types'\nimport { ErrorMessage } from '@hookform/error-message'\n\nimport { ErrorDialog } from '../dialogs/error-dialog'\nimport { Form } from '../ui/form'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormProps<TFieldValues>\n  isResetAfterSubmit?: boolean\n  className?: string\n  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>['dirtyFields']) => void | Promise<void>\n  onError?: SubmitErrorHandler<TFieldValues>\n  onSubcribe?: (values: TFieldValues) => void\n}\n\nexport const FormWrapper = <TFieldValues extends FieldValues = FieldValues>({\n  form: FormConfig,\n  isResetAfterSubmit = true,\n  className,\n  onSubmit,\n  onError,\n  onSubcribe,\n  children,\n}: React.PropsWithChildren<Props<TFieldValues>>) => {\n  const form = useForm({\n    ...FormConfig,\n    criteriaMode: 'all',\n  })\n\n  const { formState, reset, handleSubmit, subscribe } = form\n  const { dirtyFields } = formState\n\n  const [errorOpen, setErrorOpen] = React.useState<boolean>(false)\n\n  const handleFormSubmit = React.useCallback<SubmitHandler<TFieldValues>>(\n    (data) => {\n      onSubmit(data, formState, dirtyFields)\n      if (isResetAfterSubmit) {\n        reset()\n      }\n    },\n    [dirtyFields, formState, isResetAfterSubmit, onSubmit, reset],\n  )\n\n  const handleFormError = React.useCallback<SubmitErrorHandler<TFieldValues>>(\n    (errors) => {\n      const errorKeys = Object.keys(errors)\n      if (errorKeys.length === 0) return\n      onError?.(errors)\n      setErrorOpen(true)\n    },\n    [onError],\n  )\n\n  React.useEffect(() => {\n    if (!onSubcribe) return\n    const callback = subscribe({\n      formState: { values: true },\n      callback: ({ values }) => {\n        onSubcribe(values)\n      },\n    })\n    return () => callback()\n  }, [onSubcribe, subscribe])\n\n  return (\n    <Form {...form}>\n      <form className={className} onSubmit={handleSubmit(handleFormSubmit, handleFormError)}>\n        {children}\n      </form>\n      <ErrorDialog\n        open={errorOpen}\n        title=\"Lỗi nhập dữ liệu\"\n        description=\"An unexpected error has occurred. Please check the errors below and try again.\"\n        onOpenChange={setErrorOpen}\n      >\n        {errorOpen && (\n          <>\n            {Object.keys(formState.errors).length > 0 ? (\n              <div className=\"flex max-w-100 flex-col gap-2 px-4\">\n                <p className=\"text-muted-foreground text-sm font-semibold\">Cảnh báo: Vui lòng kiểm tra các lỗi sau:</p>\n                <div className=\"flex flex-col space-y-1\">\n                  {Object.entries(formState.errors).map(([key]) => (\n                    <ErrorMessage\n                      key={key}\n                      errors={formState.errors}\n                      name={key as AnyEntity}\n                      render={({ messages }) => {\n                        return (\n                          <>\n                            {messages\n                              ? Object.entries(messages).map(([type, message]) => {\n                                  return (\n                                    <div key={type} className=\"text-accent-foreground flex items-start gap-x-1 truncate text-sm font-normal\">\n                                      <AlertCircleIcon size={16} className=\"text-destructive mt-0.5 min-w-4 flex-0\" />\n                                      <p className=\"line-clamp-2 flex-1 text-wrap\">{message}</p>\n                                    </div>\n                                  )\n                                })\n                              : null}\n                          </>\n                        )\n                      }}\n                    />\n                  ))}\n                </div>\n              </div>\n            ) : (\n              <p className=\"text-muted-foreground text-sm\">No errors found.</p>\n            )}\n          </>\n        )}\n      </ErrorDialog>\n    </Form>\n  )\n}\n"],"mappings":"uTAmBa,GAA+D,CAC1E,KAAM,EACN,qBAAqB,GACrB,YACA,WACA,UACA,aACA,cACkD,CAClD,IAAM,GAAA,EAAA,EAAA,SAAe,CACnB,GAAG,EACH,aAAc,QAGV,CAAE,YAAW,QAAO,eAAc,aAAc,EAChD,CAAE,eAAgB,EAElB,CAAC,EAAW,GAAgBA,EAAAA,QAAM,SAAkB,IAEpD,EAAmBA,EAAAA,QAAM,YAC5B,GAAS,CACR,EAAS,EAAM,EAAW,GACtB,GACF,KAGJ,CAAC,EAAa,EAAW,EAAoB,EAAU,IAGnD,EAAkBA,EAAAA,QAAM,YAC3B,GAAW,CACV,IAAM,EAAY,OAAO,KAAK,GAC1B,EAAU,SAAW,IACzB,IAAU,GACV,EAAa,MAEf,CAAC,IAcH,OAXA,EAAA,QAAM,cAAgB,CACpB,GAAI,CAAC,EAAY,OACjB,IAAM,EAAW,EAAU,CACzB,UAAW,CAAE,OAAQ,IACrB,UAAW,CAAE,YAAa,CACxB,EAAW,MAGf,UAAa,KACZ,CAAC,EAAY,KAGd,EAAA,EAAA,MAACC,EAAAA,KAAAA,CAAK,GAAI,aACR,EAAA,EAAA,KAAC,OAAA,CAAgB,YAAW,SAAU,EAAa,EAAkB,GAClE,cAEH,EAAA,EAAA,KAACC,EAAAA,YAAAA,CACC,KAAM,EACN,MAAM,mBACN,YAAY,iFACZ,aAAc,WAEb,IACC,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,OAAO,KAAK,EAAU,QAAQ,OAAS,GACtC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,gDACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,uDAA8C,8CAC3D,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,mCACZ,OAAO,QAAQ,EAAU,QAAQ,KAAK,CAAC,MACtC,EAAA,EAAA,KAACC,EAAAA,aAAAA,CAEC,OAAQ,EAAU,OAClB,KAAM,EACN,QAAS,CAAE,eAEP,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EACG,OAAO,QAAQ,GAAU,KAAK,CAAC,EAAM,MAEjC,EAAA,EAAA,MAAC,MAAA,CAAe,UAAU,0FACxB,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,UAAU,4CACrC,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,yCAAiC,MAFtC,IAMd,QAfL,UAwBb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,yCAAgC"}
+{"version":3,"file":"form-wrapper-rOOVe-la.cjs","names":["React","Form","ErrorDialog","ErrorMessage","AlertCircleIcon"],"sources":["../packages/components/forms/form-wrapper.tsx"],"sourcesContent":["import React from 'react'\nimport { type FieldValues, type FormState, type SubmitErrorHandler, type SubmitHandler, useForm, type UseFormProps } from 'react-hook-form'\nimport { AlertCircleIcon } from 'lucide-react'\n\nimport type { AnyEntity } from '@/types'\nimport { ErrorMessage } from '@hookform/error-message'\n\nimport { ErrorDialog } from '../dialogs/error-dialog'\nimport { Form } from '../ui/form'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormProps<TFieldValues>\n  isResetAfterSubmit?: boolean\n  className?: string\n  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>['dirtyFields']) => void | Promise<void>\n  onError?: SubmitErrorHandler<TFieldValues>\n  onSubcribe?: (values: TFieldValues) => void\n}\n\nexport const FormWrapper = <TFieldValues extends FieldValues = FieldValues>({\n  form: FormConfig,\n  isResetAfterSubmit = true,\n  className,\n  onSubmit,\n  onError,\n  onSubcribe,\n  children,\n}: React.PropsWithChildren<Props<TFieldValues>>) => {\n  const form = useForm({\n    ...FormConfig,\n    criteriaMode: 'all',\n  })\n\n  const { formState, reset, handleSubmit, subscribe } = form\n  const { dirtyFields } = formState\n\n  const [errorOpen, setErrorOpen] = React.useState<boolean>(false)\n\n  const handleFormSubmit = React.useCallback<SubmitHandler<TFieldValues>>(\n    (data) => {\n      onSubmit(data, formState, dirtyFields)\n      if (isResetAfterSubmit) {\n        reset()\n      }\n    },\n    [dirtyFields, formState, isResetAfterSubmit, onSubmit, reset],\n  )\n\n  const handleFormError = React.useCallback<SubmitErrorHandler<TFieldValues>>(\n    (errors) => {\n      const errorKeys = Object.keys(errors)\n      if (errorKeys.length === 0) return\n      onError?.(errors)\n      setErrorOpen(true)\n    },\n    [onError],\n  )\n\n  React.useEffect(() => {\n    if (!onSubcribe) return\n    const callback = subscribe({\n      formState: { values: true },\n      callback: ({ values }) => {\n        onSubcribe(values)\n      },\n    })\n    return () => callback()\n  }, [onSubcribe, subscribe])\n\n  return (\n    <Form {...form}>\n      <form className={className} onSubmit={handleSubmit(handleFormSubmit, handleFormError)}>\n        {children}\n      </form>\n      <ErrorDialog\n        open={errorOpen}\n        title=\"Lỗi nhập dữ liệu\"\n        description=\"An unexpected error has occurred. Please check the errors below and try again.\"\n        onOpenChange={setErrorOpen}\n      >\n        {errorOpen && (\n          <>\n            {Object.keys(formState.errors).length > 0 ? (\n              <div className=\"flex max-w-100 flex-col gap-2 px-4\">\n                <p className=\"text-muted-foreground text-sm font-semibold\">Cảnh báo: Vui lòng kiểm tra các lỗi sau:</p>\n                <div className=\"flex flex-col space-y-1\">\n                  {Object.entries(formState.errors).map(([key]) => (\n                    <ErrorMessage\n                      key={key}\n                      errors={formState.errors}\n                      name={key as AnyEntity}\n                      render={({ messages }) => {\n                        return (\n                          <>\n                            {messages\n                              ? Object.entries(messages).map(([type, message]) => {\n                                  return (\n                                    <div key={type} className=\"text-accent-foreground flex items-start gap-x-1 truncate text-sm font-normal\">\n                                      <AlertCircleIcon size={16} className=\"text-destructive mt-0.5 min-w-4 flex-0\" />\n                                      <p className=\"line-clamp-2 flex-1 text-wrap\">{message}</p>\n                                    </div>\n                                  )\n                                })\n                              : null}\n                          </>\n                        )\n                      }}\n                    />\n                  ))}\n                </div>\n              </div>\n            ) : (\n              <p className=\"text-muted-foreground text-sm\">No errors found.</p>\n            )}\n          </>\n        )}\n      </ErrorDialog>\n    </Form>\n  )\n}\n"],"mappings":"uTAmBa,GAA+D,CAC1E,KAAM,EACN,qBAAqB,GACrB,YACA,WACA,UACA,aACA,cACkD,CAClD,IAAM,GAAA,EAAA,EAAA,SAAe,CACnB,GAAG,EACH,aAAc,QAGV,CAAE,YAAW,QAAO,eAAc,aAAc,EAChD,CAAE,eAAgB,EAElB,CAAC,EAAW,GAAgBA,EAAAA,QAAM,SAAkB,IAEpD,EAAmBA,EAAAA,QAAM,YAC5B,GAAS,CACR,EAAS,EAAM,EAAW,GACtB,GACF,KAGJ,CAAC,EAAa,EAAW,EAAoB,EAAU,IAGnD,EAAkBA,EAAAA,QAAM,YAC3B,GAAW,CACV,IAAM,EAAY,OAAO,KAAK,GAC1B,EAAU,SAAW,IACzB,IAAU,GACV,EAAa,MAEf,CAAC,IAcH,OAXA,EAAA,QAAM,cAAgB,CACpB,GAAI,CAAC,EAAY,OACjB,IAAM,EAAW,EAAU,CACzB,UAAW,CAAE,OAAQ,IACrB,UAAW,CAAE,YAAa,CACxB,EAAW,MAGf,UAAa,KACZ,CAAC,EAAY,KAGd,EAAA,EAAA,MAACC,EAAAA,KAAAA,CAAK,GAAI,aACR,EAAA,EAAA,KAAC,OAAA,CAAgB,YAAW,SAAU,EAAa,EAAkB,GAClE,cAEH,EAAA,EAAA,KAACC,EAAAA,YAAAA,CACC,KAAM,EACN,MAAM,mBACN,YAAY,iFACZ,aAAc,WAEb,IACC,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,OAAO,KAAK,EAAU,QAAQ,OAAS,GACtC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,gDACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,uDAA8C,8CAC3D,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,mCACZ,OAAO,QAAQ,EAAU,QAAQ,KAAK,CAAC,MACtC,EAAA,EAAA,KAACC,EAAAA,aAAAA,CAEC,OAAQ,EAAU,OAClB,KAAM,EACN,QAAS,CAAE,eAEP,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EACG,OAAO,QAAQ,GAAU,KAAK,CAAC,EAAM,MAEjC,EAAA,EAAA,MAAC,MAAA,CAAe,UAAU,0FACxB,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,UAAU,4CACrC,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,yCAAiC,MAFtC,IAMd,QAfL,UAwBb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,yCAAgC"}

package/dist/forms/combobox-field.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`),n=require(`../button-Db_CKSZw.cjs`);require(`../dialog-C712sXiq.cjs`);const r=require(`../command-BqUZEUTy.cjs`);require(`../label-CW94D639.cjs`);const i=require(`../form-D13wOyun.cjs`),a=require(`../popover-ByzBl1kH.cjs`),o=e.__toESM(require(`react`)),s=e.__toESM(require(`react/jsx-runtime`)),c=e.__toESM(require(`lucide-react`)),l=({name:e,label:l=`Combobox`,placeholder:u=`Chọn một mục`,description:d,options:f,onAddNewItem:p})=>(0,s.jsx)(i.FormField,{name:e,render:({field:e})=>(0,s.jsxs)(i.FormItem,{className:`w-full`,children:[(0,s.jsx)(i.FormLabel,{children:l}),(0,s.jsxs)(a.Popover,{modal:!0,children:[(0,s.jsx)(a.PopoverTrigger,{asChild:!0,children:(0,s.jsx)(i.FormControl,{children:(0,s.jsxs)(n.Button,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:t.cn(`shadow-input flex justify-between rounded-md px-3`,`outline-border-weak font-normal`,`[&_div]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:border-primary-strong`,`focus:ring-4`,`focus:ring-primary-weak`,`focus:outline-1`,`focus:outline-primary-strong`),children:[e.value?(0,s.jsx)(`span`,{className:`flex min-w-0 items-center gap-2`,children:f?.find(({value:t})=>t===e.value)?.label}):(0,s.jsx)(`span`,{className:`text-text-positive-muted`,children:u}),(0,s.jsx)(c.ChevronDownIcon,{size:16,className:`text-text-positive-weak shrink-0`,"aria-hidden":`true`})]})})}),(0,s.jsx)(a.PopoverContent,{className:`w-[var(--radix-popover-trigger-width)] p-0`,children:(0,s.jsxs)(r.Command,{className:`border-none`,children:[(0,s.jsx)(r.CommandInput,{placeholder:u??`Tìm kiếm`}),(0,s.jsxs)(r.CommandList,{children:[(0,s.jsx)(r.CommandGroup,{className:`max-h-40 overflow-y-auto`,children:f?.map(({value:t,label:n})=>(0,s.jsx)(r.CommandItem,{value:n,onSelect:()=>e.onChange(t),children:n},t))}),p&&(0,s.jsxs)(o.default.Fragment,{children:[(0,s.jsx)(r.CommandSeparator,{}),(0,s.jsx)(r.CommandGroup,{children:(0,s.jsxs)(n.Button,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,children:[(0,s.jsx)(c.PlusIcon,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),(0,s.jsx)(r.CommandEmpty,{children:`Không có kết quả`})]})})]}),!!d&&(0,s.jsx)(i.FormDescription,{children:d})]})});exports.ComboboxField=l;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-Bzhp4BOr.cjs`),n=require(`../button-5VXjV38Z.cjs`);require(`../label-DIYBc8Vn.cjs`);const r=require(`../form-CvK3gRab.cjs`);require(`../dialog-BQcK1K-S.cjs`);const i=require(`../command-C0bObKPd.cjs`),a=require(`../popover-DFVKtMwR.cjs`),o=e.__toESM(require(`react`)),s=e.__toESM(require(`react/jsx-runtime`)),c=e.__toESM(require(`lucide-react`)),l=({name:e,label:l=`Combobox`,placeholder:u=`Chọn một mục`,description:d,options:f,onAddNewItem:p})=>(0,s.jsx)(r.FormField,{name:e,render:({field:e})=>(0,s.jsxs)(r.FormItem,{className:`w-full`,children:[(0,s.jsx)(r.FormLabel,{children:l}),(0,s.jsxs)(a.Popover,{modal:!0,children:[(0,s.jsx)(a.PopoverTrigger,{asChild:!0,children:(0,s.jsx)(r.FormControl,{children:(0,s.jsxs)(n.Button,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:t.cn(`shadow-input flex justify-between rounded-md px-3`,`outline-border-weak font-normal`,`[&_div]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:border-primary-strong`,`focus:ring-4`,`focus:ring-primary-weak`,`focus:outline-1`,`focus:outline-primary-strong`),children:[e.value?(0,s.jsx)(`span`,{className:`flex min-w-0 items-center gap-2`,children:f?.find(({value:t})=>t===e.value)?.label}):(0,s.jsx)(`span`,{className:`text-text-positive-muted`,children:u}),(0,s.jsx)(c.ChevronDownIcon,{size:16,className:`text-text-positive-weak shrink-0`,"aria-hidden":`true`})]})})}),(0,s.jsx)(a.PopoverContent,{className:`w-[var(--radix-popover-trigger-width)] p-0`,children:(0,s.jsxs)(i.Command,{className:`border-none`,children:[(0,s.jsx)(i.CommandInput,{placeholder:u??`Tìm kiếm`}),(0,s.jsxs)(i.CommandList,{children:[(0,s.jsx)(i.CommandGroup,{className:`max-h-40 overflow-y-auto`,children:f?.map(({value:t,label:n})=>(0,s.jsx)(i.CommandItem,{value:n,onSelect:()=>e.onChange(t),children:n},t))}),p&&(0,s.jsxs)(o.default.Fragment,{children:[(0,s.jsx)(i.CommandSeparator,{}),(0,s.jsx)(i.CommandGroup,{children:(0,s.jsxs)(n.Button,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,children:[(0,s.jsx)(c.PlusIcon,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),(0,s.jsx)(i.CommandEmpty,{children:`Không có kết quả`})]})})]}),!!d&&(0,s.jsx)(r.FormDescription,{children:d})]})});exports.ComboboxField=l;
 //# sourceMappingURL=combobox-field.cjs.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/combobox-field.d.ts
@@ -22,7 +22,7 @@ declare const ComboboxField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   options,
   onAddNewItem
-}: Props<TFieldValues>) => react_jsx_runtime0.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime53.JSX.Element;
 //#endregion
 export { ComboboxField };
 //# sourceMappingURL=combobox-field.d.cts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/combobox-field.d.ts
@@ -22,7 +22,7 @@ declare const ComboboxField: <TFieldValues extends FieldValues = FieldValues>({
   description,
   options,
   onAddNewItem
-}: Props<TFieldValues>) => react_jsx_runtime0.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime36.JSX.Element;
 //#endregion
 export { ComboboxField };
 //# sourceMappingURL=combobox-field.d.ts.map

package/dist/forms/combobox-field.js

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"../utils-D9AH0PUV.js";import{Button as t}from"../button-Pscu7CVU.js";import"../dialog-DEgx84P1.js";import{Command as n,CommandEmpty as r,CommandGroup as i,CommandInput as a,CommandItem as o,CommandList as s,CommandSeparator as c}from"../command-C3siWT3g.js";import"../label-DuddAB1p.js";import{FormControl as l,FormDescription as u,FormField as d,FormItem as f,FormLabel as p}from"../form-DZqGhxta.js";import{Popover as m,PopoverContent as h,PopoverTrigger as g}from"../popover-DyoAfuhi.js";import _ from"react";import{jsx as v,jsxs as y}from"react/jsx-runtime";import{ChevronDownIcon as b,PlusIcon as x}from"lucide-react";const S=({name:S,label:C=`Combobox`,placeholder:w=`Chọn một mục`,description:T,options:E,onAddNewItem:D})=>v(d,{name:S,render:({field:d})=>y(f,{className:`w-full`,children:[v(p,{children:C}),y(m,{modal:!0,children:[v(g,{asChild:!0,children:v(l,{children:y(t,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:e(`shadow-input flex justify-between rounded-md px-3`,`outline-border-weak font-normal`,`[&_div]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:border-primary-strong`,`focus:ring-4`,`focus:ring-primary-weak`,`focus:outline-1`,`focus:outline-primary-strong`),children:[d.value?v(`span`,{className:`flex min-w-0 items-center gap-2`,children:E?.find(({value:e})=>e===d.value)?.label}):v(`span`,{className:`text-text-positive-muted`,children:w}),v(b,{size:16,className:`text-text-positive-weak shrink-0`,"aria-hidden":`true`})]})})}),v(h,{className:`w-[var(--radix-popover-trigger-width)] p-0`,children:y(n,{className:`border-none`,children:[v(a,{placeholder:w??`Tìm kiếm`}),y(s,{children:[v(i,{className:`max-h-40 overflow-y-auto`,children:E?.map(({value:e,label:t})=>v(o,{value:t,onSelect:()=>d.onChange(e),children:t},e))}),D&&y(_.Fragment,{children:[v(c,{}),v(i,{children:y(t,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,children:[v(x,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),v(r,{children:`Không có kết quả`})]})})]}),!!T&&v(u,{children:T})]})});export{S as ComboboxField};
+"use client";import{cn as e}from"../utils-CU8e4Cfu.js";import{Button as t}from"../button-MKbx8Shc.js";import"../label-DOGGC0KA.js";import{FormControl as n,FormDescription as r,FormField as i,FormItem as a,FormLabel as o}from"../form-imBNw0V-.js";import"../dialog-BXkjF1dN.js";import{Command as s,CommandEmpty as c,CommandGroup as l,CommandInput as u,CommandItem as d,CommandList as f,CommandSeparator as p}from"../command-lfWZIEM8.js";import{Popover as m,PopoverContent as h,PopoverTrigger as g}from"../popover-DBV1XdHj.js";import _ from"react";import{jsx as v,jsxs as y}from"react/jsx-runtime";import{ChevronDownIcon as b,PlusIcon as x}from"lucide-react";const S=({name:S,label:C=`Combobox`,placeholder:w=`Chọn một mục`,description:T,options:E,onAddNewItem:D})=>v(i,{name:S,render:({field:i})=>y(a,{className:`w-full`,children:[v(o,{children:C}),y(m,{modal:!0,children:[v(g,{asChild:!0,children:v(n,{children:y(t,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:e(`shadow-input flex justify-between rounded-md px-3`,`outline-border-weak font-normal`,`[&_div]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:border-primary-strong`,`focus:ring-4`,`focus:ring-primary-weak`,`focus:outline-1`,`focus:outline-primary-strong`),children:[i.value?v(`span`,{className:`flex min-w-0 items-center gap-2`,children:E?.find(({value:e})=>e===i.value)?.label}):v(`span`,{className:`text-text-positive-muted`,children:w}),v(b,{size:16,className:`text-text-positive-weak shrink-0`,"aria-hidden":`true`})]})})}),v(h,{className:`w-[var(--radix-popover-trigger-width)] p-0`,children:y(s,{className:`border-none`,children:[v(u,{placeholder:w??`Tìm kiếm`}),y(f,{children:[v(l,{className:`max-h-40 overflow-y-auto`,children:E?.map(({value:e,label:t})=>v(d,{value:t,onSelect:()=>i.onChange(e),children:t},e))}),D&&y(_.Fragment,{children:[v(p,{}),v(l,{children:y(t,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,children:[v(x,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),v(c,{children:`Không có kết quả`})]})})]}),!!T&&v(r,{children:T})]})});export{S as ComboboxField};
 //# sourceMappingURL=combobox-field.js.map

package/dist/forms/date-field.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`),n=require(`../button-Db_CKSZw.cjs`);require(`../label-CW94D639.cjs`);const r=require(`../form-D13wOyun.cjs`),i=require(`../popover-ByzBl1kH.cjs`),a=require(`../calendar-DfzVqVmv.cjs`),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`lucide-react`)),c=e.__toESM(require(`date-fns`)),l=({name:e,label:l=`Date Field`,placeholder:u=`Select a date`,description:d=``,isShowErrorMsg:f=!1})=>(0,o.jsx)(r.FormField,{name:e,render:({field:e})=>(0,o.jsxs)(r.FormItem,{className:`w-full`,children:[(0,o.jsx)(r.FormLabel,{children:l}),(0,o.jsxs)(i.Popover,{modal:!0,children:[(0,o.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,o.jsx)(r.FormControl,{children:(0,o.jsxs)(n.Button,{variant:`outline`,className:t.cn(`w-full pl-3 text-left font-normal`,!e.value&&`text-muted-foreground`),children:[e.value?(0,c.format)(e.value,`PPP`):(0,o.jsxs)(`span`,{children:[` `,u||`Pick a date`]}),(0,o.jsx)(s.CalendarIcon,{className:`ml-auto size-4 opacity-50`})]})})}),(0,o.jsx)(i.PopoverContent,{className:`w-auto p-0`,align:`start`,children:(0,o.jsx)(a.Calendar,{mode:`single`,selected:e.value,onSelect:t=>{e.onChange(t?.toISOString())},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),!!d&&(0,o.jsx)(r.FormDescription,{children:d}),f&&(0,o.jsx)(r.FormMessage,{})]})});exports.DateField=l;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-Bzhp4BOr.cjs`),n=require(`../button-5VXjV38Z.cjs`);require(`../label-DIYBc8Vn.cjs`);const r=require(`../form-CvK3gRab.cjs`),i=require(`../popover-DFVKtMwR.cjs`),a=require(`../calendar-B6O9gTyT.cjs`),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`date-fns`)),c=e.__toESM(require(`lucide-react`)),l=({name:e,label:l=`Date Field`,placeholder:u=`Select a date`,description:d=``,isShowErrorMsg:f=!1})=>(0,o.jsx)(r.FormField,{name:e,render:({field:e})=>(0,o.jsxs)(r.FormItem,{className:`w-full`,children:[(0,o.jsx)(r.FormLabel,{children:l}),(0,o.jsxs)(i.Popover,{modal:!0,children:[(0,o.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,o.jsx)(r.FormControl,{children:(0,o.jsxs)(n.Button,{variant:`outline`,className:t.cn(`w-full pl-3 text-left font-normal`,!e.value&&`text-muted-foreground`),children:[e.value?(0,s.format)(e.value,`PPP`):(0,o.jsxs)(`span`,{children:[` `,u||`Pick a date`]}),(0,o.jsx)(c.CalendarIcon,{className:`ml-auto size-4 opacity-50`})]})})}),(0,o.jsx)(i.PopoverContent,{className:`w-auto p-0`,align:`start`,children:(0,o.jsx)(a.Calendar,{mode:`single`,selected:e.value,onSelect:t=>{e.onChange(t?.toISOString())},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),!!d&&(0,o.jsx)(r.FormDescription,{children:d}),f&&(0,o.jsx)(r.FormMessage,{})]})});exports.DateField=l;
 //# sourceMappingURL=date-field.cjs.map

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

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

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

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

package/dist/forms/date-field.js

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"../utils-D9AH0PUV.js";import{Button as t}from"../button-Pscu7CVU.js";import"../label-DuddAB1p.js";import{FormControl as n,FormDescription as r,FormField as i,FormItem as a,FormLabel as o,FormMessage as s}from"../form-DZqGhxta.js";import{Popover as c,PopoverContent as l,PopoverTrigger as u}from"../popover-DyoAfuhi.js";import{Calendar as d}from"../calendar-u4FqjUKm.js";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{CalendarIcon as m}from"lucide-react";import{format as h}from"date-fns";const g=({name:g,label:_=`Date Field`,placeholder:v=`Select a date`,description:y=``,isShowErrorMsg:b=!1})=>f(i,{name:g,render:({field:i})=>p(a,{className:`w-full`,children:[f(o,{children:_}),p(c,{modal:!0,children:[f(u,{asChild:!0,children:f(n,{children:p(t,{variant:`outline`,className:e(`w-full pl-3 text-left font-normal`,!i.value&&`text-muted-foreground`),children:[i.value?h(i.value,`PPP`):p(`span`,{children:[` `,v||`Pick a date`]}),f(m,{className:`ml-auto size-4 opacity-50`})]})})}),f(l,{className:`w-auto p-0`,align:`start`,children:f(d,{mode:`single`,selected:i.value,onSelect:e=>{i.onChange(e?.toISOString())},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),!!y&&f(r,{children:y}),b&&f(s,{})]})});export{g as DateField};
+"use client";import{cn as e}from"../utils-CU8e4Cfu.js";import{Button as t}from"../button-MKbx8Shc.js";import"../label-DOGGC0KA.js";import{FormControl as n,FormDescription as r,FormField as i,FormItem as a,FormLabel as o,FormMessage as s}from"../form-imBNw0V-.js";import{Popover as c,PopoverContent as l,PopoverTrigger as u}from"../popover-DBV1XdHj.js";import{Calendar as d}from"../calendar-665YtGdX.js";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{format as m}from"date-fns";import{CalendarIcon as h}from"lucide-react";const g=({name:g,label:_=`Date Field`,placeholder:v=`Select a date`,description:y=``,isShowErrorMsg:b=!1})=>f(i,{name:g,render:({field:i})=>p(a,{className:`w-full`,children:[f(o,{children:_}),p(c,{modal:!0,children:[f(u,{asChild:!0,children:f(n,{children:p(t,{variant:`outline`,className:e(`w-full pl-3 text-left font-normal`,!i.value&&`text-muted-foreground`),children:[i.value?m(i.value,`PPP`):p(`span`,{children:[` `,v||`Pick a date`]}),f(h,{className:`ml-auto size-4 opacity-50`})]})})}),f(l,{className:`w-auto p-0`,align:`start`,children:f(d,{mode:`single`,selected:i.value,onSelect:e=>{i.onChange(e?.toISOString())},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),!!y&&f(r,{children:y}),b&&f(s,{})]})});export{g as DateField};
 //# sourceMappingURL=date-field.js.map

package/dist/forms/form-wrapper.cjs

@@ -1 +1 @@
-require(`../utils-BsjVK5EW.cjs`),require(`../button-Db_CKSZw.cjs`),require(`../label-CW94D639.cjs`),require(`../form-D13wOyun.cjs`),require(`../alert-dialog-uupOOu4w.cjs`),require(`../error-dialog-CmPmHWv-.cjs`);const e=require(`../form-wrapper-DH49h1Pa.cjs`);exports.FormWrapper=e.FormWrapper;
+require(`../utils-Bzhp4BOr.cjs`),require(`../button-5VXjV38Z.cjs`),require(`../alert-dialog-CL7yf7Ky.cjs`),require(`../error-dialog-BBZRw-TI.cjs`),require(`../label-DIYBc8Vn.cjs`),require(`../form-CvK3gRab.cjs`);const e=require(`../form-wrapper-rOOVe-la.cjs`);exports.FormWrapper=e.FormWrapper;

package/dist/forms/form-wrapper.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
 
 //#region packages/components/forms/form-wrapper.d.ts
@@ -19,7 +19,7 @@ declare const FormWrapper: <TFieldValues extends FieldValues = FieldValues>({
   onError,
   onSubcribe,
   children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime3.JSX.Element;
+}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime41.JSX.Element;
 //#endregion
 export { FormWrapper };
 //# sourceMappingURL=form-wrapper.d.ts.map

package/dist/forms/form-wrapper.js

@@ -1 +1 @@
-import"../utils-D9AH0PUV.js";import"../button-Pscu7CVU.js";import"../label-DuddAB1p.js";import"../form-DZqGhxta.js";import"../alert-dialog-6qa0-AL-.js";import"../error-dialog-Bbu3oJO-.js";import{FormWrapper as e}from"../form-wrapper-Brw2tcHJ.js";export{e as FormWrapper};
+import"../utils-CU8e4Cfu.js";import"../button-MKbx8Shc.js";import"../alert-dialog-CpW2XiKI.js";import"../error-dialog-CrMuLQni.js";import"../label-DOGGC0KA.js";import"../form-imBNw0V-.js";import{FormWrapper as e}from"../form-wrapper-Cn_KFY0v.js";export{e as FormWrapper};

package/dist/forms/multi-select-field.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`),require(`../button-Db_CKSZw.cjs`),require(`../dialog-C712sXiq.cjs`),require(`../command-BqUZEUTy.cjs`),require(`../label-CW94D639.cjs`);const t=require(`../form-D13wOyun.cjs`),n=require(`../multi-select-D1CyXEEU.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=({name:e,label:i=`Multi Select Field`,isShowLabel:a=!0,isShowErrorMsg:o,placeholder:s=`Select options`,description:c=``,options:l=[],onAdd:u})=>(0,r.jsx)(t.FormField,{name:e,render:({field:{value:e,onChange:d}})=>{let f=l.filter(t=>e?.includes(t.value)),p=e=>{let t=e.map(e=>e.value);d(t)};return(0,r.jsxs)(t.FormItem,{className:`w-full gap-0`,children:[a&&(0,r.jsx)(t.FormLabel,{children:i}),(0,r.jsx)(t.FormControl,{children:(0,r.jsx)(n.MultipleSelector,{placeholder:s,emptyIndicator:`No options available`,value:f,options:l,onChange:p,onAddNewItem:u})}),!!c&&(0,r.jsx)(t.FormDescription,{children:c}),o&&(0,r.jsx)(t.FormMessage,{})]})}});exports.MultiSelectField=i;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-Bzhp4BOr.cjs`),require(`../button-5VXjV38Z.cjs`),require(`../label-DIYBc8Vn.cjs`);const t=require(`../form-CvK3gRab.cjs`);require(`../dialog-BQcK1K-S.cjs`),require(`../command-C0bObKPd.cjs`);const n=require(`../multi-select-CMpz5ARo.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=({name:e,label:i=`Multi Select Field`,isShowLabel:a=!0,isShowErrorMsg:o,placeholder:s=`Select options`,description:c=``,options:l=[],onAdd:u})=>(0,r.jsx)(t.FormField,{name:e,render:({field:{value:e,onChange:d}})=>{let f=l.filter(t=>e?.includes(t.value)),p=e=>{let t=e.map(e=>e.value);d(t)};return(0,r.jsxs)(t.FormItem,{className:`w-full gap-0`,children:[a&&(0,r.jsx)(t.FormLabel,{children:i}),(0,r.jsx)(t.FormControl,{children:(0,r.jsx)(n.MultipleSelector,{placeholder:s,emptyIndicator:`No options available`,value:f,options:l,onChange:p,onAddNewItem:u})}),!!c&&(0,r.jsx)(t.FormDescription,{children:c}),o&&(0,r.jsx)(t.FormMessage,{})]})}});exports.MultiSelectField=i;
 //# sourceMappingURL=multi-select-field.cjs.map

package/dist/forms/multi-select-field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"multi-select-field.cjs","names":["FormField","value","FormItem","FormLabel","FormControl","MultipleSelector","FormDescription","FormMessage"],"sources":["../../packages/components/forms/multi-select-field.tsx"],"sourcesContent":["'use client'\nimport type { FieldPath, FieldValues } from 'react-hook-form'\n\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form'\nimport { type Option, MultipleSelector } from '../ui/multi-select'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>\n  isShowLabel?: boolean\n  isShowErrorMsg?: boolean\n  label?: string\n  description?: string\n  placeholder?: string\n  options?: { value: string; label: string }[]\n  onAdd?: () => void\n}\nexport const MultiSelectField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Multi Select Field',\n  isShowLabel = true,\n  isShowErrorMsg,\n  placeholder = 'Select options',\n  description = '',\n  options = [],\n  onAdd,\n}: Props<TFieldValues>) => {\n  return (\n    <FormField\n      name={name}\n      render={({ field: { value, onChange } }) => {\n        const val = options.filter((option) => value?.includes(option.value))\n        const handleOnChange = (value: Option[]) => {\n          const selectedValues = value.map((v) => v.value)\n          onChange(selectedValues)\n        }\n        return (\n          <FormItem className=\"w-full gap-0\">\n            {isShowLabel && <FormLabel>{label}</FormLabel>}\n            <FormControl>\n              <MultipleSelector\n                placeholder={placeholder}\n                emptyIndicator=\"No options available\"\n                value={val}\n                options={options}\n                onChange={handleOnChange}\n                onAddNewItem={onAdd}\n              />\n            </FormControl>\n            {!!description && <FormDescription>{description}</FormDescription>}\n            {isShowErrorMsg && <FormMessage />}\n          </FormItem>\n        )\n      }}\n    />\n  )\n}\n"],"mappings":"2VAgBa,GAAoE,CAC/E,OACA,QAAQ,qBACR,cAAc,GACd,iBACA,cAAc,iBACd,cAAc,GACd,UAAU,GACV,YAGE,EAAA,EAAA,KAACA,EAAAA,UAAAA,CACO,OACN,QAAS,CAAE,MAAO,CAAE,QAAO,eAAiB,CAC1C,IAAM,EAAM,EAAQ,OAAQ,GAAW,GAAO,SAAS,EAAO,QACxD,EAAkB,GAAoB,CAC1C,IAAM,EAAiBC,EAAM,IAAK,GAAM,EAAE,OAC1C,EAAS,IAEX,OACE,EAAA,EAAA,MAACC,EAAAA,SAAAA,CAAS,UAAU,yBACjB,IAAe,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAAA,SAAW,KAC5B,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,iBAAAA,CACc,cACb,eAAe,uBACf,MAAO,EACE,UACT,SAAU,EACV,aAAc,MAGjB,CAAC,CAAC,IAAe,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,SAAiB,IACnC,IAAkB,EAAA,EAAA,KAACC,EAAAA,YAAAA"}
+{"version":3,"file":"multi-select-field.cjs","names":["FormField","value","FormItem","FormLabel","FormControl","MultipleSelector","FormDescription","FormMessage"],"sources":["../../packages/components/forms/multi-select-field.tsx"],"sourcesContent":["'use client'\nimport type { FieldPath, FieldValues } from 'react-hook-form'\n\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form'\nimport { type Option, MultipleSelector } from '../ui/multi-select'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>\n  isShowLabel?: boolean\n  isShowErrorMsg?: boolean\n  label?: string\n  description?: string\n  placeholder?: string\n  options?: { value: string; label: string }[]\n  onAdd?: () => void\n}\nexport const MultiSelectField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Multi Select Field',\n  isShowLabel = true,\n  isShowErrorMsg,\n  placeholder = 'Select options',\n  description = '',\n  options = [],\n  onAdd,\n}: Props<TFieldValues>) => {\n  return (\n    <FormField\n      name={name}\n      render={({ field: { value, onChange } }) => {\n        const val = options.filter((option) => value?.includes(option.value))\n        const handleOnChange = (value: Option[]) => {\n          const selectedValues = value.map((v) => v.value)\n          onChange(selectedValues)\n        }\n        return (\n          <FormItem className=\"w-full gap-0\">\n            {isShowLabel && <FormLabel>{label}</FormLabel>}\n            <FormControl>\n              <MultipleSelector\n                placeholder={placeholder}\n                emptyIndicator=\"No options available\"\n                value={val}\n                options={options}\n                onChange={handleOnChange}\n                onAddNewItem={onAdd}\n              />\n            </FormControl>\n            {!!description && <FormDescription>{description}</FormDescription>}\n            {isShowErrorMsg && <FormMessage />}\n          </FormItem>\n        )\n      }}\n    />\n  )\n}\n"],"mappings":"iWAgBa,GAAoE,CAC/E,OACA,QAAQ,qBACR,cAAc,GACd,iBACA,cAAc,iBACd,cAAc,GACd,UAAU,GACV,YAGE,EAAA,EAAA,KAACA,EAAAA,UAAAA,CACO,OACN,QAAS,CAAE,MAAO,CAAE,QAAO,eAAiB,CAC1C,IAAM,EAAM,EAAQ,OAAQ,GAAW,GAAO,SAAS,EAAO,QACxD,EAAkB,GAAoB,CAC1C,IAAM,EAAiBC,EAAM,IAAK,GAAM,EAAE,OAC1C,EAAS,IAEX,OACE,EAAA,EAAA,MAACC,EAAAA,SAAAA,CAAS,UAAU,yBACjB,IAAe,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAAA,SAAW,KAC5B,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,iBAAAA,CACc,cACb,eAAe,uBACf,MAAO,EACE,UACT,SAAU,EACV,aAAc,MAGjB,CAAC,CAAC,IAAe,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,SAAiB,IACnC,IAAkB,EAAA,EAAA,KAACC,EAAAA,YAAAA"}

package/dist/forms/multi-select-field.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/multi-select-field.d.ts
@@ -24,7 +24,7 @@ declare const MultiSelectField: <TFieldValues extends FieldValues = FieldValues>
   description,
   options,
   onAdd
-}: Props<TFieldValues>) => react_jsx_runtime8.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { MultiSelectField };
 //# sourceMappingURL=multi-select-field.d.cts.map

package/dist/forms/multi-select-field.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 import { FieldPath, FieldValues } from "react-hook-form";
 
 //#region packages/components/forms/multi-select-field.d.ts
@@ -24,7 +24,7 @@ declare const MultiSelectField: <TFieldValues extends FieldValues = FieldValues>
   description,
   options,
   onAdd
-}: Props<TFieldValues>) => react_jsx_runtime1.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime40.JSX.Element;
 //#endregion
 export { MultiSelectField };
 //# sourceMappingURL=multi-select-field.d.ts.map

package/dist/forms/multi-select-field.js

@@ -1,2 +1,2 @@
-"use client";import"../utils-D9AH0PUV.js";import"../button-Pscu7CVU.js";import"../dialog-DEgx84P1.js";import"../command-C3siWT3g.js";import"../label-DuddAB1p.js";import{FormControl as e,FormDescription as t,FormField as n,FormItem as r,FormLabel as i,FormMessage as a}from"../form-DZqGhxta.js";import{MultipleSelector as o}from"../multi-select-DNLyV99t.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({name:l,label:u=`Multi Select Field`,isShowLabel:d=!0,isShowErrorMsg:f,placeholder:p=`Select options`,description:m=``,options:h=[],onAdd:g})=>s(n,{name:l,render:({field:{value:n,onChange:l}})=>{let _=h.filter(e=>n?.includes(e.value)),v=e=>{let t=e.map(e=>e.value);l(t)};return c(r,{className:`w-full gap-0`,children:[d&&s(i,{children:u}),s(e,{children:s(o,{placeholder:p,emptyIndicator:`No options available`,value:_,options:h,onChange:v,onAddNewItem:g})}),!!m&&s(t,{children:m}),f&&s(a,{})]})}});export{l as MultiSelectField};
+"use client";import"../utils-CU8e4Cfu.js";import"../button-MKbx8Shc.js";import"../label-DOGGC0KA.js";import{FormControl as e,FormDescription as t,FormField as n,FormItem as r,FormLabel as i,FormMessage as a}from"../form-imBNw0V-.js";import"../dialog-BXkjF1dN.js";import"../command-lfWZIEM8.js";import{MultipleSelector as o}from"../multi-select-XfyvL__A.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({name:l,label:u=`Multi Select Field`,isShowLabel:d=!0,isShowErrorMsg:f,placeholder:p=`Select options`,description:m=``,options:h=[],onAdd:g})=>s(n,{name:l,render:({field:{value:n,onChange:l}})=>{let _=h.filter(e=>n?.includes(e.value)),v=e=>{let t=e.map(e=>e.value);l(t)};return c(r,{className:`w-full gap-0`,children:[d&&s(i,{children:u}),s(e,{children:s(o,{placeholder:p,emptyIndicator:`No options available`,value:_,options:h,onChange:v,onAddNewItem:g})}),!!m&&s(t,{children:m}),f&&s(a,{})]})}});export{l as MultiSelectField};
 //# sourceMappingURL=multi-select-field.js.map

package/dist/forms/number-field.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`);require(`../label-CW94D639.cjs`);const n=require(`../form-D13wOyun.cjs`),r=require(`../input-C-60EZ1K.cjs`),i=e.__toESM(require(`react`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`react-hook-form`)),s=e=>e?/^-?\d*\.?\d*$/:/^\d*\.?\d*$/,c=e=>Number(e).toLocaleString(),l=({disabled:e=!1,readonly:n=!1,allowNegative:o=!1,numberAfterDecimalPoint:l=2,roundingRule:u=`none`,value:d=``,unitText:f,decimal:p,placeholder:m,precision:h,onChange:g,onValueChange:_,onBlur:v,...y})=>{let b=i.default.useRef(null),x=i.default.useRef(null),[S,C]=i.default.useState(d.toString()),w=p?.[1]??l,T=p&&p[0]-p[1],E=i.default.useMemo(()=>s(o),[o]),D=i.default.useCallback(e=>{if(!w&&e.includes(`.`))return!1;let t=e.split(`.`)[1];return!t||t.length<=w},[w]),O=i.default.useCallback(e=>{if(!p||e===`-`)return!0;let[t,n=``]=e.split(`.`);return n.length<=p[1]&&(t.startsWith(`-`)?t.length-1:t.length)<=T},[p,T]),k=i.default.useCallback((e,t)=>{if(u===`none`)return e;let n=Math.pow(10,t),r=e*n;switch(u){case`up`:return Math.ceil(r)/n;case`down`:return Math.floor(r)/n;case`nearest`:return r%1<.1?Math.floor(r)/n:r%1>=.59?Math.ceil(r)/n:(Math.floor(r)+.5)/n;default:return e}},[u]),A=i.default.useCallback(e=>!l&&e.includes(`.`)||e.split(`.`)[1]?.length>l,[l]),j=i.default.useCallback(e=>{if(e===`0`)return`0`;if(!Number(e))return``;let t=parseFloat(e),n=Math.min(w-1,h||0),r=k(t,n).toString(),[i,a=``]=r.split(`.`),o=c(i);return a?`${o}.${a}`:o},[k,w,h]),M=i.default.useCallback(e=>{if(!p||e===`-`)return!0;let[t,n=``]=e.split(`.`),r=t.startsWith(`-`)?t.length-1:t.length,i=p[0]-p[1];return n.length<=p[1]&&r<=i},[p]),N=i.default.useCallback(e=>{g?.(e);let{value:t}=e.target;if(!t){_?.(void 0),C(``);return}let n=t===`0`,r=t===`-`&&o;if(n||r){_?.(0),C(t);return}let i=E.test(t)&&O(t)&&(p||D(t));if(!i)return;let a=parseFloat(t)||0;_?.(a),C(t)},[o,p,D,O,g,_,E]),P=i.default.useCallback(()=>{n||C(e=>e.replace(/,/g,``))},[n]),F=i.default.useCallback(()=>{n||(v?.(),C(e=>j(e)))},[n,v,j]);return i.default.useEffect(()=>{let e=document.activeElement===x.current;if(!d||!E.test(d.toString())||!M(d.toString())||!p&&A(d.toString())){C(``);return}C(t=>t===`-`?`-`:t?e?d.toString():j(d.toString()):``)},[p,j,d,A,M,E]),i.default.useEffect(()=>{if(!b.current||!x.current||!f)return;let e=b.current.offsetWidth;x.current.style.setProperty(`padding-right`,`${(e+10)/16}rem`)},[e,f]),(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsx)(r.Input,{...y,ref:x,value:S||(n?`0`:``),placeholder:m,disabled:e,readOnly:n,className:t.cn(`font-number text-end`,n&&`bg-muted text-muted-foreground`),onChange:N,onFocus:P,onBlur:F}),f&&(0,a.jsx)(`span`,{ref:b,className:`text-muted-foreground pointer-events-none absolute top-1/2 right-2 -translate-y-1/2 text-sm`,children:f})]})},u=({name:e,label:t=`Number Field`,placeholder:r=`0`,isShowErrorMsg:i=!1,isShowCount:s=!1,unitText:c=``,description:u=``,onValueChange:d})=>{let f=(0,o.useWatch)({name:e});return(0,a.jsx)(n.FormField,{name:e,render:({field:{onChange:e,...o}})=>(0,a.jsxs)(n.FormItem,{className:`w-full gap-0`,children:[(0,a.jsx)(n.FormLabel,{children:t}),(0,a.jsx)(n.FormControl,{children:(0,a.jsx)(l,{...o,placeholder:r,className:`w-full`,unitText:c,onValueChange:t=>{e(t),d?.(t)}})}),s&&(0,a.jsxs)(`div`,{className:`text-muted-foreground text-end text-xs`,children:[f?.length??0,` characters`]}),!!u&&(0,a.jsx)(n.FormDescription,{children:u}),i&&(0,a.jsx)(n.FormMessage,{})]})})};exports.NumberField=u;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-Bzhp4BOr.cjs`);require(`../label-DIYBc8Vn.cjs`);const n=require(`../form-CvK3gRab.cjs`),r=require(`../input-DLQH0cjE.cjs`),i=e.__toESM(require(`react`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`react-hook-form`)),s=e=>e?/^-?\d*\.?\d*$/:/^\d*\.?\d*$/,c=e=>Number(e).toLocaleString(),l=({disabled:e=!1,readonly:n=!1,allowNegative:o=!1,numberAfterDecimalPoint:l=2,roundingRule:u=`none`,value:d=``,unitText:f,decimal:p,placeholder:m,precision:h,onChange:g,onValueChange:_,onBlur:v,...y})=>{let b=i.default.useRef(null),x=i.default.useRef(null),[S,C]=i.default.useState(d.toString()),w=p?.[1]??l,T=p&&p[0]-p[1],E=i.default.useMemo(()=>s(o),[o]),D=i.default.useCallback(e=>{if(!w&&e.includes(`.`))return!1;let t=e.split(`.`)[1];return!t||t.length<=w},[w]),O=i.default.useCallback(e=>{if(!p||e===`-`)return!0;let[t,n=``]=e.split(`.`);return n.length<=p[1]&&(t.startsWith(`-`)?t.length-1:t.length)<=T},[p,T]),k=i.default.useCallback((e,t)=>{if(u===`none`)return e;let n=Math.pow(10,t),r=e*n;switch(u){case`up`:return Math.ceil(r)/n;case`down`:return Math.floor(r)/n;case`nearest`:return r%1<.1?Math.floor(r)/n:r%1>=.59?Math.ceil(r)/n:(Math.floor(r)+.5)/n;default:return e}},[u]),A=i.default.useCallback(e=>!l&&e.includes(`.`)||e.split(`.`)[1]?.length>l,[l]),j=i.default.useCallback(e=>{if(e===`0`)return`0`;if(!Number(e))return``;let t=parseFloat(e),n=Math.min(w-1,h||0),r=k(t,n).toString(),[i,a=``]=r.split(`.`),o=c(i);return a?`${o}.${a}`:o},[k,w,h]),M=i.default.useCallback(e=>{if(!p||e===`-`)return!0;let[t,n=``]=e.split(`.`),r=t.startsWith(`-`)?t.length-1:t.length,i=p[0]-p[1];return n.length<=p[1]&&r<=i},[p]),N=i.default.useCallback(e=>{g?.(e);let{value:t}=e.target;if(!t){_?.(void 0),C(``);return}let n=t===`0`,r=t===`-`&&o;if(n||r){_?.(0),C(t);return}let i=E.test(t)&&O(t)&&(p||D(t));if(!i)return;let a=parseFloat(t)||0;_?.(a),C(t)},[o,p,D,O,g,_,E]),P=i.default.useCallback(()=>{n||C(e=>e.replace(/,/g,``))},[n]),F=i.default.useCallback(()=>{n||(v?.(),C(e=>j(e)))},[n,v,j]);return i.default.useEffect(()=>{let e=document.activeElement===x.current;if(!d||!E.test(d.toString())||!M(d.toString())||!p&&A(d.toString())){C(``);return}C(t=>t===`-`?`-`:t?e?d.toString():j(d.toString()):``)},[p,j,d,A,M,E]),i.default.useEffect(()=>{if(!b.current||!x.current||!f)return;let e=b.current.offsetWidth;x.current.style.setProperty(`padding-right`,`${(e+10)/16}rem`)},[e,f]),(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsx)(r.Input,{...y,ref:x,value:S||(n?`0`:``),placeholder:m,disabled:e,readOnly:n,className:t.cn(`font-number text-end`,n&&`bg-muted text-muted-foreground`),onChange:N,onFocus:P,onBlur:F}),f&&(0,a.jsx)(`span`,{ref:b,className:`text-muted-foreground pointer-events-none absolute top-1/2 right-2 -translate-y-1/2 text-sm`,children:f})]})},u=({name:e,label:t=`Number Field`,placeholder:r=`0`,isShowErrorMsg:i=!1,isShowCount:s=!1,unitText:c=``,description:u=``,onValueChange:d})=>{let f=(0,o.useWatch)({name:e});return(0,a.jsx)(n.FormField,{name:e,render:({field:{onChange:e,...o}})=>(0,a.jsxs)(n.FormItem,{className:`w-full gap-0`,children:[(0,a.jsx)(n.FormLabel,{children:t}),(0,a.jsx)(n.FormControl,{children:(0,a.jsx)(l,{...o,placeholder:r,className:`w-full`,unitText:c,onValueChange:t=>{e(t),d?.(t)}})}),s&&(0,a.jsxs)(`div`,{className:`text-muted-foreground text-end text-xs`,children:[f?.length??0,` characters`]}),!!u&&(0,a.jsx)(n.FormDescription,{children:u}),i&&(0,a.jsx)(n.FormMessage,{})]})})};exports.NumberField=u;
 //# sourceMappingURL=number-field.cjs.map

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

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

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

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

package/dist/forms/number-field.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../utils-D9AH0PUV.js";import"../label-DuddAB1p.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-DZqGhxta.js";import{Input as s}from"../input-nsu0-DwM.js";import c from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{useWatch as d}from"react-hook-form";const f=e=>e?/^-?\d*\.?\d*$/:/^\d*\.?\d*$/,p=e=>Number(e).toLocaleString(),m=({disabled:t=!1,readonly:n=!1,allowNegative:r=!1,numberAfterDecimalPoint:i=2,roundingRule:a=`none`,value:o=``,unitText:d,decimal:m,placeholder:h,precision:g,onChange:_,onValueChange:v,onBlur:y,...b})=>{let x=c.useRef(null),S=c.useRef(null),[C,w]=c.useState(o.toString()),T=m?.[1]??i,E=m&&m[0]-m[1],D=c.useMemo(()=>f(r),[r]),O=c.useCallback(e=>{if(!T&&e.includes(`.`))return!1;let t=e.split(`.`)[1];return!t||t.length<=T},[T]),k=c.useCallback(e=>{if(!m||e===`-`)return!0;let[t,n=``]=e.split(`.`);return n.length<=m[1]&&(t.startsWith(`-`)?t.length-1:t.length)<=E},[m,E]),A=c.useCallback((e,t)=>{if(a===`none`)return e;let n=Math.pow(10,t),r=e*n;switch(a){case`up`:return Math.ceil(r)/n;case`down`:return Math.floor(r)/n;case`nearest`:return r%1<.1?Math.floor(r)/n:r%1>=.59?Math.ceil(r)/n:(Math.floor(r)+.5)/n;default:return e}},[a]),j=c.useCallback(e=>!i&&e.includes(`.`)||e.split(`.`)[1]?.length>i,[i]),M=c.useCallback(e=>{if(e===`0`)return`0`;if(!Number(e))return``;let t=parseFloat(e),n=Math.min(T-1,g||0),r=A(t,n).toString(),[i,a=``]=r.split(`.`),o=p(i);return a?`${o}.${a}`:o},[A,T,g]),N=c.useCallback(e=>{if(!m||e===`-`)return!0;let[t,n=``]=e.split(`.`),r=t.startsWith(`-`)?t.length-1:t.length,i=m[0]-m[1];return n.length<=m[1]&&r<=i},[m]),P=c.useCallback(e=>{_?.(e);let{value:t}=e.target;if(!t){v?.(void 0),w(``);return}let n=t===`0`,i=t===`-`&&r;if(n||i){v?.(0),w(t);return}let a=D.test(t)&&k(t)&&(m||O(t));if(!a)return;let o=parseFloat(t)||0;v?.(o),w(t)},[r,m,O,k,_,v,D]),F=c.useCallback(()=>{n||w(e=>e.replace(/,/g,``))},[n]),I=c.useCallback(()=>{n||(y?.(),w(e=>M(e)))},[n,y,M]);return c.useEffect(()=>{let e=document.activeElement===S.current;if(!o||!D.test(o.toString())||!N(o.toString())||!m&&j(o.toString())){w(``);return}w(t=>t===`-`?`-`:t?e?o.toString():M(o.toString()):``)},[m,M,o,j,N,D]),c.useEffect(()=>{if(!x.current||!S.current||!d)return;let e=x.current.offsetWidth;S.current.style.setProperty(`padding-right`,`${(e+10)/16}rem`)},[t,d]),u(`div`,{className:`relative`,children:[l(s,{...b,ref:S,value:C||(n?`0`:``),placeholder:h,disabled:t,readOnly:n,className:e(`font-number text-end`,n&&`bg-muted text-muted-foreground`),onChange:P,onFocus:F,onBlur:I}),d&&l(`span`,{ref:x,className:`text-muted-foreground pointer-events-none absolute top-1/2 right-2 -translate-y-1/2 text-sm`,children:d})]})},h=({name:e,label:s=`Number Field`,placeholder:c=`0`,isShowErrorMsg:f=!1,isShowCount:p=!1,unitText:h=``,description:g=``,onValueChange:_})=>{let v=d({name:e});return l(r,{name:e,render:({field:{onChange:e,...r}})=>u(i,{className:`w-full gap-0`,children:[l(a,{children:s}),l(t,{children:l(m,{...r,placeholder:c,className:`w-full`,unitText:h,onValueChange:t=>{e(t),_?.(t)}})}),p&&u(`div`,{className:`text-muted-foreground text-end text-xs`,children:[v?.length??0,` characters`]}),!!g&&l(n,{children:g}),f&&l(o,{})]})})};export{h as NumberField};
+import{cn as e}from"../utils-CU8e4Cfu.js";import"../label-DOGGC0KA.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-imBNw0V-.js";import{Input as s}from"../input-C3F0EmGy.js";import c from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{useWatch as d}from"react-hook-form";const f=e=>e?/^-?\d*\.?\d*$/:/^\d*\.?\d*$/,p=e=>Number(e).toLocaleString(),m=({disabled:t=!1,readonly:n=!1,allowNegative:r=!1,numberAfterDecimalPoint:i=2,roundingRule:a=`none`,value:o=``,unitText:d,decimal:m,placeholder:h,precision:g,onChange:_,onValueChange:v,onBlur:y,...b})=>{let x=c.useRef(null),S=c.useRef(null),[C,w]=c.useState(o.toString()),T=m?.[1]??i,E=m&&m[0]-m[1],D=c.useMemo(()=>f(r),[r]),O=c.useCallback(e=>{if(!T&&e.includes(`.`))return!1;let t=e.split(`.`)[1];return!t||t.length<=T},[T]),k=c.useCallback(e=>{if(!m||e===`-`)return!0;let[t,n=``]=e.split(`.`);return n.length<=m[1]&&(t.startsWith(`-`)?t.length-1:t.length)<=E},[m,E]),A=c.useCallback((e,t)=>{if(a===`none`)return e;let n=Math.pow(10,t),r=e*n;switch(a){case`up`:return Math.ceil(r)/n;case`down`:return Math.floor(r)/n;case`nearest`:return r%1<.1?Math.floor(r)/n:r%1>=.59?Math.ceil(r)/n:(Math.floor(r)+.5)/n;default:return e}},[a]),j=c.useCallback(e=>!i&&e.includes(`.`)||e.split(`.`)[1]?.length>i,[i]),M=c.useCallback(e=>{if(e===`0`)return`0`;if(!Number(e))return``;let t=parseFloat(e),n=Math.min(T-1,g||0),r=A(t,n).toString(),[i,a=``]=r.split(`.`),o=p(i);return a?`${o}.${a}`:o},[A,T,g]),N=c.useCallback(e=>{if(!m||e===`-`)return!0;let[t,n=``]=e.split(`.`),r=t.startsWith(`-`)?t.length-1:t.length,i=m[0]-m[1];return n.length<=m[1]&&r<=i},[m]),P=c.useCallback(e=>{_?.(e);let{value:t}=e.target;if(!t){v?.(void 0),w(``);return}let n=t===`0`,i=t===`-`&&r;if(n||i){v?.(0),w(t);return}let a=D.test(t)&&k(t)&&(m||O(t));if(!a)return;let o=parseFloat(t)||0;v?.(o),w(t)},[r,m,O,k,_,v,D]),F=c.useCallback(()=>{n||w(e=>e.replace(/,/g,``))},[n]),I=c.useCallback(()=>{n||(y?.(),w(e=>M(e)))},[n,y,M]);return c.useEffect(()=>{let e=document.activeElement===S.current;if(!o||!D.test(o.toString())||!N(o.toString())||!m&&j(o.toString())){w(``);return}w(t=>t===`-`?`-`:t?e?o.toString():M(o.toString()):``)},[m,M,o,j,N,D]),c.useEffect(()=>{if(!x.current||!S.current||!d)return;let e=x.current.offsetWidth;S.current.style.setProperty(`padding-right`,`${(e+10)/16}rem`)},[t,d]),u(`div`,{className:`relative`,children:[l(s,{...b,ref:S,value:C||(n?`0`:``),placeholder:h,disabled:t,readOnly:n,className:e(`font-number text-end`,n&&`bg-muted text-muted-foreground`),onChange:P,onFocus:F,onBlur:I}),d&&l(`span`,{ref:x,className:`text-muted-foreground pointer-events-none absolute top-1/2 right-2 -translate-y-1/2 text-sm`,children:d})]})},h=({name:e,label:s=`Number Field`,placeholder:c=`0`,isShowErrorMsg:f=!1,isShowCount:p=!1,unitText:h=``,description:g=``,onValueChange:_})=>{let v=d({name:e});return l(r,{name:e,render:({field:{onChange:e,...r}})=>u(i,{className:`w-full gap-0`,children:[l(a,{children:s}),l(t,{children:l(m,{...r,placeholder:c,className:`w-full`,unitText:h,onValueChange:t=>{e(t),_?.(t)}})}),p&&u(`div`,{className:`text-muted-foreground text-end text-xs`,children:[v?.length??0,` characters`]}),!!g&&l(n,{children:g}),f&&l(o,{})]})})};export{h as NumberField};
 //# sourceMappingURL=number-field.js.map

package/dist/forms/password-field.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`);require(`../label-CW94D639.cjs`);const n=require(`../form-D13wOyun.cjs`),r=require(`../input-C-60EZ1K.cjs`),i=e.__toESM(require(`react`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`lucide-react`)),s=({className:e,...n})=>{let s=i.default.useId(),[c,l]=i.default.useState(!1),u=i.default.useCallback(()=>l(e=>!e),[]);return(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsx)(r.Input,{...n,id:s,placeholder:`Password`,type:c?`text`:`password`,className:t.cn(`pe-9`,e)}),(0,a.jsx)(`button`,{className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,type:`button`,onClick:u,"aria-label":c?`Hide password`:`Show password`,"aria-pressed":c,"aria-controls":`password`,children:c?(0,a.jsx)(o.EyeOffIcon,{size:16,"aria-hidden":`true`}):(0,a.jsx)(o.EyeIcon,{size:16,"aria-hidden":`true`})})]})},c=({name:e,label:t=`Text Field`,placeholder:r=`Enter text here`,isShowErrorMsg:i=!1,description:o,onValueChange:c})=>(0,a.jsx)(n.FormField,{name:e,render:({field:e})=>(0,a.jsxs)(n.FormItem,{className:`w-full`,children:[(0,a.jsx)(n.FormLabel,{children:t}),(0,a.jsx)(n.FormControl,{children:(0,a.jsx)(s,{placeholder:r,...e,onValueChange:c})}),!!o&&(0,a.jsx)(n.FormDescription,{children:o}),i&&(0,a.jsx)(n.FormMessage,{})]})});exports.PasswordField=c;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-Bzhp4BOr.cjs`);require(`../label-DIYBc8Vn.cjs`);const n=require(`../form-CvK3gRab.cjs`),r=require(`../input-DLQH0cjE.cjs`),i=e.__toESM(require(`react`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`lucide-react`)),s=({className:e,...n})=>{let s=i.default.useId(),[c,l]=i.default.useState(!1),u=i.default.useCallback(()=>l(e=>!e),[]);return(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsx)(r.Input,{...n,id:s,placeholder:`Password`,type:c?`text`:`password`,className:t.cn(`pe-9`,e)}),(0,a.jsx)(`button`,{className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,type:`button`,onClick:u,"aria-label":c?`Hide password`:`Show password`,"aria-pressed":c,"aria-controls":`password`,children:c?(0,a.jsx)(o.EyeOffIcon,{size:16,"aria-hidden":`true`}):(0,a.jsx)(o.EyeIcon,{size:16,"aria-hidden":`true`})})]})},c=({name:e,label:t=`Text Field`,placeholder:r=`Enter text here`,isShowErrorMsg:i=!1,description:o,onValueChange:c})=>(0,a.jsx)(n.FormField,{name:e,render:({field:e})=>(0,a.jsxs)(n.FormItem,{className:`w-full`,children:[(0,a.jsx)(n.FormLabel,{children:t}),(0,a.jsx)(n.FormControl,{children:(0,a.jsx)(s,{placeholder:r,...e,onValueChange:c})}),!!o&&(0,a.jsx)(n.FormDescription,{children:o}),i&&(0,a.jsx)(n.FormMessage,{})]})});exports.PasswordField=c;
 //# sourceMappingURL=password-field.cjs.map

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

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

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

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

package/dist/forms/password-field.js

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"../utils-D9AH0PUV.js";import"../label-DuddAB1p.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-DZqGhxta.js";import{Input as s}from"../input-nsu0-DwM.js";import c from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{EyeIcon as d,EyeOffIcon as f}from"lucide-react";const p=({className:t,...n})=>{let r=c.useId(),[i,a]=c.useState(!1),o=c.useCallback(()=>a(e=>!e),[]);return u(`div`,{className:`relative`,children:[l(s,{...n,id:r,placeholder:`Password`,type:i?`text`:`password`,className:e(`pe-9`,t)}),l(`button`,{className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,type:`button`,onClick:o,"aria-label":i?`Hide password`:`Show password`,"aria-pressed":i,"aria-controls":`password`,children:l(i?f:d,{size:16,"aria-hidden":`true`})})]})},m=({name:e,label:s=`Text Field`,placeholder:c=`Enter text here`,isShowErrorMsg:d=!1,description:f,onValueChange:m})=>l(r,{name:e,render:({field:e})=>u(i,{className:`w-full`,children:[l(a,{children:s}),l(t,{children:l(p,{placeholder:c,...e,onValueChange:m})}),!!f&&l(n,{children:f}),d&&l(o,{})]})});export{m as PasswordField};
+"use client";import{cn as e}from"../utils-CU8e4Cfu.js";import"../label-DOGGC0KA.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-imBNw0V-.js";import{Input as s}from"../input-C3F0EmGy.js";import c from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{EyeIcon as d,EyeOffIcon as f}from"lucide-react";const p=({className:t,...n})=>{let r=c.useId(),[i,a]=c.useState(!1),o=c.useCallback(()=>a(e=>!e),[]);return u(`div`,{className:`relative`,children:[l(s,{...n,id:r,placeholder:`Password`,type:i?`text`:`password`,className:e(`pe-9`,t)}),l(`button`,{className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,type:`button`,onClick:o,"aria-label":i?`Hide password`:`Show password`,"aria-pressed":i,"aria-controls":`password`,children:l(i?f:d,{size:16,"aria-hidden":`true`})})]})},m=({name:e,label:s=`Text Field`,placeholder:c=`Enter text here`,isShowErrorMsg:d=!1,description:f,onValueChange:m})=>l(r,{name:e,render:({field:e})=>u(i,{className:`w-full`,children:[l(a,{children:s}),l(t,{children:l(p,{placeholder:c,...e,onValueChange:m})}),!!f&&l(n,{children:f}),d&&l(o,{})]})});export{m as PasswordField};
 //# sourceMappingURL=password-field.js.map

package/dist/forms/select-field.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`);require(`../label-CW94D639.cjs`);const n=require(`../form-D13wOyun.cjs`),r=require(`../select-BQqcz6WZ.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=({name:e,label:a=`Select Field`,placeholder:o=`Select an option`,disabledValues:s=[],options:c=[],isShowLabel:l=!0,isShowErrorMsg:u=!1,description:d=``,className:f=``})=>(0,i.jsx)(n.FormField,{name:e,render:({field:e})=>(0,i.jsxs)(n.FormItem,{className:t.cn(`w-full`,f),children:[l&&(0,i.jsx)(n.FormLabel,{children:a}),(0,i.jsxs)(r.Select,{defaultValue:e.value,onValueChange:e.onChange,children:[(0,i.jsx)(n.FormControl,{children:(0,i.jsx)(r.SelectTrigger,{className:`w-full`,children:(0,i.jsx)(r.SelectValue,{placeholder:o})})}),(0,i.jsx)(r.SelectContent,{children:c.map(e=>(0,i.jsx)(r.SelectItem,{disabled:s.includes(e.value),value:e.value,children:e.label},e.value))})]}),!!d&&(0,i.jsx)(n.FormDescription,{children:d}),u&&(0,i.jsx)(n.FormMessage,{})]})});exports.SelectField=a;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-Bzhp4BOr.cjs`);require(`../label-DIYBc8Vn.cjs`);const n=require(`../form-CvK3gRab.cjs`),r=require(`../select-Blm4sG3S.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=({name:e,label:a=`Select Field`,placeholder:o=`Select an option`,disabledValues:s=[],options:c=[],isShowLabel:l=!0,isShowErrorMsg:u=!1,description:d=``,className:f=``})=>(0,i.jsx)(n.FormField,{name:e,render:({field:e})=>(0,i.jsxs)(n.FormItem,{className:t.cn(`w-full`,f),children:[l&&(0,i.jsx)(n.FormLabel,{children:a}),(0,i.jsxs)(r.Select,{defaultValue:e.value,onValueChange:e.onChange,children:[(0,i.jsx)(n.FormControl,{children:(0,i.jsx)(r.SelectTrigger,{className:`w-full`,children:(0,i.jsx)(r.SelectValue,{placeholder:o})})}),(0,i.jsx)(r.SelectContent,{children:c.map(e=>(0,i.jsx)(r.SelectItem,{disabled:s.includes(e.value),value:e.value,children:e.label},e.value))})]}),!!d&&(0,i.jsx)(n.FormDescription,{children:d}),u&&(0,i.jsx)(n.FormMessage,{})]})});exports.SelectField=a;
 //# sourceMappingURL=select-field.cjs.map

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

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

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

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

package/dist/forms/select-field.js

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"../utils-D9AH0PUV.js";import"../label-DuddAB1p.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-DZqGhxta.js";import{Select as s,SelectContent as c,SelectItem as l,SelectTrigger as u,SelectValue as d}from"../select-RKVYJMTd.js";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=({name:m,label:h=`Select Field`,placeholder:g=`Select an option`,disabledValues:_=[],options:v=[],isShowLabel:y=!0,isShowErrorMsg:b=!1,description:x=``,className:S=``})=>f(r,{name:m,render:({field:r})=>p(i,{className:e(`w-full`,S),children:[y&&f(a,{children:h}),p(s,{defaultValue:r.value,onValueChange:r.onChange,children:[f(t,{children:f(u,{className:`w-full`,children:f(d,{placeholder:g})})}),f(c,{children:v.map(e=>f(l,{disabled:_.includes(e.value),value:e.value,children:e.label},e.value))})]}),!!x&&f(n,{children:x}),b&&f(o,{})]})});export{m as SelectField};
+"use client";import{cn as e}from"../utils-CU8e4Cfu.js";import"../label-DOGGC0KA.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-imBNw0V-.js";import{Select as s,SelectContent as c,SelectItem as l,SelectTrigger as u,SelectValue as d}from"../select-sZk2E8zh.js";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=({name:m,label:h=`Select Field`,placeholder:g=`Select an option`,disabledValues:_=[],options:v=[],isShowLabel:y=!0,isShowErrorMsg:b=!1,description:x=``,className:S=``})=>f(r,{name:m,render:({field:r})=>p(i,{className:e(`w-full`,S),children:[y&&f(a,{children:h}),p(s,{defaultValue:r.value,onValueChange:r.onChange,children:[f(t,{children:f(u,{className:`w-full`,children:f(d,{placeholder:g})})}),f(c,{children:v.map(e=>f(l,{disabled:_.includes(e.value),value:e.value,children:e.label},e.value))})]}),!!x&&f(n,{children:x}),b&&f(o,{})]})});export{m as SelectField};
 //# sourceMappingURL=select-field.js.map

package/dist/forms/switch-field.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`);require(`../label-CW94D639.cjs`);const n=require(`../form-D13wOyun.cjs`),r=require(`../switch-bfoTi9s3.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=({name:e,label:a=`Switch Field`,description:o,isShowErrorMsg:s=!1})=>(0,i.jsx)(n.FormField,{name:e,render:({field:e})=>(0,i.jsxs)(`div`,{className:`spage-y-1`,children:[(0,i.jsxs)(n.FormItem,{className:t.cn(`border-border-weak flex flex-row items-center justify-between rounded-lg border p-3 shadow-xs`),children:[(0,i.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,i.jsx)(n.FormLabel,{className:`cursor-pointer text-sm`,children:a}),o&&(0,i.jsx)(n.FormDescription,{className:`text-xs`,children:o})]}),(0,i.jsx)(n.FormControl,{children:(0,i.jsx)(r.Switch,{checked:e.value,onCheckedChange:e.onChange})})]}),s&&(0,i.jsx)(n.FormMessage,{})]})});exports.SwitchField=a;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-Bzhp4BOr.cjs`);require(`../label-DIYBc8Vn.cjs`);const n=require(`../form-CvK3gRab.cjs`),r=require(`../switch-CPQ3g_MJ.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=({name:e,label:a=`Switch Field`,description:o,isShowErrorMsg:s=!1})=>(0,i.jsx)(n.FormField,{name:e,render:({field:e})=>(0,i.jsxs)(`div`,{className:`spage-y-1`,children:[(0,i.jsxs)(n.FormItem,{className:t.cn(`border-border-weak flex flex-row items-center justify-between rounded-lg border p-3 shadow-xs`),children:[(0,i.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,i.jsx)(n.FormLabel,{className:`cursor-pointer text-sm`,children:a}),o&&(0,i.jsx)(n.FormDescription,{className:`text-xs`,children:o})]}),(0,i.jsx)(n.FormControl,{children:(0,i.jsx)(r.Switch,{checked:e.value,onCheckedChange:e.onChange})})]}),s&&(0,i.jsx)(n.FormMessage,{})]})});exports.SwitchField=a;
 //# sourceMappingURL=switch-field.cjs.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime4.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime17.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-DuddAB1p.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-DZqGhxta.js";import{Switch as s}from"../switch-B9LmV-PS.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-weak 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-CU8e4Cfu.js";import"../label-DOGGC0KA.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-imBNw0V-.js";import{Switch as s}from"../switch-DhAXF3Qt.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-weak 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`);require(`../label-CW94D639.cjs`);const n=require(`../form-D13wOyun.cjs`),r=require(`../input-C-60EZ1K.cjs`),i=require(`../flex-B5MQmxX8.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;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-Bzhp4BOr.cjs`),n=require(`../flex-Bh3PRuM_.cjs`);require(`../label-DIYBc8Vn.cjs`);const r=require(`../form-CvK3gRab.cjs`),i=require(`../input-DLQH0cjE.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-text-positive-weak hover:text-text-positive 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-text-positive-weak text-end text-xs`,children:[y?.length??0,` characters`]})]}),!!h&&(0,o.jsx)(r.FormDescription,{children:h})]})})};exports.TextField=l;
 //# sourceMappingURL=text-field.cjs.map

package/dist/forms/text-field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.cjs","names":["useFormField","React","FormField","FormItem","cn","FormLabel","FormControl","Input","XIcon","Flex","FormMessage","FormDescription"],"sources":["../../packages/components/forms/text-field.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { type FieldPath, type FieldValues, useWatch } from 'react-hook-form'\nimport { XIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Flex } from '../layouts/flex'\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from '../ui/form'\nimport { Input } from '../ui/input'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>\n  label?: string\n  description?: string\n  placeholder?: string\n  isShowLabel?: boolean\n  isShowClearButton?: boolean\n  isShowErrorMsg?: boolean\n  isShowCount?: boolean\n  className?: string\n  onValueChange?: (value: string) => void\n}\nexport const TextField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Text Field',\n  placeholder = 'Enter text here',\n  isShowLabel = true,\n  isShowClearButton = false,\n  isShowErrorMsg = false,\n  isShowCount = false,\n  description,\n  className = '',\n  onValueChange,\n}: Props<TFieldValues>) => {\n  const { resetField } = useFormField()\n  const valueWatch = useWatch({ name })\n\n  const handleClearInput = React.useCallback(() => {\n    resetField(name)\n  }, [resetField, name])\n\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem className={cn('w-full gap-0', isShowCount || (!!description && 'space-y-1'), className)}>\n          {isShowLabel && <FormLabel>{label}</FormLabel>}\n          <div className=\"relative\">\n            <FormControl>\n              <Input {...field} placeholder={placeholder} className={cn('w-full', isShowClearButton && 'pr-9')} onValueChange={onValueChange} />\n            </FormControl>\n            {isShowClearButton && valueWatch && (\n              <button\n                type=\"button\"\n                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\"\n                aria-label=\"Clear input\"\n                onClick={handleClearInput}\n              >\n                <XIcon size={14} aria-hidden=\"true\" />\n              </button>\n            )}\n          </div>\n          <Flex width=\"full\" padding=\"none\" justify=\"end\">\n            {isShowErrorMsg && <FormMessage className=\"grow\" />}\n            {isShowCount && <div className=\"text-muted-foreground text-end text-xs\">{valueWatch?.length ?? 0} characters</div>}\n          </Flex>\n          {!!description && <FormDescription>{description}</FormDescription>}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"4XAuBa,GAA6D,CACxE,OACA,QAAQ,aACR,cAAc,kBACd,cAAc,GACd,oBAAoB,GACpB,iBAAiB,GACjB,cAAc,GACd,cACA,YAAY,GACZ,mBACyB,CACzB,GAAM,CAAE,cAAeA,EAAAA,eACjB,GAAA,EAAA,EAAA,UAAsB,CAAE,SAExB,EAAmBC,EAAAA,QAAM,gBAAkB,CAC/C,EAAW,IACV,CAAC,EAAY,IAEhB,OACE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CACO,OACN,QAAS,CAAE,YACT,EAAA,EAAA,MAACC,EAAAA,SAAAA,CAAS,UAAWC,EAAAA,GAAG,eAAgB,GAAgB,CAAC,CAAC,GAAe,YAAc,aACpF,IAAe,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAAA,SAAW,KAC5B,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,sBACb,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,GAAI,EAAoB,cAAa,UAAWH,EAAAA,GAAG,SAAU,GAAqB,QAAwB,oBAElH,GAAqB,IACpB,EAAA,EAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAU,8PACV,aAAW,cACX,QAAS,YAET,EAAA,EAAA,KAACI,EAAAA,MAAAA,CAAM,KAAM,GAAI,cAAY,eAInC,EAAA,EAAA,MAACC,EAAAA,KAAAA,CAAK,MAAM,OAAO,QAAQ,OAAO,QAAQ,gBACvC,IAAkB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,UAAU,SACzC,IAAe,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,mDAA0C,GAAY,QAAU,EAAE,oBAElG,CAAC,CAAC,IAAe,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,SAAiB"}
+{"version":3,"file":"text-field.cjs","names":["useFormField","React","FormField","FormItem","cn","FormLabel","FormControl","Input","XIcon","Flex","FormMessage","FormDescription"],"sources":["../../packages/components/forms/text-field.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { type FieldPath, type FieldValues, useWatch } from 'react-hook-form'\nimport { XIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Flex } from '../layouts/flex'\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from '../ui/form'\nimport { Input } from '../ui/input'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>\n  label?: string\n  description?: string\n  placeholder?: string\n  isShowLabel?: boolean\n  isShowClearButton?: boolean\n  isShowErrorMsg?: boolean\n  isShowCount?: boolean\n  className?: string\n  onValueChange?: (value: string) => void\n}\nexport const TextField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Text Field',\n  placeholder = 'Enter text here',\n  isShowLabel = true,\n  isShowClearButton = false,\n  isShowErrorMsg = false,\n  isShowCount = false,\n  description,\n  className = '',\n  onValueChange,\n}: Props<TFieldValues>) => {\n  const { resetField } = useFormField()\n  const valueWatch = useWatch({ name })\n\n  const handleClearInput = React.useCallback(() => {\n    resetField(name)\n  }, [resetField, name])\n\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem className={cn('w-full gap-0', isShowCount || (!!description && 'space-y-1'), className)}>\n          {isShowLabel && <FormLabel>{label}</FormLabel>}\n          <div className=\"relative\">\n            <FormControl>\n              <Input {...field} placeholder={placeholder} className={cn('w-full', isShowClearButton && 'pr-9')} onValueChange={onValueChange} />\n            </FormControl>\n            {isShowClearButton && valueWatch && (\n              <button\n                type=\"button\"\n                className=\"text-text-positive-weak hover:text-text-positive 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\"\n                aria-label=\"Clear input\"\n                onClick={handleClearInput}\n              >\n                <XIcon size={14} aria-hidden=\"true\" />\n              </button>\n            )}\n          </div>\n          <Flex width=\"full\" padding=\"none\" justify=\"end\">\n            {isShowErrorMsg && <FormMessage className=\"grow\" />}\n            {isShowCount && <div className=\"text-text-positive-weak text-end text-xs\">{valueWatch?.length ?? 0} characters</div>}\n          </Flex>\n          {!!description && <FormDescription>{description}</FormDescription>}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"4XAuBa,GAA6D,CACxE,OACA,QAAQ,aACR,cAAc,kBACd,cAAc,GACd,oBAAoB,GACpB,iBAAiB,GACjB,cAAc,GACd,cACA,YAAY,GACZ,mBACyB,CACzB,GAAM,CAAE,cAAeA,EAAAA,eACjB,GAAA,EAAA,EAAA,UAAsB,CAAE,SAExB,EAAmBC,EAAAA,QAAM,gBAAkB,CAC/C,EAAW,IACV,CAAC,EAAY,IAEhB,OACE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CACO,OACN,QAAS,CAAE,YACT,EAAA,EAAA,MAACC,EAAAA,SAAAA,CAAS,UAAWC,EAAAA,GAAG,eAAgB,GAAgB,CAAC,CAAC,GAAe,YAAc,aACpF,IAAe,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAAA,SAAW,KAC5B,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,sBACb,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,GAAI,EAAoB,cAAa,UAAWH,EAAAA,GAAG,SAAU,GAAqB,QAAwB,oBAElH,GAAqB,IACpB,EAAA,EAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAU,yPACV,aAAW,cACX,QAAS,YAET,EAAA,EAAA,KAACI,EAAAA,MAAAA,CAAM,KAAM,GAAI,cAAY,eAInC,EAAA,EAAA,MAACC,EAAAA,KAAAA,CAAK,MAAM,OAAO,QAAQ,OAAO,QAAQ,gBACvC,IAAkB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,UAAU,SACzC,IAAe,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,qDAA4C,GAAY,QAAU,EAAE,oBAEpG,CAAC,CAAC,IAAe,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,SAAiB"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime8 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_runtime9.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime8.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_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime127 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_runtime9.JSX.Element;
+}: Props<TFieldValues>) => react_jsx_runtime127.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"../label-DuddAB1p.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-DZqGhxta.js";import{Input as c}from"../input-nsu0-DwM.js";import{Flex as l}from"../flex-CBAzUoXK.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};
+"use client";import{cn as e}from"../utils-CU8e4Cfu.js";import{Flex as t}from"../flex-Bw34jbTi.js";import"../label-DOGGC0KA.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-imBNw0V-.js";import{Input as l}from"../input-C3F0EmGy.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-text-positive-weak hover:text-text-positive 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-text-positive-weak text-end text-xs`,children:[E?.length??0,` characters`]})]}),!!S&&d(r,{children:S})]})})};export{h as TextField};
 //# sourceMappingURL=text-field.js.map

package/dist/forms/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","names":[],"sources":["../../packages/components/forms/text-field.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { type FieldPath, type FieldValues, useWatch } from 'react-hook-form'\nimport { XIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Flex } from '../layouts/flex'\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from '../ui/form'\nimport { Input } from '../ui/input'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>\n  label?: string\n  description?: string\n  placeholder?: string\n  isShowLabel?: boolean\n  isShowClearButton?: boolean\n  isShowErrorMsg?: boolean\n  isShowCount?: boolean\n  className?: string\n  onValueChange?: (value: string) => void\n}\nexport const TextField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Text Field',\n  placeholder = 'Enter text here',\n  isShowLabel = true,\n  isShowClearButton = false,\n  isShowErrorMsg = false,\n  isShowCount = false,\n  description,\n  className = '',\n  onValueChange,\n}: Props<TFieldValues>) => {\n  const { resetField } = useFormField()\n  const valueWatch = useWatch({ name })\n\n  const handleClearInput = React.useCallback(() => {\n    resetField(name)\n  }, [resetField, name])\n\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem className={cn('w-full gap-0', isShowCount || (!!description && 'space-y-1'), className)}>\n          {isShowLabel && <FormLabel>{label}</FormLabel>}\n          <div className=\"relative\">\n            <FormControl>\n              <Input {...field} placeholder={placeholder} className={cn('w-full', isShowClearButton && 'pr-9')} onValueChange={onValueChange} />\n            </FormControl>\n            {isShowClearButton && valueWatch && (\n              <button\n                type=\"button\"\n                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\"\n                aria-label=\"Clear input\"\n                onClick={handleClearInput}\n              >\n                <XIcon size={14} aria-hidden=\"true\" />\n              </button>\n            )}\n          </div>\n          <Flex width=\"full\" padding=\"none\" justify=\"end\">\n            {isShowErrorMsg && <FormMessage className=\"grow\" />}\n            {isShowCount && <div className=\"text-muted-foreground text-end text-xs\">{valueWatch?.length ?? 0} characters</div>}\n          </Flex>\n          {!!description && <FormDescription>{description}</FormDescription>}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"ydAuBA,MAAa,GAA6D,CACxE,OACA,QAAQ,aACR,cAAc,kBACd,cAAc,GACd,oBAAoB,GACpB,iBAAiB,GACjB,cAAc,GACd,cACA,YAAY,GACZ,mBACyB,CACzB,GAAM,CAAE,cAAe,IACjB,EAAa,EAAS,CAAE,SAExB,EAAmB,EAAM,gBAAkB,CAC/C,EAAW,IACV,CAAC,EAAY,IAEhB,OACE,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WACT,EAAC,EAAA,CAAS,UAAW,EAAG,eAAgB,GAAgB,CAAC,CAAC,GAAe,YAAc,aACpF,GAAe,EAAC,EAAA,CAAA,SAAW,IAC5B,EAAC,MAAA,CAAI,UAAU,qBACb,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAM,GAAI,EAAoB,cAAa,UAAW,EAAG,SAAU,GAAqB,QAAwB,oBAElH,GAAqB,GACpB,EAAC,SAAA,CACC,KAAK,SACL,UAAU,8PACV,aAAW,cACX,QAAS,WAET,EAAC,EAAA,CAAM,KAAM,GAAI,cAAY,cAInC,EAAC,EAAA,CAAK,MAAM,OAAO,QAAQ,OAAO,QAAQ,gBACvC,GAAkB,EAAC,EAAA,CAAY,UAAU,SACzC,GAAe,EAAC,MAAA,CAAI,UAAU,mDAA0C,GAAY,QAAU,EAAE,oBAElG,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB"}
+{"version":3,"file":"text-field.js","names":[],"sources":["../../packages/components/forms/text-field.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { type FieldPath, type FieldValues, useWatch } from 'react-hook-form'\nimport { XIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Flex } from '../layouts/flex'\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from '../ui/form'\nimport { Input } from '../ui/input'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>\n  label?: string\n  description?: string\n  placeholder?: string\n  isShowLabel?: boolean\n  isShowClearButton?: boolean\n  isShowErrorMsg?: boolean\n  isShowCount?: boolean\n  className?: string\n  onValueChange?: (value: string) => void\n}\nexport const TextField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Text Field',\n  placeholder = 'Enter text here',\n  isShowLabel = true,\n  isShowClearButton = false,\n  isShowErrorMsg = false,\n  isShowCount = false,\n  description,\n  className = '',\n  onValueChange,\n}: Props<TFieldValues>) => {\n  const { resetField } = useFormField()\n  const valueWatch = useWatch({ name })\n\n  const handleClearInput = React.useCallback(() => {\n    resetField(name)\n  }, [resetField, name])\n\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem className={cn('w-full gap-0', isShowCount || (!!description && 'space-y-1'), className)}>\n          {isShowLabel && <FormLabel>{label}</FormLabel>}\n          <div className=\"relative\">\n            <FormControl>\n              <Input {...field} placeholder={placeholder} className={cn('w-full', isShowClearButton && 'pr-9')} onValueChange={onValueChange} />\n            </FormControl>\n            {isShowClearButton && valueWatch && (\n              <button\n                type=\"button\"\n                className=\"text-text-positive-weak hover:text-text-positive 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\"\n                aria-label=\"Clear input\"\n                onClick={handleClearInput}\n              >\n                <XIcon size={14} aria-hidden=\"true\" />\n              </button>\n            )}\n          </div>\n          <Flex width=\"full\" padding=\"none\" justify=\"end\">\n            {isShowErrorMsg && <FormMessage className=\"grow\" />}\n            {isShowCount && <div className=\"text-text-positive-weak text-end text-xs\">{valueWatch?.length ?? 0} characters</div>}\n          </Flex>\n          {!!description && <FormDescription>{description}</FormDescription>}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"ydAuBA,MAAa,GAA6D,CACxE,OACA,QAAQ,aACR,cAAc,kBACd,cAAc,GACd,oBAAoB,GACpB,iBAAiB,GACjB,cAAc,GACd,cACA,YAAY,GACZ,mBACyB,CACzB,GAAM,CAAE,cAAe,IACjB,EAAa,EAAS,CAAE,SAExB,EAAmB,EAAM,gBAAkB,CAC/C,EAAW,IACV,CAAC,EAAY,IAEhB,OACE,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WACT,EAAC,EAAA,CAAS,UAAW,EAAG,eAAgB,GAAgB,CAAC,CAAC,GAAe,YAAc,aACpF,GAAe,EAAC,EAAA,CAAA,SAAW,IAC5B,EAAC,MAAA,CAAI,UAAU,qBACb,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAM,GAAI,EAAoB,cAAa,UAAW,EAAG,SAAU,GAAqB,QAAwB,oBAElH,GAAqB,GACpB,EAAC,SAAA,CACC,KAAK,SACL,UAAU,yPACV,aAAW,cACX,QAAS,WAET,EAAC,EAAA,CAAM,KAAM,GAAI,cAAY,cAInC,EAAC,EAAA,CAAK,MAAM,OAAO,QAAQ,OAAO,QAAQ,gBACvC,GAAkB,EAAC,EAAA,CAAY,UAAU,SACzC,GAAe,EAAC,MAAA,CAAI,UAAU,qDAA4C,GAAY,QAAU,EAAE,oBAEpG,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB"}