@customafk/lunas-ui 0.0.7 → 0.0.9

package/dist/forms/date-field.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../chunk-hhQzssFb.cjs`),t=require(`../utils-DaJ1XZgX.cjs`),n=require(`../button-CycE0WzB.cjs`);require(`../label-i858Jr98.cjs`);const r=require(`../form-C_PCHrpx.cjs`),i=require(`../popover-CAokgoc_.cjs`),a=require(`../calendar-CPFb8F_s.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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.cjs","names":["FormField","FormItem","FormLabel","Popover","PopoverTrigger","FormControl","Button","cn","CalendarIcon","PopoverContent","Calendar","FormDescription","FormMessage"],"sources":["../../packages/components/forms/date-field.tsx"],"sourcesContent":["\"use client\"\nimport type { FieldPath, FieldValues } from 'react-hook-form'\nimport { format } from 'date-fns'\nimport { CalendarIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Button } from '../ui/button'\nimport { Calendar } from '../ui/calendar'\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 className=\"w-full\">\n          <FormLabel>{label}</FormLabel>\n          <Popover modal>\n            <PopoverTrigger asChild>\n              <FormControl>\n                <Button\n                  variant=\"outline\"\n                  className={cn('w-full pl-3 text-left font-normal', !field.value && 'text-muted-foreground')}\n                >\n                  {field.value ? format(field.value, 'PPP') : <span> {placeholder || 'Pick a date'}</span>}\n                  <CalendarIcon className=\"ml-auto size-4 opacity-50\" />\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          {!!description && <FormDescription>{description}</FormDescription>}\n          {isShowErrorMsg && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"iYAqBa,GAA6D,CACxE,OACA,QAAQ,aACR,cAAc,gBACd,cAAc,GACd,iBAAiB,OAGf,EAAA,EAAA,KAACA,EAAAA,UAAAA,CACO,OACN,QAAS,CAAE,YACT,EAAA,EAAA,MAACC,EAAAA,SAAAA,CAAS,UAAU,oBAClB,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAAA,SAAW,KACZ,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAQ,MAAA,cACP,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,QAAA,aACd,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,UACC,EAAA,EAAA,MAACC,EAAAA,OAAAA,CACC,QAAQ,UACR,UAAWC,EAAAA,GAAG,oCAAqC,CAAC,EAAM,OAAS,mCAElE,EAAM,OAAA,EAAA,EAAA,QAAe,EAAM,MAAO,QAAS,EAAA,EAAA,MAAC,OAAA,CAAA,SAAA,CAAK,IAAE,GAAe,kBACnE,EAAA,EAAA,KAACC,EAAAA,aAAAA,CAAa,UAAU,sCAI9B,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,UAAU,aAAa,MAAM,kBAC3C,EAAA,EAAA,KAACC,EAAAA,SAAAA,CACC,KAAK,SACL,SAAU,EAAM,MAChB,SAAW,GAAS,CAClB,EAAM,SAAS,GAAM,gBAEvB,cAAc,WACd,SAAW,GAAS,EAAO,IAAI,KAAK,qBAIzC,CAAC,CAAC,IAAe,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,SAAiB,IACnC,IAAkB,EAAA,EAAA,KAACC,EAAAA,YAAAA"}

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

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime4 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_runtime4.JSX.Element;
+//#endregion
+export { DateField };
+//# sourceMappingURL=date-field.d.cts.map

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

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime6 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_runtime6.JSX.Element;
+//#endregion
+export { DateField };
+//# sourceMappingURL=date-field.d.ts.map

package/dist/forms/date-field.js

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"../utils-D9AH0PUV.js";import{Button as t}from"../button-Bku3bKv9.js";import"../label-Cxbctr6x.js";import{FormControl as n,FormDescription as r,FormField as i,FormItem as a,FormLabel as o,FormMessage as s}from"../form-CA4hhSV5.js";import{Popover as c,PopoverContent as l,PopoverTrigger as u}from"../popover-B8j86VQv.js";import{Calendar as d}from"../calendar-5D53vIAn.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/date-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.js","names":[],"sources":["../../packages/components/forms/date-field.tsx"],"sourcesContent":["\"use client\"\nimport type { FieldPath, FieldValues } from 'react-hook-form'\nimport { format } from 'date-fns'\nimport { CalendarIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Button } from '../ui/button'\nimport { Calendar } from '../ui/calendar'\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 className=\"w-full\">\n          <FormLabel>{label}</FormLabel>\n          <Popover modal>\n            <PopoverTrigger asChild>\n              <FormControl>\n                <Button\n                  variant=\"outline\"\n                  className={cn('w-full pl-3 text-left font-normal', !field.value && 'text-muted-foreground')}\n                >\n                  {field.value ? format(field.value, 'PPP') : <span> {placeholder || 'Pick a date'}</span>}\n                  <CalendarIcon className=\"ml-auto size-4 opacity-50\" />\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          {!!description && <FormDescription>{description}</FormDescription>}\n          {isShowErrorMsg && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"mhBAqBA,MAAa,GAA6D,CACxE,OACA,QAAQ,aACR,cAAc,gBACd,cAAc,GACd,iBAAiB,MAGf,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WACT,EAAC,EAAA,CAAS,UAAU,mBAClB,EAAC,EAAA,CAAA,SAAW,IACZ,EAAC,EAAA,CAAQ,MAAA,aACP,EAAC,EAAA,CAAe,QAAA,YACd,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CACC,QAAQ,UACR,UAAW,EAAG,oCAAqC,CAAC,EAAM,OAAS,mCAElE,EAAM,MAAQ,EAAO,EAAM,MAAO,OAAS,EAAC,OAAA,CAAA,SAAA,CAAK,IAAE,GAAe,iBACnE,EAAC,EAAA,CAAa,UAAU,qCAI9B,EAAC,EAAA,CAAe,UAAU,aAAa,MAAM,iBAC3C,EAAC,EAAA,CACC,KAAK,SACL,SAAU,EAAM,MAChB,SAAW,GAAS,CAClB,EAAM,SAAS,GAAM,gBAEvB,cAAc,WACd,SAAW,GAAS,EAAO,IAAI,KAAK,qBAIzC,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,IACnC,GAAkB,EAAC,EAAA"}

package/dist/forms/form-wrapper.cjs

@@ -1 +1 @@
-require(`../utils-BsjVK5EW.cjs`),require(`../button-Dzv_nos1.cjs`),require(`../alert-dialog-D5ZqgIiC.cjs`),require(`../error-dialog-DpQgL5Hy.cjs`),require(`../label-CunjD1rx.cjs`),require(`../form-CYZkgobJ.cjs`);const e=require(`../form-wrapper-BYbwt1zC.cjs`);exports.FormWrapper=e.FormWrapper;
+const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`),require(`../button-CycE0WzB.cjs`),require(`../alert-dialog-BQv-ZvW9.cjs`),require(`../error-dialog-DO0Bb-pi.cjs`),require(`../label-i858Jr98.cjs`),require(`../form-C_PCHrpx.cjs`);const t=require(`../form-wrapper-FYiHHas7.cjs`);exports.FormWrapper=t.FormWrapper;

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

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import React from "react";
 import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
 
@@ -18,7 +19,7 @@ declare const FormWrapper: <TFieldValues extends FieldValues = FieldValues>({
   onError,
   onSubcribe,
   children
-}: React.PropsWithChildren<Props<TFieldValues>>) => any;
+}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { FormWrapper };
 //# sourceMappingURL=form-wrapper.d.cts.map

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

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

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

@@ -0,0 +1,2 @@
+"use client";const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`),require(`../button-CycE0WzB.cjs`),require(`../label-i858Jr98.cjs`);const t=require(`../form-C_PCHrpx.cjs`);require(`../dialog-Cn8cFeu-.cjs`),require(`../command-D8k85t1c.cjs`);const n=require(`../multi-select-EqlnkO5V.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.multi_select_default,{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

@@ -0,0 +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 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  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,qBAAAA,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

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime6 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;
+  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,
+  options,
+  onAdd
+}: Props<TFieldValues>) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { MultiSelectField };
+//# sourceMappingURL=multi-select-field.d.cts.map

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

@@ -0,0 +1,30 @@
+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
+type Props<TFieldValues extends FieldValues = FieldValues> = {
+  name: FieldPath<TFieldValues>;
+  isShowLabel?: boolean;
+  isShowErrorMsg?: boolean;
+  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,
+  options,
+  onAdd
+}: Props<TFieldValues>) => react_jsx_runtime3.JSX.Element;
+//#endregion
+export { MultiSelectField };
+//# sourceMappingURL=multi-select-field.d.ts.map

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

@@ -0,0 +1,2 @@
+"use client";import"../utils-D9AH0PUV.js";import"../button-Bku3bKv9.js";import"../label-Cxbctr6x.js";import{FormControl as e,FormDescription as t,FormField as n,FormItem as r,FormLabel as i,FormMessage as a}from"../form-CA4hhSV5.js";import"../dialog-C4hf-Puw.js";import"../command-DieInaEN.js";import{multi_select_default as o}from"../multi-select-Bbv0Z0TP.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/multi-select-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select-field.js","names":["value","MultipleSelector"],"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 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  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":"2ZAgBA,MAAa,GAAoE,CAC/E,OACA,QAAQ,qBACR,cAAc,GACd,iBACA,cAAc,iBACd,cAAc,GACd,UAAU,GACV,WAGE,EAAC,EAAA,CACO,OACN,QAAS,CAAE,MAAO,CAAE,QAAO,eAAiB,CAC1C,IAAM,EAAM,EAAQ,OAAQ,GAAW,GAAO,SAAS,EAAO,QACxD,EAAkB,GAAoB,CAC1C,IAAM,EAAiBA,EAAM,IAAK,GAAM,EAAE,OAC1C,EAAS,IAEX,OACE,EAAC,EAAA,CAAS,UAAU,yBACjB,GAAe,EAAC,EAAA,CAAA,SAAW,IAC5B,EAAC,EAAA,CAAA,SACC,EAACC,EAAAA,CACc,cACb,eAAe,uBACf,MAAO,EACE,UACT,SAAU,EACV,aAAc,MAGjB,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,IACnC,GAAkB,EAAC,EAAA"}

package/dist/forms/number-field.cjs

@@ -0,0 +1,2 @@
+const e=require(`../chunk-hhQzssFb.cjs`),t=require(`../utils-DaJ1XZgX.cjs`);require(`../label-i858Jr98.cjs`);const n=require(`../form-C_PCHrpx.cjs`),r=require(`../input-C8Sebaue.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+8)/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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.cjs","names":["NumberInput: React.FC<IProps>","React","value","precision","maxIntegerLength","Input","cn","FormField","FormItem","FormLabel","FormControl","FormDescription","FormMessage"],"sources":["../../packages/components/ui/inputs/number-input.tsx","../../packages/components/forms/number-field.tsx"],"sourcesContent":["\"use client\"\nimport React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Input } from '../input'\n\nconst createValidationRegex = (allowNegative: boolean): RegExp => {\n  return allowNegative ? /^-?\\d*\\.?\\d*$/ : /^\\d*\\.?\\d*$/\n}\n\nconst formatNumberWithCommas = (num: number | string): string => {\n  return Number(num).toLocaleString()\n}\n\ninterface IProps extends React.HTMLAttributes<HTMLInputElement> {\n  /**\n   * Description: Value for the text field\n   *\n   * Default: ''\n   *\n   * Usage: Value for the text field\n   */\n  value?: string | number\n  /**\n   * Description: Disabled state of the text field\n   *\n   * Default: `false`\n   *\n   * Usage: Disabled state of the text field\n   *\n   * Note: If true, the text field will be disabled\n   */\n  disabled?: boolean\n  /**\n   * Description: Readonly state of the text field\n   *\n   * Default: `false`\n   *\n   * Usage: Readonly state of the text field\n   */\n  readonly?: boolean\n  /**\n   * Description: Allow negative value for the text field\n   *\n   * Default: `false`\n   *\n   * Usage: Allow negative value for the text field\n   */\n  allowNegative?: boolean\n  /**\n   * Description: Decimal point for the text field\n   *\n   * Default: `undefined`\n   *\n   * Usage: Ex: [12,3] => console.log(2323.23) // True\n   *\n   * Note: IF use this prop, `numberAfterDecimalPoint` will be ignored\n   */\n  decimal?: [number, number]\n  /**\n   * Description: Rounding rule for the text field\n   *\n   * Default: `nearest`\n   *\n   * Usage: Rounding rule for the text field\n   */\n  roundingRule?: 'up' | 'down' | 'nearest' | 'none'\n  /**\n   * Description: Number of digits after the decimal point\n   *\n   * Default: `2`\n   *\n   * Usage: Number of digits after the decimal point\n   */\n  numberAfterDecimalPoint?: number\n  /**\n   * Description: Placeholder for the text field\n   *\n   * Default: ''\n   *\n   * Usage: Placeholder for the text field\n   */\n  placeholder?: string\n  /**\n   * Description: Unit text for the text field\n   *\n   * Default: ''\n   *\n   * E.g. 'kg', 'm', 'USD'...\n   */\n  unitText?: string\n  /**\n   * Description: Invalid state of the text field\n   *\n   * Default: `false`\n   *\n   * Usage: Invalid state of the text field\n   */\n  invalid?: boolean\n  /**\n   * Description: Precision for the text field\n   *\n   * Default: `undefined`\n   * E.g.\n   * - 2.13 => 2.1 when precision is 1\n   * - 2.134 => 2.13 when precision is 2\n   */\n  precision?: number\n  /**\n   * Description: Callback function for the value change\n   * Usage: Callback function for the value change\n   */\n  onValueChange?: (value?: number) => void\n  onBlur?: () => void\n}\n/**\n * ## Unit Text Field Component\n *\n * **Description**: This component is to display common text field with unit\n *\n * **Usage**: Text field with unit example: 1000 (kg), 100 (m), 1000 (USD)...\n */\nexport const NumberInput: React.FC<IProps> = ({\n  disabled = false,\n  readonly = false,\n  allowNegative = false,\n  numberAfterDecimalPoint = 2,\n  roundingRule = 'none',\n  value: initialValue = '',\n  unitText,\n  decimal,\n  placeholder,\n  precision,\n  onChange,\n  onValueChange,\n  onBlur,\n  ...props\n}) => {\n  const _unitRef = React.useRef<HTMLSpanElement>(null)\n  const _inputRef = React.useRef<HTMLInputElement>(null)\n\n  const [value, setValue] = React.useState<string>(initialValue.toString())\n\n  // Memoized values for validation and formatting\n  const maxDecimalPlaces = decimal?.[1] ?? numberAfterDecimalPoint\n  const maxIntegerLength = decimal && decimal[0] - decimal[1]\n  const validationRegex = React.useMemo(() => createValidationRegex(allowNegative), [allowNegative])\n\n  // Validation functions\n  const isValidDecimalLength = React.useCallback(\n    (value: string): boolean => {\n      if (!maxDecimalPlaces && value.includes('.')) return false\n      const decimalPart = value.split('.')[1]\n      return !decimalPart || decimalPart.length <= maxDecimalPlaces\n    },\n    [maxDecimalPlaces],\n  )\n  const isValidFormat = React.useCallback(\n    (value: string): boolean => {\n      if (!decimal || value === '-') return true\n      const [integerPart, decimalPart = ''] = value.split('.')\n\n      return (\n        decimalPart.length <= decimal[1] &&\n        (integerPart.startsWith('-') ? integerPart.length - 1 : integerPart.length) <= maxIntegerLength!\n      )\n    },\n    [decimal, maxIntegerLength],\n  )\n  const customRoundedValue = React.useCallback(\n    (value: number, precision: number) => {\n      if (roundingRule === 'none') return value\n\n      const factor = Math.pow(10, precision)\n      const scaledValue = value * factor\n\n      switch (roundingRule) {\n        case 'up':\n          return Math.ceil(scaledValue) / factor\n        case 'down':\n          return Math.floor(scaledValue) / factor\n        case 'nearest': {\n          if (scaledValue % 1 < 0.1) return Math.floor(scaledValue) / factor\n          if (scaledValue % 1 >= 0.59) return Math.ceil(scaledValue) / factor\n          return (Math.floor(scaledValue) + 0.5) / factor\n        }\n        default:\n          return value\n      }\n    },\n    [roundingRule],\n  )\n  const isDecimalPointGreaterThanLimit = React.useCallback(\n    (value: string) =>\n      (!numberAfterDecimalPoint && value.includes('.')) || value.split('.')[1]?.length > numberAfterDecimalPoint,\n    [numberAfterDecimalPoint],\n  )\n  const formattedValue = React.useCallback(\n    (val: string) => {\n      if (val === '0') return '0'\n      if (!Number(val)) return ''\n\n      const numValue = parseFloat(val)\n      const effectivePrecision = Math.min(maxDecimalPlaces - 1, precision || 0)\n      const roundedValue = customRoundedValue(numValue, effectivePrecision).toString()\n      const [integerPart, decimalPart = ''] = roundedValue.split('.')\n      const formattedInteger = formatNumberWithCommas(integerPart)\n      return decimalPart ? `${formattedInteger}.${decimalPart}` : formattedInteger\n    },\n    [customRoundedValue, maxDecimalPlaces, precision],\n  )\n  // Validate decimal point is less than or equal to the limit\n  const validateDecimalPoint = React.useCallback(\n    (value: string) => {\n      if (!decimal || value === '-') return true\n\n      const [integerPart, decimalPart = ''] = value.split('.')\n      const integerLength = integerPart.startsWith('-') ? integerPart.length - 1 : integerPart.length\n      const maxIntegerLength = decimal[0] - decimal[1]\n\n      return decimalPart.length <= decimal[1] && integerLength <= maxIntegerLength\n    },\n    [decimal],\n  )\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      // Don't prevent default behavior of input change\n      onChange?.(e)\n\n      // Custom event handler for value change\n      const { value: inputValue } = e.target\n\n      // Handle empty input\n      if (!inputValue) {\n        onValueChange?.(undefined)\n        setValue('')\n        return\n      }\n\n      // Handle zero and negative zero\n      const isZero = inputValue === '0'\n      const isNegativeZero = inputValue === '-' && allowNegative\n      if (isZero || isNegativeZero) {\n        onValueChange?.(0)\n        setValue(inputValue)\n        return\n      }\n\n      // Validate input format\n      const isValid =\n        validationRegex.test(inputValue) && isValidFormat(inputValue) && (decimal || isValidDecimalLength(inputValue))\n      if (!isValid) return\n\n      const numericValue = parseFloat(inputValue) || 0\n      onValueChange?.(numericValue)\n      setValue(inputValue)\n    },\n    [allowNegative, decimal, isValidDecimalLength, isValidFormat, onChange, onValueChange, validationRegex],\n  )\n\n  const handleFocus = React.useCallback(() => {\n    if (readonly) return\n    setValue((prev) => prev.replace(/,/g, '')) // Remove commas for easier editing\n  }, [readonly])\n\n  const handleBlur = React.useCallback(() => {\n    if (readonly) return\n    onBlur?.()\n    setValue((prev) => formattedValue(prev))\n  }, [readonly, onBlur, formattedValue])\n\n  // Set initial value\n  React.useEffect(() => {\n    const isFocused = document.activeElement === _inputRef.current\n\n    if (\n      !initialValue ||\n      !validationRegex.test(initialValue.toString()) ||\n      !validateDecimalPoint(initialValue.toString()) ||\n      (!decimal && isDecimalPointGreaterThanLimit(initialValue.toString()))\n    ) {\n      setValue('')\n      return\n    }\n\n    setValue((prev) => {\n      if (prev === '-') return '-'\n      if (!prev) return ''\n      return isFocused ? initialValue.toString() : formattedValue(initialValue.toString())\n    })\n  }, [decimal, formattedValue, initialValue, isDecimalPointGreaterThanLimit, validateDecimalPoint, validationRegex])\n\n  // Set padding right for the input field\n  React.useEffect(() => {\n    if (!_unitRef.current || !_inputRef.current || !unitText) return\n    const unitWidth = _unitRef.current.offsetWidth\n    _inputRef.current.style.setProperty('padding-right', `${(unitWidth + 8) / 16}rem`)\n  }, [disabled, unitText])\n\n  return (\n    <div className=\"relative\">\n      <Input\n        {...props}\n        ref={_inputRef}\n        value={value || (readonly ? '0' : '')}\n        placeholder={placeholder}\n        disabled={disabled}\n        readOnly={readonly}\n        className={cn('font-number text-end', readonly && 'bg-muted text-muted-foreground')}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      />\n      {unitText && (\n        <span\n          ref={_unitRef}\n          className=\"text-muted-foreground pointer-events-none absolute top-1/2 right-2 -translate-y-1/2 text-sm\"\n        >\n          {unitText}\n        </span>\n      )}\n    </div>\n  )\n}\n","import { type FieldPath, type FieldValues, useWatch } from 'react-hook-form'\n\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  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  unitText = '',\n  description = '',\n  onValueChange,\n}: Props<TFieldValues>) => {\n  const valueWatch = useWatch({ name })\n\n  return (\n    <FormField\n      name={name}\n      render={({ field: { onChange, ...field } }) => (\n        <FormItem className=\"w-full gap-0\">\n          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <NumberInput\n              {...field}\n              placeholder={placeholder}\n              className=\"w-full\"\n              unitText={unitText}\n              onValueChange={(value) => {\n                onChange(value)\n                onValueChange?.(value)\n              }}\n            />\n          </FormControl>\n          {isShowCount && (\n            <div className=\"text-muted-foreground text-end text-xs\">{valueWatch?.length ?? 0} characters</div>\n          )}\n          {!!description && <FormDescription>{description}</FormDescription>}\n          {isShowErrorMsg && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+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;
+  onValueChange?: (value?: number) => void;
+};
+declare const NumberField: <TFieldValues extends FieldValues = FieldValues>({
+  name,
+  label,
+  placeholder,
+  isShowErrorMsg,
+  isShowCount,
+  unitText,
+  description,
+  onValueChange
+}: Props<TFieldValues>) => react_jsx_runtime7.JSX.Element;
+//#endregion
+export { NumberField };
+//# sourceMappingURL=number-field.d.cts.map

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

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime11 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;
+  onValueChange?: (value?: number) => void;
+};
+declare const NumberField: <TFieldValues extends FieldValues = FieldValues>({
+  name,
+  label,
+  placeholder,
+  isShowErrorMsg,
+  isShowCount,
+  unitText,
+  description,
+  onValueChange
+}: Props<TFieldValues>) => react_jsx_runtime11.JSX.Element;
+//#endregion
+export { NumberField };
+//# sourceMappingURL=number-field.d.ts.map

package/dist/forms/number-field.js

@@ -0,0 +1,2 @@
+import{cn as e}from"../utils-D9AH0PUV.js";import"../label-Cxbctr6x.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-CA4hhSV5.js";import{Input as s}from"../input-Dmaq3fzf.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+8)/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/number-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.js","names":["NumberInput: React.FC<IProps>","value","precision","maxIntegerLength"],"sources":["../../packages/components/ui/inputs/number-input.tsx","../../packages/components/forms/number-field.tsx"],"sourcesContent":["\"use client\"\nimport React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Input } from '../input'\n\nconst createValidationRegex = (allowNegative: boolean): RegExp => {\n  return allowNegative ? /^-?\\d*\\.?\\d*$/ : /^\\d*\\.?\\d*$/\n}\n\nconst formatNumberWithCommas = (num: number | string): string => {\n  return Number(num).toLocaleString()\n}\n\ninterface IProps extends React.HTMLAttributes<HTMLInputElement> {\n  /**\n   * Description: Value for the text field\n   *\n   * Default: ''\n   *\n   * Usage: Value for the text field\n   */\n  value?: string | number\n  /**\n   * Description: Disabled state of the text field\n   *\n   * Default: `false`\n   *\n   * Usage: Disabled state of the text field\n   *\n   * Note: If true, the text field will be disabled\n   */\n  disabled?: boolean\n  /**\n   * Description: Readonly state of the text field\n   *\n   * Default: `false`\n   *\n   * Usage: Readonly state of the text field\n   */\n  readonly?: boolean\n  /**\n   * Description: Allow negative value for the text field\n   *\n   * Default: `false`\n   *\n   * Usage: Allow negative value for the text field\n   */\n  allowNegative?: boolean\n  /**\n   * Description: Decimal point for the text field\n   *\n   * Default: `undefined`\n   *\n   * Usage: Ex: [12,3] => console.log(2323.23) // True\n   *\n   * Note: IF use this prop, `numberAfterDecimalPoint` will be ignored\n   */\n  decimal?: [number, number]\n  /**\n   * Description: Rounding rule for the text field\n   *\n   * Default: `nearest`\n   *\n   * Usage: Rounding rule for the text field\n   */\n  roundingRule?: 'up' | 'down' | 'nearest' | 'none'\n  /**\n   * Description: Number of digits after the decimal point\n   *\n   * Default: `2`\n   *\n   * Usage: Number of digits after the decimal point\n   */\n  numberAfterDecimalPoint?: number\n  /**\n   * Description: Placeholder for the text field\n   *\n   * Default: ''\n   *\n   * Usage: Placeholder for the text field\n   */\n  placeholder?: string\n  /**\n   * Description: Unit text for the text field\n   *\n   * Default: ''\n   *\n   * E.g. 'kg', 'm', 'USD'...\n   */\n  unitText?: string\n  /**\n   * Description: Invalid state of the text field\n   *\n   * Default: `false`\n   *\n   * Usage: Invalid state of the text field\n   */\n  invalid?: boolean\n  /**\n   * Description: Precision for the text field\n   *\n   * Default: `undefined`\n   * E.g.\n   * - 2.13 => 2.1 when precision is 1\n   * - 2.134 => 2.13 when precision is 2\n   */\n  precision?: number\n  /**\n   * Description: Callback function for the value change\n   * Usage: Callback function for the value change\n   */\n  onValueChange?: (value?: number) => void\n  onBlur?: () => void\n}\n/**\n * ## Unit Text Field Component\n *\n * **Description**: This component is to display common text field with unit\n *\n * **Usage**: Text field with unit example: 1000 (kg), 100 (m), 1000 (USD)...\n */\nexport const NumberInput: React.FC<IProps> = ({\n  disabled = false,\n  readonly = false,\n  allowNegative = false,\n  numberAfterDecimalPoint = 2,\n  roundingRule = 'none',\n  value: initialValue = '',\n  unitText,\n  decimal,\n  placeholder,\n  precision,\n  onChange,\n  onValueChange,\n  onBlur,\n  ...props\n}) => {\n  const _unitRef = React.useRef<HTMLSpanElement>(null)\n  const _inputRef = React.useRef<HTMLInputElement>(null)\n\n  const [value, setValue] = React.useState<string>(initialValue.toString())\n\n  // Memoized values for validation and formatting\n  const maxDecimalPlaces = decimal?.[1] ?? numberAfterDecimalPoint\n  const maxIntegerLength = decimal && decimal[0] - decimal[1]\n  const validationRegex = React.useMemo(() => createValidationRegex(allowNegative), [allowNegative])\n\n  // Validation functions\n  const isValidDecimalLength = React.useCallback(\n    (value: string): boolean => {\n      if (!maxDecimalPlaces && value.includes('.')) return false\n      const decimalPart = value.split('.')[1]\n      return !decimalPart || decimalPart.length <= maxDecimalPlaces\n    },\n    [maxDecimalPlaces],\n  )\n  const isValidFormat = React.useCallback(\n    (value: string): boolean => {\n      if (!decimal || value === '-') return true\n      const [integerPart, decimalPart = ''] = value.split('.')\n\n      return (\n        decimalPart.length <= decimal[1] &&\n        (integerPart.startsWith('-') ? integerPart.length - 1 : integerPart.length) <= maxIntegerLength!\n      )\n    },\n    [decimal, maxIntegerLength],\n  )\n  const customRoundedValue = React.useCallback(\n    (value: number, precision: number) => {\n      if (roundingRule === 'none') return value\n\n      const factor = Math.pow(10, precision)\n      const scaledValue = value * factor\n\n      switch (roundingRule) {\n        case 'up':\n          return Math.ceil(scaledValue) / factor\n        case 'down':\n          return Math.floor(scaledValue) / factor\n        case 'nearest': {\n          if (scaledValue % 1 < 0.1) return Math.floor(scaledValue) / factor\n          if (scaledValue % 1 >= 0.59) return Math.ceil(scaledValue) / factor\n          return (Math.floor(scaledValue) + 0.5) / factor\n        }\n        default:\n          return value\n      }\n    },\n    [roundingRule],\n  )\n  const isDecimalPointGreaterThanLimit = React.useCallback(\n    (value: string) =>\n      (!numberAfterDecimalPoint && value.includes('.')) || value.split('.')[1]?.length > numberAfterDecimalPoint,\n    [numberAfterDecimalPoint],\n  )\n  const formattedValue = React.useCallback(\n    (val: string) => {\n      if (val === '0') return '0'\n      if (!Number(val)) return ''\n\n      const numValue = parseFloat(val)\n      const effectivePrecision = Math.min(maxDecimalPlaces - 1, precision || 0)\n      const roundedValue = customRoundedValue(numValue, effectivePrecision).toString()\n      const [integerPart, decimalPart = ''] = roundedValue.split('.')\n      const formattedInteger = formatNumberWithCommas(integerPart)\n      return decimalPart ? `${formattedInteger}.${decimalPart}` : formattedInteger\n    },\n    [customRoundedValue, maxDecimalPlaces, precision],\n  )\n  // Validate decimal point is less than or equal to the limit\n  const validateDecimalPoint = React.useCallback(\n    (value: string) => {\n      if (!decimal || value === '-') return true\n\n      const [integerPart, decimalPart = ''] = value.split('.')\n      const integerLength = integerPart.startsWith('-') ? integerPart.length - 1 : integerPart.length\n      const maxIntegerLength = decimal[0] - decimal[1]\n\n      return decimalPart.length <= decimal[1] && integerLength <= maxIntegerLength\n    },\n    [decimal],\n  )\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      // Don't prevent default behavior of input change\n      onChange?.(e)\n\n      // Custom event handler for value change\n      const { value: inputValue } = e.target\n\n      // Handle empty input\n      if (!inputValue) {\n        onValueChange?.(undefined)\n        setValue('')\n        return\n      }\n\n      // Handle zero and negative zero\n      const isZero = inputValue === '0'\n      const isNegativeZero = inputValue === '-' && allowNegative\n      if (isZero || isNegativeZero) {\n        onValueChange?.(0)\n        setValue(inputValue)\n        return\n      }\n\n      // Validate input format\n      const isValid =\n        validationRegex.test(inputValue) && isValidFormat(inputValue) && (decimal || isValidDecimalLength(inputValue))\n      if (!isValid) return\n\n      const numericValue = parseFloat(inputValue) || 0\n      onValueChange?.(numericValue)\n      setValue(inputValue)\n    },\n    [allowNegative, decimal, isValidDecimalLength, isValidFormat, onChange, onValueChange, validationRegex],\n  )\n\n  const handleFocus = React.useCallback(() => {\n    if (readonly) return\n    setValue((prev) => prev.replace(/,/g, '')) // Remove commas for easier editing\n  }, [readonly])\n\n  const handleBlur = React.useCallback(() => {\n    if (readonly) return\n    onBlur?.()\n    setValue((prev) => formattedValue(prev))\n  }, [readonly, onBlur, formattedValue])\n\n  // Set initial value\n  React.useEffect(() => {\n    const isFocused = document.activeElement === _inputRef.current\n\n    if (\n      !initialValue ||\n      !validationRegex.test(initialValue.toString()) ||\n      !validateDecimalPoint(initialValue.toString()) ||\n      (!decimal && isDecimalPointGreaterThanLimit(initialValue.toString()))\n    ) {\n      setValue('')\n      return\n    }\n\n    setValue((prev) => {\n      if (prev === '-') return '-'\n      if (!prev) return ''\n      return isFocused ? initialValue.toString() : formattedValue(initialValue.toString())\n    })\n  }, [decimal, formattedValue, initialValue, isDecimalPointGreaterThanLimit, validateDecimalPoint, validationRegex])\n\n  // Set padding right for the input field\n  React.useEffect(() => {\n    if (!_unitRef.current || !_inputRef.current || !unitText) return\n    const unitWidth = _unitRef.current.offsetWidth\n    _inputRef.current.style.setProperty('padding-right', `${(unitWidth + 8) / 16}rem`)\n  }, [disabled, unitText])\n\n  return (\n    <div className=\"relative\">\n      <Input\n        {...props}\n        ref={_inputRef}\n        value={value || (readonly ? '0' : '')}\n        placeholder={placeholder}\n        disabled={disabled}\n        readOnly={readonly}\n        className={cn('font-number text-end', readonly && 'bg-muted text-muted-foreground')}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      />\n      {unitText && (\n        <span\n          ref={_unitRef}\n          className=\"text-muted-foreground pointer-events-none absolute top-1/2 right-2 -translate-y-1/2 text-sm\"\n        >\n          {unitText}\n        </span>\n      )}\n    </div>\n  )\n}\n","import { type FieldPath, type FieldValues, useWatch } from 'react-hook-form'\n\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  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  unitText = '',\n  description = '',\n  onValueChange,\n}: Props<TFieldValues>) => {\n  const valueWatch = useWatch({ name })\n\n  return (\n    <FormField\n      name={name}\n      render={({ field: { onChange, ...field } }) => (\n        <FormItem className=\"w-full gap-0\">\n          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <NumberInput\n              {...field}\n              placeholder={placeholder}\n              className=\"w-full\"\n              unitText={unitText}\n              onValueChange={(value) => {\n                onChange(value)\n                onValueChange?.(value)\n              }}\n            />\n          </FormControl>\n          {isShowCount && (\n            <div className=\"text-muted-foreground text-end text-xs\">{valueWatch?.length ?? 0} characters</div>\n          )}\n          {!!description && <FormDescription>{description}</FormDescription>}\n          {isShowErrorMsg && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/forms/password-field.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../chunk-hhQzssFb.cjs`),t=require(`../utils-DaJ1XZgX.cjs`);require(`../label-i858Jr98.cjs`);const n=require(`../form-C_PCHrpx.cjs`),r=require(`../input-C8Sebaue.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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-field.cjs","names":["PasswordInput: React.FC<Props>","React","Input","cn","EyeOffIcon","EyeIcon","FormField","FormItem","FormLabel","FormControl","FormDescription","FormMessage"],"sources":["../../packages/components/ui/inputs/password-input.tsx","../../packages/components/forms/password-field.tsx"],"sourcesContent":["\"use client\"\nimport React from 'react'\nimport { EyeIcon, EyeOffIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Input } from '../input'\n\ntype Props = React.ComponentPropsWithoutRef<typeof Input>\nexport const PasswordInput: React.FC<Props> = ({ className, ...rest }) => {\n  const id = React.useId()\n  const [isVisible, setIsVisible] = React.useState<boolean>(false)\n  const toggleVisibility = React.useCallback(() => setIsVisible((prevState) => !prevState), [])\n  return (\n    <div className=\"relative\">\n      <Input\n        {...rest}\n        id={id}\n        placeholder=\"Password\"\n        type={isVisible ? 'text' : 'password'}\n        className={cn('pe-9', className)}\n      />\n      <button\n        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\"\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 type { FieldPath, FieldValues } from 'react-hook-form'\n\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          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <PasswordInput placeholder={placeholder} {...field} onValueChange={onValueChange} />\n          </FormControl>\n          {!!description && <FormDescription>{description}</FormDescription>}\n          {isShowErrorMsg && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"kTASaA,GAAkC,CAAE,YAAW,GAAG,KAAW,CACxE,IAAM,EAAKC,EAAAA,QAAM,QACX,CAAC,EAAW,GAAgBA,EAAAA,QAAM,SAAkB,IACpD,EAAmBA,EAAAA,QAAM,gBAAkB,EAAc,GAAc,CAAC,GAAY,IAC1F,OACE,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,sBACb,EAAA,EAAA,KAACC,EAAAA,MAAAA,CACC,GAAI,EACA,KACJ,YAAY,WACZ,KAAM,EAAY,OAAS,WAC3B,UAAWC,EAAAA,GAAG,OAAQ,MAExB,EAAA,EAAA,KAAC,SAAA,CACC,UAAU,oVACV,KAAK,SACL,QAAS,EACT,aAAY,EAAY,gBAAkB,gBAC1C,eAAc,EACd,gBAAc,oBAEb,GAAY,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,KAAM,GAAI,cAAY,UAAY,EAAA,EAAA,KAACC,EAAAA,QAAAA,CAAQ,KAAM,GAAI,cAAY,eChBrF,GAAiE,CAC5E,OACA,QAAQ,aACR,cAAc,kBACd,iBAAiB,GACjB,cACA,oBAGE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CACO,OACN,QAAS,CAAE,YACT,EAAA,EAAA,MAACC,EAAAA,SAAAA,CAAS,UAAU,oBAClB,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAAA,SAAW,KACZ,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,UACC,EAAA,EAAA,KAAC,EAAA,CAA2B,cAAa,GAAI,EAAsB,oBAEpE,CAAC,CAAC,IAAe,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,SAAiB,IACnC,IAAkB,EAAA,EAAA,KAACC,EAAAA,YAAAA"}

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

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime8 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_runtime8.JSX.Element;
+//#endregion
+export { PasswordField };
+//# sourceMappingURL=password-field.d.cts.map

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

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime8 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_runtime8.JSX.Element;
+//#endregion
+export { PasswordField };
+//# sourceMappingURL=password-field.d.ts.map

package/dist/forms/password-field.js

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"../utils-D9AH0PUV.js";import"../label-Cxbctr6x.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-CA4hhSV5.js";import{Input as s}from"../input-Dmaq3fzf.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/password-field.js.map

@@ -0,0 +1 @@
+{"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 React from 'react'\nimport { EyeIcon, EyeOffIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Input } from '../input'\n\ntype Props = React.ComponentPropsWithoutRef<typeof Input>\nexport const PasswordInput: React.FC<Props> = ({ className, ...rest }) => {\n  const id = React.useId()\n  const [isVisible, setIsVisible] = React.useState<boolean>(false)\n  const toggleVisibility = React.useCallback(() => setIsVisible((prevState) => !prevState), [])\n  return (\n    <div className=\"relative\">\n      <Input\n        {...rest}\n        id={id}\n        placeholder=\"Password\"\n        type={isVisible ? 'text' : 'password'}\n        className={cn('pe-9', className)}\n      />\n      <button\n        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\"\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 type { FieldPath, FieldValues } from 'react-hook-form'\n\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          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <PasswordInput placeholder={placeholder} {...field} onValueChange={onValueChange} />\n          </FormControl>\n          {!!description && <FormDescription>{description}</FormDescription>}\n          {isShowErrorMsg && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"mYASA,MAAaA,GAAkC,CAAE,YAAW,GAAG,KAAW,CACxE,IAAM,EAAK,EAAM,QACX,CAAC,EAAW,GAAgB,EAAM,SAAkB,IACpD,EAAmB,EAAM,gBAAkB,EAAc,GAAc,CAAC,GAAY,IAC1F,OACE,EAAC,MAAA,CAAI,UAAU,qBACb,EAAC,EAAA,CACC,GAAI,EACA,KACJ,YAAY,WACZ,KAAM,EAAY,OAAS,WAC3B,UAAW,EAAG,OAAQ,KAExB,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,eChB1C,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,CAAA,SAAW,IACZ,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAA2B,cAAa,GAAI,EAAsB,oBAEpE,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,IACnC,GAAkB,EAAC,EAAA"}

package/dist/forms/select-field.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../chunk-hhQzssFb.cjs`),t=require(`../utils-DaJ1XZgX.cjs`);require(`../label-i858Jr98.cjs`);const n=require(`../form-C_PCHrpx.cjs`),r=require(`../select-UsiicIRo.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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-field.cjs","names":["FormField","FormItem","cn","FormLabel","Select","FormControl","SelectTrigger","SelectValue","SelectContent","SelectItem","FormDescription","FormMessage"],"sources":["../../packages/components/forms/select-field.tsx"],"sourcesContent":["\"use client\"\nimport type { FieldPath, FieldValues } from 'react-hook-form'\n\nimport { cn } from '@/lib/utils'\n\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={cn('w-full', className)}>\n          {isShowLabel && <FormLabel>{label}</FormLabel>}\n          <Select defaultValue={field.value} onValueChange={field.onChange}>\n            <FormControl>\n              <SelectTrigger className=\"w-full\">\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          {!!description && <FormDescription>{description}</FormDescription>}\n          {isShowErrorMsg && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"gPAoBa,GAA+D,CAC1E,OACA,QAAQ,eACR,cAAc,mBACd,iBAAiB,GACjB,UAAU,GACV,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,YAAY,OAGV,EAAA,EAAA,KAACA,EAAAA,UAAAA,CACO,OACN,QAAS,CAAE,YACT,EAAA,EAAA,MAACC,EAAAA,SAAAA,CAAS,UAAWC,EAAAA,GAAG,SAAU,aAC/B,IAAe,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAAA,SAAW,KAC5B,EAAA,EAAA,MAACC,EAAAA,OAAAA,CAAO,aAAc,EAAM,MAAO,cAAe,EAAM,oBACtD,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAc,UAAU,mBACvB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAyB,qBAG9B,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAAA,SACE,EAAQ,IAAK,IACZ,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAA8B,SAAU,EAAe,SAAS,EAAO,OAAQ,MAAO,EAAO,eAC3F,EAAO,OADO,EAAO,aAM7B,CAAC,CAAC,IAAe,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,SAAiB,IACnC,IAAkB,EAAA,EAAA,KAACC,EAAAA,YAAAA"}

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

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime11 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_runtime11.JSX.Element;
+//#endregion
+export { SelectField };
+//# sourceMappingURL=select-field.d.cts.map

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

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime4 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_runtime4.JSX.Element;
+//#endregion
+export { SelectField };
+//# sourceMappingURL=select-field.d.ts.map

package/dist/forms/select-field.js

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"../utils-D9AH0PUV.js";import"../label-Cxbctr6x.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-CA4hhSV5.js";import{Select as s,SelectContent as c,SelectItem as l,SelectTrigger as u,SelectValue as d}from"../select-4IO3vAjO.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/select-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-field.js","names":[],"sources":["../../packages/components/forms/select-field.tsx"],"sourcesContent":["\"use client\"\nimport type { FieldPath, FieldValues } from 'react-hook-form'\n\nimport { cn } from '@/lib/utils'\n\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={cn('w-full', className)}>\n          {isShowLabel && <FormLabel>{label}</FormLabel>}\n          <Select defaultValue={field.value} onValueChange={field.onChange}>\n            <FormControl>\n              <SelectTrigger className=\"w-full\">\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          {!!description && <FormDescription>{description}</FormDescription>}\n          {isShowErrorMsg && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"gYAoBA,MAAa,GAA+D,CAC1E,OACA,QAAQ,eACR,cAAc,mBACd,iBAAiB,GACjB,UAAU,GACV,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,YAAY,MAGV,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WACT,EAAC,EAAA,CAAS,UAAW,EAAG,SAAU,aAC/B,GAAe,EAAC,EAAA,CAAA,SAAW,IAC5B,EAAC,EAAA,CAAO,aAAc,EAAM,MAAO,cAAe,EAAM,mBACtD,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAc,UAAU,kBACvB,EAAC,EAAA,CAAyB,oBAG9B,EAAC,EAAA,CAAA,SACE,EAAQ,IAAK,GACZ,EAAC,EAAA,CAA8B,SAAU,EAAe,SAAS,EAAO,OAAQ,MAAO,EAAO,eAC3F,EAAO,OADO,EAAO,aAM7B,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,IACnC,GAAkB,EAAC,EAAA"}

package/dist/forms/switch-field.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../chunk-hhQzssFb.cjs`),t=require(`../utils-DaJ1XZgX.cjs`);require(`../label-i858Jr98.cjs`);const n=require(`../form-C_PCHrpx.cjs`),r=require(`../switch-CoP3UwNk.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 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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-field.cjs","names":["FormField","FormItem","cn","FormLabel","FormDescription","FormControl","Switch","FormMessage"],"sources":["../../packages/components/forms/switch-field.tsx"],"sourcesContent":["\"use client\"\nimport type { FieldPath, FieldValues } from 'react-hook-form'\n\nimport { cn } from '@/lib/utils'\n\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form'\nimport { Switch } from '../ui/switch'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>\n  label?: string\n  description?: string\n  isShowErrorMsg?: boolean\n}\nexport const SwitchField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Switch Field',\n  description,\n  isShowErrorMsg = false,\n}: Props<TFieldValues>) => {\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <div className=\"spage-y-1\">\n          <FormItem\n            className={cn('border-border flex flex-row items-center justify-between rounded-lg border p-3 shadow-xs')}\n          >\n            <div className=\"space-y-0.5\">\n              <FormLabel className=\"cursor-pointer text-sm\">{label}</FormLabel>\n              {description && <FormDescription className=\"text-xs\">{description}</FormDescription>}\n            </div>\n            <FormControl>\n              <Switch checked={field.value} onCheckedChange={field.onChange} />\n            </FormControl>\n          </FormItem>\n          {isShowErrorMsg && <FormMessage />}\n        </div>\n      )}\n    />\n  )\n}\n"],"mappings":"gPAca,GAA+D,CAC1E,OACA,QAAQ,eACR,cACA,iBAAiB,OAGf,EAAA,EAAA,KAACA,EAAAA,UAAAA,CACO,OACN,QAAS,CAAE,YACT,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,uBACb,EAAA,EAAA,MAACC,EAAAA,SAAAA,CACC,UAAWC,EAAAA,GAAG,uGAEd,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yBACb,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,UAAU,kCAA0B,IAC9C,IAAe,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,UAAU,mBAAW,QAExD,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAO,QAAS,EAAM,MAAO,gBAAiB,EAAM,gBAGxD,IAAkB,EAAA,EAAA,KAACC,EAAAA,YAAAA"}

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime9 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;
+  description?: string;
+  isShowErrorMsg?: boolean;
+};
+declare const SwitchField: <TFieldValues extends FieldValues = FieldValues>({
+  name,
+  label,
+  description,
+  isShowErrorMsg
+}: Props<TFieldValues>) => react_jsx_runtime9.JSX.Element;
+//#endregion
+export { SwitchField };
+//# sourceMappingURL=switch-field.d.cts.map