dgz-ui-shared 1.2.23 → 1.2.25

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

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