@hybr1d-tech/charizard 0.7.167 → 0.7.168

package/dist/hybr1d-ui.js

@@ -2987,27 +2987,28 @@ function ax({
   children: a,
   footerButtons: s,
   showBackdrop: r = !1,
-  onClose: i
+  onClose: i,
+  customModalClasses: o
 }) {
-  const [o, u] = i0(s3.machine({ id: q.useId(), open: e })), m = s3.connect(o, u, u0);
+  const [u, m] = i0(s3.machine({ id: q.useId(), open: e })), d = s3.connect(u, m, u0);
   return q.useEffect(() => {
-    m.setOpen(!!e);
+    d.setOpen(!!e);
   }, [e]), q.useEffect(() => {
-    m.open || i == null || i();
-  }, [m.open]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    n && /* @__PURE__ */ t.jsx("button", { ...m.getTriggerProps(), className: "zap-reset-btn", children: n }),
-    m.open && /* @__PURE__ */ t.jsxs(A2, { children: [
-      r && /* @__PURE__ */ t.jsx("div", { ...m.getBackdropProps(), className: Z2.backdrop }),
-      /* @__PURE__ */ t.jsx("div", { ...m.getPositionerProps(), className: Z2.positioner, children: /* @__PURE__ */ t.jsxs("div", { ...m.getContentProps(), className: Z2.modal, children: [
-        /* @__PURE__ */ t.jsxs("div", { ...m.getTitleProps(), className: Z2.header, children: [
+    d.open || i == null || i();
+  }, [d.open]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    n && /* @__PURE__ */ t.jsx("button", { ...d.getTriggerProps(), className: "zap-reset-btn", children: n }),
+    d.open && /* @__PURE__ */ t.jsxs(A2, { children: [
+      r && /* @__PURE__ */ t.jsx("div", { ...d.getBackdropProps(), className: Z2.backdrop }),
+      /* @__PURE__ */ t.jsx("div", { ...d.getPositionerProps(), className: Z2.positioner, children: /* @__PURE__ */ t.jsxs("div", { ...d.getContentProps(), className: b(Z2.modal, o), children: [
+        /* @__PURE__ */ t.jsxs("div", { ...d.getTitleProps(), className: Z2.header, children: [
           /* @__PURE__ */ t.jsxs("div", { children: [
             /* @__PURE__ */ t.jsx("h2", { className: "zap-heading-semibold", children: l }),
             c && /* @__PURE__ */ t.jsx("p", { className: "zap-subcontent-regular", children: c })
           ] }),
-          /* @__PURE__ */ t.jsx("button", { ...m.getCloseTriggerProps(), className: "zap-reset-btn", children: /* @__PURE__ */ t.jsx(M, { path: m2, svgClassName: Z2.icon }) })
+          /* @__PURE__ */ t.jsx("button", { ...d.getCloseTriggerProps(), className: "zap-reset-btn", children: /* @__PURE__ */ t.jsx(M, { path: m2, svgClassName: Z2.icon }) })
         ] }),
-        /* @__PURE__ */ t.jsx("div", { ...m.getDescriptionProps(), className: Z2.content, children: a }),
-        !!s.length && /* @__PURE__ */ t.jsx("div", { className: Z2.footer, children: s == null ? void 0 : s.map(({ btnText: d, isLoading: p, loadingText: h, ..._ }, x) => /* @__PURE__ */ t.jsx(A0, { ..._, children: p ? h : d }, x)) })
+        /* @__PURE__ */ t.jsx("div", { ...d.getDescriptionProps(), className: Z2.content, children: a }),
+        !!s.length && /* @__PURE__ */ t.jsx("div", { className: Z2.footer, children: s == null ? void 0 : s.map(({ btnText: p, isLoading: h, loadingText: _, ...x }, g) => /* @__PURE__ */ t.jsx(A0, { ...x, children: h ? _ : p }, g)) })
       ] }) })
     ] })
   ] });
@@ -9260,37 +9261,36 @@ function Cx({
   isError: d,
   showOutsideDays: p = !0,
   trigger: h,
-  id: _,
-  ...x
+  ..._
 }) {
-  const { monthYear: g, setMonthYear: C } = G4();
+  const { monthYear: x, setMonthYear: g } = G4();
   q.useEffect(() => {
-    e && !isNaN(new Date(e).getTime()) && C({
+    e && !isNaN(new Date(e).getTime()) && g({
       month: new Date(e).getMonth(),
       year: new Date(e).getFullYear()
     });
   }, [e]);
-  const v = q.useMemo(() => {
+  const C = q.useMemo(() => {
     if (e) {
-      const y = xe(e) ? e : u6(e);
-      return console.log("Parsed date:", y), y;
-    }
-  }, [e]), I = q.useMemo(() => {
-    if (!v) return "Pick a date";
-    const y = c3(v, a);
-    return console.log("Formatted display date:", y), y;
-  }, [v, a]), z = q.useRef(null), N = (y) => {
-    var A;
-    if (!y) {
+      const N = xe(e) ? e : u6(e);
+      return console.log("Parsed date:", N), N;
+    }
+  }, [e]), v = q.useMemo(() => {
+    if (!C) return "Pick a date";
+    const N = c3(C, a);
+    return console.log("Formatted display date:", N), N;
+  }, [C, a]), I = q.useRef(null), z = (N) => {
+    var w;
+    if (!N) {
       l("");
       return;
     }
-    const w = c3(y, "yyyy-MM-dd");
-    l(w), (A = z == null ? void 0 : z.current) == null || A.click();
+    const y = c3(N, "yyyy-MM-dd");
+    l(y), (w = I == null ? void 0 : I.current) == null || w.click();
   };
   return /* @__PURE__ */ t.jsx("div", { className: b(o0.datePicker), style: u, children: /* @__PURE__ */ t.jsxs(A3, { placement: "bottom", children: [
     /* @__PURE__ */ t.jsxs(w3, { openOnHover: !1, children: [
-      h ? /* @__PURE__ */ t.jsx("div", { ref: z, id: _, children: h }) : n === "form" ? /* @__PURE__ */ t.jsx(
+      h ? /* @__PURE__ */ t.jsx("div", { ref: I, children: h }) : n === "form" ? /* @__PURE__ */ t.jsx(
         X0,
         {
           size: "adapt",
@@ -9303,8 +9303,8 @@ function Cx({
             borderColor: d || s ? "var(--status-danger)" : void 0,
             height: "32px"
           },
-          children: /* @__PURE__ */ t.jsxs("div", { className: o0.formButton, ref: z, id: _, children: [
-            /* @__PURE__ */ t.jsx("span", { style: { color: v ? void 0 : "var(--text-secondary)" }, children: I }),
+          children: /* @__PURE__ */ t.jsxs("div", { className: o0.formButton, ref: I, children: [
+            /* @__PURE__ */ t.jsx("span", { style: { color: C ? void 0 : "var(--text-secondary)" }, children: v }),
             /* @__PURE__ */ t.jsx(M, { path: f4, width: 20, height: 20 })
           ] })
         }
@@ -9315,7 +9315,7 @@ function Cx({
           size: "adapt",
           disabled: r,
           customStyles: { cursor: r ? "not-allowed" : "pointer", height: "32px" },
-          children: /* @__PURE__ */ t.jsxs("div", { className: o0.buttonContent, ref: z, id: _, children: [
+          children: /* @__PURE__ */ t.jsxs("div", { className: o0.buttonContent, ref: I, children: [
             /* @__PURE__ */ t.jsx(
               M,
               {
@@ -9325,7 +9325,7 @@ function Cx({
                 spanClassName: o0.calendarIconSpan
               }
             ),
-            /* @__PURE__ */ t.jsx("span", { style: { color: v ? void 0 : "var(--text-secondary)" }, children: I })
+            /* @__PURE__ */ t.jsx("span", { style: { color: C ? void 0 : "var(--text-secondary)" }, children: v })
           ] })
         }
       ),
@@ -9369,13 +9369,13 @@ function Cx({
               Nav: oh
             },
             mode: c,
-            defaultMonth: v,
-            selected: v,
-            onSelect: N,
+            defaultMonth: C,
+            selected: C,
+            onSelect: z,
             numberOfMonths: 1,
             disabled: r ? !0 : i,
-            month: new Date(g.year, g.month),
-            ...x
+            month: new Date(x.year, x.month),
+            ..._
           }
         )
       }