dgz-ui-shared 1.2.22 → 1.2.23

package/dist/components/form/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("dgz-ui/form"),e=require("react/jsx-runtime"),g=require("react"),j=require("dgz-ui/calendar"),F=require("dgz-ui/popover"),m=require("dgz-ui/utils"),u=require("../../chunks/lodash-BjH0kD7j.cjs.js"),b=require("lucide-react"),C=require("../../chunks/DateRangePicker-CUv-qznZ.cjs.js"),p=require("../../chunks/MyInput-DOJNbPnV.cjs.js"),v=require("../../chunks/MySelect-C7tnOKUF.cjs.js"),I=({control:r,name:t,label:a,rules:n,...c})=>{const o=g.useId();return t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:n,render:({field:l})=>e.jsx(s.FormLabel,{className:"block",htmlFor:c.id||o,children:e.jsxs(s.FormItem,{className:"flex flex-row items-start gap-3",children:[e.jsx(s.FormControl,{children:e.jsx(s.Checkbox,{id:c.id||o,checked:l.value,onCheckedChange:l.onChange,...c})}),e.jsx("div",{className:"space-y-1 leading-none",children:a&&e.jsx("div",{children:a})})]})})})||null},P=({control:r,name:t,label:a,required:n,rules:c,format:o=j.DATE,floatingError:l,placeholder:i,disabled:d,register:x,className:y,inputProps:N,...M})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:c,render:({field:h,formState:k})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",n&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs(F.Popover,{children:[e.jsx(F.PopoverTrigger,{asChild:!0,children:e.jsx(s.FormControl,{children:e.jsxs("div",{className:"relative",children:[e.jsx(s.Input,{...N,variant:u.lodashExports.get(k.errors,`${t}.message`)?"failure":"default",disabled:d,...h,readOnly:!0,placeholder:i||"Pick a date",value:m.dayjs(h.value).format(o),className:m.cn("m-0 text-start",y)}),e.jsx(b.Calendar1,{className:m.cn("text-secondary absolute top-2.5 right-2 size-5",d&&"pointer-events-none opacity-50")})]})})}),!d&&e.jsx(F.PopoverContent,{className:"w-auto p-0",align:"start",children:e.jsx(j.Calendar,{...M,mode:"single",selected:h.value,onSelect:h.onChange})})]}),e.jsx(s.FormMessage,{className:m.cn(l&&"absolute -bottom-5")})]})})||null,f=({control:r,name:t,label:a,required:n,rules:c,placeholder:o,floatingError:l,...i})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:c,render:({field:d,formState:x})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",n&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx(s.FormControl,{children:e.jsx(C.DateRangePicker,{...i,error:`${u.lodashExports.get(x.errors,t,"")}`,selected:d.value,onRangeSelected:d.onChange,placeholder:o})}),e.jsx(s.FormMessage,{className:m.cn(l&&"absolute -bottom-5")})]})})||null,q=({control:r,name:t,label:a,rules:n,required:c,floatingError:o,...l})=>t&&r?e.jsx(s.FormField,{control:r,name:t,rules:n,render:({field:i})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",c&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx(s.FormControl,{children:e.jsx(s.HtmlEditor,{...i,...l})}),e.jsx(s.FormMessage,{className:m.cn(o&&"absolute -bottom-5")})]})}):e.jsx(s.HtmlEditor,{...l}),S=({control:r,name:t,label:a,rules:n,required:c,floatingError:o,...l})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:n,render:({field:i,formState:d})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",c&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx(s.FormControl,{children:e.jsx(s.MaskInput,{thousandsSeparator:" ",lazy:!1,placeholderChar:"_",unmask:!0,...i,...l,variant:u.lodashExports.get(d.errors,`${t}.message`)?"failure":"default",onAccept:x=>i.onChange(x)})}),e.jsx(s.FormMessage,{className:m.cn(o&&"absolute -bottom-5")})]})})||null,E=({control:r,name:t,label:a,rules:n,value:c,...o})=>{const l=g.useId();return t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:n,render:({field:i})=>e.jsx(s.FormLabel,{className:"block",htmlFor:o.id||l,children:e.jsxs(s.FormItem,{className:"flex flex-row items-start gap-3",children:[e.jsx(s.FormControl,{children:e.jsx(s.RadioGroupItem,{id:o.id||l,value:c,checked:i.value===c,onClick:()=>{i.value!==c&&i.onChange(c)},...o})}),e.jsx("div",{className:"space-y-1 leading-none",children:a&&e.jsx("div",{children:a})})]})})})||null},R=({control:r,name:t,label:a,rules:n,...c})=>{const o=g.useId();return t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:n,render:({field:l})=>e.jsx(s.FormLabel,{className:"block",htmlFor:c.id||o,children:e.jsxs(s.FormItem,{className:"flex flex-row items-start gap-3",children:[e.jsx(s.FormControl,{children:e.jsx(s.Switch,{id:c.id||o,className:"m-0",checked:l.value,onCheckedChange:l.onChange,...c})}),e.jsx("div",{className:"space-y-1 leading-none",children:a&&e.jsx("div",{children:a})})]})})})||null},T=({control:r,name:t,label:a,required:n,rules:c,className:o,floatingError:l,...i})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:c,render:({field:d,formState:x})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",n&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx(s.FormControl,{children:e.jsx(s.Textarea,{variant:u.lodashExports.get(x.errors,`${t}.message`)?"failure":"default",...i,...d,className:m.cn(o)})}),e.jsx(s.FormMessage,{className:m.cn(l&&"absolute -bottom-5")})]})})||null,L=({control:r,name:t,label:a,required:n,className:c,rules:o,floatingError:l,...i})=>t&&r?e.jsx(s.FormField,{control:r,name:t,rules:o,render:({field:d})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",n&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx(s.FormControl,{children:e.jsx(j.TimePicker,{...d,...i})}),e.jsx(s.FormMessage,{className:m.cn(l&&"absolute -bottom-5")})]})}):e.jsx(j.TimePicker,{className:"mt-2",...i});exports.MyInput=p.MyInput;exports.MySelect=v.MySelect;exports.MyCheckbox=I;exports.MyDatePicker=P;exports.MyDateRangePicker=f;exports.MyHtmlEditor=q;exports.MyMaskInput=S;exports.MyRadio=E;exports.MySwitch=R;exports.MyTextarea=T;exports.MyTimePicker=L;Object.keys(s).forEach(r=>{r!=="default"&&!Object.prototype.hasOwnProperty.call(exports,r)&&Object.defineProperty(exports,r,{enumerable:!0,get:()=>s[r]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("dgz-ui/form"),e=require("react/jsx-runtime"),g=require("react"),j=require("dgz-ui/calendar"),F=require("dgz-ui/popover"),m=require("dgz-ui/utils"),u=require("../../chunks/lodash-BjH0kD7j.cjs.js"),b=require("lucide-react"),C=require("../../chunks/DateRangePicker-CUv-qznZ.cjs.js"),p=require("../../chunks/MyInput-DOJNbPnV.cjs.js"),v=require("../../chunks/MySelect-C7tnOKUF.cjs.js"),I=({control:r,name:t,label:a,rules:n,...c})=>{const o=g.useId();return t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:n,render:({field:l})=>e.jsx(s.FormLabel,{className:"block",htmlFor:c.id||o,children:e.jsxs(s.FormItem,{className:"flex flex-row items-start gap-3",children:[e.jsx(s.FormControl,{children:e.jsx(s.Checkbox,{id:c.id||o,checked:l.value,onCheckedChange:l.onChange,...c})}),e.jsx("div",{className:"space-y-1 leading-none",children:a&&e.jsx("div",{children:a})})]})})})||null},P=({control:r,name:t,label:a,required:n,rules:c,format:o=j.DATE,floatingError:l,placeholder:i,disabled:d,register:x,className:y,inputProps:N,...M})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:c,render:({field:h,formState:k})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",n&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs(F.Popover,{children:[e.jsx(F.PopoverTrigger,{asChild:!0,children:e.jsx(s.FormControl,{children:e.jsxs("div",{className:"relative",children:[e.jsx(s.Input,{...N,variant:u.lodashExports.get(k.errors,`${t}.message`)?"failure":"default",disabled:d,...h,readOnly:!0,placeholder:i||"Pick a date",value:m.dayjs(h.value).format(o),className:m.cn("m-0 text-start",y)}),e.jsx(b.Calendar1,{className:m.cn("text-secondary absolute top-2.5 right-2 size-5",d&&"pointer-events-none opacity-50")})]})})}),!d&&e.jsx(F.PopoverContent,{className:"w-auto p-0",align:"start",children:e.jsx(j.Calendar,{...M,mode:"single",selected:h.value,onSelect:h.onChange})})]}),e.jsx(s.FormMessage,{className:m.cn(l&&"absolute -bottom-5")})]})})||null,f=({control:r,name:t,label:a,required:n,rules:c,placeholder:o,floatingError:l,...i})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:c,render:({field:d,formState:x})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",n&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx(s.FormControl,{children:e.jsx("div",{children:e.jsx(C.DateRangePicker,{...i,error:`${u.lodashExports.get(x.errors,t,"")}`,selected:d.value,onRangeSelected:d.onChange,placeholder:o})})}),e.jsx(s.FormMessage,{className:m.cn(l&&"absolute -bottom-5")})]})})||null,q=({control:r,name:t,label:a,rules:n,required:c,floatingError:o,...l})=>t&&r?e.jsx(s.FormField,{control:r,name:t,rules:n,render:({field:i})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",c&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx(s.FormControl,{children:e.jsx(s.HtmlEditor,{...i,...l})}),e.jsx(s.FormMessage,{className:m.cn(o&&"absolute -bottom-5")})]})}):e.jsx(s.HtmlEditor,{...l}),S=({control:r,name:t,label:a,rules:n,required:c,floatingError:o,...l})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:n,render:({field:i,formState:d})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",c&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx(s.FormControl,{children:e.jsx(s.MaskInput,{thousandsSeparator:" ",lazy:!1,placeholderChar:"_",unmask:!0,...i,...l,variant:u.lodashExports.get(d.errors,`${t}.message`)?"failure":"default",onAccept:x=>i.onChange(x)})}),e.jsx(s.FormMessage,{className:m.cn(o&&"absolute -bottom-5")})]})})||null,E=({control:r,name:t,label:a,rules:n,value:c,...o})=>{const l=g.useId();return t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:n,render:({field:i})=>e.jsx(s.FormLabel,{className:"block",htmlFor:o.id||l,children:e.jsxs(s.FormItem,{className:"flex flex-row items-start gap-3",children:[e.jsx(s.FormControl,{children:e.jsx(s.RadioGroupItem,{id:o.id||l,value:c,checked:i.value===c,onClick:()=>{i.value!==c&&i.onChange(c)},...o})}),e.jsx("div",{className:"space-y-1 leading-none",children:a&&e.jsx("div",{children:a})})]})})})||null},R=({control:r,name:t,label:a,rules:n,...c})=>{const o=g.useId();return t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:n,render:({field:l})=>e.jsx(s.FormLabel,{className:"block",htmlFor:c.id||o,children:e.jsxs(s.FormItem,{className:"flex flex-row items-start gap-3",children:[e.jsx(s.FormControl,{children:e.jsx(s.Switch,{id:c.id||o,className:"m-0",checked:l.value,onCheckedChange:l.onChange,...c})}),e.jsx("div",{className:"space-y-1 leading-none",children:a&&e.jsx("div",{children:a})})]})})})||null},T=({control:r,name:t,label:a,required:n,rules:c,className:o,floatingError:l,...i})=>t&&r&&e.jsx(s.FormField,{control:r,name:t,rules:c,render:({field:d,formState:x})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",n&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx(s.FormControl,{children:e.jsx(s.Textarea,{variant:u.lodashExports.get(x.errors,`${t}.message`)?"failure":"default",...i,...d,className:m.cn(o)})}),e.jsx(s.FormMessage,{className:m.cn(l&&"absolute -bottom-5")})]})})||null,L=({control:r,name:t,label:a,required:n,className:c,rules:o,floatingError:l,...i})=>t&&r?e.jsx(s.FormField,{control:r,name:t,rules:o,render:({field:d})=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{className:"block",children:[a," ",n&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx(s.FormControl,{children:e.jsx(j.TimePicker,{...d,...i})}),e.jsx(s.FormMessage,{className:m.cn(l&&"absolute -bottom-5")})]})}):e.jsx(j.TimePicker,{className:"mt-2",...i});exports.MyInput=p.MyInput;exports.MySelect=v.MySelect;exports.MyCheckbox=I;exports.MyDatePicker=P;exports.MyDateRangePicker=f;exports.MyHtmlEditor=q;exports.MyMaskInput=S;exports.MyRadio=E;exports.MySwitch=R;exports.MyTextarea=T;exports.MyTimePicker=L;Object.keys(s).forEach(r=>{r!=="default"&&!Object.prototype.hasOwnProperty.call(exports,r)&&Object.defineProperty(exports,r,{enumerable:!0,get:()=>s[r]})});
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/form/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/form/MyCheckbox.tsx","../../../src/components/form/MyDatePicker.tsx","../../../src/components/form/MyDateRangePicker.tsx","../../../src/components/form/MyHtmlEditor.tsx","../../../src/components/form/MyMaskInput.tsx","../../../src/components/form/MyRadio.tsx","../../../src/components/form/MySwitch.tsx","../../../src/components/form/MyTextarea.tsx","../../../src/components/form/MyTimePicker.tsx"],"sourcesContent":["import {\n  Checkbox,\n  type CheckboxProps,\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n} from 'dgz-ui/form';\nimport { useId } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyCheckbox component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyCheckboxProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & CheckboxProps;\n\n/**\n * MyCheckbox is a checkbox component with optional react-hook-form integration.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the checkbox.\n * @param rules - The `react-hook-form` validation rules.\n * @param props - Checkbox and form item props.\n * @returns A checkbox component wrapped with form handling logic.\n */\nexport const MyCheckbox = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  ...props\n}: MyCheckboxProps<TFieldValues>) => {\n  const id = useId();\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field }) => (\n          <FormLabel className={'block'} htmlFor={props.id || id}>\n            <FormItem className=\"flex flex-row items-start gap-3\">\n              <FormControl>\n                <Checkbox\n                  id={props.id || id}\n                  checked={field.value}\n                  onCheckedChange={field.onChange}\n                  {...props}\n                />\n              </FormControl>\n              <div className=\"space-y-1 leading-none\">\n                {label && <div>{label}</div>}\n              </div>\n            </FormItem>\n          </FormLabel>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import { Calendar, type CalendarProps, DATE } from 'dgz-ui/calendar';\nimport {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  Input,\n  type InputProps,\n} from 'dgz-ui/form';\nimport { Popover, PopoverContent, PopoverTrigger } from 'dgz-ui/popover';\nimport { cn, dayjs } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport { Calendar1 } from 'lucide-react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyDatePicker component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyDatePickerProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    Omit<CalendarProps, 'mode' | 'disabled'> & {\n      /** Date format string for display. */\n      format?: string;\n      inputProps?: Omit<InputProps, 'onSelect'>;\n      placeholder?: string;\n      disabled?: boolean;\n    };\n\n/**\n * MyDatePicker shows a calendar popover to pick a single date, integrated with react-hook-form.\n * Can also be used standalone when no control/name are provided.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the date picker.\n * @param required - Whether the field is required.\n * @param rules - The `react-hook-form` validation rules.\n * @param format - The date format for display.\n * @param placeholder - The placeholder text when no date selected.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param register - The `react-hook-form` register function.\n * @param disabled - Whether the date picker is disabled.\n * @param className - Additional CSS classes.\n * @param inputProps - Props passed to the underlying Input component.\n * @param props - Calendar, button and form item props.\n * @returns A date picker component integrated with react-hook-form.\n */\nexport const MyDatePicker = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  rules,\n  format = DATE,\n  floatingError,\n  placeholder,\n  disabled,\n  register,\n  className,\n  inputProps,\n  ...props\n}: MyDatePickerProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <Popover>\n              <PopoverTrigger asChild>\n                <FormControl>\n                  <div className={'relative'}>\n                    <Input\n                      {...inputProps}\n                      variant={\n                        get(formState.errors, `${name}.message`)\n                          ? 'failure'\n                          : 'default'\n                      }\n                      disabled={disabled}\n                      {...field}\n                      readOnly\n                      placeholder={placeholder || 'Pick a date'}\n                      value={dayjs(field.value).format(format)}\n                      className={cn('m-0 text-start', className)}\n                    />\n                    <Calendar1\n                      className={cn(\n                        'text-secondary absolute top-2.5 right-2 size-5',\n                        disabled && 'pointer-events-none opacity-50'\n                      )}\n                    />\n                  </div>\n                </FormControl>\n              </PopoverTrigger>\n              {!disabled && (\n                <PopoverContent className=\"w-auto p-0\" align=\"start\">\n                  <Calendar\n                    {...props}\n                    mode=\"single\"\n                    selected={field.value}\n                    onSelect={field.onChange}\n                  />\n                </PopoverContent>\n              )}\n            </Popover>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\nimport { DateRangePicker, type DateRangePickerProps } from '../datepicker';\n\n/**\n * Props for the MyDateRangePicker component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyDateRangePickerProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    Omit<DateRangePickerProps, 'required'> & {\n      required?: boolean;\n    };\n\n/**\n * MyDateRangePicker renders a date range selector integrated with react-hook-form.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the date range picker.\n * @param required - Whether the field is required.\n * @param rules - The `react-hook-form` validation rules.\n * @param format - The date format for display.\n * @param placeholder - The placeholder text when no date is selected.\n * @param props - DateRangePicker props and form item props.\n * @returns A date range picker integrated with react-hook-form.\n */\nexport const MyDateRangePicker = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  rules,\n  placeholder,\n  floatingError,\n  ...props\n}: MyDateRangePickerProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <DateRangePicker\n                {...props}\n                error={`${get(formState.errors, name, '')}`}\n                selected={field.value}\n                onRangeSelected={field.onChange}\n                placeholder={placeholder}\n              />\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  HtmlEditor,\n  type HtmlEditorProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyHtmlEditor component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyHtmlEditorProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    HtmlEditorProps & {\n      /** Whether the field is required. */\n      required?: boolean;\n    };\n\n/**\n * MyHtmlEditor is a rich-text HTML editor with optional react-hook-form integration.\n * Works in both controlled (with control/name) and uncontrolled modes.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the HTML editor.\n * @param rules - The `react-hook-form` validation rules.\n * @param required - Whether the field is required.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - HtmlEditor and form item props.\n * @returns React element rendering an HtmlEditor with label, helper text, and validation message.\n */\nexport const MyHtmlEditor = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  required,\n  floatingError,\n  ...props\n}: MyHtmlEditorProps<TFieldValues>) => {\n  return name && control ? (\n    <FormField<TFieldValues, FieldPath<TFieldValues>>\n      control={control}\n      name={name}\n      rules={rules}\n      render={({ field }) => (\n        <FormItem>\n          {label && (\n            <FormLabel className={'block'}>\n              {label} {required && <span className={'text-red-600'}>*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <HtmlEditor {...field} {...props} />\n          </FormControl>\n          <FormMessage className={cn(floatingError && 'absolute -bottom-5')} />\n        </FormItem>\n      )}\n    />\n  ) : (\n    <HtmlEditor {...props} />\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  MaskInput,\n  type MaskInputProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyMaskInput component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyMaskInputProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    MaskInputProps & {\n      /** Whether the field is required. */\n      required?: boolean;\n    };\n\n/**\n * MyMaskInput is an input component with masking support and optional react-hook-form integration.\n * Works in both controlled (with control/name) and uncontrolled modes. By default it uses a space as\n * thousands separator, underscores as placeholder characters, lazy formatting disabled, and returns\n * unmasked value on change.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the mask input.\n * @param rules - The `react-hook-form` validation rules.\n * @param required - Whether the field is required.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - MaskInput and form item props.\n * @returns React element rendering a masked input with label, helper text, and validation message.\n */\nexport const MyMaskInput = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  required,\n  floatingError,\n  ...props\n}: MyMaskInputProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <MaskInput\n                thousandsSeparator={' '}\n                lazy={false}\n                placeholderChar=\"_\"\n                unmask\n                {...field}\n                {...props}\n                variant={\n                  get(formState.errors, `${name}.message`)\n                    ? 'failure'\n                    : 'default'\n                }\n                onAccept={(value) => field.onChange(value)}\n              />\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  RadioGroupItem,\n} from 'dgz-ui/form';\nimport React, { useId } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\ntype RadioItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupItem>;\n\n/**\n * Props for the MyRadio component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyRadioProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & RadioItemProps;\n\n/**\n * MyRadio is a radio input that can integrate with react-hook-form when control and name are provided.\n * Falls back to an uncontrolled radio item when not used inside a form.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the radio input.\n * @param rules - The `react-hook-form` validation rules.\n * @param value - The value of the radio input.\n * @param props - Radio item and form item props.\n * @returns A radio button item.\n */\nconst MyRadio = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  value,\n  ...props\n}: MyRadioProps<TFieldValues>) => {\n  const id = useId();\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field }) => (\n          <FormLabel className={'block'} htmlFor={props.id || id}>\n            <FormItem className=\"flex flex-row items-start gap-3\">\n              <FormControl>\n                <RadioGroupItem\n                  id={props.id || id}\n                  value={value}\n                  checked={field.value === value}\n                  onClick={() => {\n                    if (field.value !== value) {\n                      field.onChange(value);\n                    }\n                  }}\n                  {...props}\n                />\n              </FormControl>\n              <div className=\"space-y-1 leading-none\">\n                {label && <div>{label}</div>}\n              </div>\n            </FormItem>\n          </FormLabel>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n\nexport { MyRadio };\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  Switch,\n  type SwitchProps,\n} from 'dgz-ui/form';\nimport { useId } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MySwitch component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MySwitchProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & SwitchProps;\n\n/**\n * MySwitch is a toggle switch with optional react-hook-form integration.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the switch.\n * @param rules - The `react-hook-form` validation rules.\n * @param props - Switch and form item props.\n * @returns A toggle switch component, or null if name or control are missing.\n */\nexport const MySwitch = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  ...props\n}: MySwitchProps<TFieldValues>) => {\n  const id = useId();\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field }) => (\n          <FormLabel className={'block'} htmlFor={props.id || id}>\n            <FormItem className=\"flex flex-row items-start gap-3\">\n              <FormControl>\n                <Switch\n                  id={props.id || id}\n                  className={'m-0'}\n                  checked={field.value}\n                  onCheckedChange={field.onChange}\n                  {...props}\n                />\n              </FormControl>\n              <div className=\"space-y-1 leading-none\">\n                {label && <div>{label}</div>}\n              </div>\n            </FormItem>\n          </FormLabel>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  Textarea,\n  type TextareaProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyTextarea component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyTextareaProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & TextareaProps;\n\n/**\n * MyTextarea is a textarea component with optional react-hook-form integration.\n * Supports floating error message styling.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the textarea.\n * @param required - Whether the field is required.\n * @param rules - The `react-hook-form` validation rules.\n * @param className - Custom CSS class name.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - Textarea and form item props.\n * @returns A textarea component integrated with react-hook-form.\n */\nexport const MyTextarea = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  rules,\n  className,\n  floatingError,\n  ...props\n}: MyTextareaProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <Textarea\n                variant={\n                  get(formState.errors, `${name}.message`)\n                    ? 'failure'\n                    : 'default'\n                }\n                {...props}\n                {...field}\n                className={cn(className)}\n              />\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import { TimePicker, type TimePickerProps } from 'dgz-ui/calendar';\nimport {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyTimePicker component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyTimePickerProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    TimePickerProps & {\n      /** Whether the field is required. */\n      required?: boolean;\n      /** Custom CSS class name. */\n      className?: string;\n    };\n\n/**\n * MyTimePicker is a time selection input with optional react-hook-form integration.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the time picker.\n * @param required - Whether the field is required.\n * @param className - Custom CSS class name.\n * @param rules - The `react-hook-form` validation rules.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - TimePicker and form item props.\n * @returns A time picker component integrated with react-hook-form.\n */\nexport const MyTimePicker = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  className,\n  rules,\n  floatingError,\n  ...props\n}: MyTimePickerProps<TFieldValues>) => {\n  return name && control ? (\n    <FormField<TFieldValues, FieldPath<TFieldValues>>\n      control={control}\n      name={name}\n      rules={rules}\n      render={({ field }) => (\n        <FormItem>\n          {label && (\n            <FormLabel className={'block'}>\n              {label} {required && <span className={'text-red-600'}>*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <TimePicker {...field} {...props} />\n          </FormControl>\n          <FormMessage className={cn(floatingError && 'absolute -bottom-5')} />\n        </FormItem>\n      )}\n    />\n  ) : (\n    <TimePicker className={'mt-2'} {...props} />\n  );\n};\n"],"names":["MyCheckbox","control","name","label","rules","props","id","useId","jsx","FormField","field","FormLabel","jsxs","FormItem","FormControl","Checkbox","MyDatePicker","required","format","DATE","floatingError","placeholder","disabled","register","className","inputProps","formState","Popover","PopoverTrigger","Input","get","dayjs","cn","Calendar1","PopoverContent","Calendar","FormMessage","MyDateRangePicker","DateRangePicker","MyHtmlEditor","HtmlEditor","MyMaskInput","MaskInput","value","MyRadio","RadioGroupItem","MySwitch","Switch","MyTextarea","Textarea","MyTimePicker","TimePicker"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/form/MyCheckbox.tsx","../../../src/components/form/MyDatePicker.tsx","../../../src/components/form/MyDateRangePicker.tsx","../../../src/components/form/MyHtmlEditor.tsx","../../../src/components/form/MyMaskInput.tsx","../../../src/components/form/MyRadio.tsx","../../../src/components/form/MySwitch.tsx","../../../src/components/form/MyTextarea.tsx","../../../src/components/form/MyTimePicker.tsx"],"sourcesContent":["import {\n  Checkbox,\n  type CheckboxProps,\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n} from 'dgz-ui/form';\nimport { useId } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyCheckbox component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyCheckboxProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & CheckboxProps;\n\n/**\n * MyCheckbox is a checkbox component with optional react-hook-form integration.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the checkbox.\n * @param rules - The `react-hook-form` validation rules.\n * @param props - Checkbox and form item props.\n * @returns A checkbox component wrapped with form handling logic.\n */\nexport const MyCheckbox = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  ...props\n}: MyCheckboxProps<TFieldValues>) => {\n  const id = useId();\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field }) => (\n          <FormLabel className={'block'} htmlFor={props.id || id}>\n            <FormItem className=\"flex flex-row items-start gap-3\">\n              <FormControl>\n                <Checkbox\n                  id={props.id || id}\n                  checked={field.value}\n                  onCheckedChange={field.onChange}\n                  {...props}\n                />\n              </FormControl>\n              <div className=\"space-y-1 leading-none\">\n                {label && <div>{label}</div>}\n              </div>\n            </FormItem>\n          </FormLabel>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import { Calendar, type CalendarProps, DATE } from 'dgz-ui/calendar';\nimport {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  Input,\n  type InputProps,\n} from 'dgz-ui/form';\nimport { Popover, PopoverContent, PopoverTrigger } from 'dgz-ui/popover';\nimport { cn, dayjs } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport { Calendar1 } from 'lucide-react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyDatePicker component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyDatePickerProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    Omit<CalendarProps, 'mode' | 'disabled'> & {\n      /** Date format string for display. */\n      format?: string;\n      inputProps?: Omit<InputProps, 'onSelect'>;\n      placeholder?: string;\n      disabled?: boolean;\n    };\n\n/**\n * MyDatePicker shows a calendar popover to pick a single date, integrated with react-hook-form.\n * Can also be used standalone when no control/name are provided.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the date picker.\n * @param required - Whether the field is required.\n * @param rules - The `react-hook-form` validation rules.\n * @param format - The date format for display.\n * @param placeholder - The placeholder text when no date selected.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param register - The `react-hook-form` register function.\n * @param disabled - Whether the date picker is disabled.\n * @param className - Additional CSS classes.\n * @param inputProps - Props passed to the underlying Input component.\n * @param props - Calendar, button and form item props.\n * @returns A date picker component integrated with react-hook-form.\n */\nexport const MyDatePicker = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  rules,\n  format = DATE,\n  floatingError,\n  placeholder,\n  disabled,\n  register,\n  className,\n  inputProps,\n  ...props\n}: MyDatePickerProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <Popover>\n              <PopoverTrigger asChild>\n                <FormControl>\n                  <div className={'relative'}>\n                    <Input\n                      {...inputProps}\n                      variant={\n                        get(formState.errors, `${name}.message`)\n                          ? 'failure'\n                          : 'default'\n                      }\n                      disabled={disabled}\n                      {...field}\n                      readOnly\n                      placeholder={placeholder || 'Pick a date'}\n                      value={dayjs(field.value).format(format)}\n                      className={cn('m-0 text-start', className)}\n                    />\n                    <Calendar1\n                      className={cn(\n                        'text-secondary absolute top-2.5 right-2 size-5',\n                        disabled && 'pointer-events-none opacity-50'\n                      )}\n                    />\n                  </div>\n                </FormControl>\n              </PopoverTrigger>\n              {!disabled && (\n                <PopoverContent className=\"w-auto p-0\" align=\"start\">\n                  <Calendar\n                    {...props}\n                    mode=\"single\"\n                    selected={field.value}\n                    onSelect={field.onChange}\n                  />\n                </PopoverContent>\n              )}\n            </Popover>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\nimport { DateRangePicker, type DateRangePickerProps } from '../datepicker';\n\n/**\n * Props for the MyDateRangePicker component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyDateRangePickerProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    Omit<DateRangePickerProps, 'required'> & {\n      required?: boolean;\n    };\n\n/**\n * MyDateRangePicker renders a date range selector integrated with react-hook-form.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the date range picker.\n * @param required - Whether the field is required.\n * @param rules - The `react-hook-form` validation rules.\n * @param format - The date format for display.\n * @param placeholder - The placeholder text when no date is selected.\n * @param props - DateRangePicker props and form item props.\n * @returns A date range picker integrated with react-hook-form.\n */\nexport const MyDateRangePicker = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  rules,\n  placeholder,\n  floatingError,\n  ...props\n}: MyDateRangePickerProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <div>\n                <DateRangePicker\n                  {...props}\n                  error={`${get(formState.errors, name, '')}`}\n                  selected={field.value}\n                  onRangeSelected={field.onChange}\n                  placeholder={placeholder}\n                />\n              </div>\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  HtmlEditor,\n  type HtmlEditorProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyHtmlEditor component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyHtmlEditorProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    HtmlEditorProps & {\n      /** Whether the field is required. */\n      required?: boolean;\n    };\n\n/**\n * MyHtmlEditor is a rich-text HTML editor with optional react-hook-form integration.\n * Works in both controlled (with control/name) and uncontrolled modes.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the HTML editor.\n * @param rules - The `react-hook-form` validation rules.\n * @param required - Whether the field is required.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - HtmlEditor and form item props.\n * @returns React element rendering an HtmlEditor with label, helper text, and validation message.\n */\nexport const MyHtmlEditor = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  required,\n  floatingError,\n  ...props\n}: MyHtmlEditorProps<TFieldValues>) => {\n  return name && control ? (\n    <FormField<TFieldValues, FieldPath<TFieldValues>>\n      control={control}\n      name={name}\n      rules={rules}\n      render={({ field }) => (\n        <FormItem>\n          {label && (\n            <FormLabel className={'block'}>\n              {label} {required && <span className={'text-red-600'}>*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <HtmlEditor {...field} {...props} />\n          </FormControl>\n          <FormMessage className={cn(floatingError && 'absolute -bottom-5')} />\n        </FormItem>\n      )}\n    />\n  ) : (\n    <HtmlEditor {...props} />\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  MaskInput,\n  type MaskInputProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyMaskInput component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyMaskInputProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    MaskInputProps & {\n      /** Whether the field is required. */\n      required?: boolean;\n    };\n\n/**\n * MyMaskInput is an input component with masking support and optional react-hook-form integration.\n * Works in both controlled (with control/name) and uncontrolled modes. By default it uses a space as\n * thousands separator, underscores as placeholder characters, lazy formatting disabled, and returns\n * unmasked value on change.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the mask input.\n * @param rules - The `react-hook-form` validation rules.\n * @param required - Whether the field is required.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - MaskInput and form item props.\n * @returns React element rendering a masked input with label, helper text, and validation message.\n */\nexport const MyMaskInput = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  required,\n  floatingError,\n  ...props\n}: MyMaskInputProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <MaskInput\n                thousandsSeparator={' '}\n                lazy={false}\n                placeholderChar=\"_\"\n                unmask\n                {...field}\n                {...props}\n                variant={\n                  get(formState.errors, `${name}.message`)\n                    ? 'failure'\n                    : 'default'\n                }\n                onAccept={(value) => field.onChange(value)}\n              />\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  RadioGroupItem,\n} from 'dgz-ui/form';\nimport React, { useId } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\ntype RadioItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupItem>;\n\n/**\n * Props for the MyRadio component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyRadioProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & RadioItemProps;\n\n/**\n * MyRadio is a radio input that can integrate with react-hook-form when control and name are provided.\n * Falls back to an uncontrolled radio item when not used inside a form.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the radio input.\n * @param rules - The `react-hook-form` validation rules.\n * @param value - The value of the radio input.\n * @param props - Radio item and form item props.\n * @returns A radio button item.\n */\nconst MyRadio = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  value,\n  ...props\n}: MyRadioProps<TFieldValues>) => {\n  const id = useId();\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field }) => (\n          <FormLabel className={'block'} htmlFor={props.id || id}>\n            <FormItem className=\"flex flex-row items-start gap-3\">\n              <FormControl>\n                <RadioGroupItem\n                  id={props.id || id}\n                  value={value}\n                  checked={field.value === value}\n                  onClick={() => {\n                    if (field.value !== value) {\n                      field.onChange(value);\n                    }\n                  }}\n                  {...props}\n                />\n              </FormControl>\n              <div className=\"space-y-1 leading-none\">\n                {label && <div>{label}</div>}\n              </div>\n            </FormItem>\n          </FormLabel>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n\nexport { MyRadio };\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  Switch,\n  type SwitchProps,\n} from 'dgz-ui/form';\nimport { useId } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MySwitch component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MySwitchProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & SwitchProps;\n\n/**\n * MySwitch is a toggle switch with optional react-hook-form integration.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the switch.\n * @param rules - The `react-hook-form` validation rules.\n * @param props - Switch and form item props.\n * @returns A toggle switch component, or null if name or control are missing.\n */\nexport const MySwitch = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  ...props\n}: MySwitchProps<TFieldValues>) => {\n  const id = useId();\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field }) => (\n          <FormLabel className={'block'} htmlFor={props.id || id}>\n            <FormItem className=\"flex flex-row items-start gap-3\">\n              <FormControl>\n                <Switch\n                  id={props.id || id}\n                  className={'m-0'}\n                  checked={field.value}\n                  onCheckedChange={field.onChange}\n                  {...props}\n                />\n              </FormControl>\n              <div className=\"space-y-1 leading-none\">\n                {label && <div>{label}</div>}\n              </div>\n            </FormItem>\n          </FormLabel>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  Textarea,\n  type TextareaProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyTextarea component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyTextareaProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & TextareaProps;\n\n/**\n * MyTextarea is a textarea component with optional react-hook-form integration.\n * Supports floating error message styling.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the textarea.\n * @param required - Whether the field is required.\n * @param rules - The `react-hook-form` validation rules.\n * @param className - Custom CSS class name.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - Textarea and form item props.\n * @returns A textarea component integrated with react-hook-form.\n */\nexport const MyTextarea = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  rules,\n  className,\n  floatingError,\n  ...props\n}: MyTextareaProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <Textarea\n                variant={\n                  get(formState.errors, `${name}.message`)\n                    ? 'failure'\n                    : 'default'\n                }\n                {...props}\n                {...field}\n                className={cn(className)}\n              />\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import { TimePicker, type TimePickerProps } from 'dgz-ui/calendar';\nimport {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyTimePicker component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyTimePickerProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    TimePickerProps & {\n      /** Whether the field is required. */\n      required?: boolean;\n      /** Custom CSS class name. */\n      className?: string;\n    };\n\n/**\n * MyTimePicker is a time selection input with optional react-hook-form integration.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the time picker.\n * @param required - Whether the field is required.\n * @param className - Custom CSS class name.\n * @param rules - The `react-hook-form` validation rules.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - TimePicker and form item props.\n * @returns A time picker component integrated with react-hook-form.\n */\nexport const MyTimePicker = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  className,\n  rules,\n  floatingError,\n  ...props\n}: MyTimePickerProps<TFieldValues>) => {\n  return name && control ? (\n    <FormField<TFieldValues, FieldPath<TFieldValues>>\n      control={control}\n      name={name}\n      rules={rules}\n      render={({ field }) => (\n        <FormItem>\n          {label && (\n            <FormLabel className={'block'}>\n              {label} {required && <span className={'text-red-600'}>*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <TimePicker {...field} {...props} />\n          </FormControl>\n          <FormMessage className={cn(floatingError && 'absolute -bottom-5')} />\n        </FormItem>\n      )}\n    />\n  ) : (\n    <TimePicker className={'mt-2'} {...props} />\n  );\n};\n"],"names":["MyCheckbox","control","name","label","rules","props","id","useId","jsx","FormField","field","FormLabel","jsxs","FormItem","FormControl","Checkbox","MyDatePicker","required","format","DATE","floatingError","placeholder","disabled","register","className","inputProps","formState","Popover","PopoverTrigger","Input","get","dayjs","cn","Calendar1","PopoverContent","Calendar","FormMessage","MyDateRangePicker","DateRangePicker","MyHtmlEditor","HtmlEditor","MyMaskInput","MaskInput","value","MyRadio","RadioGroupItem","MySwitch","Switch","MyTextarea","Textarea","MyTimePicker","TimePicker"],"mappings":"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"}

package/dist/components/form/index.es.js

@@ -1,6 +1,6 @@
 import { FormField as h, FormLabel as u, FormItem as N, FormControl as g, Checkbox as I, Input as w, FormMessage as p, HtmlEditor as C, MaskInput as S, RadioGroupItem as T, Switch as D, Textarea as R } from "dgz-ui/form";
 export * from "dgz-ui/form";
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { useId as y } from "react";
 import { DATE as E, Calendar as $, TimePicker as f } from "dgz-ui/calendar";
 import { Popover as j, PopoverTrigger as z, PopoverContent as A } from "dgz-ui/popover";
@@ -8,7 +8,7 @@ import { cn as m, dayjs as H } from "dgz-ui/utils";
 import { l as v } from "../../chunks/lodash-CRDOWzbs.es.js";
 import { Calendar1 as G } from "lucide-react";
 import { D as L } from "../../chunks/DateRangePicker-DeoV3xqL.es.js";
-import { M as oe } from "../../chunks/MyInput-VyzguJnO.es.js";
+import { M as ie } from "../../chunks/MyInput-VyzguJnO.es.js";
 import { M as de } from "../../chunks/MySelect-DzvUAkVs.es.js";
 const W = ({
   control: a,
@@ -24,7 +24,7 @@ const W = ({
       control: a,
       name: r,
       rules: n,
-      render: ({ field: l }) => /* @__PURE__ */ e(u, { className: "block", htmlFor: t.id || c, children: /* @__PURE__ */ i(N, { className: "flex flex-row items-start gap-3", children: [
+      render: ({ field: l }) => /* @__PURE__ */ e(u, { className: "block", htmlFor: t.id || c, children: /* @__PURE__ */ o(N, { className: "flex flex-row items-start gap-3", children: [
         /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
           I,
           {
@@ -46,7 +46,7 @@ const W = ({
   rules: t,
   format: c = E,
   floatingError: l,
-  placeholder: o,
+  placeholder: i,
   disabled: d,
   register: k,
   className: M,
@@ -58,14 +58,14 @@ const W = ({
     control: a,
     name: r,
     rules: t,
-    render: ({ field: x, formState: P }) => /* @__PURE__ */ i(N, { children: [
-      s && /* @__PURE__ */ i(u, { className: "block", children: [
+    render: ({ field: x, formState: P }) => /* @__PURE__ */ o(N, { children: [
+      s && /* @__PURE__ */ o(u, { className: "block", children: [
         s,
         " ",
         n && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ i(j, { children: [
-        /* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ i("div", { className: "relative", children: [
+      /* @__PURE__ */ o(j, { children: [
+        /* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ o("div", { className: "relative", children: [
           /* @__PURE__ */ e(
             w,
             {
@@ -74,7 +74,7 @@ const W = ({
               disabled: d,
               ...x,
               readOnly: !0,
-              placeholder: o || "Pick a date",
+              placeholder: i || "Pick a date",
               value: H(x.value).format(c),
               className: m("m-0 text-start", M)
             }
@@ -115,29 +115,29 @@ const W = ({
   rules: t,
   placeholder: c,
   floatingError: l,
-  ...o
+  ...i
 }) => r && a && /* @__PURE__ */ e(
   h,
   {
     control: a,
     name: r,
     rules: t,
-    render: ({ field: d, formState: k }) => /* @__PURE__ */ i(N, { children: [
-      s && /* @__PURE__ */ i(u, { className: "block", children: [
+    render: ({ field: d, formState: k }) => /* @__PURE__ */ o(N, { children: [
+      s && /* @__PURE__ */ o(u, { className: "block", children: [
         s,
         " ",
         n && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
         L,
         {
-          ...o,
+          ...i,
           error: `${v.get(k.errors, r, "")}`,
           selected: d.value,
           onRangeSelected: d.onChange,
           placeholder: c
         }
-      ) }),
+      ) }) }),
       /* @__PURE__ */ e(
         p,
         {
@@ -160,13 +160,13 @@ const W = ({
     control: a,
     name: r,
     rules: n,
-    render: ({ field: o }) => /* @__PURE__ */ i(N, { children: [
-      s && /* @__PURE__ */ i(u, { className: "block", children: [
+    render: ({ field: i }) => /* @__PURE__ */ o(N, { children: [
+      s && /* @__PURE__ */ o(u, { className: "block", children: [
         s,
         " ",
         t && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(C, { ...o, ...l }) }),
+      /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(C, { ...i, ...l }) }),
       /* @__PURE__ */ e(p, { className: m(c && "absolute -bottom-5") })
     ] })
   }
@@ -184,8 +184,8 @@ const W = ({
     control: a,
     name: r,
     rules: n,
-    render: ({ field: o, formState: d }) => /* @__PURE__ */ i(N, { children: [
-      s && /* @__PURE__ */ i(u, { className: "block", children: [
+    render: ({ field: i, formState: d }) => /* @__PURE__ */ o(N, { children: [
+      s && /* @__PURE__ */ o(u, { className: "block", children: [
         s,
         " ",
         t && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
@@ -197,10 +197,10 @@ const W = ({
           lazy: !1,
           placeholderChar: "_",
           unmask: !0,
-          ...o,
+          ...i,
           ...l,
           variant: v.get(d.errors, `${r}.message`) ? "failure" : "default",
-          onAccept: (k) => o.onChange(k)
+          onAccept: (k) => i.onChange(k)
         }
       ) }),
       /* @__PURE__ */ e(
@@ -226,15 +226,15 @@ const W = ({
       control: a,
       name: r,
       rules: n,
-      render: ({ field: o }) => /* @__PURE__ */ e(u, { className: "block", htmlFor: c.id || l, children: /* @__PURE__ */ i(N, { className: "flex flex-row items-start gap-3", children: [
+      render: ({ field: i }) => /* @__PURE__ */ e(u, { className: "block", htmlFor: c.id || l, children: /* @__PURE__ */ o(N, { className: "flex flex-row items-start gap-3", children: [
         /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
           T,
           {
             id: c.id || l,
             value: t,
-            checked: o.value === t,
+            checked: i.value === t,
             onClick: () => {
-              o.value !== t && o.onChange(t);
+              i.value !== t && i.onChange(t);
             },
             ...c
           }
@@ -257,7 +257,7 @@ const W = ({
       control: a,
       name: r,
       rules: n,
-      render: ({ field: l }) => /* @__PURE__ */ e(u, { className: "block", htmlFor: t.id || c, children: /* @__PURE__ */ i(N, { className: "flex flex-row items-start gap-3", children: [
+      render: ({ field: l }) => /* @__PURE__ */ e(u, { className: "block", htmlFor: t.id || c, children: /* @__PURE__ */ o(N, { className: "flex flex-row items-start gap-3", children: [
         /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
           D,
           {
@@ -280,15 +280,15 @@ const W = ({
   rules: t,
   className: c,
   floatingError: l,
-  ...o
+  ...i
 }) => r && a && /* @__PURE__ */ e(
   h,
   {
     control: a,
     name: r,
     rules: t,
-    render: ({ field: d, formState: k }) => /* @__PURE__ */ i(N, { children: [
-      s && /* @__PURE__ */ i(u, { className: "block", children: [
+    render: ({ field: d, formState: k }) => /* @__PURE__ */ o(N, { children: [
+      s && /* @__PURE__ */ o(u, { className: "block", children: [
         s,
         " ",
         n && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
@@ -297,7 +297,7 @@ const W = ({
         R,
         {
           variant: v.get(k.errors, `${r}.message`) ? "failure" : "default",
-          ...o,
+          ...i,
           ...d,
           className: m(c)
         }
@@ -318,30 +318,30 @@ const W = ({
   className: t,
   rules: c,
   floatingError: l,
-  ...o
+  ...i
 }) => r && a ? /* @__PURE__ */ e(
   h,
   {
     control: a,
     name: r,
     rules: c,
-    render: ({ field: d }) => /* @__PURE__ */ i(N, { children: [
-      s && /* @__PURE__ */ i(u, { className: "block", children: [
+    render: ({ field: d }) => /* @__PURE__ */ o(N, { children: [
+      s && /* @__PURE__ */ o(u, { className: "block", children: [
         s,
         " ",
         n && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(f, { ...d, ...o }) }),
+      /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(f, { ...d, ...i }) }),
       /* @__PURE__ */ e(p, { className: m(l && "absolute -bottom-5") })
     ] })
   }
-) : /* @__PURE__ */ e(f, { className: "mt-2", ...o });
+) : /* @__PURE__ */ e(f, { className: "mt-2", ...i });
 export {
   W as MyCheckbox,
   X as MyDatePicker,
   Y as MyDateRangePicker,
   Z as MyHtmlEditor,
-  oe as MyInput,
+  ie as MyInput,
   ee as MyMaskInput,
   re as MyRadio,
   de as MySelect,

package/dist/components/form/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/form/MyCheckbox.tsx","../../../src/components/form/MyDatePicker.tsx","../../../src/components/form/MyDateRangePicker.tsx","../../../src/components/form/MyHtmlEditor.tsx","../../../src/components/form/MyMaskInput.tsx","../../../src/components/form/MyRadio.tsx","../../../src/components/form/MySwitch.tsx","../../../src/components/form/MyTextarea.tsx","../../../src/components/form/MyTimePicker.tsx"],"sourcesContent":["import {\n  Checkbox,\n  type CheckboxProps,\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n} from 'dgz-ui/form';\nimport { useId } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyCheckbox component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyCheckboxProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & CheckboxProps;\n\n/**\n * MyCheckbox is a checkbox component with optional react-hook-form integration.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the checkbox.\n * @param rules - The `react-hook-form` validation rules.\n * @param props - Checkbox and form item props.\n * @returns A checkbox component wrapped with form handling logic.\n */\nexport const MyCheckbox = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  ...props\n}: MyCheckboxProps<TFieldValues>) => {\n  const id = useId();\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field }) => (\n          <FormLabel className={'block'} htmlFor={props.id || id}>\n            <FormItem className=\"flex flex-row items-start gap-3\">\n              <FormControl>\n                <Checkbox\n                  id={props.id || id}\n                  checked={field.value}\n                  onCheckedChange={field.onChange}\n                  {...props}\n                />\n              </FormControl>\n              <div className=\"space-y-1 leading-none\">\n                {label && <div>{label}</div>}\n              </div>\n            </FormItem>\n          </FormLabel>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import { Calendar, type CalendarProps, DATE } from 'dgz-ui/calendar';\nimport {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  Input,\n  type InputProps,\n} from 'dgz-ui/form';\nimport { Popover, PopoverContent, PopoverTrigger } from 'dgz-ui/popover';\nimport { cn, dayjs } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport { Calendar1 } from 'lucide-react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyDatePicker component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyDatePickerProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    Omit<CalendarProps, 'mode' | 'disabled'> & {\n      /** Date format string for display. */\n      format?: string;\n      inputProps?: Omit<InputProps, 'onSelect'>;\n      placeholder?: string;\n      disabled?: boolean;\n    };\n\n/**\n * MyDatePicker shows a calendar popover to pick a single date, integrated with react-hook-form.\n * Can also be used standalone when no control/name are provided.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the date picker.\n * @param required - Whether the field is required.\n * @param rules - The `react-hook-form` validation rules.\n * @param format - The date format for display.\n * @param placeholder - The placeholder text when no date selected.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param register - The `react-hook-form` register function.\n * @param disabled - Whether the date picker is disabled.\n * @param className - Additional CSS classes.\n * @param inputProps - Props passed to the underlying Input component.\n * @param props - Calendar, button and form item props.\n * @returns A date picker component integrated with react-hook-form.\n */\nexport const MyDatePicker = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  rules,\n  format = DATE,\n  floatingError,\n  placeholder,\n  disabled,\n  register,\n  className,\n  inputProps,\n  ...props\n}: MyDatePickerProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <Popover>\n              <PopoverTrigger asChild>\n                <FormControl>\n                  <div className={'relative'}>\n                    <Input\n                      {...inputProps}\n                      variant={\n                        get(formState.errors, `${name}.message`)\n                          ? 'failure'\n                          : 'default'\n                      }\n                      disabled={disabled}\n                      {...field}\n                      readOnly\n                      placeholder={placeholder || 'Pick a date'}\n                      value={dayjs(field.value).format(format)}\n                      className={cn('m-0 text-start', className)}\n                    />\n                    <Calendar1\n                      className={cn(\n                        'text-secondary absolute top-2.5 right-2 size-5',\n                        disabled && 'pointer-events-none opacity-50'\n                      )}\n                    />\n                  </div>\n                </FormControl>\n              </PopoverTrigger>\n              {!disabled && (\n                <PopoverContent className=\"w-auto p-0\" align=\"start\">\n                  <Calendar\n                    {...props}\n                    mode=\"single\"\n                    selected={field.value}\n                    onSelect={field.onChange}\n                  />\n                </PopoverContent>\n              )}\n            </Popover>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\nimport { DateRangePicker, type DateRangePickerProps } from '../datepicker';\n\n/**\n * Props for the MyDateRangePicker component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyDateRangePickerProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    Omit<DateRangePickerProps, 'required'> & {\n      required?: boolean;\n    };\n\n/**\n * MyDateRangePicker renders a date range selector integrated with react-hook-form.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the date range picker.\n * @param required - Whether the field is required.\n * @param rules - The `react-hook-form` validation rules.\n * @param format - The date format for display.\n * @param placeholder - The placeholder text when no date is selected.\n * @param props - DateRangePicker props and form item props.\n * @returns A date range picker integrated with react-hook-form.\n */\nexport const MyDateRangePicker = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  rules,\n  placeholder,\n  floatingError,\n  ...props\n}: MyDateRangePickerProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <DateRangePicker\n                {...props}\n                error={`${get(formState.errors, name, '')}`}\n                selected={field.value}\n                onRangeSelected={field.onChange}\n                placeholder={placeholder}\n              />\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  HtmlEditor,\n  type HtmlEditorProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyHtmlEditor component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyHtmlEditorProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    HtmlEditorProps & {\n      /** Whether the field is required. */\n      required?: boolean;\n    };\n\n/**\n * MyHtmlEditor is a rich-text HTML editor with optional react-hook-form integration.\n * Works in both controlled (with control/name) and uncontrolled modes.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the HTML editor.\n * @param rules - The `react-hook-form` validation rules.\n * @param required - Whether the field is required.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - HtmlEditor and form item props.\n * @returns React element rendering an HtmlEditor with label, helper text, and validation message.\n */\nexport const MyHtmlEditor = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  required,\n  floatingError,\n  ...props\n}: MyHtmlEditorProps<TFieldValues>) => {\n  return name && control ? (\n    <FormField<TFieldValues, FieldPath<TFieldValues>>\n      control={control}\n      name={name}\n      rules={rules}\n      render={({ field }) => (\n        <FormItem>\n          {label && (\n            <FormLabel className={'block'}>\n              {label} {required && <span className={'text-red-600'}>*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <HtmlEditor {...field} {...props} />\n          </FormControl>\n          <FormMessage className={cn(floatingError && 'absolute -bottom-5')} />\n        </FormItem>\n      )}\n    />\n  ) : (\n    <HtmlEditor {...props} />\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  MaskInput,\n  type MaskInputProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyMaskInput component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyMaskInputProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    MaskInputProps & {\n      /** Whether the field is required. */\n      required?: boolean;\n    };\n\n/**\n * MyMaskInput is an input component with masking support and optional react-hook-form integration.\n * Works in both controlled (with control/name) and uncontrolled modes. By default it uses a space as\n * thousands separator, underscores as placeholder characters, lazy formatting disabled, and returns\n * unmasked value on change.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the mask input.\n * @param rules - The `react-hook-form` validation rules.\n * @param required - Whether the field is required.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - MaskInput and form item props.\n * @returns React element rendering a masked input with label, helper text, and validation message.\n */\nexport const MyMaskInput = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  required,\n  floatingError,\n  ...props\n}: MyMaskInputProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <MaskInput\n                thousandsSeparator={' '}\n                lazy={false}\n                placeholderChar=\"_\"\n                unmask\n                {...field}\n                {...props}\n                variant={\n                  get(formState.errors, `${name}.message`)\n                    ? 'failure'\n                    : 'default'\n                }\n                onAccept={(value) => field.onChange(value)}\n              />\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  RadioGroupItem,\n} from 'dgz-ui/form';\nimport React, { useId } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\ntype RadioItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupItem>;\n\n/**\n * Props for the MyRadio component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyRadioProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & RadioItemProps;\n\n/**\n * MyRadio is a radio input that can integrate with react-hook-form when control and name are provided.\n * Falls back to an uncontrolled radio item when not used inside a form.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the radio input.\n * @param rules - The `react-hook-form` validation rules.\n * @param value - The value of the radio input.\n * @param props - Radio item and form item props.\n * @returns A radio button item.\n */\nconst MyRadio = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  value,\n  ...props\n}: MyRadioProps<TFieldValues>) => {\n  const id = useId();\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field }) => (\n          <FormLabel className={'block'} htmlFor={props.id || id}>\n            <FormItem className=\"flex flex-row items-start gap-3\">\n              <FormControl>\n                <RadioGroupItem\n                  id={props.id || id}\n                  value={value}\n                  checked={field.value === value}\n                  onClick={() => {\n                    if (field.value !== value) {\n                      field.onChange(value);\n                    }\n                  }}\n                  {...props}\n                />\n              </FormControl>\n              <div className=\"space-y-1 leading-none\">\n                {label && <div>{label}</div>}\n              </div>\n            </FormItem>\n          </FormLabel>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n\nexport { MyRadio };\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  Switch,\n  type SwitchProps,\n} from 'dgz-ui/form';\nimport { useId } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MySwitch component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MySwitchProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & SwitchProps;\n\n/**\n * MySwitch is a toggle switch with optional react-hook-form integration.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the switch.\n * @param rules - The `react-hook-form` validation rules.\n * @param props - Switch and form item props.\n * @returns A toggle switch component, or null if name or control are missing.\n */\nexport const MySwitch = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  ...props\n}: MySwitchProps<TFieldValues>) => {\n  const id = useId();\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field }) => (\n          <FormLabel className={'block'} htmlFor={props.id || id}>\n            <FormItem className=\"flex flex-row items-start gap-3\">\n              <FormControl>\n                <Switch\n                  id={props.id || id}\n                  className={'m-0'}\n                  checked={field.value}\n                  onCheckedChange={field.onChange}\n                  {...props}\n                />\n              </FormControl>\n              <div className=\"space-y-1 leading-none\">\n                {label && <div>{label}</div>}\n              </div>\n            </FormItem>\n          </FormLabel>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  Textarea,\n  type TextareaProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyTextarea component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyTextareaProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & TextareaProps;\n\n/**\n * MyTextarea is a textarea component with optional react-hook-form integration.\n * Supports floating error message styling.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the textarea.\n * @param required - Whether the field is required.\n * @param rules - The `react-hook-form` validation rules.\n * @param className - Custom CSS class name.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - Textarea and form item props.\n * @returns A textarea component integrated with react-hook-form.\n */\nexport const MyTextarea = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  rules,\n  className,\n  floatingError,\n  ...props\n}: MyTextareaProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <Textarea\n                variant={\n                  get(formState.errors, `${name}.message`)\n                    ? 'failure'\n                    : 'default'\n                }\n                {...props}\n                {...field}\n                className={cn(className)}\n              />\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import { TimePicker, type TimePickerProps } from 'dgz-ui/calendar';\nimport {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyTimePicker component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyTimePickerProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    TimePickerProps & {\n      /** Whether the field is required. */\n      required?: boolean;\n      /** Custom CSS class name. */\n      className?: string;\n    };\n\n/**\n * MyTimePicker is a time selection input with optional react-hook-form integration.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the time picker.\n * @param required - Whether the field is required.\n * @param className - Custom CSS class name.\n * @param rules - The `react-hook-form` validation rules.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - TimePicker and form item props.\n * @returns A time picker component integrated with react-hook-form.\n */\nexport const MyTimePicker = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  className,\n  rules,\n  floatingError,\n  ...props\n}: MyTimePickerProps<TFieldValues>) => {\n  return name && control ? (\n    <FormField<TFieldValues, FieldPath<TFieldValues>>\n      control={control}\n      name={name}\n      rules={rules}\n      render={({ field }) => (\n        <FormItem>\n          {label && (\n            <FormLabel className={'block'}>\n              {label} {required && <span className={'text-red-600'}>*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <TimePicker {...field} {...props} />\n          </FormControl>\n          <FormMessage className={cn(floatingError && 'absolute -bottom-5')} />\n        </FormItem>\n      )}\n    />\n  ) : (\n    <TimePicker className={'mt-2'} {...props} />\n  );\n};\n"],"names":["MyCheckbox","control","name","label","rules","props","id","useId","jsx","FormField","field","FormLabel","jsxs","FormItem","FormControl","Checkbox","MyDatePicker","required","format","DATE","floatingError","placeholder","disabled","register","className","inputProps","formState","Popover","PopoverTrigger","Input","get","dayjs","cn","Calendar1","PopoverContent","Calendar","FormMessage","MyDateRangePicker","DateRangePicker","MyHtmlEditor","HtmlEditor","MyMaskInput","MaskInput","value","MyRadio","RadioGroupItem","MySwitch","Switch","MyTextarea","Textarea","MyTimePicker","TimePicker"],"mappings":";;;;;;;;;;;;AA8BO,MAAMA,IAAa,CAAmC;AAAA,EAC3D,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AACnC,QAAMC,IAAKC,EAAA;AACX,SACGL,KAAQD,KACP,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAR;AAAA,MACA,MAAAC;AAAA,MACA,OAAAE;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAM,0BACRC,GAAA,EAAU,WAAW,SAAS,SAASN,EAAM,MAAMC,GAClD,UAAA,gBAAAM,EAACC,GAAA,EAAS,WAAU,mCAClB,UAAA;AAAA,QAAA,gBAAAL,EAACM,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,IAAIV,EAAM,MAAMC;AAAA,YAChB,SAASI,EAAM;AAAA,YACf,iBAAiBA,EAAM;AAAA,YACtB,GAAGL;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QACA,gBAAAG,EAAC,SAAI,WAAU,0BACZ,eAAS,gBAAAA,EAAC,OAAA,EAAK,aAAM,EAAA,CACxB;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,KAIN;AAEJ,GCdaQ,IAAe,CAAmC;AAAA,EAC7D,SAAAf;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAc;AAAA,EACA,OAAAb;AAAA,EACA,QAAAc,IAASC;AAAA,EACT,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGpB;AACL,MAEKH,KAAQD,KACP,gBAAAO;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAR;AAAA,IACA,MAAAC;AAAA,IACA,OAAAE;AAAA,IACA,QAAQ,CAAC,EAAE,OAAAM,GAAO,WAAAgB,EAAA,wBACfb,GAAA,EACE,UAAA;AAAA,MAAAV,KACC,gBAAAS,EAACD,GAAA,EAAU,WAAW,SACnB,UAAA;AAAA,QAAAR;AAAA,QAAM;AAAA,QAAEc,KAAY,gBAAAT,EAAC,QAAA,EAAK,WAAW,gBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,wBAEDmB,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAnB,EAACoB,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAApB,EAACM,KACC,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAW,YACd,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACqB;AAAA,YAAA;AAAA,cACE,GAAGJ;AAAA,cACJ,SACEK,EAAAA,IAAIJ,EAAU,QAAQ,GAAGxB,CAAI,UAAU,IACnC,YACA;AAAA,cAEN,UAAAoB;AAAA,cACC,GAAGZ;AAAA,cACJ,UAAQ;AAAA,cACR,aAAaW,KAAe;AAAA,cAC5B,OAAOU,EAAMrB,EAAM,KAAK,EAAE,OAAOQ,CAAM;AAAA,cACvC,WAAWc,EAAG,kBAAkBR,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,UAE3C,gBAAAhB;AAAA,YAACyB;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACAV,KAAY;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,QACF,EAAA,CACF,GACF,GACF;AAAA,QACC,CAACA,KACA,gBAAAd,EAAC0B,KAAe,WAAU,cAAa,OAAM,SAC3C,UAAA,gBAAA1B;AAAA,UAAC2B;AAAA,UAAA;AAAA,YACE,GAAG9B;AAAA,YACJ,MAAK;AAAA,YACL,UAAUK,EAAM;AAAA,YAChB,UAAUA,EAAM;AAAA,UAAA;AAAA,QAAA,EAClB,CACF;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAF;AAAA,QAAC4B;AAAA,QAAA;AAAA,UACC,WAAWJ,EAAGZ,KAAiB,oBAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD,EAAA,CACF;AAAA,EAAA;AAAA,KAIN,MCvFSiB,IAAoB,CAAmC;AAAA,EAClE,SAAApC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAc;AAAA,EACA,OAAAb;AAAA,EACA,aAAAiB;AAAA,EACA,eAAAD;AAAA,EACA,GAAGf;AACL,MAEKH,KAAQD,KACP,gBAAAO;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAR;AAAA,IACA,MAAAC;AAAA,IACA,OAAAE;AAAA,IACA,QAAQ,CAAC,EAAE,OAAAM,GAAO,WAAAgB,EAAA,wBACfb,GAAA,EACE,UAAA;AAAA,MAAAV,KACC,gBAAAS,EAACD,GAAA,EAAU,WAAW,SACnB,UAAA;AAAA,QAAAR;AAAA,QAAM;AAAA,QAAEc,KAAY,gBAAAT,EAAC,QAAA,EAAK,WAAW,gBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,wBAEDM,GAAA,EACC,UAAA,gBAAAN;AAAA,QAAC8B;AAAA,QAAA;AAAA,UACE,GAAGjC;AAAA,UACJ,OAAO,GAAGyB,MAAIJ,EAAU,QAAQxB,GAAM,EAAE,CAAC;AAAA,UACzC,UAAUQ,EAAM;AAAA,UAChB,iBAAiBA,EAAM;AAAA,UACvB,aAAAW;AAAA,QAAA;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAb;AAAA,QAAC4B;AAAA,QAAA;AAAA,UACC,WAAWJ,EAAGZ,KAAiB,oBAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD,EAAA,CACF;AAAA,EAAA;AAAA,KAIN,MCtCSmB,IAAe,CAAmC;AAAA,EAC7D,SAAAtC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAa;AAAA,EACA,eAAAG;AAAA,EACA,GAAGf;AACL,MACSH,KAAQD,IACb,gBAAAO;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAR;AAAA,IACA,MAAAC;AAAA,IACA,OAAAE;AAAA,IACA,QAAQ,CAAC,EAAE,OAAAM,EAAA,wBACRG,GAAA,EACE,UAAA;AAAA,MAAAV,KACC,gBAAAS,EAACD,GAAA,EAAU,WAAW,SACnB,UAAA;AAAA,QAAAR;AAAA,QAAM;AAAA,QAAEc,KAAY,gBAAAT,EAAC,QAAA,EAAK,WAAW,gBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,MAEF,gBAAAA,EAACM,KACC,UAAA,gBAAAN,EAACgC,GAAA,EAAY,GAAG9B,GAAQ,GAAGL,GAAO,GACpC;AAAA,wBACC+B,GAAA,EAAY,WAAWJ,EAAGZ,KAAiB,oBAAoB,EAAA,CAAG;AAAA,IAAA,EAAA,CACrE;AAAA,EAAA;AAAA,IAIJ,gBAAAZ,EAACgC,GAAA,EAAY,GAAGnC,EAAA,CAAO,GC1BdoC,KAAc,CAAmC;AAAA,EAC5D,SAAAxC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAa;AAAA,EACA,eAAAG;AAAA,EACA,GAAGf;AACL,MAEKH,KAAQD,KACP,gBAAAO;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAR;AAAA,IACA,MAAAC;AAAA,IACA,OAAAE;AAAA,IACA,QAAQ,CAAC,EAAE,OAAAM,GAAO,WAAAgB,EAAA,wBACfb,GAAA,EACE,UAAA;AAAA,MAAAV,KACC,gBAAAS,EAACD,GAAA,EAAU,WAAW,SACnB,UAAA;AAAA,QAAAR;AAAA,QAAM;AAAA,QAAEc,KAAY,gBAAAT,EAAC,QAAA,EAAK,WAAW,gBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,wBAEDM,GAAA,EACC,UAAA,gBAAAN;AAAA,QAACkC;AAAA,QAAA;AAAA,UACC,oBAAoB;AAAA,UACpB,MAAM;AAAA,UACN,iBAAgB;AAAA,UAChB,QAAM;AAAA,UACL,GAAGhC;AAAA,UACH,GAAGL;AAAA,UACJ,SACEyB,EAAAA,IAAIJ,EAAU,QAAQ,GAAGxB,CAAI,UAAU,IACnC,YACA;AAAA,UAEN,UAAU,CAACyC,MAAUjC,EAAM,SAASiC,CAAK;AAAA,QAAA;AAAA,MAAA,GAE7C;AAAA,MACA,gBAAAnC;AAAA,QAAC4B;AAAA,QAAA;AAAA,UACC,WAAWJ,EAAGZ,KAAiB,oBAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD,EAAA,CACF;AAAA,EAAA;AAAA,KAIN,MCrDEwB,KAAU,CAAmC;AAAA,EACjD,SAAA3C;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAuC;AAAA,EACA,GAAGtC;AACL,MAAkC;AAChC,QAAMC,IAAKC,EAAA;AACX,SACGL,KAAQD,KACP,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAR;AAAA,MACA,MAAAC;AAAA,MACA,OAAAE;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAM,0BACRC,GAAA,EAAU,WAAW,SAAS,SAASN,EAAM,MAAMC,GAClD,UAAA,gBAAAM,EAACC,GAAA,EAAS,WAAU,mCAClB,UAAA;AAAA,QAAA,gBAAAL,EAACM,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACqC;AAAA,UAAA;AAAA,YACC,IAAIxC,EAAM,MAAMC;AAAA,YAChB,OAAAqC;AAAA,YACA,SAASjC,EAAM,UAAUiC;AAAA,YACzB,SAAS,MAAM;AACb,cAAIjC,EAAM,UAAUiC,KAClBjC,EAAM,SAASiC,CAAK;AAAA,YAExB;AAAA,YACC,GAAGtC;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QACA,gBAAAG,EAAC,SAAI,WAAU,0BACZ,eAAS,gBAAAA,EAAC,OAAA,EAAK,aAAM,EAAA,CACxB;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,KAIN;AAEJ,GC5CasC,KAAW,CAAmC;AAAA,EACzD,SAAA7C;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAMC,IAAKC,EAAA;AACX,SACGL,KAAQD,KACP,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAR;AAAA,MACA,MAAAC;AAAA,MACA,OAAAE;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAM,0BACRC,GAAA,EAAU,WAAW,SAAS,SAASN,EAAM,MAAMC,GAClD,UAAA,gBAAAM,EAACC,GAAA,EAAS,WAAU,mCAClB,UAAA;AAAA,QAAA,gBAAAL,EAACM,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACuC;AAAA,UAAA;AAAA,YACC,IAAI1C,EAAM,MAAMC;AAAA,YAChB,WAAW;AAAA,YACX,SAASI,EAAM;AAAA,YACf,iBAAiBA,EAAM;AAAA,YACtB,GAAGL;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QACA,gBAAAG,EAAC,SAAI,WAAU,0BACZ,eAAS,gBAAAA,EAAC,OAAA,EAAK,aAAM,EAAA,CACxB;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,KAIN;AAEJ,GC9BawC,KAAa,CAAmC;AAAA,EAC3D,SAAA/C;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAc;AAAA,EACA,OAAAb;AAAA,EACA,WAAAoB;AAAA,EACA,eAAAJ;AAAA,EACA,GAAGf;AACL,MAEKH,KAAQD,KACP,gBAAAO;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAR;AAAA,IACA,MAAAC;AAAA,IACA,OAAAE;AAAA,IACA,QAAQ,CAAC,EAAE,OAAAM,GAAO,WAAAgB,EAAA,wBACfb,GAAA,EACE,UAAA;AAAA,MAAAV,KACC,gBAAAS,EAACD,GAAA,EAAU,WAAW,SACnB,UAAA;AAAA,QAAAR;AAAA,QAAM;AAAA,QAAEc,KAAY,gBAAAT,EAAC,QAAA,EAAK,WAAW,gBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,wBAEDM,GAAA,EACC,UAAA,gBAAAN;AAAA,QAACyC;AAAA,QAAA;AAAA,UACC,SACEnB,EAAAA,IAAIJ,EAAU,QAAQ,GAAGxB,CAAI,UAAU,IACnC,YACA;AAAA,UAEL,GAAGG;AAAA,UACH,GAAGK;AAAA,UACJ,WAAWsB,EAAGR,CAAS;AAAA,QAAA;AAAA,MAAA,GAE3B;AAAA,MACA,gBAAAhB;AAAA,QAAC4B;AAAA,QAAA;AAAA,UACC,WAAWJ,EAAGZ,KAAiB,oBAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD,EAAA,CACF;AAAA,EAAA;AAAA,KAIN,MCvCS8B,KAAe,CAAmC;AAAA,EAC7D,SAAAjD;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAc;AAAA,EACA,WAAAO;AAAA,EACA,OAAApB;AAAA,EACA,eAAAgB;AAAA,EACA,GAAGf;AACL,MACSH,KAAQD,IACb,gBAAAO;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAR;AAAA,IACA,MAAAC;AAAA,IACA,OAAAE;AAAA,IACA,QAAQ,CAAC,EAAE,OAAAM,EAAA,wBACRG,GAAA,EACE,UAAA;AAAA,MAAAV,KACC,gBAAAS,EAACD,GAAA,EAAU,WAAW,SACnB,UAAA;AAAA,QAAAR;AAAA,QAAM;AAAA,QAAEc,KAAY,gBAAAT,EAAC,QAAA,EAAK,WAAW,gBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,MAEF,gBAAAA,EAACM,KACC,UAAA,gBAAAN,EAAC2C,GAAA,EAAY,GAAGzC,GAAQ,GAAGL,GAAO,GACpC;AAAA,wBACC+B,GAAA,EAAY,WAAWJ,EAAGZ,KAAiB,oBAAoB,EAAA,CAAG;AAAA,IAAA,EAAA,CACrE;AAAA,EAAA;AAAA,IAIJ,gBAAAZ,EAAC2C,GAAA,EAAW,WAAW,QAAS,GAAG9C,GAAO;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/form/MyCheckbox.tsx","../../../src/components/form/MyDatePicker.tsx","../../../src/components/form/MyDateRangePicker.tsx","../../../src/components/form/MyHtmlEditor.tsx","../../../src/components/form/MyMaskInput.tsx","../../../src/components/form/MyRadio.tsx","../../../src/components/form/MySwitch.tsx","../../../src/components/form/MyTextarea.tsx","../../../src/components/form/MyTimePicker.tsx"],"sourcesContent":["import {\n  Checkbox,\n  type CheckboxProps,\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n} from 'dgz-ui/form';\nimport { useId } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyCheckbox component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyCheckboxProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & CheckboxProps;\n\n/**\n * MyCheckbox is a checkbox component with optional react-hook-form integration.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the checkbox.\n * @param rules - The `react-hook-form` validation rules.\n * @param props - Checkbox and form item props.\n * @returns A checkbox component wrapped with form handling logic.\n */\nexport const MyCheckbox = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  ...props\n}: MyCheckboxProps<TFieldValues>) => {\n  const id = useId();\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field }) => (\n          <FormLabel className={'block'} htmlFor={props.id || id}>\n            <FormItem className=\"flex flex-row items-start gap-3\">\n              <FormControl>\n                <Checkbox\n                  id={props.id || id}\n                  checked={field.value}\n                  onCheckedChange={field.onChange}\n                  {...props}\n                />\n              </FormControl>\n              <div className=\"space-y-1 leading-none\">\n                {label && <div>{label}</div>}\n              </div>\n            </FormItem>\n          </FormLabel>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import { Calendar, type CalendarProps, DATE } from 'dgz-ui/calendar';\nimport {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  Input,\n  type InputProps,\n} from 'dgz-ui/form';\nimport { Popover, PopoverContent, PopoverTrigger } from 'dgz-ui/popover';\nimport { cn, dayjs } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport { Calendar1 } from 'lucide-react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyDatePicker component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyDatePickerProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    Omit<CalendarProps, 'mode' | 'disabled'> & {\n      /** Date format string for display. */\n      format?: string;\n      inputProps?: Omit<InputProps, 'onSelect'>;\n      placeholder?: string;\n      disabled?: boolean;\n    };\n\n/**\n * MyDatePicker shows a calendar popover to pick a single date, integrated with react-hook-form.\n * Can also be used standalone when no control/name are provided.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the date picker.\n * @param required - Whether the field is required.\n * @param rules - The `react-hook-form` validation rules.\n * @param format - The date format for display.\n * @param placeholder - The placeholder text when no date selected.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param register - The `react-hook-form` register function.\n * @param disabled - Whether the date picker is disabled.\n * @param className - Additional CSS classes.\n * @param inputProps - Props passed to the underlying Input component.\n * @param props - Calendar, button and form item props.\n * @returns A date picker component integrated with react-hook-form.\n */\nexport const MyDatePicker = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  rules,\n  format = DATE,\n  floatingError,\n  placeholder,\n  disabled,\n  register,\n  className,\n  inputProps,\n  ...props\n}: MyDatePickerProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <Popover>\n              <PopoverTrigger asChild>\n                <FormControl>\n                  <div className={'relative'}>\n                    <Input\n                      {...inputProps}\n                      variant={\n                        get(formState.errors, `${name}.message`)\n                          ? 'failure'\n                          : 'default'\n                      }\n                      disabled={disabled}\n                      {...field}\n                      readOnly\n                      placeholder={placeholder || 'Pick a date'}\n                      value={dayjs(field.value).format(format)}\n                      className={cn('m-0 text-start', className)}\n                    />\n                    <Calendar1\n                      className={cn(\n                        'text-secondary absolute top-2.5 right-2 size-5',\n                        disabled && 'pointer-events-none opacity-50'\n                      )}\n                    />\n                  </div>\n                </FormControl>\n              </PopoverTrigger>\n              {!disabled && (\n                <PopoverContent className=\"w-auto p-0\" align=\"start\">\n                  <Calendar\n                    {...props}\n                    mode=\"single\"\n                    selected={field.value}\n                    onSelect={field.onChange}\n                  />\n                </PopoverContent>\n              )}\n            </Popover>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\nimport { DateRangePicker, type DateRangePickerProps } from '../datepicker';\n\n/**\n * Props for the MyDateRangePicker component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyDateRangePickerProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    Omit<DateRangePickerProps, 'required'> & {\n      required?: boolean;\n    };\n\n/**\n * MyDateRangePicker renders a date range selector integrated with react-hook-form.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the date range picker.\n * @param required - Whether the field is required.\n * @param rules - The `react-hook-form` validation rules.\n * @param format - The date format for display.\n * @param placeholder - The placeholder text when no date is selected.\n * @param props - DateRangePicker props and form item props.\n * @returns A date range picker integrated with react-hook-form.\n */\nexport const MyDateRangePicker = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  rules,\n  placeholder,\n  floatingError,\n  ...props\n}: MyDateRangePickerProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <div>\n                <DateRangePicker\n                  {...props}\n                  error={`${get(formState.errors, name, '')}`}\n                  selected={field.value}\n                  onRangeSelected={field.onChange}\n                  placeholder={placeholder}\n                />\n              </div>\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  HtmlEditor,\n  type HtmlEditorProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyHtmlEditor component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyHtmlEditorProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    HtmlEditorProps & {\n      /** Whether the field is required. */\n      required?: boolean;\n    };\n\n/**\n * MyHtmlEditor is a rich-text HTML editor with optional react-hook-form integration.\n * Works in both controlled (with control/name) and uncontrolled modes.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the HTML editor.\n * @param rules - The `react-hook-form` validation rules.\n * @param required - Whether the field is required.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - HtmlEditor and form item props.\n * @returns React element rendering an HtmlEditor with label, helper text, and validation message.\n */\nexport const MyHtmlEditor = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  required,\n  floatingError,\n  ...props\n}: MyHtmlEditorProps<TFieldValues>) => {\n  return name && control ? (\n    <FormField<TFieldValues, FieldPath<TFieldValues>>\n      control={control}\n      name={name}\n      rules={rules}\n      render={({ field }) => (\n        <FormItem>\n          {label && (\n            <FormLabel className={'block'}>\n              {label} {required && <span className={'text-red-600'}>*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <HtmlEditor {...field} {...props} />\n          </FormControl>\n          <FormMessage className={cn(floatingError && 'absolute -bottom-5')} />\n        </FormItem>\n      )}\n    />\n  ) : (\n    <HtmlEditor {...props} />\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  MaskInput,\n  type MaskInputProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyMaskInput component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyMaskInputProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    MaskInputProps & {\n      /** Whether the field is required. */\n      required?: boolean;\n    };\n\n/**\n * MyMaskInput is an input component with masking support and optional react-hook-form integration.\n * Works in both controlled (with control/name) and uncontrolled modes. By default it uses a space as\n * thousands separator, underscores as placeholder characters, lazy formatting disabled, and returns\n * unmasked value on change.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the mask input.\n * @param rules - The `react-hook-form` validation rules.\n * @param required - Whether the field is required.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - MaskInput and form item props.\n * @returns React element rendering a masked input with label, helper text, and validation message.\n */\nexport const MyMaskInput = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  required,\n  floatingError,\n  ...props\n}: MyMaskInputProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <MaskInput\n                thousandsSeparator={' '}\n                lazy={false}\n                placeholderChar=\"_\"\n                unmask\n                {...field}\n                {...props}\n                variant={\n                  get(formState.errors, `${name}.message`)\n                    ? 'failure'\n                    : 'default'\n                }\n                onAccept={(value) => field.onChange(value)}\n              />\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  RadioGroupItem,\n} from 'dgz-ui/form';\nimport React, { useId } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\ntype RadioItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupItem>;\n\n/**\n * Props for the MyRadio component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyRadioProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & RadioItemProps;\n\n/**\n * MyRadio is a radio input that can integrate with react-hook-form when control and name are provided.\n * Falls back to an uncontrolled radio item when not used inside a form.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the radio input.\n * @param rules - The `react-hook-form` validation rules.\n * @param value - The value of the radio input.\n * @param props - Radio item and form item props.\n * @returns A radio button item.\n */\nconst MyRadio = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  value,\n  ...props\n}: MyRadioProps<TFieldValues>) => {\n  const id = useId();\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field }) => (\n          <FormLabel className={'block'} htmlFor={props.id || id}>\n            <FormItem className=\"flex flex-row items-start gap-3\">\n              <FormControl>\n                <RadioGroupItem\n                  id={props.id || id}\n                  value={value}\n                  checked={field.value === value}\n                  onClick={() => {\n                    if (field.value !== value) {\n                      field.onChange(value);\n                    }\n                  }}\n                  {...props}\n                />\n              </FormControl>\n              <div className=\"space-y-1 leading-none\">\n                {label && <div>{label}</div>}\n              </div>\n            </FormItem>\n          </FormLabel>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n\nexport { MyRadio };\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  Switch,\n  type SwitchProps,\n} from 'dgz-ui/form';\nimport { useId } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MySwitch component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MySwitchProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & SwitchProps;\n\n/**\n * MySwitch is a toggle switch with optional react-hook-form integration.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the switch.\n * @param rules - The `react-hook-form` validation rules.\n * @param props - Switch and form item props.\n * @returns A toggle switch component, or null if name or control are missing.\n */\nexport const MySwitch = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  rules,\n  ...props\n}: MySwitchProps<TFieldValues>) => {\n  const id = useId();\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field }) => (\n          <FormLabel className={'block'} htmlFor={props.id || id}>\n            <FormItem className=\"flex flex-row items-start gap-3\">\n              <FormControl>\n                <Switch\n                  id={props.id || id}\n                  className={'m-0'}\n                  checked={field.value}\n                  onCheckedChange={field.onChange}\n                  {...props}\n                />\n              </FormControl>\n              <div className=\"space-y-1 leading-none\">\n                {label && <div>{label}</div>}\n              </div>\n            </FormItem>\n          </FormLabel>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  Textarea,\n  type TextareaProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyTextarea component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyTextareaProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & TextareaProps;\n\n/**\n * MyTextarea is a textarea component with optional react-hook-form integration.\n * Supports floating error message styling.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the textarea.\n * @param required - Whether the field is required.\n * @param rules - The `react-hook-form` validation rules.\n * @param className - Custom CSS class name.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - Textarea and form item props.\n * @returns A textarea component integrated with react-hook-form.\n */\nexport const MyTextarea = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  rules,\n  className,\n  floatingError,\n  ...props\n}: MyTextareaProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <Textarea\n                variant={\n                  get(formState.errors, `${name}.message`)\n                    ? 'failure'\n                    : 'default'\n                }\n                {...props}\n                {...field}\n                className={cn(className)}\n              />\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n","import { TimePicker, type TimePickerProps } from 'dgz-ui/calendar';\nimport {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyTimePicker component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyTimePickerProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    TimePickerProps & {\n      /** Whether the field is required. */\n      required?: boolean;\n      /** Custom CSS class name. */\n      className?: string;\n    };\n\n/**\n * MyTimePicker is a time selection input with optional react-hook-form integration.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the time picker.\n * @param required - Whether the field is required.\n * @param className - Custom CSS class name.\n * @param rules - The `react-hook-form` validation rules.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - TimePicker and form item props.\n * @returns A time picker component integrated with react-hook-form.\n */\nexport const MyTimePicker = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  className,\n  rules,\n  floatingError,\n  ...props\n}: MyTimePickerProps<TFieldValues>) => {\n  return name && control ? (\n    <FormField<TFieldValues, FieldPath<TFieldValues>>\n      control={control}\n      name={name}\n      rules={rules}\n      render={({ field }) => (\n        <FormItem>\n          {label && (\n            <FormLabel className={'block'}>\n              {label} {required && <span className={'text-red-600'}>*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <TimePicker {...field} {...props} />\n          </FormControl>\n          <FormMessage className={cn(floatingError && 'absolute -bottom-5')} />\n        </FormItem>\n      )}\n    />\n  ) : (\n    <TimePicker className={'mt-2'} {...props} />\n  );\n};\n"],"names":["MyCheckbox","control","name","label","rules","props","id","useId","jsx","FormField","field","FormLabel","jsxs","FormItem","FormControl","Checkbox","MyDatePicker","required","format","DATE","floatingError","placeholder","disabled","register","className","inputProps","formState","Popover","PopoverTrigger","Input","get","dayjs","cn","Calendar1","PopoverContent","Calendar","FormMessage","MyDateRangePicker","DateRangePicker","MyHtmlEditor","HtmlEditor","MyMaskInput","MaskInput","value","MyRadio","RadioGroupItem","MySwitch","Switch","MyTextarea","Textarea","MyTimePicker","TimePicker"],"mappings":";;;;;;;;;;;;AA8BO,MAAMA,IAAa,CAAmC;AAAA,EAC3D,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AACnC,QAAMC,IAAKC,EAAA;AACX,SACGL,KAAQD,KACP,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAR;AAAA,MACA,MAAAC;AAAA,MACA,OAAAE;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAM,0BACRC,GAAA,EAAU,WAAW,SAAS,SAASN,EAAM,MAAMC,GAClD,UAAA,gBAAAM,EAACC,GAAA,EAAS,WAAU,mCAClB,UAAA;AAAA,QAAA,gBAAAL,EAACM,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,IAAIV,EAAM,MAAMC;AAAA,YAChB,SAASI,EAAM;AAAA,YACf,iBAAiBA,EAAM;AAAA,YACtB,GAAGL;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QACA,gBAAAG,EAAC,SAAI,WAAU,0BACZ,eAAS,gBAAAA,EAAC,OAAA,EAAK,aAAM,EAAA,CACxB;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,KAIN;AAEJ,GCdaQ,IAAe,CAAmC;AAAA,EAC7D,SAAAf;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAc;AAAA,EACA,OAAAb;AAAA,EACA,QAAAc,IAASC;AAAA,EACT,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGpB;AACL,MAEKH,KAAQD,KACP,gBAAAO;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAR;AAAA,IACA,MAAAC;AAAA,IACA,OAAAE;AAAA,IACA,QAAQ,CAAC,EAAE,OAAAM,GAAO,WAAAgB,EAAA,wBACfb,GAAA,EACE,UAAA;AAAA,MAAAV,KACC,gBAAAS,EAACD,GAAA,EAAU,WAAW,SACnB,UAAA;AAAA,QAAAR;AAAA,QAAM;AAAA,QAAEc,KAAY,gBAAAT,EAAC,QAAA,EAAK,WAAW,gBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,wBAEDmB,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAnB,EAACoB,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAApB,EAACM,KACC,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAW,YACd,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACqB;AAAA,YAAA;AAAA,cACE,GAAGJ;AAAA,cACJ,SACEK,EAAAA,IAAIJ,EAAU,QAAQ,GAAGxB,CAAI,UAAU,IACnC,YACA;AAAA,cAEN,UAAAoB;AAAA,cACC,GAAGZ;AAAA,cACJ,UAAQ;AAAA,cACR,aAAaW,KAAe;AAAA,cAC5B,OAAOU,EAAMrB,EAAM,KAAK,EAAE,OAAOQ,CAAM;AAAA,cACvC,WAAWc,EAAG,kBAAkBR,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,UAE3C,gBAAAhB;AAAA,YAACyB;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACAV,KAAY;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,QACF,EAAA,CACF,GACF,GACF;AAAA,QACC,CAACA,KACA,gBAAAd,EAAC0B,KAAe,WAAU,cAAa,OAAM,SAC3C,UAAA,gBAAA1B;AAAA,UAAC2B;AAAA,UAAA;AAAA,YACE,GAAG9B;AAAA,YACJ,MAAK;AAAA,YACL,UAAUK,EAAM;AAAA,YAChB,UAAUA,EAAM;AAAA,UAAA;AAAA,QAAA,EAClB,CACF;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAF;AAAA,QAAC4B;AAAA,QAAA;AAAA,UACC,WAAWJ,EAAGZ,KAAiB,oBAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD,EAAA,CACF;AAAA,EAAA;AAAA,KAIN,MCvFSiB,IAAoB,CAAmC;AAAA,EAClE,SAAApC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAc;AAAA,EACA,OAAAb;AAAA,EACA,aAAAiB;AAAA,EACA,eAAAD;AAAA,EACA,GAAGf;AACL,MAEKH,KAAQD,KACP,gBAAAO;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAR;AAAA,IACA,MAAAC;AAAA,IACA,OAAAE;AAAA,IACA,QAAQ,CAAC,EAAE,OAAAM,GAAO,WAAAgB,EAAA,wBACfb,GAAA,EACE,UAAA;AAAA,MAAAV,KACC,gBAAAS,EAACD,GAAA,EAAU,WAAW,SACnB,UAAA;AAAA,QAAAR;AAAA,QAAM;AAAA,QAAEc,KAAY,gBAAAT,EAAC,QAAA,EAAK,WAAW,gBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,MAEF,gBAAAA,EAACM,GAAA,EACC,UAAA,gBAAAN,EAAC,OAAA,EACC,UAAA,gBAAAA;AAAA,QAAC8B;AAAA,QAAA;AAAA,UACE,GAAGjC;AAAA,UACJ,OAAO,GAAGyB,MAAIJ,EAAU,QAAQxB,GAAM,EAAE,CAAC;AAAA,UACzC,UAAUQ,EAAM;AAAA,UAChB,iBAAiBA,EAAM;AAAA,UACvB,aAAAW;AAAA,QAAA;AAAA,MAAA,GAEJ,EAAA,CACF;AAAA,MACA,gBAAAb;AAAA,QAAC4B;AAAA,QAAA;AAAA,UACC,WAAWJ,EAAGZ,KAAiB,oBAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD,EAAA,CACF;AAAA,EAAA;AAAA,KAIN,MCxCSmB,IAAe,CAAmC;AAAA,EAC7D,SAAAtC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAa;AAAA,EACA,eAAAG;AAAA,EACA,GAAGf;AACL,MACSH,KAAQD,IACb,gBAAAO;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAR;AAAA,IACA,MAAAC;AAAA,IACA,OAAAE;AAAA,IACA,QAAQ,CAAC,EAAE,OAAAM,EAAA,wBACRG,GAAA,EACE,UAAA;AAAA,MAAAV,KACC,gBAAAS,EAACD,GAAA,EAAU,WAAW,SACnB,UAAA;AAAA,QAAAR;AAAA,QAAM;AAAA,QAAEc,KAAY,gBAAAT,EAAC,QAAA,EAAK,WAAW,gBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,MAEF,gBAAAA,EAACM,KACC,UAAA,gBAAAN,EAACgC,GAAA,EAAY,GAAG9B,GAAQ,GAAGL,GAAO,GACpC;AAAA,wBACC+B,GAAA,EAAY,WAAWJ,EAAGZ,KAAiB,oBAAoB,EAAA,CAAG;AAAA,IAAA,EAAA,CACrE;AAAA,EAAA;AAAA,IAIJ,gBAAAZ,EAACgC,GAAA,EAAY,GAAGnC,EAAA,CAAO,GC1BdoC,KAAc,CAAmC;AAAA,EAC5D,SAAAxC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAa;AAAA,EACA,eAAAG;AAAA,EACA,GAAGf;AACL,MAEKH,KAAQD,KACP,gBAAAO;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAR;AAAA,IACA,MAAAC;AAAA,IACA,OAAAE;AAAA,IACA,QAAQ,CAAC,EAAE,OAAAM,GAAO,WAAAgB,EAAA,wBACfb,GAAA,EACE,UAAA;AAAA,MAAAV,KACC,gBAAAS,EAACD,GAAA,EAAU,WAAW,SACnB,UAAA;AAAA,QAAAR;AAAA,QAAM;AAAA,QAAEc,KAAY,gBAAAT,EAAC,QAAA,EAAK,WAAW,gBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,wBAEDM,GAAA,EACC,UAAA,gBAAAN;AAAA,QAACkC;AAAA,QAAA;AAAA,UACC,oBAAoB;AAAA,UACpB,MAAM;AAAA,UACN,iBAAgB;AAAA,UAChB,QAAM;AAAA,UACL,GAAGhC;AAAA,UACH,GAAGL;AAAA,UACJ,SACEyB,EAAAA,IAAIJ,EAAU,QAAQ,GAAGxB,CAAI,UAAU,IACnC,YACA;AAAA,UAEN,UAAU,CAACyC,MAAUjC,EAAM,SAASiC,CAAK;AAAA,QAAA;AAAA,MAAA,GAE7C;AAAA,MACA,gBAAAnC;AAAA,QAAC4B;AAAA,QAAA;AAAA,UACC,WAAWJ,EAAGZ,KAAiB,oBAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD,EAAA,CACF;AAAA,EAAA;AAAA,KAIN,MCrDEwB,KAAU,CAAmC;AAAA,EACjD,SAAA3C;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAuC;AAAA,EACA,GAAGtC;AACL,MAAkC;AAChC,QAAMC,IAAKC,EAAA;AACX,SACGL,KAAQD,KACP,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAR;AAAA,MACA,MAAAC;AAAA,MACA,OAAAE;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAM,0BACRC,GAAA,EAAU,WAAW,SAAS,SAASN,EAAM,MAAMC,GAClD,UAAA,gBAAAM,EAACC,GAAA,EAAS,WAAU,mCAClB,UAAA;AAAA,QAAA,gBAAAL,EAACM,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACqC;AAAA,UAAA;AAAA,YACC,IAAIxC,EAAM,MAAMC;AAAA,YAChB,OAAAqC;AAAA,YACA,SAASjC,EAAM,UAAUiC;AAAA,YACzB,SAAS,MAAM;AACb,cAAIjC,EAAM,UAAUiC,KAClBjC,EAAM,SAASiC,CAAK;AAAA,YAExB;AAAA,YACC,GAAGtC;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QACA,gBAAAG,EAAC,SAAI,WAAU,0BACZ,eAAS,gBAAAA,EAAC,OAAA,EAAK,aAAM,EAAA,CACxB;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,KAIN;AAEJ,GC5CasC,KAAW,CAAmC;AAAA,EACzD,SAAA7C;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAMC,IAAKC,EAAA;AACX,SACGL,KAAQD,KACP,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAR;AAAA,MACA,MAAAC;AAAA,MACA,OAAAE;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAM,0BACRC,GAAA,EAAU,WAAW,SAAS,SAASN,EAAM,MAAMC,GAClD,UAAA,gBAAAM,EAACC,GAAA,EAAS,WAAU,mCAClB,UAAA;AAAA,QAAA,gBAAAL,EAACM,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACuC;AAAA,UAAA;AAAA,YACC,IAAI1C,EAAM,MAAMC;AAAA,YAChB,WAAW;AAAA,YACX,SAASI,EAAM;AAAA,YACf,iBAAiBA,EAAM;AAAA,YACtB,GAAGL;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QACA,gBAAAG,EAAC,SAAI,WAAU,0BACZ,eAAS,gBAAAA,EAAC,OAAA,EAAK,aAAM,EAAA,CACxB;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,KAIN;AAEJ,GC9BawC,KAAa,CAAmC;AAAA,EAC3D,SAAA/C;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAc;AAAA,EACA,OAAAb;AAAA,EACA,WAAAoB;AAAA,EACA,eAAAJ;AAAA,EACA,GAAGf;AACL,MAEKH,KAAQD,KACP,gBAAAO;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAR;AAAA,IACA,MAAAC;AAAA,IACA,OAAAE;AAAA,IACA,QAAQ,CAAC,EAAE,OAAAM,GAAO,WAAAgB,EAAA,wBACfb,GAAA,EACE,UAAA;AAAA,MAAAV,KACC,gBAAAS,EAACD,GAAA,EAAU,WAAW,SACnB,UAAA;AAAA,QAAAR;AAAA,QAAM;AAAA,QAAEc,KAAY,gBAAAT,EAAC,QAAA,EAAK,WAAW,gBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,wBAEDM,GAAA,EACC,UAAA,gBAAAN;AAAA,QAACyC;AAAA,QAAA;AAAA,UACC,SACEnB,EAAAA,IAAIJ,EAAU,QAAQ,GAAGxB,CAAI,UAAU,IACnC,YACA;AAAA,UAEL,GAAGG;AAAA,UACH,GAAGK;AAAA,UACJ,WAAWsB,EAAGR,CAAS;AAAA,QAAA;AAAA,MAAA,GAE3B;AAAA,MACA,gBAAAhB;AAAA,QAAC4B;AAAA,QAAA;AAAA,UACC,WAAWJ,EAAGZ,KAAiB,oBAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD,EAAA,CACF;AAAA,EAAA;AAAA,KAIN,MCvCS8B,KAAe,CAAmC;AAAA,EAC7D,SAAAjD;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAc;AAAA,EACA,WAAAO;AAAA,EACA,OAAApB;AAAA,EACA,eAAAgB;AAAA,EACA,GAAGf;AACL,MACSH,KAAQD,IACb,gBAAAO;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAR;AAAA,IACA,MAAAC;AAAA,IACA,OAAAE;AAAA,IACA,QAAQ,CAAC,EAAE,OAAAM,EAAA,wBACRG,GAAA,EACE,UAAA;AAAA,MAAAV,KACC,gBAAAS,EAACD,GAAA,EAAU,WAAW,SACnB,UAAA;AAAA,QAAAR;AAAA,QAAM;AAAA,QAAEc,KAAY,gBAAAT,EAAC,QAAA,EAAK,WAAW,gBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,MAEF,gBAAAA,EAACM,KACC,UAAA,gBAAAN,EAAC2C,GAAA,EAAY,GAAGzC,GAAQ,GAAGL,GAAO,GACpC;AAAA,wBACC+B,GAAA,EAAY,WAAWJ,EAAGZ,KAAiB,oBAAoB,EAAA,CAAG;AAAA,IAAA,EAAA,CACrE;AAAA,EAAA;AAAA,IAIJ,gBAAAZ,EAAC2C,GAAA,EAAW,WAAW,QAAS,GAAG9C,GAAO;"}

package/dist/types/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAiBA,iBAAS,GAAG,4CAuLX;AAED,eAAe,GAAG,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAiBA,iBAAS,GAAG,4CAwLX;AAED,eAAe,GAAG,CAAC"}

package/dist/types/components/form/MyDateRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MyDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MyDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EAGnB,MAAM,aAAa,CAAC;AAGrB,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE3E;;;GAGG;AACH,MAAM,MAAM,sBAAsB,CAAC,YAAY,SAAS,WAAW,IACjE,aAAa,CAAC,YAAY,CAAC,GACzB,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEN;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,GAAI,YAAY,SAAS,WAAW,EAAE,iFASjE,sBAAsB,CAAC,YAAY,CAAC,mDAgCtC,CAAC"}
+{"version":3,"file":"MyDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MyDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EAGnB,MAAM,aAAa,CAAC;AAGrB,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE3E;;;GAGG;AACH,MAAM,MAAM,sBAAsB,CAAC,YAAY,SAAS,WAAW,IACjE,aAAa,CAAC,YAAY,CAAC,GACzB,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEN;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,GAAI,YAAY,SAAS,WAAW,EAAE,iFASjE,sBAAsB,CAAC,YAAY,CAAC,mDAkCtC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dgz-ui-shared",
-  "version": "1.2.22",
+  "version": "1.2.23",
   "description": "Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript, dgz-ui library",
   "keywords": [
     "dgz-ui",
@@ -179,7 +179,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^5.0.1",
-    "dgz-ui": "^1.4.13",
+    "dgz-ui": "^1.4.14",
     "file-saver": "^2.0.5",
     "lodash": "^4.17.21",
     "lucide-react": "^0.563.0",