@hybr1d-tech/charizard 0.7.166 → 0.7.168

package/dist/hybr1d-ui.js

@@ -1,7 +1,7 @@
 import './style.css';
 import * as q from "react";
-import y2, { useState as T0, useEffect as d1, useLayoutEffect as ve, useRef as g2, useMemo as F2, useCallback as L0, createContext as ge, useContext as qe, Fragment as s4, Component as fe, forwardRef as i6, createElement as o4 } from "react";
-import { differenceInCalendarDays as be, parseISO as u6, addMonths as l3, format as c3, isDate as xe, isSameDay as Q4, addYears as _e, addDays as Ce, isBefore as K4 } from "date-fns";
+import y2, { useState as T0, useEffect as d1, useLayoutEffect as ve, useContext as ge, useRef as g2, createContext as qe, useMemo as F2, useCallback as L0, Component as fe, Fragment as s4, forwardRef as i6, createElement as o4 } from "react";
+import { differenceInCalendarDays as be, parseISO as u6, addMonths as l3, format as c3, isDate as xe, isSameDay as Q4, isBefore as K4, addYears as _e, addDays as Ce } from "date-fns";
 import b, { clsx as V2 } from "clsx";
 import { toast as x3 } from "react-toastify";
 import Ie from "react-inlinesvg";
@@ -18,7 +18,7 @@ import { useReactTable as d6, getCoreRowModel as m6, flexRender as E1 } from "@t
 import * as s3 from "@zag-js/dialog";
 import * as o3 from "@zag-js/popover";
 import h6, { components as r2 } from "react-select";
-import { jsx as Z, css as p6, keyframes as Ae } from "@emotion/react";
+import { keyframes as Ae, jsx as Z, css as p6 } from "@emotion/react";
 import { createPortal as v6 } from "react-dom";
 import * as p1 from "@zag-js/radio-group";
 import { Tooltip as Ne } from "react-tooltip";
@@ -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)) })
       ] }) })
     ] })
   ] });
@@ -4009,8 +4010,8 @@ var l7 = function(l) {
     marginBottom: i.menuGutter,
     marginTop: i.menuGutter
   });
-}, t7 = /* @__PURE__ */ ge(null), $c = function(l) {
-  var c = l.children, n = l.minMenuHeight, a = l.maxMenuHeight, s = l.menuPlacement, r = l.menuPosition, i = l.menuShouldScrollIntoView, o = l.theme, u = qe(t7) || {}, m = u.setPortalPlacement, d = g2(null), p = T0(a), h = k0(p, 2), _ = h[0], x = h[1], g = T0(null), C = k0(g, 2), v = C[0], I = C[1], z = o.spacing.controlHeight;
+}, t7 = /* @__PURE__ */ qe(null), $c = function(l) {
+  var c = l.children, n = l.minMenuHeight, a = l.maxMenuHeight, s = l.menuPlacement, r = l.menuPosition, i = l.menuShouldScrollIntoView, o = l.theme, u = ge(t7) || {}, m = u.setPortalPlacement, d = g2(null), p = T0(a), h = k0(p, 2), _ = h[0], x = h[1], g = T0(null), C = k0(g, 2), v = C[0], I = C[1], z = o.spacing.controlHeight;
   return h4(function() {
     var N = d.current;
     if (N) {
@@ -5103,7 +5104,9 @@ function _s(e) {
     m(g, C);
   }, [m]), _ = L0(function(g) {
     if (g) {
-      var C = Gc ? {} : !1;
+      var C = Gc ? {
+        passive: !1
+      } : !1;
       g.addEventListener("wheel", d, C), g.addEventListener("touchstart", p, C), g.addEventListener("touchmove", h, C);
     }
   }, [h, p, d]), x = L0(function(g) {