@hybr1d-tech/charizard 2.0.0 → 2.0.1

package/dist/hybr1d-ui.js

@@ -6,7 +6,7 @@ import g, { clsx as R2 } from "clsx";
 import { toast as g3 } from "react-toastify";
 import X7 from "react-inlinesvg";
 import { create as q1 } from "zustand";
-import * as P2 from "@zag-js/menu";
+import * as T2 from "@zag-js/menu";
 import { useMachine as b0, normalizeProps as C0, Portal as N2 } from "@zag-js/react";
 import * as c3 from "@zag-js/tooltip";
 import * as n3 from "@zag-js/dialog";
@@ -365,10 +365,10 @@ function y8() {
       } finally {
         A0 = !1, x0.current = u0, y0(), Error.prepareStackTrace = s0;
       }
-      var c1 = q ? q.displayName || q.name : "", Z2 = c1 ? m0(c1) : "";
-      return typeof q == "function" && u2.set(q, Z2), Z2;
+      var c1 = q ? q.displayName || q.name : "", X2 = c1 ? m0(c1) : "";
+      return typeof q == "function" && u2.set(q, X2), X2;
     }
-    function O2(q, N, G) {
+    function Z2(q, N, G) {
       return q2(q, !1);
     }
     function d2(q) {
@@ -391,7 +391,7 @@ function y8() {
       if (typeof q == "object")
         switch (q.$$typeof) {
           case o:
-            return O2(q.render);
+            return Z2(q.render);
           case d:
             return t2(q.type, N, G);
           case h: {
@@ -688,17 +688,17 @@ Check the top-level render call using <` + G + ">.");
               S4(i2, q);
         }
         if (g2.call(N, "key")) {
-          var Z2 = V(q), Q0 = Object.keys(N).filter(function(F7) {
+          var X2 = V(q), Q0 = Object.keys(N).filter(function(F7) {
             return F7 !== "key";
           }), M3 = Q0.length > 0 ? "{key: someKey, " + Q0.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!R4[Z2 + M3]) {
+          if (!R4[X2 + M3]) {
             var G7 = Q0.length > 0 ? "{" + Q0.join(": ..., ") + ": ...}" : "{}";
             v(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, M3, Z2, G7, Z2), R4[Z2 + M3] = !0;
+  <%s key={someKey} {...props} />`, M3, X2, G7, X2), R4[X2 + M3] = !0;
           }
         }
         return q === c ? E7(N0) : M7(N0), N0;
@@ -1076,7 +1076,8 @@ function c0({
   customStyles: r = {},
   className: i,
   icon: o,
-  btnType: u
+  btnType: u,
+  zapTriggerProps: m = {}
 }) {
   return /* @__PURE__ */ a.jsxs(
     "button",
@@ -1098,6 +1099,7 @@ function c0({
       onClick: c,
       style: r,
       type: u,
+      ...m,
       children: [
         t === X0.ICON_LEFT && o,
         t === X0.ICON_ONLY ? o : e,
@@ -1121,10 +1123,10 @@ const o6 = f.forwardRef(function({
   hideDivider: d = !1,
   onClick: h
 }, p) {
-  const I = b0(P2.machine, {
+  const I = b0(T2.machine, {
     id: f.useId(),
     positioning: { placement: (r == null ? void 0 : r.placement) || "bottom-end" }
-  }), b = P2.connect(I, C0), C = u == null ? void 0 : u.customMenuStyles, x = u == null ? void 0 : u.customButtonStyles;
+  }), b = T2.connect(I, C0), C = u == null ? void 0 : u.customMenuStyles, x = u == null ? void 0 : u.customButtonStyles;
   f.useImperativeHandle(
     p,
     () => ({
@@ -1324,7 +1326,7 @@ function pq({
     t && /* @__PURE__ */ a.jsx(c0, { onClick: s, variant: X.GHOST, children: t })
   ] });
 }
-const r6 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11%204.75a6.25%206.25%200%201%200%200%2012.5%206.25%206.25%200%200%200%200-12.5M3.25%2011a7.75%207.75%200%201%201%2013.735%204.924l3.545%203.546a.75.75%200%201%201-1.06%201.06l-3.546-3.545A7.75%207.75%200%200%201%203.25%2011'%20fill='%23070F2C'/%3e%3c/svg%3e", ye = "_box_1cmss_1", Ae = "_search_1cmss_5", Ne = "_searchDisabled_1cmss_21", we = "_searchIcon_1cmss_38", je = "_clearIcon_1cmss_39", X2 = {
+const r6 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11%204.75a6.25%206.25%200%201%200%200%2012.5%206.25%206.25%200%200%200%200-12.5M3.25%2011a7.75%207.75%200%201%201%2013.735%204.924l3.545%203.546a.75.75%200%201%201-1.06%201.06l-3.546-3.545A7.75%207.75%200%200%201%203.25%2011'%20fill='%23070F2C'/%3e%3c/svg%3e", ye = "_box_1cmss_1", Ae = "_search_1cmss_5", Ne = "_searchDisabled_1cmss_21", we = "_searchIcon_1cmss_38", je = "_clearIcon_1cmss_39", W2 = {
   box: ye,
   search: Ae,
   searchDisabled: Ne,
@@ -1341,13 +1343,13 @@ function F1({
   disabled: r = !1
 }) {
   const i = typeof n == "function" && typeof l == "string", o = s == null ? void 0 : s.customInputStyles, u = s == null ? void 0 : s.customIconStyles;
-  return /* @__PURE__ */ a.jsxs("div", { className: X2.box, children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: W2.box, children: [
     i ? /* @__PURE__ */ a.jsx(
       "input",
       {
         id: e,
         type: "text",
-        className: g(X2.search, r && X2.searchDisabled, "zap-content-medium"),
+        className: g(W2.search, r && W2.searchDisabled, "zap-content-medium"),
         placeholder: c,
         value: l,
         onChange: (m) => {
@@ -1361,7 +1363,7 @@ function F1({
       {
         id: e,
         type: "text",
-        className: g(X2.search, r && X2.searchDisabled, "zap-content-medium"),
+        className: g(W2.search, r && W2.searchDisabled, "zap-content-medium"),
         placeholder: c,
         style: o,
         disabled: r
@@ -1372,7 +1374,7 @@ function F1({
       {
         src: r6,
         alt: "search",
-        className: X2.searchIcon,
+        className: W2.searchIcon,
         style: u
       }
     ) }),
@@ -1387,7 +1389,7 @@ function F1({
           {
             src: o2,
             alt: "Clear Search",
-            className: X2.clearIcon,
+            className: W2.clearIcon,
             style: u
           }
         )
@@ -5187,11 +5189,11 @@ var Z6 = function(l) {
       var D = function(d0, i0) {
         var y0 = d0.type, x0 = d0.data, S0 = d0.isDisabled, m0 = d0.isSelected, A0 = d0.label, u2 = d0.value, j2 = b === x0, q2 = S0 ? void 0 : function() {
           return t.onOptionHover(x0);
-        }, O2 = S0 ? void 0 : function() {
+        }, Z2 = S0 ? void 0 : function() {
           return t.selectOption(x0);
         }, d2 = "".concat(t.getElementId("option"), "-").concat(i0), t2 = {
           id: d2,
-          onClick: O2,
+          onClick: Z2,
           onMouseMove: q2,
           onMouseOver: q2,
           tabIndex: -1,
@@ -5433,8 +5435,8 @@ var rc = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading
 function ic(e) {
   var l = e.defaultOptions, n = l === void 0 ? !1 : l, c = e.cacheOptions, t = c === void 0 ? !1 : c, s = e.loadOptions;
   e.options;
-  var r = e.isLoading, i = r === void 0 ? !1 : r, o = e.onInputChange, u = e.filterOption, m = u === void 0 ? null : u, d = p2(e, rc), h = d.inputValue, p = s2(void 0), I = s2(!1), b = k0(Array.isArray(n) ? n : void 0), C = B0(b, 2), x = C[0], v = C[1], _ = k0(typeof h < "u" ? h : ""), z = B0(_, 2), w = z[0], E = z[1], M = k0(n === !0), y = B0(M, 2), k = y[0], j = y[1], $ = k0(void 0), L = B0($, 2), V = L[0], A = L[1], F = k0([]), D = B0(F, 2), l0 = D[0], U = D[1], L0 = k0(!1), H = B0(L0, 2), v0 = H[0], Q = H[1], d0 = k0({}), i0 = B0(d0, 2), y0 = i0[0], x0 = i0[1], S0 = k0(void 0), m0 = B0(S0, 2), A0 = m0[0], u2 = m0[1], j2 = k0(void 0), q2 = B0(j2, 2), O2 = q2[0], d2 = q2[1];
-  t !== O2 && (x0({}), d2(t)), n !== A0 && (v(Array.isArray(n) ? n : void 0), u2(n)), m1(function() {
+  var r = e.isLoading, i = r === void 0 ? !1 : r, o = e.onInputChange, u = e.filterOption, m = u === void 0 ? null : u, d = p2(e, rc), h = d.inputValue, p = s2(void 0), I = s2(!1), b = k0(Array.isArray(n) ? n : void 0), C = B0(b, 2), x = C[0], v = C[1], _ = k0(typeof h < "u" ? h : ""), z = B0(_, 2), w = z[0], E = z[1], M = k0(n === !0), y = B0(M, 2), k = y[0], j = y[1], $ = k0(void 0), L = B0($, 2), V = L[0], A = L[1], F = k0([]), D = B0(F, 2), l0 = D[0], U = D[1], L0 = k0(!1), H = B0(L0, 2), v0 = H[0], Q = H[1], d0 = k0({}), i0 = B0(d0, 2), y0 = i0[0], x0 = i0[1], S0 = k0(void 0), m0 = B0(S0, 2), A0 = m0[0], u2 = m0[1], j2 = k0(void 0), q2 = B0(j2, 2), Z2 = q2[0], d2 = q2[1];
+  t !== Z2 && (x0({}), d2(t)), n !== A0 && (v(Array.isArray(n) ? n : void 0), u2(n)), m1(function() {
     return I.current = !0, function() {
       I.current = !1;
     };
@@ -5890,7 +5892,7 @@ function Eq({ items: e, defaultValue: l, handleOnChange: n }) {
 const Hc = "_tooltip_1toeg_1", kc = {
   tooltip: Hc
 };
-function T2({
+function O2({
   placement: e = "top",
   trigger: l,
   content: n = "",
@@ -5942,7 +5944,7 @@ const Dc = "_labelContainer_quv4s_1", Pc = "_heading_quv4s_5", Tc = "_optionsCon
 }, nn = "_container_1cxl3_1", sn = {
   container: nn
 };
-function Q2({ className: e, ...l }) {
+function K2({ className: e, ...l }) {
   return /* @__PURE__ */ a.jsx("span", { className: g(sn.container, e), ...l });
 }
 function Sq({
@@ -5966,10 +5968,10 @@ function Sq({
     disabled: i || u
   }), d = v1.connect(m, C0);
   return o ? /* @__PURE__ */ a.jsx("div", { className: p0.radioGroup, children: /* @__PURE__ */ a.jsxs("div", { className: p0.root, children: [
-    l && /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(Q2, { className: p0.headingLoader }) }),
+    l && /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(K2, { className: p0.headingLoader }) }),
     /* @__PURE__ */ a.jsx("div", { className: g(p0.optionsContainerLoader), style: r, children: e.map((h) => /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", gap: "6px" }, children: [
-      /* @__PURE__ */ a.jsx(Q2, { className: p0.circleLoader }),
-      !!h.label.heading && /* @__PURE__ */ a.jsx(Q2, { className: p0.circleTextLoader })
+      /* @__PURE__ */ a.jsx(K2, { className: p0.circleLoader }),
+      !!h.label.heading && /* @__PURE__ */ a.jsx(K2, { className: p0.circleTextLoader })
     ] }, h.value)) })
   ] }) }) : /* @__PURE__ */ a.jsxs("div", { className: p0.radioGroup, children: [
     /* @__PURE__ */ a.jsxs("div", { ...d.getRootProps(), className: p0.root, children: [
@@ -6002,7 +6004,7 @@ function Sq({
               )
             ] }),
             !!h.tooltip && /* @__PURE__ */ a.jsx(
-              T2,
+              O2,
               {
                 placement: h.tooltip.placement,
                 trigger: h.tooltip.trigger ? h.tooltip.trigger : /* @__PURE__ */ a.jsx(
@@ -6148,7 +6150,7 @@ function I4({
         s,
         c && /* @__PURE__ */ a.jsx("span", { className: g("zap-content-medium ", R.required), children: "*" }),
         !!l && /* @__PURE__ */ a.jsx(
-          T2,
+          O2,
           {
             ...t,
             trigger: /* @__PURE__ */ a.jsx(
@@ -6347,7 +6349,7 @@ function ps({
   onOptionSelect: r,
   onclick: i
 }) {
-  const [o, u] = f.useState(""), m = b0(P2.machine, {
+  const [o, u] = f.useState(""), m = b0(T2.machine, {
     id: f.useId(),
     onSelect(p) {
       c && r(p.value);
@@ -6355,7 +6357,7 @@ function ps({
     onOpenChange(p) {
       p.open || u("");
     }
-  }), d = P2.connect(m, C0), h = t == null ? void 0 : t.filter((p) => `${p.label}${p.value}`.toLowerCase().includes(o.toLowerCase()));
+  }), d = T2.connect(m, C0), h = t == null ? void 0 : t.filter((p) => `${p.label}${p.value}`.toLowerCase().includes(o.toLowerCase()));
   return c ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
       "button",
@@ -6419,7 +6421,7 @@ function qs({
   hideSearch: s = !1,
   onOptionSelect: r
 }) {
-  const [i, o] = f.useState(""), u = b0(P2.machine, {
+  const [i, o] = f.useState(""), u = b0(T2.machine, {
     id: f.useId(),
     onSelect(h) {
       c && r(h.value);
@@ -6427,7 +6429,7 @@ function qs({
     onOpenChange(h) {
       h.open || o("");
     }
-  }), m = P2.connect(u, C0), d = t == null ? void 0 : t.filter((h) => `${h.label}${h.value}`.toLowerCase().includes(i.toLowerCase()));
+  }), m = T2.connect(u, C0), d = t == null ? void 0 : t.filter((h) => `${h.label}${h.value}`.toLowerCase().includes(i.toLowerCase()));
   return c ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
       "button",
@@ -6680,10 +6682,10 @@ function Rq({
     disabled: i || u
   }), d = v1.connect(m, C0);
   return o ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    l && /* @__PURE__ */ a.jsx(Q2, { className: w0.labelLoader }),
+    l && /* @__PURE__ */ a.jsx(K2, { className: w0.labelLoader }),
     /* @__PURE__ */ a.jsx("div", { className: w0.optionsContainerLoader, style: r, children: e.map((h) => /* @__PURE__ */ a.jsxs("div", { className: w0.options, children: [
-      /* @__PURE__ */ a.jsx(Q2, { className: w0.circleLoader }),
-      !!h.label.heading && /* @__PURE__ */ a.jsx(Q2, { className: w0.circleTextLoader })
+      /* @__PURE__ */ a.jsx(K2, { className: w0.circleLoader }),
+      !!h.label.heading && /* @__PURE__ */ a.jsx(K2, { className: w0.circleTextLoader })
     ] }, h.value)) })
   ] }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs("div", { ...d.getRootProps(), children: [
@@ -6716,7 +6718,7 @@ function Rq({
               )
             ] }),
             !!h.tooltip && /* @__PURE__ */ a.jsx(
-              T2,
+              O2,
               {
                 placement: h.tooltip.placement,
                 trigger: h.tooltip.trigger ? h.tooltip.trigger : /* @__PURE__ */ a.jsx(
@@ -7196,7 +7198,7 @@ function A2({ src: e, alt: l, className: n, ...c }) {
     }, i.src = e, r.current = i, () => {
       r.current && (r.current.onload = null);
     };
-  }, [e]), /* @__PURE__ */ a.jsx(a.Fragment, { children: t ? /* @__PURE__ */ a.jsx("img", { src: e, alt: l, className: n, loading: "lazy", ...c }) : /* @__PURE__ */ a.jsx(Q2, { className: n }) });
+  }, [e]), /* @__PURE__ */ a.jsx(a.Fragment, { children: t ? /* @__PURE__ */ a.jsx("img", { src: e, alt: l, className: n, loading: "lazy", ...c }) : /* @__PURE__ */ a.jsx(K2, { className: n }) });
 }
 const Mo = "_box_12t5m_1", Eo = "_icon_12t5m_9", So = "_dot_12t5m_15", T3 = {
   box: Mo,
@@ -8751,7 +8753,7 @@ function Tq(e) {
     t && /* @__PURE__ */ a.jsx("span", { className: g("zap-subcontent-medium", e0.errorMsg), children: t })
   ] });
 }
-const W2 = [
+const Y2 = [
   { label: "Custom", value: "custom" },
   { label: "Year to date", value: "ytd" },
   { label: "Today", value: "today" },
@@ -8791,8 +8793,8 @@ function jd({
   trigger: C,
   ...x
 }) {
-  const v = e, _ = q3((V) => V.monthYear), z = q3((V) => V.setMonthYear), [w, E] = f.useState(W2[0]), [M, y] = f.useState(void 0), k = f.useMemo(() => v != null && v.from ? v.to ? B4(v.from, v.to) ? J1.format(v.from) : `${J1.format(v.from)} - ${J1.format(v.to)}` : J1.format(v.from) : b || "Pick a date", [v, b]), j = (V) => {
-    t && w.value !== W2[0].value && E(W2[0]);
+  const v = e, _ = q3((V) => V.monthYear), z = q3((V) => V.setMonthYear), [w, E] = f.useState(Y2[0]), [M, y] = f.useState(void 0), k = f.useMemo(() => v != null && v.from ? v.to ? B4(v.from, v.to) ? J1.format(v.from) : `${J1.format(v.from)} - ${J1.format(v.to)}` : J1.format(v.from) : b || "Pick a date", [v, b]), j = (V) => {
+    t && w.value !== Y2[0].value && E(Y2[0]);
     const A = (V == null ? void 0 : V.from) ?? void 0, F = (V == null ? void 0 : V.to) ?? (V == null ? void 0 : V.from);
     l({ from: A, to: F });
   };
@@ -8805,7 +8807,7 @@ function jd({
     });
   }, [v]);
   const $ = (V) => {
-    const A = /* @__PURE__ */ new Date(), F = W2.find((D) => D.value === V) ?? W2[0];
+    const A = /* @__PURE__ */ new Date(), F = Y2.find((D) => D.value === V) ?? Y2[0];
     switch (E(F), V) {
       case "today":
         l({ from: A, to: A });
@@ -8871,7 +8873,7 @@ function jd({
                   ...d
                 },
                 className: h.content,
-                children: t && w.value !== W2[0].value ? w.label : k
+                children: t && w.value !== Y2[0].value ? w.label : k
               }
             ),
             t ? /* @__PURE__ */ a.jsx(
@@ -8909,7 +8911,7 @@ function jd({
               m7,
               {
                 id: "range-selector",
-                options: W2,
+                options: Y2,
                 defaultValue: w,
                 onChange: $,
                 value: w,
@@ -9131,10 +9133,10 @@ function Vd({
   filterDispatch: r
 }) {
   var b, C;
-  const [i, o] = f.useState(""), u = b0(P2.machine, {
+  const [i, o] = f.useState(""), u = b0(T2.machine, {
     id: e.id,
     closeOnSelect: !1
-  }), m = P2.connect(u, C0), d = e == null ? void 0 : e.options.filter((x) => x.name ? x.name.toLowerCase().includes(i.toLowerCase()) : !1), h = n == null ? void 0 : n.values.length, p = () => {
+  }), m = T2.connect(u, C0), d = e == null ? void 0 : e.options.filter((x) => x.name ? x.name.toLowerCase().includes(i.toLowerCase()) : !1), h = n == null ? void 0 : n.values.length, p = () => {
     s(n == null ? void 0 : n.key, r), m.setOpen(!1);
   }, I = (x) => {
     let v = !1;
@@ -9337,7 +9339,7 @@ function R1({
     }
   );
 }
-const Kd = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5%206.75c-.69%200-1.25.56-1.25%201.25v1.25h3.5v-2.5zm3.75%200v2.5h11.5V8c0-.69-.56-1.25-1.25-1.25zm11.5%204H8.75v2.5h11.5zM21.75%208A2.75%202.75%200%200%200%2019%205.25H5A2.75%202.75%200%200%200%202.25%208v8A2.75%202.75%200%200%200%205%2018.75h14A2.75%202.75%200%200%200%2021.75%2016zm-1.5%206.75H8.75v2.5H19c.69%200%201.25-.56%201.25-1.25zm-13%202.5v-2.5h-3.5V16c0%20.69.56%201.25%201.25%201.25zm-3.5-4h3.5v-2.5h-3.5z'%20fill='%23070F2C'/%3e%3c/svg%3e", z2 = "select", K2 = "dropdown-actions", H2 = "select-radio", em = "_sortList_i1dsg_1", lm = "_sort_i1dsg_1", am = "_sortHidden_i1dsg_21", tm = "_dragHandle_i1dsg_25", cm = "_info_i1dsg_50", U2 = {
+const Kd = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5%206.75c-.69%200-1.25.56-1.25%201.25v1.25h3.5v-2.5zm3.75%200v2.5h11.5V8c0-.69-.56-1.25-1.25-1.25zm11.5%204H8.75v2.5h11.5zM21.75%208A2.75%202.75%200%200%200%2019%205.25H5A2.75%202.75%200%200%200%202.25%208v8A2.75%202.75%200%200%200%205%2018.75h14A2.75%202.75%200%200%200%2021.75%2016zm-1.5%206.75H8.75v2.5H19c.69%200%201.25-.56%201.25-1.25zm-13%202.5v-2.5h-3.5V16c0%20.69.56%201.25%201.25%201.25zm-3.5-4h3.5v-2.5h-3.5z'%20fill='%23070F2C'/%3e%3c/svg%3e", z2 = "select", e1 = "dropdown-actions", H2 = "select-radio", em = "_sortList_i1dsg_1", lm = "_sort_i1dsg_1", am = "_sortHidden_i1dsg_21", tm = "_dragHandle_i1dsg_25", cm = "_info_i1dsg_50", Q2 = {
   sortList: em,
   sort: lm,
   sortHidden: am,
@@ -9373,7 +9375,7 @@ function nm({ children: e, id: l, isHidden: n = !1 }) {
   return /* @__PURE__ */ a.jsx(h7.Provider, { value: m, children: /* @__PURE__ */ a.jsx(
     "li",
     {
-      className: g(U2.sort, n && U2.sortHidden),
+      className: g(Q2.sort, n && Q2.sortHidden),
       ref: r,
       style: d,
       children: e
@@ -9382,7 +9384,7 @@ function nm({ children: e, id: l, isHidden: n = !1 }) {
 }
 function sm() {
   const { attributes: e, listeners: l, ref: n } = f.useContext(h7);
-  return /* @__PURE__ */ a.jsx("div", { className: U2.dragHandle, ...e, ...l, ref: n, children: /* @__PURE__ */ a.jsxs(
+  return /* @__PURE__ */ a.jsx("div", { className: Q2.dragHandle, ...e, ...l, ref: n, children: /* @__PURE__ */ a.jsxs(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -9493,11 +9495,11 @@ function V1({ items: e, onChange: l, renderItem: n }) {
       onDragEnd: o,
       onDragCancel: () => s(null),
       children: [
-        Object.entries(c.groups).map(([u, m]) => /* @__PURE__ */ a.jsxs("div", { className: U2.grouped, children: [
-          /* @__PURE__ */ a.jsx("p", { className: U2.info, children: u }),
-          /* @__PURE__ */ a.jsx(L4, { items: m, children: /* @__PURE__ */ a.jsx("ul", { role: "application", className: U2.sortList, children: m.map((d) => /* @__PURE__ */ a.jsx(f.Fragment, { children: n(d) }, d.id)) }) })
+        Object.entries(c.groups).map(([u, m]) => /* @__PURE__ */ a.jsxs("div", { className: Q2.grouped, children: [
+          /* @__PURE__ */ a.jsx("p", { className: Q2.info, children: u }),
+          /* @__PURE__ */ a.jsx(L4, { items: m, children: /* @__PURE__ */ a.jsx("ul", { role: "application", className: Q2.sortList, children: m.map((d) => /* @__PURE__ */ a.jsx(f.Fragment, { children: n(d) }, d.id)) }) })
         ] }, u)),
-        c.ungroupedItems.length > 0 && /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(L4, { items: c.ungroupedItems, children: /* @__PURE__ */ a.jsx("ul", { role: "application", className: U2.sortList, children: c.ungroupedItems.map((u) => /* @__PURE__ */ a.jsx(f.Fragment, { children: n(u) }, u.id)) }) }) }),
+        c.ungroupedItems.length > 0 && /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(L4, { items: c.ungroupedItems, children: /* @__PURE__ */ a.jsx("ul", { role: "application", className: Q2.sortList, children: c.ungroupedItems.map((u) => /* @__PURE__ */ a.jsx(f.Fragment, { children: n(u) }, u.id)) }) }) }),
         /* @__PURE__ */ a.jsx(rm, { children: r ? n(r) : null })
       ]
     }
@@ -9556,7 +9558,7 @@ function um({
   }, v = () => {
     d === "selection" && C.current.length > 0 && (p(structuredClone(C.current)), E(C.current)), r(), b("");
   }, _ = l.getAllLeafColumns().filter(
-    (j) => !j.columnDef.enableHiding && j.id !== z2 && j.id !== H2 && j.id !== K2
+    (j) => !j.columnDef.enableHiding && j.id !== z2 && j.id !== H2 && j.id !== e1
   );
   f.useEffect(() => {
     if (d === "selection" || u || o) return;
@@ -9575,7 +9577,7 @@ function um({
       const $ = j.map((V) => V.id), L = [
         n ? z2 : H2,
         ...$,
-        c ? K2 : void 0
+        c ? e1 : void 0
       ].filter(Boolean);
       return _.forEach((V) => {
         L.splice(V.getIndex(), 0, V.id);
@@ -10006,7 +10008,7 @@ function v7({ paginationConfig: e }) {
     ] }) })
   ] });
 }
-const Xm = "_checkboxSpan_52ild_2", Wm = "_checkbox_52ild_2", Ym = "_checkboxSelect_52ild_31", $m = "_indeterminateInput_52ild_36", Jm = "_radio_52ild_47", J2 = {
+const Xm = "_checkboxSpan_52ild_2", Wm = "_checkbox_52ild_2", Ym = "_checkboxSelect_52ild_31", $m = "_indeterminateInput_52ild_36", Jm = "_radio_52ild_47", U2 = {
   checkboxSpan: Xm,
   checkbox: Wm,
   checkboxSelect: Ym,
@@ -10025,7 +10027,7 @@ function M5({
   }, [t, e]), /* @__PURE__ */ a.jsx(
     "span",
     {
-      className: g(J2.checkboxSpan, e && J2.indeterminate),
+      className: g(U2.checkboxSpan, e && U2.indeterminate),
       style: { display: n ? "flex" : void 0 },
       children: /* @__PURE__ */ a.jsx(
         "input",
@@ -10033,9 +10035,9 @@ function M5({
           type: "checkbox",
           ref: t,
           className: g(
-            J2.checkbox,
-            l.id === z2 && J2.checkboxSelect,
-            e && J2.indeterminateInput
+            U2.checkbox,
+            l.id === z2 && U2.checkboxSelect,
+            e && U2.indeterminateInput
           ),
           ...c
         }
@@ -10051,7 +10053,7 @@ function Um({
   const c = f.useRef(null);
   return f.useEffect(() => {
     c.current.indeterminate = e;
-  }, [c, e]), /* @__PURE__ */ a.jsx("span", { className: J2.radioSpan, children: /* @__PURE__ */ a.jsx("input", { type: "radio", ref: c, className: g(J2.radio), ...n }) });
+  }, [c, e]), /* @__PURE__ */ a.jsx("span", { className: U2.radioSpan, children: /* @__PURE__ */ a.jsx("input", { type: "radio", ref: c, className: g(U2.radio), ...n }) });
 }
 function Oq({
   data: e,
@@ -10082,7 +10084,7 @@ function Oq({
 }) {
   const x = f.useRef(!0), [v, _] = f.useState([]), [z, w] = f.useState({}), [E, M] = f.useState([]), [y, k] = f.useState({
     left: d != null && d.stickyIds ? [H2, z2, ...d == null ? void 0 : d.stickyIds] : [H2, z2],
-    right: [K2]
+    right: [e1]
   }), [j, $] = f.useState({}), L = !l.isFetching && !l.isError && !e.length, { isCheckbox: V, isRadio: A, setSelectedRows: F } = s, D = C2((H) => H.resetAllFilters);
   f.useEffect(() => () => {
     var H;
@@ -10160,7 +10162,7 @@ function Oq({
     },
     ...n,
     {
-      id: K2,
+      id: e1,
       cell: (H) => /* @__PURE__ */ a.jsx(bm, { actionsConfig: r, data: H.row.original }),
       header: "Actions",
       size: 70,
@@ -10208,7 +10210,7 @@ function Oq({
     A || (H = U.getColumn(H2)) == null || H.toggleVisibility(!1);
   }, []), f.useLayoutEffect(() => {
     var H;
-    r.isDropdownActions || (H = U.getColumn(K2)) == null || H.toggleVisibility(!1);
+    r.isDropdownActions || (H = U.getColumn(e1)) == null || H.toggleVisibility(!1);
   }, []), f.useEffect(() => {
     s != null && s.clearOnSearch && $({});
   }, [i == null ? void 0 : i.search]), /* @__PURE__ */ a.jsxs(
@@ -10296,7 +10298,7 @@ function Qm({
               ),
               style: {
                 width: b.getSize() === Number.MAX_SAFE_INTEGER ? "auto" : b.getSize(),
-                paddingRight: b.id === K2 ? "10px" : void 0,
+                paddingRight: b.id === e1 ? "10px" : void 0,
                 paddingLeft: b.index === 0 && b.id !== z2 && b.id !== H2 ? "10px" : v ? "15px" : void 0,
                 ...E5(
                   b.column,
@@ -10312,7 +10314,7 @@ function Qm({
                   style: {
                     display: "flex",
                     alignItems: "center",
-                    justifyContent: b.id === K2 ? "center" : void 0,
+                    justifyContent: b.id === e1 ? "center" : void 0,
                     cursor: c != null && c.isFetching ? "not-allowed" : void 0
                   },
                   children: [
@@ -10388,7 +10390,7 @@ function p7({ data: e, customStyle: l }) {
     return r.offsetWidth < r.scrollWidth;
   }
   return n ? /* @__PURE__ */ a.jsx(
-    T2,
+    O2,
     {
       placement: "right",
       portalId: o3.portalId,
@@ -10406,7 +10408,7 @@ function p7({ data: e, customStyle: l }) {
     }
   ) : /* @__PURE__ */ a.jsx("div", { className: g(S5.box, "zap-content-medium"), style: l, ref: t, children: e });
 }
-const q7 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.25%2016A2.75%202.75%200%200%200%209%2018.75h10A2.75%202.75%200%200%200%2021.75%2016V7.828c0-.729-.29-1.428-.805-1.944l-3.829-3.829a2.75%202.75%200%200%200-1.944-.805H9A2.75%202.75%200%200%200%206.25%204zM9%2017.25c-.69%200-1.25-.56-1.25-1.25V4c0-.69.56-1.25%201.25-1.25h5.25V6A2.75%202.75%200%200%200%2017%208.75h3.25V16c0%20.69-.56%201.25-1.25%201.25zm11.108-10H17c-.69%200-1.25-.56-1.25-1.25V2.892q.169.087.305.224l3.829%203.829q.136.136.224.305'%20fill='%23070F2C'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.25%2020A2.75%202.75%200%200%200%205%2022.75h10A2.75%202.75%200%200%200%2017.75%2020v-2a.75.75%200%200%200-1.5%200v2c0%20.69-.56%201.25-1.25%201.25H5c-.69%200-1.25-.56-1.25-1.25V8c0-.69.56-1.25%201.25-1.25h2a.75.75%200%200%200%200-1.5H5A2.75%202.75%200%200%200%202.25%208z'%20fill='%23070F2C'/%3e%3c/svg%3e", eh = "_box_1lug4_1", lh = "_userImage_1lug4_8", ah = "_userDetails_1lug4_17", th = "_usernameContainer_1lug4_26", ch = "_emailBox_1lug4_33", nh = "_userEmail_1lug4_40", sh = "_icon_1lug4_48", Y2 = {
+const q7 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.25%2016A2.75%202.75%200%200%200%209%2018.75h10A2.75%202.75%200%200%200%2021.75%2016V7.828c0-.729-.29-1.428-.805-1.944l-3.829-3.829a2.75%202.75%200%200%200-1.944-.805H9A2.75%202.75%200%200%200%206.25%204zM9%2017.25c-.69%200-1.25-.56-1.25-1.25V4c0-.69.56-1.25%201.25-1.25h5.25V6A2.75%202.75%200%200%200%2017%208.75h3.25V16c0%20.69-.56%201.25-1.25%201.25zm11.108-10H17c-.69%200-1.25-.56-1.25-1.25V2.892q.169.087.305.224l3.829%203.829q.136.136.224.305'%20fill='%23070F2C'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.25%2020A2.75%202.75%200%200%200%205%2022.75h10A2.75%202.75%200%200%200%2017.75%2020v-2a.75.75%200%200%200-1.5%200v2c0%20.69-.56%201.25-1.25%201.25H5c-.69%200-1.25-.56-1.25-1.25V8c0-.69.56-1.25%201.25-1.25h2a.75.75%200%200%200%200-1.5H5A2.75%202.75%200%200%200%202.25%208z'%20fill='%23070F2C'/%3e%3c/svg%3e", eh = "_box_1lug4_1", lh = "_userImage_1lug4_8", ah = "_userDetails_1lug4_17", th = "_usernameContainer_1lug4_26", ch = "_emailBox_1lug4_33", nh = "_userEmail_1lug4_40", sh = "_icon_1lug4_48", $2 = {
   box: eh,
   userImage: lh,
   userDetails: ah,
@@ -10416,17 +10418,17 @@ const q7 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
   icon: sh
 };
 function Zq({ user: e, onClick: l, showCopy: n = !0 }) {
-  return /* @__PURE__ */ a.jsxs("div", { className: Y2.box, children: [
-    /* @__PURE__ */ a.jsx("img", { src: e.profile_img_url, alt: "User Profile", className: Y2.userImage }),
-    /* @__PURE__ */ a.jsxs("div", { className: Y2.userDetails, children: [
-      /* @__PURE__ */ a.jsx("div", { className: Y2.usernameContainer, onClick: l, children: /* @__PURE__ */ a.jsx(p7, { data: l6(e), customStyle: { maxWidth: "190px" } }) }),
-      /* @__PURE__ */ a.jsxs("div", { className: Y2.emailBox, children: [
-        /* @__PURE__ */ a.jsx("div", { className: g(Y2.userEmail, "zap-subcontent-medium"), children: e.work_email }),
+  return /* @__PURE__ */ a.jsxs("div", { className: $2.box, children: [
+    /* @__PURE__ */ a.jsx("img", { src: e.profile_img_url, alt: "User Profile", className: $2.userImage }),
+    /* @__PURE__ */ a.jsxs("div", { className: $2.userDetails, children: [
+      /* @__PURE__ */ a.jsx("div", { className: $2.usernameContainer, onClick: l, children: /* @__PURE__ */ a.jsx(p7, { data: l6(e), customStyle: { maxWidth: "190px" } }) }),
+      /* @__PURE__ */ a.jsxs("div", { className: $2.emailBox, children: [
+        /* @__PURE__ */ a.jsx("div", { className: g($2.userEmail, "zap-subcontent-medium"), children: e.work_email }),
         e.work_email && n && /* @__PURE__ */ a.jsx(
           B,
           {
             path: q7,
-            svgClassName: Y2.icon,
+            svgClassName: $2.icon,
             customSpanStyles: { cursor: "pointer", flexShrink: 0 },
             handleClick: (c) => {
               c.stopPropagation(), a6(e.work_email);
@@ -10463,7 +10465,7 @@ function Xq({ device: e, onClick: l, customStyle: n }) {
       /* @__PURE__ */ a.jsxs("div", { className: b2.subTitleBox, children: [
         e.serial_number && /* @__PURE__ */ a.jsx("div", { className: g(b2.subTitle, "zap-subcontent-medium"), children: e.serial_number }),
         e.isMdmConnected && /* @__PURE__ */ a.jsx(
-          T2,
+          O2,
           {
             trigger: /* @__PURE__ */ a.jsx(
               B,
@@ -10622,7 +10624,7 @@ function $q({ status: e = "default", children: l }) {
     }
   );
 }
-const Th = "_checkboxContainer_1xkkn_1", Oh = "_customCheckbox_1xkkn_10", Zh = "_disabled_1xkkn_14", Xh = "_hiddenCheckbox_1xkkn_18", Wh = "_disabledCheckbox_1xkkn_62", Yh = "_checkboxLabel_1xkkn_68", $h = "_disabledLabel_1xkkn_74", $2 = {
+const Th = "_checkboxContainer_1xkkn_1", Oh = "_customCheckbox_1xkkn_10", Zh = "_disabled_1xkkn_14", Xh = "_hiddenCheckbox_1xkkn_18", Wh = "_disabledCheckbox_1xkkn_62", Yh = "_checkboxLabel_1xkkn_68", $h = "_disabledLabel_1xkkn_74", J2 = {
   checkboxContainer: Th,
   customCheckbox: Oh,
   disabled: Zh,
@@ -10646,7 +10648,7 @@ function Jq({
   const i = (o) => {
     c || t(o.target.checked);
   };
-  return /* @__PURE__ */ a.jsxs("label", { className: g($2.checkboxContainer, c && $2.disabled, s), children: [
+  return /* @__PURE__ */ a.jsxs("label", { className: g(J2.checkboxContainer, c && J2.disabled, s), children: [
     /* @__PURE__ */ a.jsx(
       "input",
       {
@@ -10655,13 +10657,13 @@ function Jq({
         checked: l,
         onChange: i,
         disabled: c,
-        className: $2.hiddenCheckbox
+        className: J2.hiddenCheckbox
       }
     ),
     /* @__PURE__ */ a.jsx(
       "span",
       {
-        className: g($2.customCheckbox, c && $2.disabledCheckbox),
+        className: g(J2.customCheckbox, c && J2.disabledCheckbox),
         "data-state": n ? "indeterminate" : l ? "checked" : "unchecked"
       }
     ),
@@ -10669,9 +10671,9 @@ function Jq({
       "span",
       {
         className: g(
-          $2.checkboxLabel,
+          J2.checkboxLabel,
           "zap-content-medium",
-          c && $2.disabledLabel
+          c && J2.disabledLabel
         ),
         children: e
       }
@@ -10887,7 +10889,7 @@ function Uq({
         size: ko((c2 = J[R0]) == null ? void 0 : c2.size)
       }), (E2 = J[R0]) != null && E2.size && (r || 5) < Number((((S2 = J[R0]) == null ? void 0 : S2.size) / (1024 * 1024)).toFixed(2)) && (h0 = !0);
     if (n0 = n0.map((R0) => {
-      const D1 = (Math.random() + 1).toString(36).substring(7), P1 = O2(D1);
+      const D1 = (Math.random() + 1).toString(36).substring(7), P1 = Z2(D1);
       return { ...R0, setIntervalFunction: P1, key: D1 };
     }), h0) {
       d0(`Maximum file size allowed is  ${r || 5}MB.`);
@@ -10908,7 +10910,7 @@ function Uq({
   const q2 = () => {
     var S;
     return ((S = L == null ? void 0 : L.filter((J) => !(j != null && j.includes(J.key)))) == null ? void 0 : S.filter((J) => !(D != null && D.find((n0) => n0.key === J.key)))) || [];
-  }, O2 = (S) => {
+  }, Z2 = (S) => {
     let J = 0.5, n0 = 0;
     return setInterval(function() {
       n0 += J;
@@ -10960,7 +10962,7 @@ function Uq({
     ),
     /* @__PURE__ */ a.jsxs("div", { style: { width: "100%" }, children: [
       !(L.filter((S) => !j.includes(S.key)).length >= c && i0) && i0 !== null && !i0 && !(c && ((g2 = L.filter((S) => !j.includes(S.key))) == null ? void 0 : g2.length) >= c) ? /* @__PURE__ */ a.jsx(
-        T2,
+        O2,
         {
           trigger: /* @__PURE__ */ a.jsx(
             "div",
@@ -11131,7 +11133,7 @@ function Uq({
                 ] })
               ] }),
               i0 !== null && !i0 ? /* @__PURE__ */ a.jsx(
-                T2,
+                O2,
                 {
                   trigger: /* @__PURE__ */ a.jsx(c0, { variant: X.TERTIARY, disabled: !0, children: /* @__PURE__ */ a.jsx(
                     "img",
@@ -11663,7 +11665,7 @@ function ng({ status: e = "info", children: l }) {
 }
 const Ep = "_headerClass_z1shj_1", Sp = {
   headerClass: Ep
-}, e1 = q1((e) => ({
+}, P2 = q1((e) => ({
   api: null,
   state: null,
   send: () => {
@@ -11685,24 +11687,24 @@ const Ep = "_headerClass_z1shj_1", Sp = {
     defaultValue: l ? [l] : void 0,
     value: s ? r.map(String) : l ? [l] : [],
     multiple: t || s
-  }), o = D4.connect(i, C0);
+  }), o = D4.connect(i, C0), u = P2((m) => m.activeEventKey);
   return f.useEffect(() => {
-    e1.setState({ api: o, state: i.state, send: i.send });
+    P2.setState({ api: o, state: i.state, send: i.send });
   }, [o, i.state, i.send]), f.useEffect(() => {
-    const u = i.context.get("value") || [];
-    e1.getState().setActiveEventKey(u);
-  }, [i]), /* @__PURE__ */ a.jsx("div", { ...o.getRootProps(), className: n, style: c, children: e });
+    const m = i.context.get("value") || [];
+    JSON.stringify(u) !== JSON.stringify(m) && P2.getState().setActiveEventKey(m);
+  }, [i.context.get("value"), u]), /* @__PURE__ */ a.jsx("div", { ...o.getRootProps(), className: n, style: c, children: e });
 };
 A4.Item = ({ eventKey: e, children: l }) => {
-  const n = e1((c) => c.api);
+  const n = P2((c) => c.api);
   if (n) return /* @__PURE__ */ a.jsx("div", { ...n.getItemProps({ value: e }), children: l });
 };
 A4.Header = ({ eventKey: e, children: l, customClasses: n, customStyle: c }) => {
-  const t = e1((u) => u.api);
+  const t = P2((u) => u.api);
   if (!t) return;
-  const s = e1((u) => u.setActiveEventKey), { onClick: r, ...i } = t.getItemTriggerProps({ value: e }), o = (u) => {
+  const s = P2((u) => u.setActiveEventKey), { onClick: r, ...i } = t.getItemTriggerProps({ value: e }), o = (u) => {
     r(u);
-    const m = e1.getState().activeEventKey || [], h = m.includes(e) ? m.filter((p) => p !== e) : [...m, e];
+    const m = P2.getState().activeEventKey || [], h = m.includes(e) ? m.filter((p) => p !== e) : [...m, e];
     s(h);
   };
   return /* @__PURE__ */ a.jsx("div", { style: c, className: n, children: /* @__PURE__ */ a.jsx(
@@ -11716,7 +11718,7 @@ A4.Header = ({ eventKey: e, children: l, customClasses: n, customStyle: c }) =>
   ) });
 };
 A4.Collapse = ({ eventKey: e, children: l, customClasses: n, customStyle: c }) => {
-  const s = e1((r) => r.state).context.value.includes(e);
+  const s = P2((r) => r.activeEventKey).includes(e);
   return /* @__PURE__ */ a.jsx("div", { style: c, className: n, hidden: !s, children: l });
 };
 const Rp = "_container_adbn2_1", Vp = "_labelContainer_adbn2_7", Bp = "_sliderContainer_adbn2_18", Gp = "_slider_adbn2_18", Fp = "_label_adbn2_7", Lp = "_error_adbn2_87", Hp = "_infoIconContainer_adbn2_93", kp = "_infoIcon_adbn2_93", G2 = {
@@ -11760,7 +11762,7 @@ function sg({
         e && /* @__PURE__ */ a.jsx("div", { className: g(G2.label, "zap-content-medium"), ...r.getLabelProps(), children: e })
       ] }),
       !!n && /* @__PURE__ */ a.jsx(
-        T2,
+        O2,
         {
           ...c,
           trigger: /* @__PURE__ */ a.jsx(
@@ -11866,7 +11868,7 @@ export {
   m7 as SelectV2,
   Bq as Selectors,
   kd as SelectorsV2,
-  Q2 as Skeleton,
+  K2 as Skeleton,
   ng as Status,
   Gq as Switch,
   sg as SwitchV2,
@@ -11888,7 +11890,7 @@ export {
   dp as TimePicker,
   iq as ToastCloseButton,
   M1 as Tooltip,
-  T2 as TooltipV2,
+  O2 as TooltipV2,
   wv as UPLOAD_ALIGN_BTN_CONTENT,
   e7 as USER_CHIP_STATUS,
   Uq as Upload,
@@ -11932,7 +11934,7 @@ export {
   F8 as toastSuccess,
   rq as toastWarning,
   L8 as truncate,
-  e1 as useAccordionStore,
+  P2 as useAccordionStore,
   Kq as useBreadcrumbs,
   b7 as useBreadcrumbsStore,
   n6 as useColorsFromWord,