@customafk/lunas-ui 0.1.3 → 0.1.4

package/dist/form-wrapper-BAQkwR6l.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-wrapper-BAQkwR6l.js","names":[],"sources":["../packages/components/forms/form-wrapper.tsx"],"sourcesContent":["import { ErrorMessage } from '@hookform/error-message';\nimport { AlertCircleIcon } from 'lucide-react';\nimport { Activity, useCallback, useEffect, useState } from 'react';\nimport { type FieldValues, type FormState, type SubmitErrorHandler, type SubmitHandler, type UseFormProps, useForm } from 'react-hook-form';\nimport type { AnyEntity } from '@/types';\nimport { ErrorDialog } from '../dialogs/error-dialog';\nimport { FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet } from '../ui/field';\nimport { Form } from '../ui/form';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormProps<TFieldValues>;\n  isResetAfterSubmit?: boolean;\n  title?: string;\n  description?: string;\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  title,\n  description,\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] = useState<boolean>(false);\n\n  const handleFormSubmit = 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 = 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  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        <FieldSet>\n          <Activity mode={title || description ? 'visible' : 'hidden'}>\n            <FieldLegend>{title}</FieldLegend>\n            <FieldDescription>{description}</FieldDescription>\n            <FieldSeparator />\n          </Activity>\n          <FieldGroup>{children}</FieldGroup>\n        </FieldSet>\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            <Activity mode={Object.keys(formState.errors).length > 0 ? 'visible' : 'hidden'}>\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                        if (!messages) return null;\n                        return (\n                          <>\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                          </>\n                        );\n                      }}\n                    />\n                  ))}\n                </div>\n              </div>\n            </Activity>\n            <Activity mode={Object.keys(formState.errors).length === 0 ? 'visible' : 'hidden'}>\n              <p className=\"text-muted-foreground text-sm\">No errors found.</p>\n            </Activity>\n          </>\n        )}\n      </ErrorDialog>\n    </Form>\n  );\n};\n"],"mappings":"ybAoBA,MAAa,GAA+D,CAC1E,KAAM,EACN,qBAAqB,GACrB,QACA,cACA,YACA,WACA,UACA,aACA,cACkD,CAClD,IAAM,EAAO,EAAQ,CACnB,GAAG,EACH,aAAc,MACf,CAAC,CAEI,CAAE,YAAW,QAAO,eAAc,aAAc,EAChD,CAAE,eAAgB,EAElB,CAAC,EAAW,GAAgB,EAAkB,GAAM,CAEpD,EAAmB,EACvB,GAAQ,CACN,EAAS,EAAM,EAAW,EAAY,CAClC,GACF,GAAO,EAGX,CAAC,EAAa,EAAW,EAAoB,EAAU,EAAM,CAC9D,CAEK,EAAkB,EACtB,GAAU,CACU,OAAO,KAAK,EAAO,CACvB,SAAW,IACzB,IAAU,EAAO,CACjB,EAAa,GAAK,GAEpB,CAAC,EAAQ,CACV,CAaD,OAXA,MAAgB,CACd,GAAI,CAAC,EAAY,OACjB,IAAM,EAAW,EAAU,CACzB,UAAW,CAAE,OAAQ,GAAM,CAC3B,UAAW,CAAE,YAAa,CACxB,EAAW,EAAO,EAErB,CAAC,CACF,UAAa,GAAU,EACtB,CAAC,EAAY,EAAU,CAAC,CAGzB,EAAC,EAAA,CAAK,GAAI,YACR,EAAC,OAAA,CAAgB,YAAW,SAAU,EAAa,EAAkB,EAAgB,UACnF,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAS,KAAM,GAAS,EAAc,UAAY,mBACjD,EAAC,EAAA,CAAA,SAAa,EAAA,CAAoB,CAClC,EAAC,EAAA,CAAA,SAAkB,EAAA,CAA+B,CAClD,EAAC,EAAA,EAAA,CAAiB,GACT,CACX,EAAC,EAAA,CAAY,WAAA,CAAsB,CAAA,CAAA,CAC1B,EACN,CACP,EAAC,EAAA,CACC,KAAM,EACN,MAAM,mBACN,YAAY,iFACZ,aAAc,WAEb,GACC,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAS,KAAM,OAAO,KAAK,EAAU,OAAO,CAAC,OAAS,EAAI,UAAY,kBACrE,EAAC,MAAA,CAAI,UAAU,+CACb,EAAC,IAAA,CAAE,UAAU,uDAA8C,4CAA4C,CACvG,EAAC,MAAA,CAAI,UAAU,mCACZ,OAAO,QAAQ,EAAU,OAAO,CAAC,KAAK,CAAC,KACtC,EAAC,EAAA,CAEC,OAAQ,EAAU,OAClB,KAAM,EACN,QAAS,CAAE,cACJ,EAEH,EAAA,EAAA,CAAA,SACG,OAAO,QAAQ,EAAS,CAAC,KAAK,CAAC,EAAM,KAElC,EAAC,MAAA,CAAe,UAAU,yFACxB,EAAC,EAAA,CAAgB,KAAM,GAAI,UAAU,0CAA2C,CAChF,EAAC,IAAA,CAAE,UAAU,yCAAiC,GAAY,CAAA,EAFlD,EAGJ,CAER,CAAA,CACD,CAXiB,MAJnB,EAkBL,CACF,EACE,CAAA,EACF,EACG,CACX,EAAC,EAAA,CAAS,KAAM,OAAO,KAAK,EAAU,OAAO,CAAC,SAAW,EAAI,UAAY,kBACvE,EAAC,IAAA,CAAE,UAAU,yCAAgC,oBAAoB,EACxD,CAAA,CAAA,CACV,EAEO,CAAA,EACT"}

package/dist/form-wrapper-CcH5-e90.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./error-dialog-BHrA5oTT.cjs`),n=require(`./field-Cjpwx_6d.cjs`),r=require(`./form-D1gfOYhk.cjs`);let i=require(`lucide-react`),a=require(`react`),o=require(`react/jsx-runtime`),s=require(`@hookform/error-message`),c=require(`react-hook-form`);const l=({form:e,isResetAfterSubmit:l=!0,title:u,description:d,className:f,onSubmit:p,onError:m,onSubcribe:h,children:g})=>{let _=(0,c.useForm)({...e,criteriaMode:`all`}),{formState:v,reset:y,handleSubmit:b,subscribe:x}=_,{dirtyFields:S}=v,[C,w]=(0,a.useState)(!1),T=(0,a.useCallback)(e=>{p(e,v,S),l&&y()},[S,v,l,p,y]),E=(0,a.useCallback)(e=>{Object.keys(e).length!==0&&(m?.(e),w(!0))},[m]);return(0,a.useEffect)(()=>{if(!h)return;let e=x({formState:{values:!0},callback:({values:e})=>{h(e)}});return()=>e()},[h,x]),(0,o.jsxs)(r.t,{..._,children:[(0,o.jsx)(`form`,{className:f,onSubmit:b(T,E),children:(0,o.jsxs)(n.l,{children:[(0,o.jsxs)(a.Activity,{mode:u||d?`visible`:`hidden`,children:[(0,o.jsx)(n.s,{children:u}),(0,o.jsx)(n.r,{children:d}),(0,o.jsx)(n.c,{})]}),(0,o.jsx)(n.a,{children:g})]})}),(0,o.jsx)(t.t,{open:C,title:`Lỗi nhập dữ liệu`,description:`An unexpected error has occurred. Please check the errors below and try again.`,onOpenChange:w,children:C&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Activity,{mode:Object.keys(v.errors).length>0?`visible`:`hidden`,children:(0,o.jsxs)(`div`,{className:`flex max-w-100 flex-col gap-2 px-4`,children:[(0,o.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,o.jsx)(`div`,{className:`flex flex-col space-y-1`,children:Object.entries(v.errors).map(([e])=>(0,o.jsx)(s.ErrorMessage,{errors:v.errors,name:e,render:({messages:e})=>e?(0,o.jsx)(o.Fragment,{children:Object.entries(e).map(([e,t])=>(0,o.jsxs)(`div`,{className:`text-accent-foreground flex items-start gap-x-1 truncate text-sm font-normal`,children:[(0,o.jsx)(i.AlertCircleIcon,{size:16,className:`text-destructive mt-0.5 min-w-4 flex-0`}),(0,o.jsx)(`p`,{className:`line-clamp-2 flex-1 text-wrap`,children:t})]},e))}):null},e))})]})}),(0,o.jsx)(a.Activity,{mode:Object.keys(v.errors).length===0?`visible`:`hidden`,children:(0,o.jsx)(`p`,{className:`text-muted-foreground text-sm`,children:`No errors found.`})})]})})]})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
-//# sourceMappingURL=form-wrapper-CcH5-e90.cjs.map

package/dist/form-wrapper-CcH5-e90.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-wrapper-CcH5-e90.cjs","names":["Form","FieldSet","Activity","FieldLegend","FieldDescription","FieldSeparator","FieldGroup","ErrorDialog","ErrorMessage","AlertCircleIcon"],"sources":["../packages/components/forms/form-wrapper.tsx"],"sourcesContent":["import { ErrorMessage } from '@hookform/error-message';\nimport { AlertCircleIcon } from 'lucide-react';\nimport { Activity, useCallback, useEffect, useState } from 'react';\nimport { type FieldValues, type FormState, type SubmitErrorHandler, type SubmitHandler, type UseFormProps, useForm } from 'react-hook-form';\nimport type { AnyEntity } from '@/types';\nimport { ErrorDialog } from '../dialogs/error-dialog';\nimport { FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet } from '../ui/field';\nimport { Form } from '../ui/form';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormProps<TFieldValues>;\n  isResetAfterSubmit?: boolean;\n  title?: string;\n  description?: string;\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  title,\n  description,\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] = useState<boolean>(false);\n\n  const handleFormSubmit = 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 = 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  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        <FieldSet>\n          <Activity mode={title || description ? 'visible' : 'hidden'}>\n            <FieldLegend>{title}</FieldLegend>\n            <FieldDescription>{description}</FieldDescription>\n            <FieldSeparator />\n          </Activity>\n          <FieldGroup>{children}</FieldGroup>\n        </FieldSet>\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            <Activity mode={Object.keys(formState.errors).length > 0 ? 'visible' : 'hidden'}>\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                        if (!messages) return null;\n                        return (\n                          <>\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                          </>\n                        );\n                      }}\n                    />\n                  ))}\n                </div>\n              </div>\n            </Activity>\n            <Activity mode={Object.keys(formState.errors).length === 0 ? 'visible' : 'hidden'}>\n              <p className=\"text-muted-foreground text-sm\">No errors found.</p>\n            </Activity>\n          </>\n        )}\n      </ErrorDialog>\n    </Form>\n  );\n};\n"],"mappings":"sSAoBA,MAAa,GAA+D,CAC1E,KAAM,EACN,qBAAqB,GACrB,QACA,cACA,YACA,WACA,UACA,aACA,cACkD,CAClD,IAAM,GAAA,EAAA,EAAA,SAAe,CACnB,GAAG,EACH,aAAc,MACf,CAAC,CAEI,CAAE,YAAW,QAAO,eAAc,aAAc,EAChD,CAAE,eAAgB,EAElB,CAAC,EAAW,IAAA,EAAA,EAAA,UAAkC,GAAM,CAEpD,GAAA,EAAA,EAAA,aACJ,GAAQ,CACN,EAAS,EAAM,EAAW,EAAY,CAClC,GACF,GAAO,EAGX,CAAC,EAAa,EAAW,EAAoB,EAAU,EAAM,CAC9D,CAEK,GAAA,EAAA,EAAA,aACJ,GAAU,CACU,OAAO,KAAK,EAAO,CACvB,SAAW,IACzB,IAAU,EAAO,CACjB,EAAa,GAAK,GAEpB,CAAC,EAAQ,CACV,CAaD,OAXA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAY,OACjB,IAAM,EAAW,EAAU,CACzB,UAAW,CAAE,OAAQ,GAAM,CAC3B,UAAW,CAAE,YAAa,CACxB,EAAW,EAAO,EAErB,CAAC,CACF,UAAa,GAAU,EACtB,CAAC,EAAY,EAAU,CAAC,EAGzB,EAAA,EAAA,MAACA,EAAAA,EAAAA,CAAK,GAAI,aACR,EAAA,EAAA,KAAC,OAAA,CAAgB,YAAW,SAAU,EAAa,EAAkB,EAAgB,WACnF,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,MAACC,EAAAA,SAAAA,CAAS,KAAM,GAAS,EAAc,UAAY,oBACjD,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAa,EAAA,CAAoB,EAClC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAkB,EAAA,CAA+B,EAClD,EAAA,EAAA,KAACC,EAAAA,EAAAA,EAAAA,CAAiB,GACT,EACX,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAY,WAAA,CAAsB,CAAA,CAAA,CAC1B,EACN,EACP,EAAA,EAAA,KAACC,EAAAA,EAAAA,CACC,KAAM,EACN,MAAM,mBACN,YAAY,iFACZ,aAAc,WAEb,IACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAACL,EAAAA,SAAAA,CAAS,KAAM,OAAO,KAAK,EAAU,OAAO,CAAC,OAAS,EAAI,UAAY,mBACrE,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,gDACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,uDAA8C,4CAA4C,EACvG,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,mCACZ,OAAO,QAAQ,EAAU,OAAO,CAAC,KAAK,CAAC,MACtC,EAAA,EAAA,KAACM,EAAAA,aAAAA,CAEC,OAAQ,EAAU,OAClB,KAAM,EACN,QAAS,CAAE,cACJ,GAEH,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,OAAO,QAAQ,EAAS,CAAC,KAAK,CAAC,EAAM,MAElC,EAAA,EAAA,MAAC,MAAA,CAAe,UAAU,0FACxB,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,UAAU,0CAA2C,EAChF,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,yCAAiC,GAAY,CAAA,EAFlD,EAGJ,CAER,CAAA,CACD,CAXiB,MAJnB,EAkBL,CACF,EACE,CAAA,EACF,EACG,EACX,EAAA,EAAA,KAACP,EAAAA,SAAAA,CAAS,KAAM,OAAO,KAAK,EAAU,OAAO,CAAC,SAAW,EAAI,UAAY,mBACvE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,yCAAgC,oBAAoB,EACxD,CAAA,CAAA,CACV,EAEO,CAAA,EACT"}

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

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/combobox-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  placeholder?: string;
-  options?: {
-    value: string | number;
-    label: string;
-  }[];
-  isShowErrorMsg?: boolean;
-  modal?: boolean;
-  description?: string;
-  onAddNewItem?: () => void;
-};
-declare const ComboboxField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  description,
-  options,
-  onAddNewItem
-}: Props<TFieldValues>) => react_jsx_runtime4.JSX.Element;
-//#endregion
-export { ComboboxField };
-//# sourceMappingURL=combobox-field-BQg9PZu6.d.ts.map

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

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/combobox-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  placeholder?: string;
-  options?: {
-    value: string | number;
-    label: string;
-  }[];
-  isShowErrorMsg?: boolean;
-  modal?: boolean;
-  description?: string;
-  onAddNewItem?: () => void;
-};
-declare const ComboboxField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  description,
-  options,
-  onAddNewItem
-}: Props<TFieldValues>) => react_jsx_runtime8.JSX.Element;
-//#endregion
-export { ComboboxField };
-//# sourceMappingURL=combobox-field-mxf0rXnl.d.cts.map

package/dist/forms/combobox-field.js

@@ -1,2 +0,0 @@
-"use client";import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import{t as e}from"../button-ZBnX9IoC.js";import"../label-pQFhmWzJ.js";import"../separator-udZphpLE.js";import{n as t}from"../field-CBs15wFj.js";import{a as n,i as r,n as i,o as a,r as o}from"../form-aAvu-cMF.js";import"../dialog-BXrkkvSS.js";import{a as s,c,i as l,o as u,r as d,s as f,t as p}from"../command-BCjoeG8s.js";import{i as m,r as h,t as g}from"../popover-Bx80nsDv.js";import{ChevronDownIcon as _,PlusIcon as v}from"lucide-react";import{Activity as y}from"react";import{cn as b}from"@customafk/react-toolkit/utils";import{Fragment as x,jsx as S,jsxs as C}from"react/jsx-runtime";const w=({name:w,label:T=`Combobox`,placeholder:E=`Chọn một mục`,description:D,options:O,onAddNewItem:k})=>S(r,{name:w,render:({field:r})=>C(n,{className:`w-full`,children:[S(y,{mode:T||D?`visible`:`hidden`,children:C(t,{children:[S(a,{children:T}),!!D&&S(o,{children:D})]})}),S(`div`,{className:`basis-3/5 flex justify-end`,children:C(g,{modal:!0,children:[S(m,{asChild:!0,children:S(i,{children:C(e,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:b(`w-full md:max-w-80`,`shadow-input flex justify-between rounded-md px-3`,`outline-border-weak font-normal`,`[&_div]:w-full`,`[&_span]: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:[r.value?S(`p`,{className:`flex flex-1 min-w-0 text-start items-center gap-2`,children:O?.find(({value:e})=>e===r.value)?.label}):S(`p`,{className:`text-text-positive-muted text-start flex-1`,children:E}),S(_,{size:16,className:`text-text-positive-weak shrink-0`,"aria-hidden":`true`})]})})}),S(h,{className:`w-(--radix-popover-trigger-width) p-0`,children:C(p,{className:`border-none`,children:[S(s,{placeholder:E??`Tìm kiếm`}),C(f,{children:[S(l,{className:`max-h-40 overflow-y-auto`,children:O?.map(({value:e,label:t})=>S(u,{value:t,onSelect:()=>r.onChange(e),children:t},e))}),k&&C(x,{children:[S(c,{}),S(l,{children:C(e,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,children:[S(v,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),S(d,{children:`Không có kết quả`})]})})]})})]})});export{w as ComboboxField};
-//# sourceMappingURL=combobox-field.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-field.js","names":["label"],"sources":["../../packages/components/forms/combobox-field.tsx"],"sourcesContent":["'use client';\nimport { Activity } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\nimport { ChevronDownIcon, PlusIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '@/components/ui/button';\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from '@/components/ui/command';\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel } from '@/components/ui/form';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\nimport { FieldContent } from '../ui/field';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>;\n  label?: string;\n  placeholder?: string;\n  options?: { value: string | number; label: string }[];\n  isShowErrorMsg?: boolean;\n  modal?: boolean;\n  description?: string;\n  onAddNewItem?: () => void;\n};\n\nexport const ComboboxField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Combobox',\n  placeholder = 'Chọn một mục',\n  description,\n  options,\n  onAddNewItem,\n}: Props<TFieldValues>) => {\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => {\n        return (\n          <FormItem className=\"w-full\">\n            <Activity mode={label || description ? 'visible' : 'hidden'}>\n              <FieldContent>\n                <FormLabel>{label}</FormLabel>\n                {!!description && <FormDescription>{description}</FormDescription>}\n              </FieldContent>\n            </Activity>\n            <div className=\"basis-3/5 flex justify-end\">\n              <Popover modal={true}>\n                <PopoverTrigger asChild>\n                  <FormControl>\n                    <Button\n                      type=\"button\"\n                      variant=\"outline\"\n                      role=\"combobox\"\n                      color=\"muted\"\n                      className={cn(\n                        'w-full md:max-w-80',\n                        'shadow-input flex justify-between rounded-md px-3',\n                        'outline-border-weak font-normal',\n                        '[&_div]:w-full',\n                        '[&_span]:w-full',\n                        '[&_div]:justify-between',\n                        'hover:outline-border',\n                        'data-[state=open]:text-text-positive-muted',\n                        'data-[state=open]:outline-1',\n                        'data-[state=open]:outline-primary-strong',\n                        'data-[state=open]:ring-primary-weak',\n                        'data-[state=open]:ring-4',\n                        'focus:border-primary-strong',\n                        'focus:ring-4',\n                        'focus:ring-primary-weak',\n                        'focus:outline-1',\n                        'focus:outline-primary-strong'\n                      )}\n                    >\n                      {field.value ? (\n                        <p className=\"flex flex-1 min-w-0 text-start items-center gap-2\">{options?.find(({ value }) => value === field.value)?.label}</p>\n                      ) : (\n                        <p className=\"text-text-positive-muted text-start flex-1\">{placeholder}</p>\n                      )}\n                      <ChevronDownIcon size={16} className=\"text-text-positive-weak shrink-0\" aria-hidden=\"true\" />\n                    </Button>\n                  </FormControl>\n                </PopoverTrigger>\n                <PopoverContent className=\"w-(--radix-popover-trigger-width) p-0\">\n                  <Command className=\"border-none\">\n                    <CommandInput placeholder={placeholder ?? 'Tìm kiếm'} />\n                    <CommandList>\n                      <CommandGroup className=\"max-h-40 overflow-y-auto\">\n                        {options?.map(({ value, label }) => (\n                          <CommandItem key={value} value={label} onSelect={() => field.onChange(value)}>\n                            {label}\n                          </CommandItem>\n                        ))}\n                      </CommandGroup>\n                      {onAddNewItem && (\n                        <>\n                          <CommandSeparator />\n                          <CommandGroup>\n                            <Button type=\"button\" variant=\"ghost\" className=\"w-full justify-start font-normal\">\n                              <PlusIcon size={14} className=\"-ms-2 opacity-60\" aria-hidden=\"true\" />\n                              Thêm mới\n                            </Button>\n                          </CommandGroup>\n                        </>\n                      )}\n                    </CommandList>\n                    <CommandEmpty>Không có kết quả</CommandEmpty>\n                  </Command>\n                </PopoverContent>\n              </Popover>\n            </div>\n          </FormItem>\n        );\n      }}\n    />\n  );\n};\n"],"mappings":"8pBAyBA,MAAa,GAAiE,CAC5E,OACA,QAAQ,WACR,cAAc,eACd,cACA,UACA,kBAGE,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WAEP,EAAC,EAAA,CAAS,UAAU,mBAClB,EAAC,EAAA,CAAS,KAAM,GAAS,EAAc,UAAY,kBACjD,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SAAW,EAAA,CAAkB,CAC7B,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,EAAA,CAA8B,CAAA,CAAA,CACrD,EACN,CACX,EAAC,MAAA,CAAI,UAAU,sCACb,EAAC,EAAA,CAAQ,MAAO,aACd,EAAC,EAAA,CAAe,QAAA,YACd,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CACC,KAAK,SACL,QAAQ,UACR,KAAK,WACL,MAAM,QACN,UAAW,EACT,qBACA,oDACA,kCACA,iBACA,kBACA,0BACA,uBACA,6CACA,8BACA,2CACA,sCACA,2BACA,8BACA,eACA,0BACA,kBACA,+BACD,WAEA,EAAM,MACL,EAAC,IAAA,CAAE,UAAU,6DAAqD,GAAS,MAAM,CAAE,WAAY,IAAU,EAAM,MAAM,EAAE,OAAU,CAEjI,EAAC,IAAA,CAAE,UAAU,sDAA8C,GAAgB,CAE7E,EAAC,EAAA,CAAgB,KAAM,GAAI,UAAU,mCAAmC,cAAY,QAAS,CAAA,EACtF,CAAA,CACG,EACC,CACjB,EAAC,EAAA,CAAe,UAAU,iDACxB,EAAC,EAAA,CAAQ,UAAU,wBACjB,EAAC,EAAA,CAAa,YAAa,GAAe,WAAA,CAAc,CACxD,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAa,UAAU,oCACrB,GAAS,KAAK,CAAE,QAAO,MAAA,KACtB,EAAC,EAAA,CAAwB,MAAOA,EAAO,aAAgB,EAAM,SAAS,EAAM,UACzEA,GADe,EAEJ,CACd,EACW,CACd,GACC,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,EAAA,CAAmB,CACpB,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAO,KAAK,SAAS,QAAQ,QAAQ,UAAU,6CAC9C,EAAC,EAAA,CAAS,KAAM,GAAI,UAAU,mBAAmB,cAAY,QAAS,CAAA,WAAA,EAE/D,CAAA,CACI,CAAA,CAAA,CACd,CAAA,CAAA,CAEO,CACd,EAAC,EAAA,CAAA,SAAa,mBAAA,CAA+B,GACrC,EACK,CAAA,EACT,EACN,CAAA,EACG,EAGf"}

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

@@ -1,22 +0,0 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/date-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  placeholder?: string;
-  description?: string;
-  isShowErrorMsg?: boolean;
-  modal?: boolean;
-};
-declare const DateField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  description,
-  isShowErrorMsg
-}: Props<TFieldValues>) => react_jsx_runtime5.JSX.Element;
-//#endregion
-export { DateField };
-//# sourceMappingURL=date-field-CdVOQ9Sn.d.cts.map

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

@@ -1,22 +0,0 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/date-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  placeholder?: string;
-  description?: string;
-  isShowErrorMsg?: boolean;
-  modal?: boolean;
-};
-declare const DateField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  description,
-  isShowErrorMsg
-}: Props<TFieldValues>) => react_jsx_runtime3.JSX.Element;
-//#endregion
-export { DateField };
-//# sourceMappingURL=date-field-CrrpEnvB.d.ts.map

package/dist/forms/date-field.js

@@ -1,2 +0,0 @@
-"use client";import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import{t as e}from"../button-ZBnX9IoC.js";import"../label-pQFhmWzJ.js";import"../separator-udZphpLE.js";import{n as t}from"../field-CBs15wFj.js";import{a as n,i as r,n as i,o as a,r as o,s}from"../form-aAvu-cMF.js";import{i as c,r as l,t as u}from"../popover-Bx80nsDv.js";import{t as d}from"../calendar-oeosoy2_.js";import{CalendarIcon as f}from"lucide-react";import{Activity as p}from"react";import{cn as m}from"@customafk/react-toolkit/utils";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{format as _}from"@customafk/react-toolkit/date-fns";const v=({name:v,label:y=`Date Field`,placeholder:b=`Select a date`,description:x=``,isShowErrorMsg:S=!1})=>h(r,{name:v,render:({field:r})=>g(n,{children:[h(p,{mode:y||x?`visible`:`hidden`,children:g(t,{children:[h(a,{children:y}),!!x&&h(o,{children:x})]})}),g(u,{modal:!0,children:[h(c,{asChild:!0,children:h(i,{children:g(e,{variant:`outline`,color:`muted`,className:m(`w-full pl-3 text-left font-normal`,`outline-border-weak font-normal`,`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`,!r.value&&`text-text-positive-muted`),children:[r.value?_(r.value,`PPP`):g(`span`,{children:[` `,b||`Pick a date`]}),h(f,{className:`text-text-positive-weak ml-auto size-4`})]})})}),h(l,{className:`w-auto p-0`,align:`start`,children:h(d,{mode:`single`,selected:r.value,onSelect:e=>{r.onChange(e?.toISOString())},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),S&&h(s,{})]})});export{v as DateField};
-//# sourceMappingURL=date-field.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"date-field.js","names":[],"sources":["../../packages/components/forms/date-field.tsx"],"sourcesContent":["'use client';\nimport { Activity } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\nimport { CalendarIcon } from 'lucide-react';\n\nimport { format } from '@customafk/react-toolkit/date-fns';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '../ui/button';\nimport { Calendar } from '../ui/calendar';\nimport { FieldContent } from '../ui/field';\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form';\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>;\n  label?: string;\n  placeholder?: string;\n  description?: string;\n  isShowErrorMsg?: boolean;\n  modal?: boolean;\n};\n\nexport const DateField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Date Field',\n  placeholder = 'Select a date',\n  description = '',\n  isShowErrorMsg = false,\n}: Props<TFieldValues>) => {\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem>\n          <Activity mode={label || description ? 'visible' : 'hidden'}>\n            <FieldContent>\n              <FormLabel>{label}</FormLabel>\n              {!!description && <FormDescription>{description}</FormDescription>}\n            </FieldContent>\n          </Activity>\n          <Popover modal>\n            <PopoverTrigger asChild>\n              <FormControl>\n                <Button\n                  variant=\"outline\"\n                  color=\"muted\"\n                  className={cn(\n                    'w-full pl-3 text-left font-normal',\n                    'outline-border-weak font-normal',\n                    'hover:outline-border',\n                    'data-[state=open]:text-text-positive-muted',\n                    'data-[state=open]:outline-1',\n                    'data-[state=open]:outline-primary-strong',\n                    'data-[state=open]:ring-primary-weak',\n                    'data-[state=open]:ring-4',\n                    'focus:border-primary-strong',\n                    'focus:ring-4',\n                    'focus:ring-primary-weak',\n                    'focus:outline-1',\n                    'focus:outline-primary-strong',\n                    !field.value && 'text-text-positive-muted'\n                  )}\n                >\n                  {field.value ? format(field.value, 'PPP') : <span> {placeholder || 'Pick a date'}</span>}\n                  <CalendarIcon className=\"text-text-positive-weak ml-auto size-4\" />\n                </Button>\n              </FormControl>\n            </PopoverTrigger>\n            <PopoverContent className=\"w-auto p-0\" align=\"start\">\n              <Calendar\n                mode=\"single\"\n                selected={field.value}\n                onSelect={date => {\n                  field.onChange(date?.toISOString());\n                }}\n                captionLayout=\"dropdown\"\n                disabled={date => date < new Date('2022-01-01')}\n              />\n            </PopoverContent>\n          </Popover>\n          {isShowErrorMsg && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  );\n};\n"],"mappings":"0nBAwBA,MAAa,GAA6D,CACxE,OACA,QAAQ,aACR,cAAc,gBACd,cAAc,GACd,iBAAiB,MAGf,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WACT,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAS,KAAM,GAAS,EAAc,UAAY,kBACjD,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SAAW,EAAA,CAAkB,CAC7B,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,EAAA,CAA8B,CAAA,CAAA,CACrD,EACN,CACX,EAAC,EAAA,CAAQ,MAAA,aACP,EAAC,EAAA,CAAe,QAAA,YACd,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CACC,QAAQ,UACR,MAAM,QACN,UAAW,EACT,oCACA,kCACA,uBACA,6CACA,8BACA,2CACA,sCACA,2BACA,8BACA,eACA,0BACA,kBACA,+BACA,CAAC,EAAM,OAAS,2BACjB,WAEA,EAAM,MAAQ,EAAO,EAAM,MAAO,MAAM,CAAG,EAAC,OAAA,CAAA,SAAA,CAAK,IAAE,GAAe,cAAA,CAAA,CAAqB,CACxF,EAAC,EAAA,CAAa,UAAU,yCAAA,CAA2C,CAAA,EAC5D,CAAA,CACG,EACC,CACjB,EAAC,EAAA,CAAe,UAAU,aAAa,MAAM,iBAC3C,EAAC,EAAA,CACC,KAAK,SACL,SAAU,EAAM,MAChB,SAAU,GAAQ,CAChB,EAAM,SAAS,GAAM,aAAa,CAAC,EAErC,cAAc,WACd,SAAU,GAAQ,EAAO,IAAI,KAAK,aAAa,EAC/C,EACa,CAAA,EACT,CACT,GAAkB,EAAC,EAAA,EAAA,CAAc,GACzB,EAEb"}

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

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
-import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
-
-//#region packages/components/forms/form-wrapper.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  form: UseFormProps<TFieldValues>;
-  isResetAfterSubmit?: boolean;
-  title?: string;
-  description?: string;
-  className?: string;
-  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>['dirtyFields']) => void | Promise<void>;
-  onError?: SubmitErrorHandler<TFieldValues>;
-  onSubcribe?: (values: TFieldValues) => void;
-};
-declare const FormWrapper: <TFieldValues extends FieldValues = FieldValues>({
-  form: FormConfig,
-  isResetAfterSubmit,
-  title,
-  description,
-  className,
-  onSubmit,
-  onError,
-  onSubcribe,
-  children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime5.JSX.Element;
-//#endregion
-export { FormWrapper };
-//# sourceMappingURL=form-wrapper-Bhw7Gw1a.d.ts.map

package/dist/forms/form-wrapper-W9LQcBYC.d.cts

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
-import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
-
-//#region packages/components/forms/form-wrapper.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  form: UseFormProps<TFieldValues>;
-  isResetAfterSubmit?: boolean;
-  title?: string;
-  description?: string;
-  className?: string;
-  onSubmit: (data: TFieldValues, formState: FormState<FieldValues>, dirtyFields: FormState<FieldValues>['dirtyFields']) => void | Promise<void>;
-  onError?: SubmitErrorHandler<TFieldValues>;
-  onSubcribe?: (values: TFieldValues) => void;
-};
-declare const FormWrapper: <TFieldValues extends FieldValues = FieldValues>({
-  form: FormConfig,
-  isResetAfterSubmit,
-  title,
-  description,
-  className,
-  onSubmit,
-  onError,
-  onSubcribe,
-  children
-}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime9.JSX.Element;
-//#endregion
-export { FormWrapper };
-//# sourceMappingURL=form-wrapper-W9LQcBYC.d.cts.map

package/dist/forms/form-wrapper.js

@@ -1 +0,0 @@
-import"../button.variants-D-o2smvP.js";import"../alert-dialog-CEQsuXqU.js";import"../error-dialog-CfTV_hxv.js";import"../label-pQFhmWzJ.js";import"../separator-udZphpLE.js";import"../field-CBs15wFj.js";import"../form-aAvu-cMF.js";import{t as e}from"../form-wrapper-BAQkwR6l.js";export{e as FormWrapper};

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

@@ -1,32 +0,0 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/multi-select-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  isShowLabel?: boolean;
-  isShowErrorMsg?: boolean;
-  className?: string;
-  label?: string;
-  description?: string;
-  placeholder?: string;
-  options?: {
-    value: string;
-    label: string;
-  }[];
-  onAdd?: () => void;
-};
-declare const MultiSelectField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  isShowLabel,
-  isShowErrorMsg,
-  placeholder,
-  description,
-  className,
-  options,
-  onAdd
-}: Props<TFieldValues>) => react_jsx_runtime1.JSX.Element;
-//#endregion
-export { MultiSelectField };
-//# sourceMappingURL=multi-select-field-BQh-h3LP.d.ts.map

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

@@ -1,32 +0,0 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/multi-select-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  isShowLabel?: boolean;
-  isShowErrorMsg?: boolean;
-  className?: string;
-  label?: string;
-  description?: string;
-  placeholder?: string;
-  options?: {
-    value: string;
-    label: string;
-  }[];
-  onAdd?: () => void;
-};
-declare const MultiSelectField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  isShowLabel,
-  isShowErrorMsg,
-  placeholder,
-  description,
-  className,
-  options,
-  onAdd
-}: Props<TFieldValues>) => react_jsx_runtime10.JSX.Element;
-//#endregion
-export { MultiSelectField };
-//# sourceMappingURL=multi-select-field-BgIDBcI4.d.cts.map

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

@@ -1,2 +0,0 @@
-"use client";import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import"../button-ZBnX9IoC.js";import"../label-pQFhmWzJ.js";import"../separator-udZphpLE.js";import{n as e}from"../field-CBs15wFj.js";import{a as t,i as n,n as r,o as i,r as a,s as o}from"../form-aAvu-cMF.js";import"../dialog-BXrkkvSS.js";import"../command-BCjoeG8s.js";import{t as s}from"../multi-select-D4OhB1ZU.js";import{Activity as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=({name:d,label:f=`Multi Select Field`,isShowLabel:p=!0,isShowErrorMsg:m,placeholder:h=`Select options`,description:g=``,className:_=``,options:v=[],onAdd:y})=>l(n,{name:d,render:({field:{value:n,onChange:d}})=>{let b=v.filter(e=>n?.includes(e.value));return u(t,{className:_,children:[l(c,{mode:f||g?`visible`:`hidden`,children:u(e,{children:[p&&l(i,{children:f}),!!g&&l(a,{children:g})]})}),u(`div`,{className:`basis-3/5 flex justify-end`,children:[l(r,{children:l(s,{placeholder:h,emptyIndicator:`No options available`,value:b,options:v,className:`w-full md:max-w-80`,onChange:e=>{d(e.map(e=>e.value))},onAddNewItem:y})}),m&&l(o,{})]})]})}});export{d as MultiSelectField};
-//# sourceMappingURL=multi-select-field.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"multi-select-field.js","names":["value"],"sources":["../../packages/components/forms/multi-select-field.tsx"],"sourcesContent":["'use client';\nimport { Activity } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\nimport { FieldContent } from '../ui/field';\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form';\nimport { MultipleSelector, type Option } from '../ui/multi-select';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>;\n  isShowLabel?: boolean;\n  isShowErrorMsg?: boolean;\n  className?: string;\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  className = '',\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={className}>\n            <Activity mode={label || description ? 'visible' : 'hidden'}>\n              <FieldContent>\n                {isShowLabel && <FormLabel>{label}</FormLabel>}\n                {!!description && <FormDescription>{description}</FormDescription>}\n              </FieldContent>\n            </Activity>\n            <div className=\"basis-3/5 flex justify-end\">\n              <FormControl>\n                <MultipleSelector\n                  placeholder={placeholder}\n                  emptyIndicator=\"No options available\"\n                  value={val}\n                  options={options}\n                  className=\"w-full md:max-w-80\"\n                  onChange={handleOnChange}\n                  onAddNewItem={onAdd}\n                />\n              </FormControl>\n              {isShowErrorMsg && <FormMessage />}\n            </div>\n          </FormItem>\n        );\n      }}\n    />\n  );\n};\n"],"mappings":"geAmBA,MAAa,GAAoE,CAC/E,OACA,QAAQ,qBACR,cAAc,GACd,iBACA,cAAc,iBACd,cAAc,GACd,YAAY,GACZ,UAAU,EAAE,CACZ,WAGE,EAAC,EAAA,CACO,OACN,QAAS,CAAE,MAAO,CAAE,QAAO,eAAiB,CAC1C,IAAM,EAAM,EAAQ,OAAO,GAAU,GAAO,SAAS,EAAO,MAAM,CAAC,CAKnE,OACE,EAAC,EAAA,CAAoB,sBACnB,EAAC,EAAA,CAAS,KAAM,GAAS,EAAc,UAAY,kBACjD,EAAC,EAAA,CAAA,SAAA,CACE,GAAe,EAAC,EAAA,CAAA,SAAW,EAAA,CAAkB,CAC7C,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,EAAA,CAA8B,CAAA,CAAA,CACrD,EACN,CACX,EAAC,MAAA,CAAI,UAAU,uCACb,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CACc,cACb,eAAe,uBACf,MAAO,EACE,UACT,UAAU,qBACV,SApBc,GAAoB,CAE1C,EADuBA,EAAM,IAAI,GAAK,EAAE,MAAM,CACtB,EAmBhB,aAAc,GACd,CAAA,CACU,CACb,GAAkB,EAAC,EAAA,EAAA,CAAc,CAAA,EAC9B,CAAA,EACG,GAGf"}

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

@@ -1,30 +0,0 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/number-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  description?: string;
-  placeholder?: string;
-  unitText?: string;
-  isShowClearButton?: boolean;
-  isShowErrorMsg?: boolean;
-  isShowCount?: boolean;
-  isNested?: boolean;
-  onValueChange?: (value?: number) => void;
-};
-declare const NumberField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  isShowErrorMsg,
-  isShowCount,
-  isNested,
-  unitText,
-  description,
-  onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime7.JSX.Element;
-//#endregion
-export { NumberField };
-//# sourceMappingURL=number-field-Bl52S606.d.ts.map

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

@@ -1,30 +0,0 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/number-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  description?: string;
-  placeholder?: string;
-  unitText?: string;
-  isShowClearButton?: boolean;
-  isShowErrorMsg?: boolean;
-  isShowCount?: boolean;
-  isNested?: boolean;
-  onValueChange?: (value?: number) => void;
-};
-declare const NumberField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  isShowErrorMsg,
-  isShowCount,
-  isNested,
-  unitText,
-  description,
-  onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime7.JSX.Element;
-//#endregion
-export { NumberField };
-//# sourceMappingURL=number-field-Pqzrj0fp.d.cts.map

package/dist/forms/number-field.js

@@ -1,2 +0,0 @@
-"use client";import"../label-pQFhmWzJ.js";import"../separator-udZphpLE.js";import{n as e}from"../field-CBs15wFj.js";import{a as t,i as n,n as r,o as i,r as a,s as o}from"../form-aAvu-cMF.js";import"../input-C_Q32lFA.js";import{t as s}from"../number-input-DcqwSq0c.js";import{Activity as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{useWatch as d}from"react-hook-form";const f=({name:f,label:p=`Number Field`,placeholder:m=`0`,isShowErrorMsg:h=!1,isShowCount:g=!1,isNested:_=!1,unitText:v=``,description:y=``,onValueChange:b})=>{let x=d({name:f});return _?l(n,{name:f,render:({field:{onChange:n,...d}})=>u(t,{orientation:`vertical`,className:`gap-1`,children:[l(c,{mode:p||y?`visible`:`hidden`,children:u(e,{children:[l(i,{className:`text-xs`,children:p}),!!y&&l(a,{children:y})]})}),u(`div`,{className:`flex flex-col w-full justify-start`,children:[l(r,{children:l(s,{...d,placeholder:m,unitText:v,wrapperClassName:`w-full`,onValueChange:e=>{n(e),b?.(e)}})}),g&&u(`div`,{className:`text-muted-foreground text-end text-xs`,children:[x?.length??0,` characters`]}),h&&l(o,{})]})]})}):l(n,{name:f,render:({field:{onChange:n,...d}})=>u(t,{children:[l(c,{mode:p||y?`visible`:`hidden`,children:u(e,{children:[l(i,{children:p}),!!y&&l(a,{children:y})]})}),u(`div`,{className:`relative basis-3/5 flex justify-end`,children:[l(r,{children:l(s,{...d,placeholder:m,unitText:v,wrapperClassName:`w-full md:max-w-60`,onValueChange:e=>{n(e),b?.(e)}})}),g&&u(`div`,{className:`text-muted-foreground text-end text-xs`,children:[x?.length??0,` characters`]}),h&&l(o,{})]})]})})};export{f as NumberField};
-//# sourceMappingURL=number-field.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"number-field.js","names":[],"sources":["../../packages/components/forms/number-field.tsx"],"sourcesContent":["'use client';\nimport { Activity } from 'react';\nimport { type FieldPath, type FieldValues, useWatch } from 'react-hook-form';\n\nimport { FieldContent } from '../ui/field';\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form';\nimport { NumberInput } from '../ui/inputs/number-input';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>;\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  unitText?: string;\n  isShowClearButton?: boolean;\n  isShowErrorMsg?: boolean;\n  isShowCount?: boolean;\n  isNested?: boolean;\n  onValueChange?: (value?: number) => void;\n};\nexport const NumberField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Number Field',\n  placeholder = '0',\n  isShowErrorMsg = false,\n  isShowCount = false,\n  isNested = false,\n  unitText = '',\n  description = '',\n  onValueChange,\n}: Props<TFieldValues>) => {\n  const valueWatch = useWatch({ name });\n\n  if (isNested) {\n    return (\n      <FormField\n        name={name}\n        render={({ field: { onChange, ...field } }) => (\n          <FormItem orientation=\"vertical\" className=\"gap-1\">\n            <Activity mode={label || description ? 'visible' : 'hidden'}>\n              <FieldContent>\n                <FormLabel className=\"text-xs\">{label}</FormLabel>\n                {!!description && <FormDescription>{description}</FormDescription>}\n              </FieldContent>\n            </Activity>\n            <div className=\"flex flex-col w-full justify-start\">\n              <FormControl>\n                <NumberInput\n                  {...field}\n                  placeholder={placeholder}\n                  unitText={unitText}\n                  wrapperClassName=\"w-full\"\n                  onValueChange={value => {\n                    onChange(value);\n                    onValueChange?.(value);\n                  }}\n                />\n              </FormControl>\n              {isShowCount && <div className=\"text-muted-foreground text-end text-xs\">{valueWatch?.length ?? 0} characters</div>}\n              {isShowErrorMsg && <FormMessage />}\n            </div>\n          </FormItem>\n        )}\n      />\n    );\n  }\n\n  return (\n    <FormField\n      name={name}\n      render={({ field: { onChange, ...field } }) => (\n        <FormItem>\n          <Activity mode={label || description ? 'visible' : 'hidden'}>\n            <FieldContent>\n              <FormLabel>{label}</FormLabel>\n              {!!description && <FormDescription>{description}</FormDescription>}\n            </FieldContent>\n          </Activity>\n          <div className=\"relative basis-3/5 flex justify-end\">\n            <FormControl>\n              <NumberInput\n                {...field}\n                placeholder={placeholder}\n                unitText={unitText}\n                wrapperClassName=\"w-full md:max-w-60\"\n                onValueChange={value => {\n                  onChange(value);\n                  onValueChange?.(value);\n                }}\n              />\n            </FormControl>\n            {isShowCount && <div className=\"text-muted-foreground text-end text-xs\">{valueWatch?.length ?? 0} characters</div>}\n            {isShowErrorMsg && <FormMessage />}\n          </div>\n        </FormItem>\n      )}\n    />\n  );\n};\n"],"mappings":"0YAoBA,MAAa,GAA+D,CAC1E,OACA,QAAQ,eACR,cAAc,IACd,iBAAiB,GACjB,cAAc,GACd,WAAW,GACX,WAAW,GACX,cAAc,GACd,mBACyB,CACzB,IAAM,EAAa,EAAS,CAAE,OAAM,CAAC,CAoCrC,OAlCI,EAEA,EAAC,EAAA,CACO,OACN,QAAS,CAAE,MAAO,CAAE,WAAU,GAAG,MAC/B,EAAC,EAAA,CAAS,YAAY,WAAW,UAAU,kBACzC,EAAC,EAAA,CAAS,KAAM,GAAS,EAAc,UAAY,kBACjD,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAU,UAAU,mBAAW,GAAkB,CACjD,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,EAAA,CAA8B,CAAA,CAAA,CACrD,EACN,CACX,EAAC,MAAA,CAAI,UAAU,+CACb,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CACC,GAAI,EACS,cACH,WACV,iBAAiB,SACjB,cAAe,GAAS,CACtB,EAAS,EAAM,CACf,IAAgB,EAAM,GAExB,CAAA,CACU,CACb,GAAe,EAAC,MAAA,CAAI,UAAU,mDAA0C,GAAY,QAAU,EAAE,cAAA,EAAiB,CACjH,GAAkB,EAAC,EAAA,EAAA,CAAc,GAC9B,CAAA,EACG,EAEb,CAKJ,EAAC,EAAA,CACO,OACN,QAAS,CAAE,MAAO,CAAE,WAAU,GAAG,MAC/B,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAS,KAAM,GAAS,EAAc,UAAY,kBACjD,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SAAW,EAAA,CAAkB,CAC7B,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,EAAA,CAA8B,CAAA,CAAA,CACrD,EACN,CACX,EAAC,MAAA,CAAI,UAAU,gDACb,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CACC,GAAI,EACS,cACH,WACV,iBAAiB,qBACjB,cAAe,GAAS,CACtB,EAAS,EAAM,CACf,IAAgB,EAAM,GAExB,CAAA,CACU,CACb,GAAe,EAAC,MAAA,CAAI,UAAU,mDAA0C,GAAY,QAAU,EAAE,cAAA,EAAiB,CACjH,GAAkB,EAAC,EAAA,EAAA,CAAc,GAC9B,CAAA,CAAA,CACG,EAEb"}

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

@@ -1,23 +0,0 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/password-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  description?: string;
-  placeholder?: string;
-  isShowErrorMsg?: boolean;
-  onValueChange?: (value: string) => void;
-};
-declare const PasswordField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  isShowErrorMsg,
-  description,
-  onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime1.JSX.Element;
-//#endregion
-export { PasswordField };
-//# sourceMappingURL=password-field-Bw9XxxBU.d.cts.map

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

@@ -1,23 +0,0 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/password-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  description?: string;
-  placeholder?: string;
-  isShowErrorMsg?: boolean;
-  onValueChange?: (value: string) => void;
-};
-declare const PasswordField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  isShowErrorMsg,
-  description,
-  onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime12.JSX.Element;
-//#endregion
-export { PasswordField };
-//# sourceMappingURL=password-field-rSwfbwU-.d.ts.map

package/dist/forms/password-field.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"password-field.js","names":["PasswordInput: React.FC<Props>"],"sources":["../../packages/components/ui/inputs/password-input.tsx","../../packages/components/forms/password-field.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\nimport { useCallback, useId, useState } from 'react';\n\nimport { Input } from '../input';\n\ntype Props = React.ComponentPropsWithoutRef<typeof Input>;\nexport const PasswordInput: React.FC<Props> = ({ className, ...rest }) => {\n  const id = useId();\n  const [isVisible, setIsVisible] = useState<boolean>(false);\n  const toggleVisibility = useCallback(() => setIsVisible(prevState => !prevState), []);\n  return (\n    <div className=\"relative\">\n      <Input {...rest} id={id} placeholder=\"Password\" type={isVisible ? 'text' : 'password'} className={cn('pe-9', className)} />\n      <button\n        className=\"absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:text-foreground focus:z-10 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n        type=\"button\"\n        onClick={toggleVisibility}\n        aria-label={isVisible ? 'Hide password' : 'Show password'}\n        aria-pressed={isVisible}\n        aria-controls=\"password\"\n      >\n        {isVisible ? <EyeOffIcon size={16} aria-hidden=\"true\" /> : <EyeIcon size={16} aria-hidden=\"true\" />}\n      </button>\n    </div>\n  );\n};\n","'use client';\nimport { Activity } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\nimport { FieldContent } from '../ui/field';\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form';\nimport { PasswordInput } from '../ui/inputs/password-input';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>;\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  isShowErrorMsg?: boolean;\n  onValueChange?: (value: string) => void;\n};\nexport const PasswordField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Text Field',\n  placeholder = 'Enter text here',\n  isShowErrorMsg = false,\n  description,\n  onValueChange,\n}: Props<TFieldValues>) => {\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem className=\"w-full\">\n          <Activity mode={label || description ? 'visible' : 'hidden'}>\n            <FieldContent>\n              <FormLabel>{label}</FormLabel>\n              {!!description && <FormDescription>{description}</FormDescription>}\n            </FieldContent>\n          </Activity>\n          <FormControl>\n            <PasswordInput placeholder={placeholder} {...field} onValueChange={onValueChange} />\n          </FormControl>\n          {isShowErrorMsg && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  );\n};\n"],"mappings":"gdAQA,MAAaA,GAAkC,CAAE,YAAW,GAAG,KAAW,CACxE,IAAM,EAAK,GAAO,CACZ,CAAC,EAAW,GAAgB,EAAkB,GAAM,CACpD,EAAmB,MAAkB,EAAa,GAAa,CAAC,EAAU,CAAE,EAAE,CAAC,CACrF,OACE,EAAC,MAAA,CAAI,UAAU,qBACb,EAAC,EAAA,CAAM,GAAI,EAAU,KAAI,YAAY,WAAW,KAAM,EAAY,OAAS,WAAY,UAAW,EAAG,OAAQ,EAAU,EAAI,CAC3H,EAAC,SAAA,CACC,UAAU,oVACV,KAAK,SACL,QAAS,EACT,aAAY,EAAY,gBAAkB,gBAC1C,eAAc,EACd,gBAAc,oBAED,EAAZ,EAAa,EAA8C,EAA9C,CAAW,KAAM,GAAI,cAAY,QAAoD,EAC5F,CAAA,EACL,ECTG,GAAiE,CAC5E,OACA,QAAQ,aACR,cAAc,kBACd,iBAAiB,GACjB,cACA,mBAGE,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WACT,EAAC,EAAA,CAAS,UAAU,mBAClB,EAAC,EAAA,CAAS,KAAM,GAAS,EAAc,UAAY,kBACjD,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SAAW,EAAA,CAAkB,CAC7B,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,EAAA,CAA8B,CAAA,CAAA,CACrD,EACN,CACX,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAA2B,cAAa,GAAI,EAAsB,iBAAiB,CAAA,CACxE,CACb,GAAkB,EAAC,EAAA,EAAA,CAAc,GACzB,EAEb"}

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

@@ -1,33 +0,0 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/select-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  placeholder?: string;
-  disabledValues?: string[];
-  options?: {
-    value: string;
-    label: string;
-  }[];
-  isShowLabel?: boolean;
-  isShowErrorMsg?: boolean;
-  modal?: boolean;
-  description?: string;
-  className?: string;
-};
-declare const SelectField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  disabledValues,
-  options,
-  isShowLabel,
-  isShowErrorMsg,
-  description,
-  className
-}: Props<TFieldValues>) => react_jsx_runtime8.JSX.Element;
-//#endregion
-export { SelectField };
-//# sourceMappingURL=select-field-AzQh5h9b.d.ts.map

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

@@ -1,33 +0,0 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/select-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  placeholder?: string;
-  disabledValues?: string[];
-  options?: {
-    value: string;
-    label: string;
-  }[];
-  isShowLabel?: boolean;
-  isShowErrorMsg?: boolean;
-  modal?: boolean;
-  description?: string;
-  className?: string;
-};
-declare const SelectField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  disabledValues,
-  options,
-  isShowLabel,
-  isShowErrorMsg,
-  description,
-  className
-}: Props<TFieldValues>) => react_jsx_runtime12.JSX.Element;
-//#endregion
-export { SelectField };
-//# sourceMappingURL=select-field-C4eMaKXm.d.cts.map

package/dist/forms/select-field.js

@@ -1,2 +0,0 @@
-"use client";import"../label-pQFhmWzJ.js";import"../separator-udZphpLE.js";import{n as e}from"../field-CBs15wFj.js";import{a as t,i as n,n as r,o as i,r as a,s as o}from"../form-aAvu-cMF.js";import{i as s,l as c,n as l,t as u,u as d}from"../select-C3ZceYuJ.js";import{Activity as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";const h=({name:h,label:g=`Select Field`,placeholder:_=`Select an option`,disabledValues:v=[],options:y=[],isShowLabel:b=!0,isShowErrorMsg:x=!1,description:S=``,className:C=``})=>p(n,{name:h,render:({field:n})=>m(t,{className:C,children:[p(f,{mode:g||S?`visible`:`hidden`,children:m(e,{children:[b&&p(i,{children:g}),!!S&&p(a,{children:S})]})}),m(`div`,{className:`flex basis-3/5 justify-end`,children:[m(u,{defaultValue:n.value,onValueChange:n.onChange,children:[p(r,{children:p(c,{className:`w-full md:max-w-80`,children:p(d,{placeholder:_})})}),p(l,{children:y.map(e=>p(s,{disabled:v.includes(e.value),value:e.value,children:e.label},e.value))})]}),x&&p(o,{})]})]})});export{h as SelectField};
-//# sourceMappingURL=select-field.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"select-field.js","names":[],"sources":["../../packages/components/forms/select-field.tsx"],"sourcesContent":["'use client';\nimport { Activity } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\nimport { FieldContent } from '../ui/field';\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>;\n  label?: string;\n  placeholder?: string;\n  disabledValues?: string[];\n  options?: { value: string; label: string }[];\n  isShowLabel?: boolean;\n  isShowErrorMsg?: boolean;\n  modal?: boolean;\n  description?: string;\n  className?: string;\n};\nexport const SelectField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Select Field',\n  placeholder = 'Select an option',\n  disabledValues = [],\n  options = [],\n  isShowLabel = true,\n  isShowErrorMsg = false,\n  description = '',\n  className = '',\n}: Props<TFieldValues>) => {\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <Activity mode={label || description ? 'visible' : 'hidden'}>\n            <FieldContent>\n              {isShowLabel && <FormLabel>{label}</FormLabel>}\n              {!!description && <FormDescription>{description}</FormDescription>}\n            </FieldContent>\n          </Activity>\n          <div className=\"flex basis-3/5 justify-end\">\n            <Select defaultValue={field.value} onValueChange={field.onChange}>\n              <FormControl>\n                <SelectTrigger className=\"w-full md:max-w-80\">\n                  <SelectValue placeholder={placeholder} />\n                </SelectTrigger>\n              </FormControl>\n              <SelectContent>\n                {options.map(option => (\n                  <SelectItem key={option.value} disabled={disabledValues.includes(option.value)} value={option.value}>\n                    {option.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n            {isShowErrorMsg && <FormMessage />}\n          </div>\n        </FormItem>\n      )}\n    />\n  );\n};\n"],"mappings":"wVAoBA,MAAa,GAA+D,CAC1E,OACA,QAAQ,eACR,cAAc,mBACd,iBAAiB,EAAE,CACnB,UAAU,EAAE,CACZ,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,YAAY,MAGV,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WACT,EAAC,EAAA,CAAoB,sBACnB,EAAC,EAAA,CAAS,KAAM,GAAS,EAAc,UAAY,kBACjD,EAAC,EAAA,CAAA,SAAA,CACE,GAAe,EAAC,EAAA,CAAA,SAAW,EAAA,CAAkB,CAC7C,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,EAAA,CAA8B,CAAA,CAAA,CACrD,EACN,CACX,EAAC,MAAA,CAAI,UAAU,uCACb,EAAC,EAAA,CAAO,aAAc,EAAM,MAAO,cAAe,EAAM,mBACtD,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAc,UAAU,8BACvB,EAAC,EAAA,CAAyB,cAAA,CAAe,EAC3B,CAAA,CACJ,CACd,EAAC,EAAA,CAAA,SACE,EAAQ,IAAI,GACX,EAAC,EAAA,CAA8B,SAAU,EAAe,SAAS,EAAO,MAAM,CAAE,MAAO,EAAO,eAC3F,EAAO,OADO,EAAO,MAEX,CACb,CAAA,CACY,CAAA,EACT,CACR,GAAkB,EAAC,EAAA,EAAA,CAAc,CAAA,EAC9B,CAAA,EACG,EAEb"}

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

@@ -1,21 +0,0 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/switch-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  className?: string;
-  description?: string;
-  isShowErrorMsg?: boolean;
-};
-declare const SwitchField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  className,
-  description,
-  isShowErrorMsg
-}: Props<TFieldValues>) => react_jsx_runtime2.JSX.Element;
-//#endregion
-export { SwitchField };
-//# sourceMappingURL=switch-field-BB6buSf-.d.ts.map

package/dist/forms/switch-field-BSMybXLU.d.cts

@@ -1,21 +0,0 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/switch-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  className?: string;
-  description?: string;
-  isShowErrorMsg?: boolean;
-};
-declare const SwitchField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  className,
-  description,
-  isShowErrorMsg
-}: Props<TFieldValues>) => react_jsx_runtime13.JSX.Element;
-//#endregion
-export { SwitchField };
-//# sourceMappingURL=switch-field-BSMybXLU.d.cts.map