dgz-ui-shared 1.2.21 → 1.2.22

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

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