dgz-ui-shared 1.2.18 → 1.2.20

package/dist/chunks/DateRangePicker-BEguo3VF.es.js

@@ -0,0 +1,177 @@
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import { Button as k } from "dgz-ui/button";
+import { DATE as L, Calendar as d } from "dgz-ui/calendar";
+import { Input as w } from "dgz-ui/form";
+import { Popover as P, PopoverTrigger as A, PopoverContent as M } from "dgz-ui/popover";
+import { cn as c } from "dgz-ui/utils";
+import { XIcon as z, Calendar1 as E } from "lucide-react";
+import { useState as v, useEffect as F, useMemo as I } from "react";
+import { useTranslation as Z } from "react-i18next";
+const Q = ({
+  className: O,
+  format: l = L,
+  selected: r,
+  timezone: h,
+  onRangeSelected: m = () => {
+  },
+  placeholder: T,
+  disabled: i,
+  error: x,
+  inputProps: N,
+  ...p
+}) => {
+  const { t: a } = Z(), [j, y] = v(!1), [t, f] = v();
+  F(() => {
+    f(r);
+  }, [r]);
+  const C = I(() => {
+    const o = dayjs().endOf("day");
+    return [
+      {
+        from: o.startOf("week").toDate(),
+        to: o.endOf("week").toDate(),
+        label: a("This week")
+      },
+      {
+        from: o.startOf("month").toDate(),
+        to: o.endOf("month").toDate(),
+        label: a("This month")
+      },
+      {
+        from: o.startOf("year").toDate(),
+        to: o.endOf("year").toDate(),
+        label: a("This year")
+      },
+      {
+        from: o.subtract(7, "day").startOf("day").toDate(),
+        to: o.toDate(),
+        label: a("Last 7 days")
+      },
+      {
+        from: o.subtract(30, "day").startOf("day").toDate(),
+        to: o.toDate(),
+        label: a("Last 30 days")
+      },
+      {
+        from: o.subtract(3, "month").startOf("day").toDate(),
+        to: o.toDate(),
+        label: a("Last 3 months")
+      },
+      {
+        from: o.subtract(6, "month").startOf("day").toDate(),
+        to: o.toDate(),
+        label: a("Last 6 months")
+      },
+      {
+        from: o.subtract(12, "month").startOf("day").toDate(),
+        to: o.toDate(),
+        label: a("Last 12 months")
+      }
+    ].map((e) => {
+      var D, b;
+      return {
+        ...e,
+        isActive: ((D = r == null ? void 0 : r.from) == null ? void 0 : D.getTime()) === e.from.getTime() && ((b = r == null ? void 0 : r.to) == null ? void 0 : b.getTime()) === e.to.getTime()
+      };
+    });
+  }, [a, r]), u = (o) => {
+    f(o), o != null && o.from && (o != null && o.to) && (m(o), y(!1));
+  };
+  return /* @__PURE__ */ n(P, { open: j, onOpenChange: y, children: [
+    /* @__PURE__ */ s(A, { asChild: !0, className: "m-0!", disabled: i, children: /* @__PURE__ */ n("div", { className: "relative", children: [
+      /* @__PURE__ */ s(
+        w,
+        {
+          variant: x ? "failure" : "default",
+          ...N,
+          readOnly: !0,
+          value: t != null && t.from ? t.to ? `${dayjs(t.from).format(l)}-${dayjs(t.to).format(l)}` : dayjs(t.from).format(l) : "",
+          placeholder: T,
+          disabled: i,
+          className: c(O)
+        }
+      ),
+      t && /* @__PURE__ */ s(
+        z,
+        {
+          onClick: () => {
+            f(void 0), m == null || m(void 0);
+          },
+          className: c(
+            "text-secondary absolute top-3 right-8 size-4 cursor-pointer",
+            i && "pointer-events-none opacity-50"
+          )
+        }
+      ),
+      /* @__PURE__ */ s(
+        E,
+        {
+          className: c(
+            "text-secondary absolute top-2.5 right-2 size-5",
+            i && "pointer-events-none opacity-50"
+          )
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ n(M, { className: "flex w-auto p-0", align: "end", side: "bottom", children: [
+      /* @__PURE__ */ s(
+        "div",
+        {
+          className: "border-border-alpha-light flex flex-col space-y-1 border-e p-2",
+          children: C.map((o, e) => /* @__PURE__ */ s(
+            k,
+            {
+              size: "xs",
+              variant: o.isActive ? "default" : "ghost",
+              className: "justify-start",
+              onClick: () => u(o),
+              children: o.label
+            },
+            e
+          ))
+        }
+      ),
+      /* @__PURE__ */ s(
+        d,
+        {
+          ...p,
+          className: "border-border-alpha-light border-e",
+          mode: "single",
+          endMonth: t == null ? void 0 : t.to,
+          selected: t == null ? void 0 : t.from,
+          selectedToDate: t == null ? void 0 : t.to,
+          selectedFromDate: t == null ? void 0 : t.from,
+          timeZone: h,
+          disabled: t != null && t.to ? {
+            after: t.to
+          } : void 0,
+          onSelect: (o) => {
+            f({ ...t, from: o });
+          }
+        }
+      ),
+      /* @__PURE__ */ s(
+        d,
+        {
+          ...p,
+          mode: "single",
+          startMonth: t == null ? void 0 : t.from,
+          selected: t == null ? void 0 : t.to,
+          timeZone: h,
+          disabled: t != null && t.from ? {
+            before: t.from
+          } : void 0,
+          selectedToDate: t == null ? void 0 : t.to,
+          selectedFromDate: t == null ? void 0 : t.from,
+          onSelect: (o) => {
+            t && u({ ...t, to: o });
+          }
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Q as D
+};
+//# sourceMappingURL=DateRangePicker-BEguo3VF.es.js.map

package/dist/chunks/DateRangePicker-BEguo3VF.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker-BEguo3VF.es.js","sources":["../../src/components/datepicker/DateRangePicker.tsx"],"sourcesContent":["import { Button } from 'dgz-ui/button';\nimport { Calendar, type CalendarProps, DATE } from 'dgz-ui/calendar';\nimport { Input, type InputProps } from 'dgz-ui/form';\nimport { Popover, PopoverContent, PopoverTrigger } from 'dgz-ui/popover';\nimport { cn } from 'dgz-ui/utils';\nimport { Calendar1, XIcon } from 'lucide-react';\nimport { type ReactNode, useEffect, useMemo, useState } from 'react';\nimport { type DateRange } from 'react-day-picker';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Props for the DateRangePicker component.\n */\nexport type DateRangePickerProps = Omit<\n  CalendarProps,\n  'mode' | 'disabled' | 'selected'\n> & {\n  /** The date format string (e.g., 'YYYY-MM-DD'). */\n  format?: string;\n  /** Placeholder text when no date is selected. */\n  placeholder?: string;\n  /** The currently selected date range. */\n  selected?: DateRange;\n  /** Timezone for date calculations. */\n  timezone?: string;\n  /** Error message to display (modifies styling). */\n  error?: string;\n  /** Callback function when a date range is selected. */\n  onRangeSelected?: (value?: DateRange) => void;\n  inputProps?: InputProps;\n  disabled?: boolean;\n};\n\n/**\n * Type definition for a date range preset configuration.\n */\ntype PresetType = DateRange & {\n  /** Label for the preset (e.g., \"Last 7 days\"). */\n  label: ReactNode;\n  isActive?: boolean;\n};\n\n/**\n * DateRangePicker displays a two-month range picker with helpful presets.\n *\n * @param props.format - Display date format.\n * @param props.selected - Currently selected date range.\n * @param props.timezone - Time zone for date calculations.\n * @param props.onRangeSelected - Callback when a full range is selected.\n * @param props.placeholder - Placeholder when no date selected.\n * @param props.error - Optional error message that adjusts styling.\n * @param props.inputProps - Props passed to the underlying Input component.\n * @param props.disabled - Whether the date range picker is disabled.\n * @returns A date range picker component.\n */\nexport const DateRangePicker = ({\n  className,\n  format = DATE,\n  selected,\n  timezone,\n  onRangeSelected = () => {},\n  placeholder,\n  disabled,\n  error,\n  inputProps,\n  ...props\n}: DateRangePickerProps) => {\n  const { t } = useTranslation();\n  const [open, setOpen] = useState(false);\n  const [date, setDate] = useState<DateRange | undefined>();\n\n  useEffect(() => {\n    setDate(selected);\n  }, [selected]);\n\n  const presets: PresetType[] = useMemo(() => {\n    const today = dayjs().endOf('day');\n    return [\n      {\n        from: today.startOf('week').toDate(),\n        to: today.endOf('week').toDate(),\n        label: t('This week'),\n      },\n      {\n        from: today.startOf('month').toDate(),\n        to: today.endOf('month').toDate(),\n        label: t('This month'),\n      },\n      {\n        from: today.startOf('year').toDate(),\n        to: today.endOf('year').toDate(),\n        label: t('This year'),\n      },\n      {\n        from: today.subtract(7, 'day').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 7 days'),\n      },\n      {\n        from: today.subtract(30, 'day').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 30 days'),\n      },\n      {\n        from: today.subtract(3, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 3 months'),\n      },\n      {\n        from: today.subtract(6, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 6 months'),\n      },\n      {\n        from: today.subtract(12, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 12 months'),\n      },\n    ].map((item) => ({\n      ...item,\n      isActive:\n        selected?.from?.getTime() === item.from.getTime() &&\n        selected?.to?.getTime() === item.to.getTime(),\n    }));\n  }, [t, selected]);\n\n  const handleRangeSelect = (range: DateRange) => {\n    setDate(range);\n    if (range?.from && range?.to) {\n      onRangeSelected(range);\n      setOpen(false);\n    }\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild className={'m-0!'} disabled={disabled}>\n        <div className={'relative'}>\n          <Input\n            variant={error ? 'failure' : 'default'}\n            {...inputProps}\n            readOnly\n            value={\n              date?.from\n                ? date.to\n                  ? `${dayjs(date.from).format(format)}-${dayjs(date.to).format(format)}`\n                  : dayjs(date.from).format(format)\n                : ''\n            }\n            placeholder={placeholder}\n            disabled={disabled}\n            className={cn(className)}\n          />\n          {date && (\n            <XIcon\n              onClick={() => {\n                setDate(undefined);\n                onRangeSelected?.(undefined);\n              }}\n              className={cn(\n                'text-secondary absolute top-3 right-8 size-4 cursor-pointer',\n                disabled && 'pointer-events-none opacity-50'\n              )}\n            />\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      </PopoverTrigger>\n      <PopoverContent className=\"flex w-auto p-0\" align=\"end\" side={'bottom'}>\n        <div\n          className={\n            'border-border-alpha-light flex flex-col space-y-1 border-e p-2'\n          }\n        >\n          {presets.map((preset, index) => (\n            <Button\n              size={'xs'}\n              key={index}\n              variant={preset.isActive ? 'default' : 'ghost'}\n              className={'justify-start'}\n              onClick={() => handleRangeSelect(preset)}\n            >\n              {preset.label}\n            </Button>\n          ))}\n        </div>\n        <Calendar\n          {...props}\n          className={'border-border-alpha-light border-e'}\n          mode=\"single\"\n          endMonth={date?.to}\n          selected={date?.from}\n          selectedToDate={date?.to}\n          selectedFromDate={date?.from}\n          timeZone={timezone}\n          disabled={\n            date?.to\n              ? {\n                  after: date.to,\n                }\n              : undefined\n          }\n          onSelect={(from) => {\n            setDate({ ...date, from: from as Date | undefined });\n          }}\n        />\n        <Calendar\n          {...props}\n          mode=\"single\"\n          startMonth={date?.from}\n          selected={date?.to}\n          timeZone={timezone}\n          disabled={\n            date?.from\n              ? {\n                  before: date.from,\n                }\n              : undefined\n          }\n          selectedToDate={date?.to}\n          selectedFromDate={date?.from}\n          onSelect={(to) => {\n            if (date) {\n              handleRangeSelect({ ...date, to: to as Date | undefined });\n            }\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n"],"names":["DateRangePicker","className","format","DATE","selected","timezone","onRangeSelected","placeholder","disabled","error","inputProps","props","t","useTranslation","open","setOpen","useState","date","setDate","useEffect","presets","useMemo","today","item","_a","_b","handleRangeSelect","range","jsxs","Popover","jsx","PopoverTrigger","Input","cn","XIcon","Calendar1","PopoverContent","preset","index","Button","Calendar","from","to"],"mappings":"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"}

package/dist/chunks/DateRangePicker-lHqe5Mb6.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),k=require("dgz-ui/button"),f=require("dgz-ui/calendar"),L=require("dgz-ui/form"),u=require("dgz-ui/popover"),h=require("dgz-ui/utils"),v=require("lucide-react"),m=require("react"),P=require("react-i18next"),w=({className:j,format:c=f.DATE,selected:s,timezone:y,onRangeSelected:n=()=>{},placeholder:O,disabled:i,error:T,inputProps:q,...b})=>{const{t:r}=P.useTranslation(),[N,D]=m.useState(!1),[t,l]=m.useState();m.useEffect(()=>{l(s)},[s]);const C=m.useMemo(()=>{const o=dayjs().endOf("day");return[{from:o.startOf("week").toDate(),to:o.endOf("week").toDate(),label:r("This week")},{from:o.startOf("month").toDate(),to:o.endOf("month").toDate(),label:r("This month")},{from:o.startOf("year").toDate(),to:o.endOf("year").toDate(),label:r("This year")},{from:o.subtract(7,"day").startOf("day").toDate(),to:o.toDate(),label:r("Last 7 days")},{from:o.subtract(30,"day").startOf("day").toDate(),to:o.toDate(),label:r("Last 30 days")},{from:o.subtract(3,"month").startOf("day").toDate(),to:o.toDate(),label:r("Last 3 months")},{from:o.subtract(6,"month").startOf("day").toDate(),to:o.toDate(),label:r("Last 6 months")},{from:o.subtract(12,"month").startOf("day").toDate(),to:o.toDate(),label:r("Last 12 months")}].map(a=>{var p,x;return{...a,isActive:((p=s==null?void 0:s.from)==null?void 0:p.getTime())===a.from.getTime()&&((x=s==null?void 0:s.to)==null?void 0:x.getTime())===a.to.getTime()}})},[r,s]),d=o=>{l(o),o!=null&&o.from&&(o!=null&&o.to)&&(n(o),D(!1))};return e.jsxs(u.Popover,{open:N,onOpenChange:D,children:[e.jsx(u.PopoverTrigger,{asChild:!0,className:"m-0!",disabled:i,children:e.jsxs("div",{className:"relative",children:[e.jsx(L.Input,{variant:T?"failure":"default",...q,readOnly:!0,value:t!=null&&t.from?t.to?`${dayjs(t.from).format(c)}-${dayjs(t.to).format(c)}`:dayjs(t.from).format(c):"",placeholder:O,disabled:i,className:h.cn(j)}),t&&e.jsx(v.XIcon,{onClick:()=>{l(void 0),n==null||n(void 0)},className:h.cn("text-secondary absolute top-3 right-8 size-4 cursor-pointer",i&&"pointer-events-none opacity-50")}),e.jsx(v.Calendar1,{className:h.cn("text-secondary absolute top-2.5 right-2 size-5",i&&"pointer-events-none opacity-50")})]})}),e.jsxs(u.PopoverContent,{className:"flex w-auto p-0",align:"end",side:"bottom",children:[e.jsx("div",{className:"border-border-alpha-light flex flex-col space-y-1 border-e p-2",children:C.map((o,a)=>e.jsx(k.Button,{size:"xs",variant:o.isActive?"default":"ghost",className:"justify-start",onClick:()=>d(o),children:o.label},a))}),e.jsx(f.Calendar,{...b,className:"border-border-alpha-light border-e",mode:"single",endMonth:t==null?void 0:t.to,selected:t==null?void 0:t.from,selectedToDate:t==null?void 0:t.to,selectedFromDate:t==null?void 0:t.from,timeZone:y,disabled:t!=null&&t.to?{after:t.to}:void 0,onSelect:o=>{l({...t,from:o})}}),e.jsx(f.Calendar,{...b,mode:"single",startMonth:t==null?void 0:t.from,selected:t==null?void 0:t.to,timeZone:y,disabled:t!=null&&t.from?{before:t.from}:void 0,selectedToDate:t==null?void 0:t.to,selectedFromDate:t==null?void 0:t.from,onSelect:o=>{t&&d({...t,to:o})}})]})]})};exports.DateRangePicker=w;
+//# sourceMappingURL=DateRangePicker-lHqe5Mb6.cjs.js.map

package/dist/chunks/DateRangePicker-lHqe5Mb6.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker-lHqe5Mb6.cjs.js","sources":["../../src/components/datepicker/DateRangePicker.tsx"],"sourcesContent":["import { Button } from 'dgz-ui/button';\nimport { Calendar, type CalendarProps, DATE } from 'dgz-ui/calendar';\nimport { Input, type InputProps } from 'dgz-ui/form';\nimport { Popover, PopoverContent, PopoverTrigger } from 'dgz-ui/popover';\nimport { cn } from 'dgz-ui/utils';\nimport { Calendar1, XIcon } from 'lucide-react';\nimport { type ReactNode, useEffect, useMemo, useState } from 'react';\nimport { type DateRange } from 'react-day-picker';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Props for the DateRangePicker component.\n */\nexport type DateRangePickerProps = Omit<\n  CalendarProps,\n  'mode' | 'disabled' | 'selected'\n> & {\n  /** The date format string (e.g., 'YYYY-MM-DD'). */\n  format?: string;\n  /** Placeholder text when no date is selected. */\n  placeholder?: string;\n  /** The currently selected date range. */\n  selected?: DateRange;\n  /** Timezone for date calculations. */\n  timezone?: string;\n  /** Error message to display (modifies styling). */\n  error?: string;\n  /** Callback function when a date range is selected. */\n  onRangeSelected?: (value?: DateRange) => void;\n  inputProps?: InputProps;\n  disabled?: boolean;\n};\n\n/**\n * Type definition for a date range preset configuration.\n */\ntype PresetType = DateRange & {\n  /** Label for the preset (e.g., \"Last 7 days\"). */\n  label: ReactNode;\n  isActive?: boolean;\n};\n\n/**\n * DateRangePicker displays a two-month range picker with helpful presets.\n *\n * @param props.format - Display date format.\n * @param props.selected - Currently selected date range.\n * @param props.timezone - Time zone for date calculations.\n * @param props.onRangeSelected - Callback when a full range is selected.\n * @param props.placeholder - Placeholder when no date selected.\n * @param props.error - Optional error message that adjusts styling.\n * @param props.inputProps - Props passed to the underlying Input component.\n * @param props.disabled - Whether the date range picker is disabled.\n * @returns A date range picker component.\n */\nexport const DateRangePicker = ({\n  className,\n  format = DATE,\n  selected,\n  timezone,\n  onRangeSelected = () => {},\n  placeholder,\n  disabled,\n  error,\n  inputProps,\n  ...props\n}: DateRangePickerProps) => {\n  const { t } = useTranslation();\n  const [open, setOpen] = useState(false);\n  const [date, setDate] = useState<DateRange | undefined>();\n\n  useEffect(() => {\n    setDate(selected);\n  }, [selected]);\n\n  const presets: PresetType[] = useMemo(() => {\n    const today = dayjs().endOf('day');\n    return [\n      {\n        from: today.startOf('week').toDate(),\n        to: today.endOf('week').toDate(),\n        label: t('This week'),\n      },\n      {\n        from: today.startOf('month').toDate(),\n        to: today.endOf('month').toDate(),\n        label: t('This month'),\n      },\n      {\n        from: today.startOf('year').toDate(),\n        to: today.endOf('year').toDate(),\n        label: t('This year'),\n      },\n      {\n        from: today.subtract(7, 'day').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 7 days'),\n      },\n      {\n        from: today.subtract(30, 'day').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 30 days'),\n      },\n      {\n        from: today.subtract(3, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 3 months'),\n      },\n      {\n        from: today.subtract(6, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 6 months'),\n      },\n      {\n        from: today.subtract(12, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 12 months'),\n      },\n    ].map((item) => ({\n      ...item,\n      isActive:\n        selected?.from?.getTime() === item.from.getTime() &&\n        selected?.to?.getTime() === item.to.getTime(),\n    }));\n  }, [t, selected]);\n\n  const handleRangeSelect = (range: DateRange) => {\n    setDate(range);\n    if (range?.from && range?.to) {\n      onRangeSelected(range);\n      setOpen(false);\n    }\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild className={'m-0!'} disabled={disabled}>\n        <div className={'relative'}>\n          <Input\n            variant={error ? 'failure' : 'default'}\n            {...inputProps}\n            readOnly\n            value={\n              date?.from\n                ? date.to\n                  ? `${dayjs(date.from).format(format)}-${dayjs(date.to).format(format)}`\n                  : dayjs(date.from).format(format)\n                : ''\n            }\n            placeholder={placeholder}\n            disabled={disabled}\n            className={cn(className)}\n          />\n          {date && (\n            <XIcon\n              onClick={() => {\n                setDate(undefined);\n                onRangeSelected?.(undefined);\n              }}\n              className={cn(\n                'text-secondary absolute top-3 right-8 size-4 cursor-pointer',\n                disabled && 'pointer-events-none opacity-50'\n              )}\n            />\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      </PopoverTrigger>\n      <PopoverContent className=\"flex w-auto p-0\" align=\"end\" side={'bottom'}>\n        <div\n          className={\n            'border-border-alpha-light flex flex-col space-y-1 border-e p-2'\n          }\n        >\n          {presets.map((preset, index) => (\n            <Button\n              size={'xs'}\n              key={index}\n              variant={preset.isActive ? 'default' : 'ghost'}\n              className={'justify-start'}\n              onClick={() => handleRangeSelect(preset)}\n            >\n              {preset.label}\n            </Button>\n          ))}\n        </div>\n        <Calendar\n          {...props}\n          className={'border-border-alpha-light border-e'}\n          mode=\"single\"\n          endMonth={date?.to}\n          selected={date?.from}\n          selectedToDate={date?.to}\n          selectedFromDate={date?.from}\n          timeZone={timezone}\n          disabled={\n            date?.to\n              ? {\n                  after: date.to,\n                }\n              : undefined\n          }\n          onSelect={(from) => {\n            setDate({ ...date, from: from as Date | undefined });\n          }}\n        />\n        <Calendar\n          {...props}\n          mode=\"single\"\n          startMonth={date?.from}\n          selected={date?.to}\n          timeZone={timezone}\n          disabled={\n            date?.from\n              ? {\n                  before: date.from,\n                }\n              : undefined\n          }\n          selectedToDate={date?.to}\n          selectedFromDate={date?.from}\n          onSelect={(to) => {\n            if (date) {\n              handleRangeSelect({ ...date, to: to as Date | undefined });\n            }\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n"],"names":["DateRangePicker","className","format","DATE","selected","timezone","onRangeSelected","placeholder","disabled","error","inputProps","props","t","useTranslation","open","setOpen","useState","date","setDate","useEffect","presets","useMemo","today","item","_a","_b","handleRangeSelect","range","jsxs","Popover","jsx","PopoverTrigger","Input","cn","XIcon","Calendar1","PopoverContent","preset","index","Button","Calendar","from","to"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/DateRangePicker-H-_fkN-r.cjs.js");exports.DateRangePicker=e.DateRangePicker;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/DateRangePicker-lHqe5Mb6.cjs.js");exports.DateRangePicker=e.DateRangePicker;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1,4 +1,4 @@
-import { D as r } from "../../chunks/DateRangePicker-DQoK4BQV.es.js";
+import { D as r } from "../../chunks/DateRangePicker-BEguo3VF.es.js";
 export {
   r as DateRangePicker
 };

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

@@ -2,16 +2,15 @@ import { FormField as h, FormLabel as u, FormItem as N, FormControl as p, Checkb
 export * from "dgz-ui/form";
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { useId as g } from "react";
-import j from "dayjs";
-import { DATE as $, Calendar as z, TimePicker as M } from "dgz-ui/calendar";
-import { Popover as A, PopoverTrigger as H, PopoverContent as G } from "dgz-ui/popover";
-import { cn as o } from "dgz-ui/utils";
+import { DATE as j, Calendar as $, TimePicker as M } from "dgz-ui/calendar";
+import { Popover as z, PopoverTrigger as A, PopoverContent as H } from "dgz-ui/popover";
+import { cn as o, dayjs as G } from "dgz-ui/utils";
 import { l as v } from "../../chunks/lodash-CRDOWzbs.es.js";
 import { Calendar1 as L } from "lucide-react";
-import { D as O } from "../../chunks/DateRangePicker-DQoK4BQV.es.js";
-import { M as ie } from "../../chunks/MyInput-Wb0DSWo_.es.js";
-import { M as me } from "../../chunks/MySelect-D8ML7nhM.es.js";
-const Y = ({
+import { D as O } from "../../chunks/DateRangePicker-BEguo3VF.es.js";
+import { M as de } from "../../chunks/MyInput-Wb0DSWo_.es.js";
+import { M as oe } from "../../chunks/MySelect-D8ML7nhM.es.js";
+const X = ({
   control: s,
   name: a,
   label: r,
@@ -39,13 +38,13 @@ const Y = ({
       ] }) })
     }
   ) || null;
-}, Z = ({
+}, Y = ({
   control: s,
   name: a,
   label: r,
   required: n,
   rules: t,
-  format: l = $,
+  format: l = j,
   floatingError: c,
   placeholder: d,
   disabled: m,
@@ -65,8 +64,8 @@ const Y = ({
         " ",
         n && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ i(A, { children: [
-        /* @__PURE__ */ e(H, { asChild: !0, children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ i("div", { className: "relative", children: [
+      /* @__PURE__ */ i(z, { children: [
+        /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ i("div", { className: "relative", children: [
           /* @__PURE__ */ e(
             w,
             {
@@ -76,7 +75,7 @@ const Y = ({
               ...y,
               readOnly: !0,
               placeholder: d || "Pick a date",
-              value: j(y.value).format(l),
+              value: G(y.value).format(l),
               className: o("m-0 text-start", b)
             }
           ),
@@ -90,8 +89,8 @@ const Y = ({
             }
           )
         ] }) }) }),
-        !m && /* @__PURE__ */ e(G, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ e(
-          z,
+        !m && /* @__PURE__ */ e(H, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ e(
+          $,
           {
             ...F,
             mode: "single",
@@ -108,7 +107,7 @@ const Y = ({
       )
     ] })
   }
-) || null, E = ({
+) || null, Z = ({
   control: s,
   name: a,
   label: r,
@@ -147,7 +146,7 @@ const Y = ({
       )
     ] })
   }
-) || null, ee = ({
+) || null, E = ({
   control: s,
   name: a,
   label: r,
@@ -171,7 +170,7 @@ const Y = ({
       /* @__PURE__ */ e(k, { className: o(l && "absolute -bottom-5") })
     ] })
   }
-) : /* @__PURE__ */ e(C, { ...c }), ae = ({
+) : /* @__PURE__ */ e(C, { ...c }), ee = ({
   control: s,
   name: a,
   label: r,
@@ -211,7 +210,7 @@ const Y = ({
       )
     ] })
   }
-) || null, se = ({
+) || null, ae = ({
   control: s,
   name: a,
   label: r,
@@ -243,7 +242,7 @@ const Y = ({
       ] }) })
     }
   ) || null;
-}, re = ({
+}, se = ({
   control: s,
   name: a,
   label: r,
@@ -272,7 +271,7 @@ const Y = ({
       ] }) })
     }
   ) || null;
-}, ce = ({
+}, re = ({
   control: s,
   name: a,
   label: r,
@@ -310,7 +309,7 @@ const Y = ({
       )
     ] })
   }
-) || null, te = ({
+) || null, ce = ({
   control: s,
   name: a,
   label: r,
@@ -337,16 +336,16 @@ const Y = ({
   }
 ) : /* @__PURE__ */ e(M, { className: "mt-2", ...d });
 export {
-  Y as MyCheckbox,
-  Z as MyDatePicker,
-  E as MyDateRangePicker,
-  ee as MyHtmlEditor,
-  ie as MyInput,
-  ae as MyMaskInput,
-  se as MyRadio,
-  me as MySelect,
-  re as MySwitch,
-  ce as MyTextarea,
-  te as MyTimePicker
+  X as MyCheckbox,
+  Y as MyDatePicker,
+  Z as MyDateRangePicker,
+  E as MyHtmlEditor,
+  de as MyInput,
+  ee as MyMaskInput,
+  ae as MyRadio,
+  oe as MySelect,
+  se as MySwitch,
+  re as MyTextarea,
+  ce as MyTimePicker
 };
 //# sourceMappingURL=index.es.js.map

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 dayjs from 'dayjs';\nimport { 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 } 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 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 className={cn(floatingError && 'space-y-0')}>\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 className={cn(floatingError && 'space-y-0')}>\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 className={cn(floatingError && 'space-y-0')}>\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 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 }) => (\n          <FormItem className={cn(floatingError && 'space-y-0')}>\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                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 className={cn(floatingError && 'space-y-0')}>\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 className={cn(floatingError && 'space-y-0')}>\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","cn","Popover","PopoverTrigger","Input","get","dayjs","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.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 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 className={cn(floatingError && 'space-y-0')}>\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 className={cn(floatingError && 'space-y-0')}>\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 className={cn(floatingError && 'space-y-0')}>\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 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 }) => (\n          <FormItem className={cn(floatingError && 'space-y-0')}>\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                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 className={cn(floatingError && 'space-y-0')}>\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 className={cn(floatingError && 'space-y-0')}>\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","cn","Popover","PopoverTrigger","Input","get","dayjs","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/types/components/datepicker/DateRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/DateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,aAAa,EAAQ,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAKrD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,aAAa,EACb,MAAM,GAAG,UAAU,GAAG,UAAU,CACjC,GAAG;IACF,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAWF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,GAAI,gHAW7B,oBAAoB,4CAyKtB,CAAC"}
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,aAAa,EAAQ,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAKrD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,aAAa,EACb,MAAM,GAAG,UAAU,GAAG,UAAU,CACjC,GAAG;IACF,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAWF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,GAAI,gHAW7B,oBAAoB,4CAyKtB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MyDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MyDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,aAAa,EAAQ,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAIL,KAAK,aAAa,EAIlB,KAAK,UAAU,EAChB,MAAM,aAAa,CAAC;AAKrB,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,YAAY,SAAS,WAAW,IAC5D,aAAa,CAAC,YAAY,CAAC,GACzB,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IACzC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEN;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY,GAAI,YAAY,SAAS,WAAW,EAAE,oIAc5D,iBAAiB,CAAC,YAAY,CAAC,mDA6DjC,CAAC"}
+{"version":3,"file":"MyDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MyDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAQ,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAIL,KAAK,aAAa,EAIlB,KAAK,UAAU,EAChB,MAAM,aAAa,CAAC;AAKrB,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,YAAY,SAAS,WAAW,IAC5D,aAAa,CAAC,YAAY,CAAC,GACzB,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IACzC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEN;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY,GAAI,YAAY,SAAS,WAAW,EAAE,oIAc5D,iBAAiB,CAAC,YAAY,CAAC,mDA6DjC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dgz-ui-shared",
-  "version": "1.2.18",
+  "version": "1.2.20",
   "description": "Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript, dgz-ui library",
   "keywords": [
     "dgz-ui",
@@ -176,8 +176,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^5.0.1",
-    "dayjs": "^1.11.19",
-    "dgz-ui": "^1.4.11",
+    "dgz-ui": "^1.4.12",
     "file-saver": "^2.0.5",
     "lodash": "^4.17.21",
     "lucide-react": "^0.563.0",

package/dist/chunks/DateRangePicker-DQoK4BQV.es.js

@@ -1,178 +0,0 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import l from "dayjs";
-import { Button as j } from "dgz-ui/button";
-import { DATE as w, Calendar as O } from "dgz-ui/calendar";
-import { Input as P } from "dgz-ui/form";
-import { Popover as A, PopoverTrigger as M, PopoverContent as z } from "dgz-ui/popover";
-import { cn as h } from "dgz-ui/utils";
-import { XIcon as E, Calendar1 as F } from "lucide-react";
-import { useState as d, useEffect as I, useMemo as Z } from "react";
-import { useTranslation as $ } from "react-i18next";
-const V = ({
-  className: T,
-  format: n = w,
-  selected: r,
-  timezone: p,
-  onRangeSelected: m = () => {
-  },
-  placeholder: x,
-  disabled: i,
-  error: N,
-  inputProps: C,
-  ...u
-}) => {
-  const { t: a } = $(), [k, D] = d(!1), [o, f] = d();
-  I(() => {
-    f(r);
-  }, [r]);
-  const L = Z(() => {
-    const t = l().endOf("day");
-    return [
-      {
-        from: t.startOf("week").toDate(),
-        to: t.endOf("week").toDate(),
-        label: a("This week")
-      },
-      {
-        from: t.startOf("month").toDate(),
-        to: t.endOf("month").toDate(),
-        label: a("This month")
-      },
-      {
-        from: t.startOf("year").toDate(),
-        to: t.endOf("year").toDate(),
-        label: a("This year")
-      },
-      {
-        from: t.subtract(7, "day").startOf("day").toDate(),
-        to: t.toDate(),
-        label: a("Last 7 days")
-      },
-      {
-        from: t.subtract(30, "day").startOf("day").toDate(),
-        to: t.toDate(),
-        label: a("Last 30 days")
-      },
-      {
-        from: t.subtract(3, "month").startOf("day").toDate(),
-        to: t.toDate(),
-        label: a("Last 3 months")
-      },
-      {
-        from: t.subtract(6, "month").startOf("day").toDate(),
-        to: t.toDate(),
-        label: a("Last 6 months")
-      },
-      {
-        from: t.subtract(12, "month").startOf("day").toDate(),
-        to: t.toDate(),
-        label: a("Last 12 months")
-      }
-    ].map((s) => {
-      var y, v;
-      return {
-        ...s,
-        isActive: ((y = r == null ? void 0 : r.from) == null ? void 0 : y.getTime()) === s.from.getTime() && ((v = r == null ? void 0 : r.to) == null ? void 0 : v.getTime()) === s.to.getTime()
-      };
-    });
-  }, [a, r]), b = (t) => {
-    f(t), t != null && t.from && (t != null && t.to) && (m(t), D(!1));
-  };
-  return /* @__PURE__ */ c(A, { open: k, onOpenChange: D, children: [
-    /* @__PURE__ */ e(M, { asChild: !0, className: "m-0!", disabled: i, children: /* @__PURE__ */ c("div", { className: "relative", children: [
-      /* @__PURE__ */ e(
-        P,
-        {
-          variant: N ? "failure" : "default",
-          ...C,
-          readOnly: !0,
-          value: o != null && o.from ? o.to ? `${l(o.from).format(n)}-${l(o.to).format(n)}` : l(o.from).format(n) : "",
-          placeholder: x,
-          disabled: i,
-          className: h(T)
-        }
-      ),
-      o && /* @__PURE__ */ e(
-        E,
-        {
-          onClick: () => {
-            f(void 0), m == null || m(void 0);
-          },
-          className: h(
-            "text-secondary absolute top-3 right-8 size-4 cursor-pointer",
-            i && "pointer-events-none opacity-50"
-          )
-        }
-      ),
-      /* @__PURE__ */ e(
-        F,
-        {
-          className: h(
-            "text-secondary absolute top-2.5 right-2 size-5",
-            i && "pointer-events-none opacity-50"
-          )
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ c(z, { className: "flex w-auto p-0", align: "end", side: "bottom", children: [
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: "border-border-alpha-light flex flex-col space-y-1 border-e p-2",
-          children: L.map((t, s) => /* @__PURE__ */ e(
-            j,
-            {
-              size: "xs",
-              variant: t.isActive ? "default" : "ghost",
-              className: "justify-start",
-              onClick: () => b(t),
-              children: t.label
-            },
-            s
-          ))
-        }
-      ),
-      /* @__PURE__ */ e(
-        O,
-        {
-          ...u,
-          className: "border-border-alpha-light border-e",
-          mode: "single",
-          endMonth: o == null ? void 0 : o.to,
-          selected: o == null ? void 0 : o.from,
-          selectedToDate: o == null ? void 0 : o.to,
-          selectedFromDate: o == null ? void 0 : o.from,
-          timeZone: p,
-          disabled: o != null && o.to ? {
-            after: o.to
-          } : void 0,
-          onSelect: (t) => {
-            f({ ...o, from: t });
-          }
-        }
-      ),
-      /* @__PURE__ */ e(
-        O,
-        {
-          ...u,
-          mode: "single",
-          startMonth: o == null ? void 0 : o.from,
-          selected: o == null ? void 0 : o.to,
-          timeZone: p,
-          disabled: o != null && o.from ? {
-            before: o.from
-          } : void 0,
-          selectedToDate: o == null ? void 0 : o.to,
-          selectedFromDate: o == null ? void 0 : o.from,
-          onSelect: (t) => {
-            o && b({ ...o, to: t });
-          }
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  V as D
-};
-//# sourceMappingURL=DateRangePicker-DQoK4BQV.es.js.map

package/dist/chunks/DateRangePicker-DQoK4BQV.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePicker-DQoK4BQV.es.js","sources":["../../src/components/datepicker/DateRangePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { Button } from 'dgz-ui/button';\nimport { Calendar, type CalendarProps, DATE } from 'dgz-ui/calendar';\nimport { Input, type InputProps } from 'dgz-ui/form';\nimport { Popover, PopoverContent, PopoverTrigger } from 'dgz-ui/popover';\nimport { cn } from 'dgz-ui/utils';\nimport { Calendar1, XIcon } from 'lucide-react';\nimport { type ReactNode, useEffect, useMemo, useState } from 'react';\nimport { type DateRange } from 'react-day-picker';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Props for the DateRangePicker component.\n */\nexport type DateRangePickerProps = Omit<\n  CalendarProps,\n  'mode' | 'disabled' | 'selected'\n> & {\n  /** The date format string (e.g., 'YYYY-MM-DD'). */\n  format?: string;\n  /** Placeholder text when no date is selected. */\n  placeholder?: string;\n  /** The currently selected date range. */\n  selected?: DateRange;\n  /** Timezone for date calculations. */\n  timezone?: string;\n  /** Error message to display (modifies styling). */\n  error?: string;\n  /** Callback function when a date range is selected. */\n  onRangeSelected?: (value?: DateRange) => void;\n  inputProps?: InputProps;\n  disabled?: boolean;\n};\n\n/**\n * Type definition for a date range preset configuration.\n */\ntype PresetType = DateRange & {\n  /** Label for the preset (e.g., \"Last 7 days\"). */\n  label: ReactNode;\n  isActive?: boolean;\n};\n\n/**\n * DateRangePicker displays a two-month range picker with helpful presets.\n *\n * @param props.format - Display date format.\n * @param props.selected - Currently selected date range.\n * @param props.timezone - Time zone for date calculations.\n * @param props.onRangeSelected - Callback when a full range is selected.\n * @param props.placeholder - Placeholder when no date selected.\n * @param props.error - Optional error message that adjusts styling.\n * @param props.inputProps - Props passed to the underlying Input component.\n * @param props.disabled - Whether the date range picker is disabled.\n * @returns A date range picker component.\n */\nexport const DateRangePicker = ({\n  className,\n  format = DATE,\n  selected,\n  timezone,\n  onRangeSelected = () => {},\n  placeholder,\n  disabled,\n  error,\n  inputProps,\n  ...props\n}: DateRangePickerProps) => {\n  const { t } = useTranslation();\n  const [open, setOpen] = useState(false);\n  const [date, setDate] = useState<DateRange | undefined>();\n\n  useEffect(() => {\n    setDate(selected);\n  }, [selected]);\n\n  const presets: PresetType[] = useMemo(() => {\n    const today = dayjs().endOf('day');\n    return [\n      {\n        from: today.startOf('week').toDate(),\n        to: today.endOf('week').toDate(),\n        label: t('This week'),\n      },\n      {\n        from: today.startOf('month').toDate(),\n        to: today.endOf('month').toDate(),\n        label: t('This month'),\n      },\n      {\n        from: today.startOf('year').toDate(),\n        to: today.endOf('year').toDate(),\n        label: t('This year'),\n      },\n      {\n        from: today.subtract(7, 'day').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 7 days'),\n      },\n      {\n        from: today.subtract(30, 'day').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 30 days'),\n      },\n      {\n        from: today.subtract(3, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 3 months'),\n      },\n      {\n        from: today.subtract(6, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 6 months'),\n      },\n      {\n        from: today.subtract(12, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 12 months'),\n      },\n    ].map((item) => ({\n      ...item,\n      isActive:\n        selected?.from?.getTime() === item.from.getTime() &&\n        selected?.to?.getTime() === item.to.getTime(),\n    }));\n  }, [t, selected]);\n\n  const handleRangeSelect = (range: DateRange) => {\n    setDate(range);\n    if (range?.from && range?.to) {\n      onRangeSelected(range);\n      setOpen(false);\n    }\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild className={'m-0!'} disabled={disabled}>\n        <div className={'relative'}>\n          <Input\n            variant={error ? 'failure' : 'default'}\n            {...inputProps}\n            readOnly\n            value={\n              date?.from\n                ? date.to\n                  ? `${dayjs(date.from).format(format)}-${dayjs(date.to).format(format)}`\n                  : dayjs(date.from).format(format)\n                : ''\n            }\n            placeholder={placeholder}\n            disabled={disabled}\n            className={cn(className)}\n          />\n          {date && (\n            <XIcon\n              onClick={() => {\n                setDate(undefined);\n                onRangeSelected?.(undefined);\n              }}\n              className={cn(\n                'text-secondary absolute top-3 right-8 size-4 cursor-pointer',\n                disabled && 'pointer-events-none opacity-50'\n              )}\n            />\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      </PopoverTrigger>\n      <PopoverContent className=\"flex w-auto p-0\" align=\"end\" side={'bottom'}>\n        <div\n          className={\n            'border-border-alpha-light flex flex-col space-y-1 border-e p-2'\n          }\n        >\n          {presets.map((preset, index) => (\n            <Button\n              size={'xs'}\n              key={index}\n              variant={preset.isActive ? 'default' : 'ghost'}\n              className={'justify-start'}\n              onClick={() => handleRangeSelect(preset)}\n            >\n              {preset.label}\n            </Button>\n          ))}\n        </div>\n        <Calendar\n          {...props}\n          className={'border-border-alpha-light border-e'}\n          mode=\"single\"\n          endMonth={date?.to}\n          selected={date?.from}\n          selectedToDate={date?.to}\n          selectedFromDate={date?.from}\n          timeZone={timezone}\n          disabled={\n            date?.to\n              ? {\n                  after: date.to,\n                }\n              : undefined\n          }\n          onSelect={(from) => {\n            setDate({ ...date, from: from as Date | undefined });\n          }}\n        />\n        <Calendar\n          {...props}\n          mode=\"single\"\n          startMonth={date?.from}\n          selected={date?.to}\n          timeZone={timezone}\n          disabled={\n            date?.from\n              ? {\n                  before: date.from,\n                }\n              : undefined\n          }\n          selectedToDate={date?.to}\n          selectedFromDate={date?.from}\n          onSelect={(to) => {\n            if (date) {\n              handleRangeSelect({ ...date, to: to as Date | undefined });\n            }\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n"],"names":["DateRangePicker","className","format","DATE","selected","timezone","onRangeSelected","placeholder","disabled","error","inputProps","props","t","useTranslation","open","setOpen","useState","date","setDate","useEffect","presets","useMemo","today","dayjs","item","_a","_b","handleRangeSelect","range","jsxs","Popover","jsx","PopoverTrigger","Input","cn","XIcon","Calendar1","PopoverContent","preset","index","Button","Calendar","from","to"],"mappings":"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"}

package/dist/chunks/DateRangePicker-H-_fkN-r.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),L=require("dayjs"),P=require("dgz-ui/button"),h=require("dgz-ui/calendar"),_=require("dgz-ui/form"),d=require("dgz-ui/popover"),D=require("dgz-ui/utils"),O=require("lucide-react"),c=require("react"),w=require("react-i18next"),M=a=>a&&a.__esModule?a:{default:a},m=M(L),A=({className:a,format:u=h.DATE,selected:s,timezone:b,onRangeSelected:i=()=>{},placeholder:T,disabled:l,error:q,inputProps:N,...y})=>{const{t:r}=w.useTranslation(),[C,p]=c.useState(!1),[t,f]=c.useState();c.useEffect(()=>{f(s)},[s]);const k=c.useMemo(()=>{const o=m.default().endOf("day");return[{from:o.startOf("week").toDate(),to:o.endOf("week").toDate(),label:r("This week")},{from:o.startOf("month").toDate(),to:o.endOf("month").toDate(),label:r("This month")},{from:o.startOf("year").toDate(),to:o.endOf("year").toDate(),label:r("This year")},{from:o.subtract(7,"day").startOf("day").toDate(),to:o.toDate(),label:r("Last 7 days")},{from:o.subtract(30,"day").startOf("day").toDate(),to:o.toDate(),label:r("Last 30 days")},{from:o.subtract(3,"month").startOf("day").toDate(),to:o.toDate(),label:r("Last 3 months")},{from:o.subtract(6,"month").startOf("day").toDate(),to:o.toDate(),label:r("Last 6 months")},{from:o.subtract(12,"month").startOf("day").toDate(),to:o.toDate(),label:r("Last 12 months")}].map(n=>{var v,j;return{...n,isActive:((v=s==null?void 0:s.from)==null?void 0:v.getTime())===n.from.getTime()&&((j=s==null?void 0:s.to)==null?void 0:j.getTime())===n.to.getTime()}})},[r,s]),x=o=>{f(o),o!=null&&o.from&&(o!=null&&o.to)&&(i(o),p(!1))};return e.jsxs(d.Popover,{open:C,onOpenChange:p,children:[e.jsx(d.PopoverTrigger,{asChild:!0,className:"m-0!",disabled:l,children:e.jsxs("div",{className:"relative",children:[e.jsx(_.Input,{variant:q?"failure":"default",...N,readOnly:!0,value:t!=null&&t.from?t.to?`${m.default(t.from).format(u)}-${m.default(t.to).format(u)}`:m.default(t.from).format(u):"",placeholder:T,disabled:l,className:D.cn(a)}),t&&e.jsx(O.XIcon,{onClick:()=>{f(void 0),i==null||i(void 0)},className:D.cn("text-secondary absolute top-3 right-8 size-4 cursor-pointer",l&&"pointer-events-none opacity-50")}),e.jsx(O.Calendar1,{className:D.cn("text-secondary absolute top-2.5 right-2 size-5",l&&"pointer-events-none opacity-50")})]})}),e.jsxs(d.PopoverContent,{className:"flex w-auto p-0",align:"end",side:"bottom",children:[e.jsx("div",{className:"border-border-alpha-light flex flex-col space-y-1 border-e p-2",children:k.map((o,n)=>e.jsx(P.Button,{size:"xs",variant:o.isActive?"default":"ghost",className:"justify-start",onClick:()=>x(o),children:o.label},n))}),e.jsx(h.Calendar,{...y,className:"border-border-alpha-light border-e",mode:"single",endMonth:t==null?void 0:t.to,selected:t==null?void 0:t.from,selectedToDate:t==null?void 0:t.to,selectedFromDate:t==null?void 0:t.from,timeZone:b,disabled:t!=null&&t.to?{after:t.to}:void 0,onSelect:o=>{f({...t,from:o})}}),e.jsx(h.Calendar,{...y,mode:"single",startMonth:t==null?void 0:t.from,selected:t==null?void 0:t.to,timeZone:b,disabled:t!=null&&t.from?{before:t.from}:void 0,selectedToDate:t==null?void 0:t.to,selectedFromDate:t==null?void 0:t.from,onSelect:o=>{t&&x({...t,to:o})}})]})]})};exports.DateRangePicker=A;
-//# sourceMappingURL=DateRangePicker-H-_fkN-r.cjs.js.map

package/dist/chunks/DateRangePicker-H-_fkN-r.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePicker-H-_fkN-r.cjs.js","sources":["../../src/components/datepicker/DateRangePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { Button } from 'dgz-ui/button';\nimport { Calendar, type CalendarProps, DATE } from 'dgz-ui/calendar';\nimport { Input, type InputProps } from 'dgz-ui/form';\nimport { Popover, PopoverContent, PopoverTrigger } from 'dgz-ui/popover';\nimport { cn } from 'dgz-ui/utils';\nimport { Calendar1, XIcon } from 'lucide-react';\nimport { type ReactNode, useEffect, useMemo, useState } from 'react';\nimport { type DateRange } from 'react-day-picker';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Props for the DateRangePicker component.\n */\nexport type DateRangePickerProps = Omit<\n  CalendarProps,\n  'mode' | 'disabled' | 'selected'\n> & {\n  /** The date format string (e.g., 'YYYY-MM-DD'). */\n  format?: string;\n  /** Placeholder text when no date is selected. */\n  placeholder?: string;\n  /** The currently selected date range. */\n  selected?: DateRange;\n  /** Timezone for date calculations. */\n  timezone?: string;\n  /** Error message to display (modifies styling). */\n  error?: string;\n  /** Callback function when a date range is selected. */\n  onRangeSelected?: (value?: DateRange) => void;\n  inputProps?: InputProps;\n  disabled?: boolean;\n};\n\n/**\n * Type definition for a date range preset configuration.\n */\ntype PresetType = DateRange & {\n  /** Label for the preset (e.g., \"Last 7 days\"). */\n  label: ReactNode;\n  isActive?: boolean;\n};\n\n/**\n * DateRangePicker displays a two-month range picker with helpful presets.\n *\n * @param props.format - Display date format.\n * @param props.selected - Currently selected date range.\n * @param props.timezone - Time zone for date calculations.\n * @param props.onRangeSelected - Callback when a full range is selected.\n * @param props.placeholder - Placeholder when no date selected.\n * @param props.error - Optional error message that adjusts styling.\n * @param props.inputProps - Props passed to the underlying Input component.\n * @param props.disabled - Whether the date range picker is disabled.\n * @returns A date range picker component.\n */\nexport const DateRangePicker = ({\n  className,\n  format = DATE,\n  selected,\n  timezone,\n  onRangeSelected = () => {},\n  placeholder,\n  disabled,\n  error,\n  inputProps,\n  ...props\n}: DateRangePickerProps) => {\n  const { t } = useTranslation();\n  const [open, setOpen] = useState(false);\n  const [date, setDate] = useState<DateRange | undefined>();\n\n  useEffect(() => {\n    setDate(selected);\n  }, [selected]);\n\n  const presets: PresetType[] = useMemo(() => {\n    const today = dayjs().endOf('day');\n    return [\n      {\n        from: today.startOf('week').toDate(),\n        to: today.endOf('week').toDate(),\n        label: t('This week'),\n      },\n      {\n        from: today.startOf('month').toDate(),\n        to: today.endOf('month').toDate(),\n        label: t('This month'),\n      },\n      {\n        from: today.startOf('year').toDate(),\n        to: today.endOf('year').toDate(),\n        label: t('This year'),\n      },\n      {\n        from: today.subtract(7, 'day').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 7 days'),\n      },\n      {\n        from: today.subtract(30, 'day').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 30 days'),\n      },\n      {\n        from: today.subtract(3, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 3 months'),\n      },\n      {\n        from: today.subtract(6, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 6 months'),\n      },\n      {\n        from: today.subtract(12, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 12 months'),\n      },\n    ].map((item) => ({\n      ...item,\n      isActive:\n        selected?.from?.getTime() === item.from.getTime() &&\n        selected?.to?.getTime() === item.to.getTime(),\n    }));\n  }, [t, selected]);\n\n  const handleRangeSelect = (range: DateRange) => {\n    setDate(range);\n    if (range?.from && range?.to) {\n      onRangeSelected(range);\n      setOpen(false);\n    }\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild className={'m-0!'} disabled={disabled}>\n        <div className={'relative'}>\n          <Input\n            variant={error ? 'failure' : 'default'}\n            {...inputProps}\n            readOnly\n            value={\n              date?.from\n                ? date.to\n                  ? `${dayjs(date.from).format(format)}-${dayjs(date.to).format(format)}`\n                  : dayjs(date.from).format(format)\n                : ''\n            }\n            placeholder={placeholder}\n            disabled={disabled}\n            className={cn(className)}\n          />\n          {date && (\n            <XIcon\n              onClick={() => {\n                setDate(undefined);\n                onRangeSelected?.(undefined);\n              }}\n              className={cn(\n                'text-secondary absolute top-3 right-8 size-4 cursor-pointer',\n                disabled && 'pointer-events-none opacity-50'\n              )}\n            />\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      </PopoverTrigger>\n      <PopoverContent className=\"flex w-auto p-0\" align=\"end\" side={'bottom'}>\n        <div\n          className={\n            'border-border-alpha-light flex flex-col space-y-1 border-e p-2'\n          }\n        >\n          {presets.map((preset, index) => (\n            <Button\n              size={'xs'}\n              key={index}\n              variant={preset.isActive ? 'default' : 'ghost'}\n              className={'justify-start'}\n              onClick={() => handleRangeSelect(preset)}\n            >\n              {preset.label}\n            </Button>\n          ))}\n        </div>\n        <Calendar\n          {...props}\n          className={'border-border-alpha-light border-e'}\n          mode=\"single\"\n          endMonth={date?.to}\n          selected={date?.from}\n          selectedToDate={date?.to}\n          selectedFromDate={date?.from}\n          timeZone={timezone}\n          disabled={\n            date?.to\n              ? {\n                  after: date.to,\n                }\n              : undefined\n          }\n          onSelect={(from) => {\n            setDate({ ...date, from: from as Date | undefined });\n          }}\n        />\n        <Calendar\n          {...props}\n          mode=\"single\"\n          startMonth={date?.from}\n          selected={date?.to}\n          timeZone={timezone}\n          disabled={\n            date?.from\n              ? {\n                  before: date.from,\n                }\n              : undefined\n          }\n          selectedToDate={date?.to}\n          selectedFromDate={date?.from}\n          onSelect={(to) => {\n            if (date) {\n              handleRangeSelect({ ...date, to: to as Date | undefined });\n            }\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n"],"names":["DateRangePicker","className","format","DATE","selected","timezone","onRangeSelected","placeholder","disabled","error","inputProps","props","t","useTranslation","open","setOpen","useState","date","setDate","useEffect","presets","useMemo","today","dayjs","item","_a","_b","handleRangeSelect","range","jsxs","Popover","jsx","PopoverTrigger","Input","cn","XIcon","Calendar1","PopoverContent","preset","index","Button","Calendar","from","to"],"mappings":"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"}

package/dist/types/utils/day.d.ts

@@ -1,7 +0,0 @@
-import { default as dayjs, Dayjs } from 'dayjs';
-/**
- * Re-export of dayjs with the customParseFormat plugin extended.
- * This ensures that dayjs is consistently configured across the application.
- */
-export { dayjs, Dayjs };
-//# sourceMappingURL=day.d.ts.map

package/dist/types/utils/day.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"day.d.ts","sourceRoot":"","sources":["../../../src/utils/day.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAIrC;;;GAGG;AACH,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC"}