dgz-ui-shared 1.2.24 → 1.2.26

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

@@ -1,362 +1,373 @@
-import { FormField as g, FormLabel as N, FormItem as k, FormControl as p, Checkbox as I, Input as w, FormMessage as x, HtmlEditor as M, MaskInput as T, RadioGroupItem as D, Switch as R, Textarea as E } from "dgz-ui/form";
+import { FormField as m, FormLabel as u, FormItem as N, FormControl as g, Checkbox as P, Input as I, FormMessage as k, HtmlEditor as w, MaskInput as S, RadioGroupItem as T, Switch as D, Textarea as R } from "dgz-ui/form";
 export * from "dgz-ui/form";
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { useId as y } from "react";
-import { DATE as $, Calendar as j, TimePicker as f } from "dgz-ui/calendar";
-import { Popover as S, PopoverTrigger as z, PopoverContent as A } from "dgz-ui/popover";
-import { cn as u, dayjs as H } from "dgz-ui/utils";
-import { l as m } from "../../chunks/lodash-CRDOWzbs.es.js";
+import { DATE as E, Calendar as $, TimePicker as C } from "dgz-ui/calendar";
+import { Popover as j, PopoverTrigger as z, PopoverContent as A } from "dgz-ui/popover";
+import { cn as h, dayjs as H } from "dgz-ui/utils";
+import { l as x } from "../../chunks/lodash-CRDOWzbs.es.js";
 import { Calendar1 as G } from "lucide-react";
 import { D as L } from "../../chunks/DateRangePicker-DeoV3xqL.es.js";
-import { M as oe } from "../../chunks/MyInput-y2xZ3Bb9.es.js";
-import { M as de } from "../../chunks/MySelect-CUgwH6oV.es.js";
+import { M as ie } from "../../chunks/MyInput-Cb0FlVxQ.es.js";
+import { M as oe } from "../../chunks/MySelect-5DHBVlKZ.es.js";
 const W = ({
-  control: s,
+  control: a,
   name: r,
-  label: a,
-  rules: n,
-  ...t
+  label: s,
+  rules: i,
+  ...c
 }) => {
-  const c = y();
-  return r && s && /* @__PURE__ */ e(
-    g,
+  const l = y();
+  return r && a && /* @__PURE__ */ e(
+    m,
     {
-      control: s,
+      control: a,
       name: r,
-      rules: n,
-      render: ({ field: l }) => /* @__PURE__ */ e(N, { className: "block", htmlFor: t.id || c, children: /* @__PURE__ */ i(k, { className: "flex flex-row items-start gap-3", children: [
-        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-          I,
+      rules: i,
+      render: ({ field: n }) => /* @__PURE__ */ e(u, { className: "block", htmlFor: c.id || l, children: /* @__PURE__ */ t(N, { className: "flex flex-row items-start gap-3", children: [
+        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+          P,
           {
-            id: t.id || c,
-            checked: l.value,
-            onCheckedChange: l.onChange,
-            ...t
+            id: c.id || l,
+            checked: n.value,
+            onCheckedChange: n.onChange,
+            ...c
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: "space-y-1 leading-none", children: a && /* @__PURE__ */ e("div", { children: a }) })
+        /* @__PURE__ */ e("div", { className: "space-y-1 leading-none", children: s && /* @__PURE__ */ e("div", { children: s }) })
       ] }) })
     }
   ) || null;
 }, X = ({
-  control: s,
+  control: a,
   name: r,
-  label: a,
-  required: n,
-  rules: t,
-  format: c = $,
-  floatingError: l,
-  placeholder: o,
-  disabled: d,
-  register: h,
-  className: b,
-  inputProps: F,
-  ...P
-}) => r && s && /* @__PURE__ */ e(
-  g,
+  label: s,
+  required: i,
+  rules: c,
+  format: l = E,
+  floatingError: n,
+  placeholder: d,
+  disabled: o,
+  register: p,
+  className: f,
+  inputProps: M,
+  ...b
+}) => r && a && /* @__PURE__ */ e(
+  m,
   {
-    control: s,
+    control: a,
     name: r,
-    rules: t,
-    render: ({ field: v, formState: C }) => /* @__PURE__ */ i(k, { children: [
-      a && /* @__PURE__ */ i(N, { className: "block", children: [
-        a,
+    rules: c,
+    render: ({ field: v, formState: F }) => /* @__PURE__ */ t(N, { children: [
+      s && /* @__PURE__ */ t(u, { className: "block", children: [
+        s,
         " ",
-        n && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
+        i && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ i(S, { children: [
-        /* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ i("div", { className: "relative", children: [
-          /* @__PURE__ */ e(
-            w,
+      /* @__PURE__ */ t(j, { children: [
+        /* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ t("div", { className: "relative", children: [
+          /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+            I,
             {
-              ...F,
-              variant: m.get(C.errors, `${r}.message`) ? "failure" : "default",
-              disabled: d,
+              ...M,
+              variant: x.get(F.errors, `${r}.message`) ? "failure" : "default",
+              disabled: o,
               ...v,
               readOnly: !0,
-              placeholder: o || "Pick a date",
-              value: H(v.value).format(c),
-              className: u("m-0 text-start", b)
+              placeholder: d || "Pick a date",
+              value: H(v.value).format(l),
+              className: h("m-0 text-start", f)
             }
-          ),
+          ) }),
           /* @__PURE__ */ e(
             G,
             {
-              className: u(
+              className: h(
                 "text-secondary absolute top-2.5 right-2 size-5",
-                d && "pointer-events-none opacity-50"
+                o && "pointer-events-none opacity-50"
               )
             }
+          ),
+          /* @__PURE__ */ e(
+            k,
+            {
+              className: h(n && "absolute -bottom-5")
+            }
           )
-        ] }) }) }),
-        !d && /* @__PURE__ */ e(A, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ e(
-          j,
+        ] }) }),
+        !o && /* @__PURE__ */ e(A, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ e(
+          $,
           {
-            ...P,
+            ...b,
             mode: "single",
             selected: v.value,
             onSelect: v.onChange
           }
         ) })
-      ] }),
-      m.get(C.errors, r, "") && /* @__PURE__ */ e(
-        x,
-        {
-          className: u(l && "absolute -bottom-5")
-        }
-      )
+      ] })
     ] })
   }
 ) || null, Y = ({
-  control: s,
+  control: a,
   name: r,
-  label: a,
-  required: n,
-  rules: t,
-  placeholder: c,
-  floatingError: l,
-  ...o
-}) => r && s && /* @__PURE__ */ e(
-  g,
+  label: s,
+  required: i,
+  rules: c,
+  placeholder: l,
+  floatingError: n,
+  ...d
+}) => r && a && /* @__PURE__ */ e(
+  m,
   {
-    control: s,
+    control: a,
     name: r,
-    rules: t,
-    render: ({ field: d, formState: h }) => /* @__PURE__ */ i(k, { children: [
-      a && /* @__PURE__ */ i(N, { className: "block", children: [
-        a,
+    rules: c,
+    render: ({ field: o, formState: p }) => /* @__PURE__ */ t(N, { children: [
+      s && /* @__PURE__ */ t(u, { className: "block", children: [
+        s,
         " ",
-        n && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
+        i && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        L,
-        {
-          ...o,
-          error: `${m.get(h.errors, r, "")}`,
-          selected: d.value,
-          onRangeSelected: d.onChange,
-          placeholder: c
-        }
-      ) }) }),
-      m.get(h.errors, r, "") && /* @__PURE__ */ e(
-        x,
-        {
-          className: u(l && "absolute -bottom-5")
-        }
-      )
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+          L,
+          {
+            ...d,
+            error: `${x.get(p.errors, r, "")}`,
+            selected: o.value,
+            onRangeSelected: o.onChange,
+            placeholder: l
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          k,
+          {
+            className: h(n && "absolute -bottom-5")
+          }
+        )
+      ] })
     ] })
   }
 ) || null, Z = ({
-  control: s,
+  control: a,
   name: r,
-  label: a,
-  rules: n,
-  required: t,
-  floatingError: c,
-  ...l
-}) => r && s ? /* @__PURE__ */ e(
-  g,
+  label: s,
+  rules: i,
+  required: c,
+  floatingError: l,
+  ...n
+}) => r && a && /* @__PURE__ */ e(
+  m,
   {
-    control: s,
+    control: a,
     name: r,
-    rules: n,
-    render: ({ field: o }) => /* @__PURE__ */ i(k, { children: [
-      a && /* @__PURE__ */ i(N, { className: "block", children: [
-        a,
+    rules: i,
+    render: ({ field: d }) => /* @__PURE__ */ t(N, { children: [
+      s && /* @__PURE__ */ t(u, { className: "block", children: [
+        s,
         " ",
-        t && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
+        c && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(M, { ...o, ...l }) }),
-      m.get(formState.errors, r, "") && /* @__PURE__ */ e(
-        x,
-        {
-          className: u(c && "absolute -bottom-5")
-        }
-      )
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(w, { ...d, ...n }) }),
+        /* @__PURE__ */ e(
+          k,
+          {
+            className: h(l && "absolute -bottom-5")
+          }
+        )
+      ] })
     ] })
   }
-) : /* @__PURE__ */ e(M, { ...l }), ee = ({
-  control: s,
+) || null, ee = ({
+  control: a,
   name: r,
-  label: a,
-  rules: n,
-  required: t,
-  floatingError: c,
-  ...l
-}) => r && s && /* @__PURE__ */ e(
-  g,
+  label: s,
+  rules: i,
+  required: c,
+  floatingError: l,
+  ...n
+}) => r && a && /* @__PURE__ */ e(
+  m,
   {
-    control: s,
+    control: a,
     name: r,
-    rules: n,
-    render: ({ field: o, formState: d }) => /* @__PURE__ */ i(k, { children: [
-      a && /* @__PURE__ */ i(N, { className: "block", children: [
-        a,
+    rules: i,
+    render: ({ field: d, formState: o }) => /* @__PURE__ */ t(N, { children: [
+      s && /* @__PURE__ */ t(u, { className: "block", children: [
+        s,
         " ",
-        t && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
+        c && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-        T,
-        {
-          thousandsSeparator: " ",
-          lazy: !1,
-          placeholderChar: "_",
-          unmask: !0,
-          ...o,
-          ...l,
-          variant: m.get(d.errors, `${r}.message`) ? "failure" : "default",
-          onAccept: (h) => o.onChange(h)
-        }
-      ) }),
-      m.get(d.errors, r, "") && /* @__PURE__ */ e(
-        x,
-        {
-          className: u(c && "absolute -bottom-5")
-        }
-      )
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+          S,
+          {
+            thousandsSeparator: " ",
+            lazy: !1,
+            placeholderChar: "_",
+            unmask: !0,
+            ...d,
+            ...n,
+            variant: x.get(o.errors, `${r}.message`) ? "failure" : "default",
+            onAccept: (p) => d.onChange(p)
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          k,
+          {
+            className: h(l && "absolute -bottom-5")
+          }
+        )
+      ] })
     ] })
   }
 ) || null, re = ({
-  control: s,
+  control: a,
   name: r,
-  label: a,
-  rules: n,
-  value: t,
-  ...c
+  label: s,
+  rules: i,
+  value: c,
+  ...l
 }) => {
-  const l = y();
-  return r && s && /* @__PURE__ */ e(
-    g,
+  const n = y();
+  return r && a && /* @__PURE__ */ e(
+    m,
     {
-      control: s,
+      control: a,
       name: r,
-      rules: n,
-      render: ({ field: o }) => /* @__PURE__ */ e(N, { className: "block", htmlFor: c.id || l, children: /* @__PURE__ */ i(k, { className: "flex flex-row items-start gap-3", children: [
-        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-          D,
+      rules: i,
+      render: ({ field: d }) => /* @__PURE__ */ e(u, { className: "block", htmlFor: l.id || n, children: /* @__PURE__ */ t(N, { className: "flex flex-row items-start gap-3", children: [
+        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+          T,
           {
-            id: c.id || l,
-            value: t,
-            checked: o.value === t,
+            id: l.id || n,
+            value: c,
+            checked: d.value === c,
             onClick: () => {
-              o.value !== t && o.onChange(t);
+              d.value !== c && d.onChange(c);
             },
-            ...c
+            ...l
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: "space-y-1 leading-none", children: a && /* @__PURE__ */ e("div", { children: a }) })
+        /* @__PURE__ */ e("div", { className: "space-y-1 leading-none", children: s && /* @__PURE__ */ e("div", { children: s }) })
       ] }) })
     }
   ) || null;
-}, se = ({
-  control: s,
+}, ae = ({
+  control: a,
   name: r,
-  label: a,
-  rules: n,
-  ...t
+  label: s,
+  rules: i,
+  ...c
 }) => {
-  const c = y();
-  return r && s && /* @__PURE__ */ e(
-    g,
+  const l = y();
+  return r && a && /* @__PURE__ */ e(
+    m,
     {
-      control: s,
+      control: a,
       name: r,
-      rules: n,
-      render: ({ field: l }) => /* @__PURE__ */ e(N, { className: "block", htmlFor: t.id || c, children: /* @__PURE__ */ i(k, { className: "flex flex-row items-start gap-3", children: [
-        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-          R,
+      rules: i,
+      render: ({ field: n }) => /* @__PURE__ */ e(u, { className: "block", htmlFor: c.id || l, children: /* @__PURE__ */ t(N, { className: "flex flex-row items-start gap-3", children: [
+        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+          D,
           {
-            id: t.id || c,
+            id: c.id || l,
             className: "m-0",
-            checked: l.value,
-            onCheckedChange: l.onChange,
-            ...t
+            checked: n.value,
+            onCheckedChange: n.onChange,
+            ...c
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: "space-y-1 leading-none", children: a && /* @__PURE__ */ e("div", { children: a }) })
+        /* @__PURE__ */ e("div", { className: "space-y-1 leading-none", children: s && /* @__PURE__ */ e("div", { children: s }) })
       ] }) })
     }
   ) || null;
-}, ae = ({
-  control: s,
+}, se = ({
+  control: a,
   name: r,
-  label: a,
-  required: n,
-  rules: t,
-  className: c,
-  floatingError: l,
-  ...o
-}) => r && s && /* @__PURE__ */ e(
-  g,
+  label: s,
+  required: i,
+  rules: c,
+  className: l,
+  floatingError: n,
+  ...d
+}) => r && a && /* @__PURE__ */ e(
+  m,
   {
-    control: s,
+    control: a,
     name: r,
-    rules: t,
-    render: ({ field: d, formState: h }) => /* @__PURE__ */ i(k, { children: [
-      a && /* @__PURE__ */ i(N, { className: "block", children: [
-        a,
+    rules: c,
+    render: ({ field: o, formState: p }) => /* @__PURE__ */ t(N, { children: [
+      s && /* @__PURE__ */ t(u, { className: "block", children: [
+        s,
         " ",
-        n && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
+        i && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-        E,
-        {
-          variant: m.get(h.errors, `${r}.message`) ? "failure" : "default",
-          ...o,
-          ...d,
-          className: u(c)
-        }
-      ) }),
-      m.get(h.errors, r, "") && /* @__PURE__ */ e(
-        x,
-        {
-          className: u(l && "absolute -bottom-5")
-        }
-      )
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+          R,
+          {
+            variant: x.get(p.errors, `${r}.message`) ? "failure" : "default",
+            ...d,
+            ...o,
+            className: h(l)
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          k,
+          {
+            className: h(n && "absolute -bottom-5")
+          }
+        )
+      ] })
     ] })
   }
-) || null, te = ({
-  control: s,
+) || null, ce = ({
+  control: a,
   name: r,
-  label: a,
-  required: n,
-  className: t,
-  rules: c,
-  floatingError: l,
-  ...o
-}) => r && s ? /* @__PURE__ */ e(
-  g,
+  label: s,
+  required: i,
+  className: c,
+  rules: l,
+  floatingError: n,
+  ...d
+}) => r && a ? /* @__PURE__ */ e(
+  m,
   {
-    control: s,
+    control: a,
     name: r,
-    rules: c,
-    render: ({ field: d, formState: h }) => /* @__PURE__ */ i(k, { children: [
-      a && /* @__PURE__ */ i(N, { className: "block", children: [
-        a,
+    rules: l,
+    render: ({ field: o }) => /* @__PURE__ */ t(N, { children: [
+      s && /* @__PURE__ */ t(u, { className: "block", children: [
+        s,
         " ",
-        n && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
+        i && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
       ] }),
-      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(f, { ...d, ...o }) }),
-      m.get(h.errors, r, "") && /* @__PURE__ */ e(
-        x,
-        {
-          className: u(l && "absolute -bottom-5")
-        }
-      )
+      " ",
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(C, { ...o, ...d }) }),
+        /* @__PURE__ */ e(
+          k,
+          {
+            className: h(n && "absolute -bottom-5")
+          }
+        )
+      ] })
     ] })
   }
-) : /* @__PURE__ */ e(f, { className: "mt-2", ...o });
+) : /* @__PURE__ */ e(C, { className: "mt-2", ...d });
 export {
   W as MyCheckbox,
   X as MyDatePicker,
   Y as MyDateRangePicker,
   Z as MyHtmlEditor,
-  oe as MyInput,
+  ie as MyInput,
   ee as MyMaskInput,
   re as MyRadio,
-  de as MySelect,
-  se as MySwitch,
-  ae as MyTextarea,
-  te as MyTimePicker
+  oe as MySelect,
+  ae as MySwitch,
+  se as MyTextarea,
+  ce as MyTimePicker
 };
 //# sourceMappingURL=index.es.js.map