@hybr1d-tech/charizard 0.4.21 → 0.4.22

package/dist/hybr1d-ui.js

@@ -39,14 +39,14 @@ function vo() {
   ur = 1;
   var t = Zr, e = Symbol.for("react.element"), r = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, n = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(c, a, u) {
-    var d, p = {}, m = null, b = null;
-    u !== void 0 && (m = "" + u), a.key !== void 0 && (m = "" + a.key), a.ref !== void 0 && (b = a.ref);
+    var d, p = {}, f = null, b = null;
+    u !== void 0 && (f = "" + u), a.key !== void 0 && (f = "" + a.key), a.ref !== void 0 && (b = a.ref);
     for (d in a)
       s.call(a, d) && !i.hasOwnProperty(d) && (p[d] = a[d]);
     if (c && c.defaultProps)
       for (d in a = c.defaultProps, a)
         p[d] === void 0 && (p[d] = a[d]);
-    return { $$typeof: e, type: c, key: m, ref: b, props: p, _owner: n.current };
+    return { $$typeof: e, type: c, key: f, ref: b, props: p, _owner: n.current };
   }
   return ht.Fragment = r, ht.jsx = l, ht.jsxs = l, ht;
 }
@@ -63,7 +63,7 @@ var It = {};
 var dr;
 function ho() {
   return dr || (dr = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = Zr, e = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), x = Symbol.iterator, h = "@@iterator";
+    var t = Zr, e = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), x = Symbol.iterator, h = "@@iterator";
     function I(g) {
       if (g === null || typeof g != "object")
         return null;
@@ -71,7 +71,7 @@ function ho() {
       return typeof _ == "function" ? _ : null;
     }
     var v = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function f(g) {
+    function m(g) {
       {
         for (var _ = arguments.length, S = new Array(_ > 1 ? _ - 1 : 0), W = 1; W < _; W++)
           S[W - 1] = arguments[W];
@@ -91,7 +91,7 @@ function ho() {
     var E = !1, G = !1, R = !1, j = !1, A = !1, N;
     N = Symbol.for("react.module.reference");
     function w(g) {
-      return !!(typeof g == "string" || typeof g == "function" || g === s || g === i || A || g === n || g === u || g === d || j || g === b || E || G || R || typeof g == "object" && g !== null && (g.$$typeof === m || g.$$typeof === p || g.$$typeof === l || g.$$typeof === c || g.$$typeof === a || // This needs to include all possible module reference object
+      return !!(typeof g == "string" || typeof g == "function" || g === s || g === i || A || g === n || g === u || g === d || j || g === b || E || G || R || typeof g == "object" && g !== null && (g.$$typeof === f || g.$$typeof === p || g.$$typeof === l || g.$$typeof === c || g.$$typeof === a || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -110,7 +110,7 @@ function ho() {
     function F(g) {
       if (g == null)
         return null;
-      if (typeof g.tag == "number" && f("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof g == "function")
+      if (typeof g.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof g == "function")
         return g.displayName || g.name || null;
       if (typeof g == "string")
         return g;
@@ -141,7 +141,7 @@ function ho() {
           case p:
             var W = g.displayName || null;
             return W !== null ? W : F(g.type) || "Memo";
-          case m: {
+          case f: {
             var M = g, $ = M._payload, X = M._init;
             try {
               return F(X($));
@@ -211,7 +211,7 @@ function ho() {
             })
           });
         }
-        Z < 0 && f("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Z < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var le = v.ReactCurrentDispatcher, Ee;
@@ -330,7 +330,7 @@ function ho() {
             return ft(g.render);
           case p:
             return Le(g.type, _, S);
-          case m: {
+          case f: {
             var W = g, M = W._payload, $ = W._init;
             try {
               return Le($(M), _, S);
@@ -363,7 +363,7 @@ function ho() {
             } catch (te) {
               O = te;
             }
-            O && !(O instanceof Error) && (Fe(M), f("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", W || "React class", S, X, typeof O), Fe(null)), O instanceof Error && !(O.message in Gt) && (Gt[O.message] = !0, Fe(M), f("Failed %s type: %s", S, O.message), Fe(null));
+            O && !(O instanceof Error) && (Fe(M), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", W || "React class", S, X, typeof O), Fe(null)), O instanceof Error && !(O.message in Gt) && (Gt[O.message] = !0, Fe(M), m("Failed %s type: %s", S, O.message), Fe(null));
           }
       }
     }
@@ -389,7 +389,7 @@ function ho() {
     }
     function Un(g) {
       if (Xs(g))
-        return f("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Hs(g)), $n(g);
+        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Hs(g)), $n(g);
     }
     var vt = v.ReactCurrentOwner, Zs = {
       key: !0,
@@ -417,13 +417,13 @@ function ho() {
     function Ys(g, _) {
       if (typeof g.ref == "string" && vt.current && _ && vt.current.stateNode !== _) {
         var S = F(vt.current.type);
-        sn[S] || (f('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', F(vt.current.type), g.ref), sn[S] = !0);
+        sn[S] || (m('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', F(vt.current.type), g.ref), sn[S] = !0);
       }
     }
     function Js(g, _) {
       {
         var S = function() {
-          Qn || (Qn = !0, f("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", _));
+          Qn || (Qn = !0, m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", _));
         };
         S.isReactWarning = !0, Object.defineProperty(g, "key", {
           get: S,
@@ -434,7 +434,7 @@ function ho() {
     function $s(g, _) {
       {
         var S = function() {
-          Kn || (Kn = !0, f("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", _));
+          Kn || (Kn = !0, m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", _));
         };
         S.isReactWarning = !0, Object.defineProperty(g, "ref", {
           get: S,
@@ -548,7 +548,7 @@ Check the top-level render call using <` + S + ">.");
           return;
         tr[S] = !0;
         var W = "";
-        g && g._owner && g._owner !== on.current && (W = " It was passed a child from " + F(g._owner.type) + "."), nt(g), f('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', S, W), nt(null);
+        g && g._owner && g._owner !== on.current && (W = " It was passed a child from " + F(g._owner.type) + "."), nt(g), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', S, W), nt(null);
       }
     }
     function rr(g, _) {
@@ -590,9 +590,9 @@ Check the top-level render call using <` + S + ">.");
         } else if (_.PropTypes !== void 0 && !an) {
           an = !0;
           var M = F(_);
-          f("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", M || "Unknown");
+          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", M || "Unknown");
         }
-        typeof _.getDefaultProps == "function" && !_.getDefaultProps.isReactClassApproved && f("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof _.getDefaultProps == "function" && !_.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function to(g) {
@@ -600,11 +600,11 @@ Check the top-level render call using <` + S + ">.");
         for (var _ = Object.keys(g.props), S = 0; S < _.length; S++) {
           var W = _[S];
           if (W !== "children" && W !== "key") {
-            nt(g), f("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", W), nt(null);
+            nt(g), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", W), nt(null);
             break;
           }
         }
-        g.ref !== null && (nt(g), f("Invalid attribute `ref` supplied to `React.Fragment`."), nt(null));
+        g.ref !== null && (nt(g), m("Invalid attribute `ref` supplied to `React.Fragment`."), nt(null));
       }
     }
     function sr(g, _, S, W, M, $) {
@@ -616,7 +616,7 @@ Check the top-level render call using <` + S + ">.");
           var xe = Ks(M);
           xe ? O += xe : O += er();
           var te;
-          g === null ? te = "null" : Ue(g) ? te = "array" : g !== void 0 && g.$$typeof === e ? (te = "<" + (F(g.type) || "Unknown") + " />", O = " Did you accidentally export a JSX literal instead of a component?") : te = typeof g, f("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", te, O);
+          g === null ? te = "null" : Ue(g) ? te = "array" : g !== void 0 && g.$$typeof === e ? (te = "<" + (F(g.type) || "Unknown") + " />", O = " Did you accidentally export a JSX literal instead of a component?") : te = typeof g, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", te, O);
         }
         var re = Qs(g, _, S, M, $);
         if (re == null)
@@ -630,7 +630,7 @@ Check the top-level render call using <` + S + ">.");
                   rr(Be[rt], g);
                 Object.freeze && Object.freeze(Be);
               } else
-                f("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               rr(Be, g);
         }
@@ -754,12 +754,12 @@ function Qr({
   actionsDropdownOptions: u,
   positionerProps: d
 }) {
-  const [p, m] = be(
+  const [p, f] = be(
     ut.machine({
       id: y.useId(),
       positioning: { placement: (d == null ? void 0 : d.placement) || "bottom-end" }
     })
-  ), b = ut.connect(p, m, me);
+  ), b = ut.connect(p, f, me);
   return y.useEffect(() => {
     !i || !(u != null && u.setIsActive) || u.setIsActive(b.isOpen);
   }, [b.isOpen]), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
@@ -960,8 +960,8 @@ function Ri({
       id: e,
       name: t,
       checked: n,
-      onCheckedChange: ({ checked: m }) => {
-        m ? r(i, e, l) : s(i, e, l);
+      onCheckedChange: ({ checked: f }) => {
+        f ? r(i, e, l) : s(i, e, l);
       }
     })
   ), p = dt.connect(u, d, me);
@@ -1058,13 +1058,13 @@ function Di({
       id: t.id,
       closeOnSelect: !1
     })
-  ), p = ut.connect(u, d, me), m = t.options.filter((f) => f.name ? f.name.toLowerCase().includes(c.toLowerCase()) : !1), b = r == null ? void 0 : r.values.length, x = () => {
+  ), p = ut.connect(u, d, me), f = t.options.filter((m) => m.name ? m.name.toLowerCase().includes(c.toLowerCase()) : !1), b = r == null ? void 0 : r.values.length, x = () => {
     i(r == null ? void 0 : r.key, l), p.close();
-  }, h = (f) => {
+  }, h = (m) => {
     let C = !1;
     return e.forEach((E) => {
       E.values.forEach((G) => {
-        if (G === f) {
+        if (G === m) {
           C = !0;
           return;
         }
@@ -1101,25 +1101,25 @@ function Di({
           placeholder: ((v = t.config) == null ? void 0 : v.placeholder) || "Search"
         }
       ) }),
-      /* @__PURE__ */ o.jsx("div", { className: U.options, children: m.length === 0 ? /* @__PURE__ */ o.jsx("div", { className: U.optionsEmpty, children: "No results found" }) : m.map((f, C) => /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ o.jsx("div", { className: U.options, children: f.length === 0 ? /* @__PURE__ */ o.jsx("div", { className: U.optionsEmpty, children: "No results found" }) : f.map((m, C) => /* @__PURE__ */ o.jsx(
         "div",
         {
-          ...p.getItemProps({ id: f.value }),
+          ...p.getItemProps({ id: m.value }),
           className: U.option,
           children: /* @__PURE__ */ o.jsx(
             Ri,
             {
-              label: f.name,
-              value: f.value,
+              label: m.name,
+              value: m.value,
               filterKey: t.key,
               addFilters: s,
               removeFilters: n,
-              checked: h(f.value),
+              checked: h(m.value),
               filterDispatch: l,
-              countryCode: f.country_code,
-              customName: f.customName
+              countryCode: m.country_code,
+              customName: m.customName
             },
-            f.value
+            m.value
           )
         },
         C
@@ -1176,13 +1176,13 @@ const En = /* @__PURE__ */ new Map(), Bt = (t) => {
       "[zustand devtools middleware] Please install/enable Redux devtools extension"
     ), t(r, s, n);
   const { connection: d, ...p } = Oi(c, u, a);
-  let m = !0;
+  let f = !0;
   n.setState = (h, I, v) => {
-    const f = r(h, I);
-    if (!m)
-      return f;
+    const m = r(h, I);
+    if (!f)
+      return m;
     const C = v === void 0 ? { type: l || "anonymous" } : typeof v == "string" ? { type: v } : v;
-    return c === void 0 ? (d == null || d.send(C, s()), f) : (d == null || d.send(
+    return c === void 0 ? (d == null || d.send(C, s()), m) : (d == null || d.send(
       {
         ...C,
         type: `${c}/${C.type}`
@@ -1191,11 +1191,11 @@ const En = /* @__PURE__ */ new Map(), Bt = (t) => {
         ...Bt(a.name),
         [c]: n.getState()
       }
-    ), f);
+    ), m);
   };
   const b = (...h) => {
-    const I = m;
-    m = !1, r(...h), m = I;
+    const I = f;
+    f = !1, r(...h), f = I;
   }, x = t(n.setState, s, n);
   if (p.type === "untracked" ? d == null || d.init(x) : (p.stores[p.store] = n, d == null || d.init(
     Object.fromEntries(
@@ -1238,10 +1238,10 @@ const En = /* @__PURE__ */ new Map(), Bt = (t) => {
                     and value of this only key should be a state object. Example: { "type": "__setState", "state": { "abc123Store": { "foo": "bar" } } }
                     `
               );
-              const f = v.state[c];
-              if (f == null)
+              const m = v.state[c];
+              if (m == null)
                 return;
-              JSON.stringify(n.getState()) !== JSON.stringify(f) && b(f);
+              JSON.stringify(n.getState()) !== JSON.stringify(m) && b(m);
               return;
             }
             n.dispatchFromDevtools && typeof n.dispatch == "function" && n.dispatch(v);
@@ -1275,10 +1275,10 @@ const En = /* @__PURE__ */ new Map(), Bt = (t) => {
               JSON.stringify(n.getState()) !== JSON.stringify(v[c]) && b(v[c]);
             });
           case "IMPORT_STATE": {
-            const { nextLiftedState: v } = h.payload, f = (I = v.computedStates.slice(-1)[0]) == null ? void 0 : I.state;
-            if (!f)
+            const { nextLiftedState: v } = h.payload, m = (I = v.computedStates.slice(-1)[0]) == null ? void 0 : I.state;
+            if (!m)
               return;
-            b(c === void 0 ? f : f[c]), d == null || d.send(
+            b(c === void 0 ? m : m[c]), d == null || d.send(
               null,
               // FIXME no-any
               v
@@ -1286,7 +1286,7 @@ const En = /* @__PURE__ */ new Map(), Bt = (t) => {
             return;
           }
           case "PAUSE_RECORDING":
-            return m = !m;
+            return f = !f;
         }
         return;
     }
@@ -1342,9 +1342,9 @@ function Xi({ filterConfig: t }) {
     return /* @__PURE__ */ o.jsx("div", { className: U.filtersInfo, children: "Error getting filters" });
   if (r)
     return /* @__PURE__ */ o.jsx("div", { className: U.filtersInfo, children: "Getting filters..." });
-  const m = l.map((b) => b.values).flat();
+  const f = l.map((b) => b.values).flat();
   return /* @__PURE__ */ o.jsxs("div", { className: U.filters, children: [
-    m.length > 0 && /* @__PURE__ */ o.jsx(
+    f.length > 0 && /* @__PURE__ */ o.jsx(
       "img",
       {
         title: "Reset filters",
@@ -1574,11 +1574,11 @@ function Pb({
   selectorConfig: u,
   paginationConfig: d,
   emptyStateConfig: p,
-  headerText: m,
+  headerText: f,
   infiniteScrollConfig: b
 }) {
   var D;
-  const [x, h] = y.useState([]), [I, v] = y.useState({}), [f, C] = y.useState({}), { ref: E, inView: G } = po(), R = !e.isFetching && !e.isError && !t.length, { isCheckbox: j, isRadio: A, setSelectedRows: N } = i;
+  const [x, h] = y.useState([]), [I, v] = y.useState({}), [m, C] = y.useState({}), { ref: E, inView: G } = po(), R = !e.isFetching && !e.isError && !t.length, { isCheckbox: j, isRadio: A, setSelectedRows: N } = i;
   Wt(() => {
     if (!n || !x.length)
       return;
@@ -1589,7 +1589,7 @@ function Pb({
       return;
     const F = k.getSelectedRowModel().rows.map((z) => z.original);
     N([...F]);
-  }, [f]), y.useEffect(() => {
+  }, [m]), y.useEffect(() => {
     b && G && b.fetchNextPage();
   }, [b == null ? void 0 : b.fetchNextPage, G]);
   const w = [
@@ -1644,7 +1644,7 @@ function Pb({
     state: {
       sorting: x,
       columnVisibility: I,
-      rowSelection: (i == null ? void 0 : i.rowSelection) || f
+      rowSelection: (i == null ? void 0 : i.rowSelection) || m
     },
     manualSorting: !0,
     onSortingChange: h,
@@ -1681,11 +1681,11 @@ function Pb({
     i != null && i.clearOnSearch && C({});
   }, [c == null ? void 0 : c.search]), /* @__PURE__ */ o.jsxs("div", { className: K.box, children: [
     !e.isError && /* @__PURE__ */ o.jsxs("div", { className: K.header, children: [
-      !m && /* @__PURE__ */ o.jsxs("div", { className: K.meta, children: [
+      !f && /* @__PURE__ */ o.jsxs("div", { className: K.meta, children: [
         /* @__PURE__ */ o.jsx("div", { className: K.total, children: a }),
         typeof s == "object" && /* @__PURE__ */ o.jsx(Xi, { filterConfig: s })
       ] }),
-      m && /* @__PURE__ */ o.jsx("div", { className: K.headerTxt, children: m }),
+      f && /* @__PURE__ */ o.jsx("div", { className: K.headerTxt, children: f }),
       /* @__PURE__ */ o.jsxs("div", { className: K.selectorGrp, children: [
         typeof u == "object" && /* @__PURE__ */ o.jsx(Sa, { selectors: u == null ? void 0 : u.selectors }),
         typeof c == "object" && /* @__PURE__ */ o.jsx("div", { className: K.search, children: /* @__PURE__ */ o.jsx(
@@ -1700,7 +1700,7 @@ function Pb({
         ) })
       ] })
     ] }),
-    (i == null ? void 0 : i.actions) && i.actions.length > 0 && /* @__PURE__ */ o.jsx(oa, { rowSelectionConfig: i, rowSelection: f }),
+    (i == null ? void 0 : i.actions) && i.actions.length > 0 && /* @__PURE__ */ o.jsx(oa, { rowSelectionConfig: i, rowSelection: m }),
     d ? /* @__PURE__ */ o.jsx(
       go,
       {
@@ -1854,18 +1854,18 @@ function Vb({
   showHeader: u = !0,
   showFooter: d = !0,
   buttons: p,
-  footerAddon: m,
+  footerAddon: f,
   headerClassName: b,
   contentClassName: x,
   footerClassName: h,
   showHeaderBorder: I = !1,
   drawerPosition: v = "right"
 }) {
-  const f = y.useRef(null), C = y.useRef(null), E = y.useRef(null), G = v === "left" ? "-100%" : "100%", R = !u && !d;
+  const m = y.useRef(null), C = y.useRef(null), E = y.useRef(null), G = v === "left" ? "-100%" : "100%", R = !u && !d;
   return y.useEffect(() => {
     const j = setTimeout(() => {
       var A, N;
-      f.current && C && E && (f.current.style.transform = t ? "translateX(0)" : `translateX(${G})`, C.current.style.maxHeight = `calc(100vh - (1.75rem * 2) - ${(A = E.current) == null ? void 0 : A.clientHeight}px)`, C.current.style.height = `calc(100vh - (1.75rem * 2) - ${(N = E.current) == null ? void 0 : N.clientHeight}px)`);
+      m.current && C && E && (m.current.style.transform = t ? "translateX(0)" : `translateX(${G})`, C.current.style.maxHeight = `calc(100vh - (1.75rem * 2) - ${(A = E.current) == null ? void 0 : A.clientHeight}px)`, C.current.style.height = `calc(100vh - (1.75rem * 2) - ${(N = E.current) == null ? void 0 : N.clientHeight}px)`);
     }, 0);
     return () => {
       clearTimeout(j);
@@ -1876,7 +1876,7 @@ function Vb({
       "div",
       {
         className: B(ce.container, ce[c], ce[`${v}Align`]),
-        ref: f,
+        ref: m,
         children: /* @__PURE__ */ o.jsxs("div", { className: ce.content, children: [
           u && /* @__PURE__ */ o.jsx(
             "div",
@@ -1919,7 +1919,7 @@ function Vb({
               },
               A
             )) }),
-            m && /* @__PURE__ */ o.jsx("div", { children: m })
+            f && /* @__PURE__ */ o.jsx("div", { children: f })
           ] }) })
         ] })
       }
@@ -1963,7 +1963,7 @@ function rs({
   disabled: u = !1,
   rows: d = 2,
   type: p = "text",
-  placeholder: m = "Placeholder",
+  placeholder: f = "Placeholder",
   onBlur: b
 }) {
   const x = y.useRef(null);
@@ -1975,7 +1975,7 @@ function rs({
         cols: c,
         style: e,
         className: B(se.textarea, a && se.error, t),
-        placeholder: m,
+        placeholder: f,
         name: r,
         id: s,
         value: n,
@@ -1991,7 +1991,7 @@ function rs({
         style: e,
         type: p,
         className: B(se.input, a && se.error, t),
-        placeholder: m,
+        placeholder: f,
         name: r,
         id: s,
         value: n,
@@ -2020,23 +2020,23 @@ function en({
   showDropdownSearch: i = !0
 }) {
   var v;
-  const l = e === "left" ? "left" : "right", [c, a] = y.useState(!1), u = y.useRef(null), [d, p] = y.useState(""), [m, b] = y.useState(!0);
+  const l = e === "left" ? "left" : "right", [c, a] = y.useState(!1), u = y.useRef(null), [d, p] = y.useState(""), [f, b] = y.useState(!0);
   y.useEffect(() => (document.addEventListener("click", x), () => {
     document.removeEventListener("click", x);
   }), []);
-  const x = (f) => {
+  const x = (m) => {
     var C;
-    (C = u.current) != null && C.contains(f.target) || a(!1);
+    (C = u.current) != null && C.contains(m.target) || a(!1);
   }, h = () => {
-    var f;
+    var m;
     if (c)
       a(!1), b(!0);
     else {
       a(!0);
-      const C = (f = u.current) == null ? void 0 : f.getBoundingClientRect(), E = (C == null ? void 0 : C.right) + (C == null ? void 0 : C.width), G = window.innerWidth - 100;
+      const C = (m = u.current) == null ? void 0 : m.getBoundingClientRect(), E = (C == null ? void 0 : C.right) + (C == null ? void 0 : C.width), G = window.innerWidth - 100;
       E > G && b(!1);
     }
-  }, I = (f) => (f.label + " " + f.value).toLowerCase().includes(d.toLowerCase());
+  }, I = (m) => (m.label + " " + m.value).toLowerCase().includes(d.toLowerCase());
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
@@ -2055,22 +2055,22 @@ function en({
             {
               className: se.dropdownContainer,
               style: {
-                left: m ? "0" : "inherit",
-                right: m ? "inherit" : "0",
+                left: f ? "0" : "inherit",
+                right: f ? "inherit" : "0",
                 paddingTop: i ? "0" : "12px"
               },
               children: [
-                i && /* @__PURE__ */ o.jsx("div", { className: se.searchContainer, onClick: (f) => f.stopPropagation(), children: /* @__PURE__ */ o.jsx(mt, { search: d, setSearch: p, id: "input-add-on-search" }) }),
-                (v = s == null ? void 0 : s.filter(I)) == null ? void 0 : v.map((f) => /* @__PURE__ */ o.jsx(
+                i && /* @__PURE__ */ o.jsx("div", { className: se.searchContainer, onClick: (m) => m.stopPropagation(), children: /* @__PURE__ */ o.jsx(mt, { search: d, setSearch: p, id: "input-add-on-search" }) }),
+                (v = s == null ? void 0 : s.filter(I)) == null ? void 0 : v.map((m) => /* @__PURE__ */ o.jsx(
                   "div",
                   {
                     className: se.dropdownOption,
                     onClick: (C) => {
-                      C.stopPropagation(), n(f), h();
+                      C.stopPropagation(), n(m), h();
                     },
-                    children: f.label
+                    children: m.label
                   },
-                  f.value
+                  m.value
                 ))
               ]
             }
@@ -2423,8 +2423,8 @@ function Zb({
   positionerStyles: i
 }) {
   var d, p;
-  const l = e != null && e.portalled ? qt : y.Fragment, c = y.Children.toArray(t).map((m) => y.cloneElement(m, {
-    ...m.props,
+  const l = e != null && e.portalled ? qt : y.Fragment, c = y.Children.toArray(t).map((f) => y.cloneElement(f, {
+    ...f.props,
     api: e
   })), a = !["black", "gray"].includes(r), u = {
     ...e == null ? void 0 : e.arrowProps,
@@ -2639,7 +2639,7 @@ function Jb({
   customContainerStyles: u,
   menuPlacement: d,
   errorMsg: p,
-  extraprops: m,
+  extraprops: f,
   isDisabled: b = !1,
   isSearchable: x = !0,
   isMulti: h = !1,
@@ -2649,7 +2649,7 @@ function Jb({
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      onClick: (f) => f.stopPropagation(),
+      onClick: (m) => m.stopPropagation(),
       style: u,
       className: oe.selectContainer,
       children: [
@@ -2676,15 +2676,15 @@ function Jb({
               SingleValue: Hn
             },
             isDisabled: b,
-            onChange: (f, C) => {
+            onChange: (m, C) => {
               e(
-                h ? f.map((E) => E.value) : (f == null ? void 0 : f.value) ?? "",
+                h ? m.map((E) => E.value) : (m == null ? void 0 : m.value) ?? "",
                 C
               );
             },
             formatGroupLabel: a,
             menuPlacement: d,
-            ...m
+            ...f
           }
         ),
         p && /* @__PURE__ */ o.jsx("p", { className: oe.errorMsg, children: p })
@@ -3045,11 +3045,11 @@ function xr(t, e, r, s) {
   const c = Fc(i, r, s) ? Bc(i) : Mt(0);
   let a = (n.left + c.x) / l.x, u = (n.top + c.y) / l.y, d = n.width / l.x, p = n.height / l.y;
   if (i) {
-    const m = Te(i), b = s && jn(s) ? Te(s) : s;
-    let x = m.frameElement;
-    for (; x && s && b !== m; ) {
-      const h = bn(x), I = x.getBoundingClientRect(), v = Zn(x), f = I.left + (x.clientLeft + parseFloat(v.paddingLeft)) * h.x, C = I.top + (x.clientTop + parseFloat(v.paddingTop)) * h.y;
-      a *= h.x, u *= h.y, d *= h.x, p *= h.y, a += f, u += C, x = Te(x).frameElement;
+    const f = Te(i), b = s && jn(s) ? Te(s) : s;
+    let x = f.frameElement;
+    for (; x && s && b !== f; ) {
+      const h = bn(x), I = x.getBoundingClientRect(), v = Zn(x), m = I.left + (x.clientLeft + parseFloat(v.paddingLeft)) * h.x, C = I.top + (x.clientTop + parseFloat(v.paddingTop)) * h.y;
+      a *= h.x, u *= h.y, d *= h.x, p *= h.y, a += m, u += C, x = Te(x).frameElement;
     }
   }
   return Nc({
@@ -3071,11 +3071,11 @@ function Rc(t, e) {
       left: u,
       top: d,
       width: p,
-      height: m
+      height: f
     } = t.getBoundingClientRect();
-    if (c || e(), !p || !m)
+    if (c || e(), !p || !f)
       return;
-    const b = Ft(d), x = Ft(n.clientWidth - (u + p)), h = Ft(n.clientHeight - (d + m)), I = Ft(u), f = {
+    const b = Ft(d), x = Ft(n.clientWidth - (u + p)), h = Ft(n.clientHeight - (d + f)), I = Ft(u), m = {
       rootMargin: -b + "px " + -x + "px " + -h + "px " + -I + "px",
       threshold: Ac(0, _c(1, a)) || 1
     };
@@ -3093,12 +3093,12 @@ function Rc(t, e) {
     }
     try {
       r = new IntersectionObserver(E, {
-        ...f,
+        ...m,
         // Handle <iframe>s
         root: n.ownerDocument
       });
     } catch {
-      r = new IntersectionObserver(E, f);
+      r = new IntersectionObserver(E, m);
     }
     r.observe(t);
   }
@@ -3119,10 +3119,10 @@ function Tc(t, e, r, s) {
     }), i && v.addEventListener("resize", r);
   });
   const p = u && c ? Rc(u, r) : null;
-  let m = -1, b = null;
+  let f = -1, b = null;
   l && (b = new ResizeObserver((v) => {
-    let [f] = v;
-    f && f.target === u && b && (b.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+    let [m] = v;
+    m && m.target === u && b && (b.unobserve(e), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
       b && b.observe(e);
     })), r();
   }), u && !a && b.observe(u), b.observe(e));
@@ -3278,7 +3278,7 @@ function Qc(t) {
   };
   if (!r || !r.offsetParent)
     return u;
-  var d = a.getBoundingClientRect(), p = d.height, m = r.getBoundingClientRect(), b = m.bottom, x = m.height, h = m.top, I = r.offsetParent.getBoundingClientRect(), v = I.top, f = l ? window.innerHeight : kc(a), C = Is(a), E = parseInt(getComputedStyle(r).marginBottom, 10), G = parseInt(getComputedStyle(r).marginTop, 10), R = v - G, j = f - h, A = R + C, N = p - C - h, w = b - f + C + E, k = C + h - G, D = 160;
+  var d = a.getBoundingClientRect(), p = d.height, f = r.getBoundingClientRect(), b = f.bottom, x = f.height, h = f.top, I = r.offsetParent.getBoundingClientRect(), v = I.top, m = l ? window.innerHeight : kc(a), C = Is(a), E = parseInt(getComputedStyle(r).marginBottom, 10), G = parseInt(getComputedStyle(r).marginTop, 10), R = v - G, j = m - h, A = R + C, N = p - C - h, w = b - m + C + E, k = C + h - G, D = 160;
   switch (n) {
     case "auto":
     case "bottom":
@@ -3361,7 +3361,7 @@ var Cs = function(e) {
     marginTop: c.menuGutter
   });
 }, ys = /* @__PURE__ */ lo(null), eu = function(e) {
-  var r = e.children, s = e.minMenuHeight, n = e.maxMenuHeight, i = e.menuPlacement, l = e.menuPosition, c = e.menuShouldScrollIntoView, a = e.theme, u = ao(ys) || {}, d = u.setPortalPlacement, p = Re(null), m = ve(n), b = de(m, 2), x = b[0], h = b[1], I = ve(null), v = de(I, 2), f = v[0], C = v[1], E = a.spacing.controlHeight;
+  var r = e.children, s = e.minMenuHeight, n = e.maxMenuHeight, i = e.menuPlacement, l = e.menuPosition, c = e.menuShouldScrollIntoView, a = e.theme, u = ao(ys) || {}, d = u.setPortalPlacement, p = Re(null), f = ve(n), b = de(f, 2), x = b[0], h = b[1], I = ve(null), v = de(I, 2), m = v[0], C = v[1], E = a.spacing.controlHeight;
   return Gn(function() {
     var G = p.current;
     if (G) {
@@ -3379,7 +3379,7 @@ var Cs = function(e) {
   }, [n, i, l, c, s, d, E]), r({
     ref: p,
     placerProps: T(T({}, e), {}, {
-      placement: f || Cs(i),
+      placement: m || Cs(i),
       maxHeight: x
     })
   });
@@ -3446,19 +3446,19 @@ var Cs = function(e) {
     zIndex: 1
   };
 }, uu = function(e) {
-  var r = e.appendTo, s = e.children, n = e.controlElement, i = e.innerProps, l = e.menuPlacement, c = e.menuPosition, a = Re(null), u = Re(null), d = ve(Cs(l)), p = de(d, 2), m = p[0], b = p[1], x = Ye(function() {
+  var r = e.appendTo, s = e.children, n = e.controlElement, i = e.innerProps, l = e.menuPlacement, c = e.menuPosition, a = Re(null), u = Re(null), d = ve(Cs(l)), p = de(d, 2), f = p[0], b = p[1], x = Ye(function() {
     return {
       setPortalPlacement: b
     };
-  }, []), h = ve(null), I = de(h, 2), v = I[0], f = I[1], C = ge(function() {
+  }, []), h = ve(null), I = de(h, 2), v = I[0], m = I[1], C = ge(function() {
     if (n) {
-      var j = Hc(n), A = c === "fixed" ? 0 : window.pageYOffset, N = j[m] + A;
-      (N !== (v == null ? void 0 : v.offset) || j.left !== (v == null ? void 0 : v.rect.left) || j.width !== (v == null ? void 0 : v.rect.width)) && f({
+      var j = Hc(n), A = c === "fixed" ? 0 : window.pageYOffset, N = j[f] + A;
+      (N !== (v == null ? void 0 : v.offset) || j.left !== (v == null ? void 0 : v.rect.left) || j.width !== (v == null ? void 0 : v.rect.width)) && m({
         offset: N,
         rect: j
       });
     }
-  }, [n, c, m, v == null ? void 0 : v.offset, v == null ? void 0 : v.rect.left, v == null ? void 0 : v.rect.width]);
+  }, [n, c, f, v == null ? void 0 : v.offset, v == null ? void 0 : v.rect.left, v == null ? void 0 : v.rect.width]);
   Gn(function() {
     C();
   }, [C]);
@@ -4043,7 +4043,7 @@ var bd = process.env.NODE_ENV === "production" ? {
     if (r === "value" && c)
       return "value ".concat(l, " focused, ").concat(p(c, s), ".");
     if (r === "menu" && d) {
-      var m = a ? " disabled" : "", b = "".concat(u ? " selected" : "").concat(m);
+      var f = a ? " disabled" : "", b = "".concat(u ? " selected" : "").concat(f);
       return "".concat(l).concat(b, ", ").concat(p(n, s), ".");
     }
     return "";
@@ -4053,14 +4053,14 @@ var bd = process.env.NODE_ENV === "production" ? {
     return "".concat(s).concat(r ? " for search term " + r : "", ".");
   }
 }, vd = function(e) {
-  var r = e.ariaSelection, s = e.focusedOption, n = e.focusedValue, i = e.focusableOptions, l = e.isFocused, c = e.selectValue, a = e.selectProps, u = e.id, d = e.isAppleDevice, p = a.ariaLiveMessages, m = a.getOptionLabel, b = a.inputValue, x = a.isMulti, h = a.isOptionDisabled, I = a.isSearchable, v = a.menuIsOpen, f = a.options, C = a.screenReaderStatus, E = a.tabSelectsValue, G = a.isLoading, R = a["aria-label"], j = a["aria-live"], A = Ye(function() {
+  var r = e.ariaSelection, s = e.focusedOption, n = e.focusedValue, i = e.focusableOptions, l = e.isFocused, c = e.selectValue, a = e.selectProps, u = e.id, d = e.isAppleDevice, p = a.ariaLiveMessages, f = a.getOptionLabel, b = a.inputValue, x = a.isMulti, h = a.isOptionDisabled, I = a.isSearchable, v = a.menuIsOpen, m = a.options, C = a.screenReaderStatus, E = a.tabSelectsValue, G = a.isLoading, R = a["aria-label"], j = a["aria-live"], A = Ye(function() {
     return T(T({}, fd), p || {});
   }, [p]), N = Ye(function() {
     var Z = "";
     if (r && A.onChange) {
       var Y = r.option, he = r.options, ie = r.removedValue, we = r.removedValues, Ae = r.value, ke = function(pe) {
         return Array.isArray(pe) ? null : pe;
-      }, J = ie || Y || ke(Ae), ae = J ? m(J) : "", Ne = he || we || void 0, fe = Ne ? Ne.map(m) : [], le = T({
+      }, J = ie || Y || ke(Ae), ae = J ? f(J) : "", Ne = he || we || void 0, fe = Ne ? Ne.map(f) : [], le = T({
         // multiSelected items are usually items that have already been selected
         // or set by the user as a default value so we assume they are not disabled
         isDisabled: J && h(J, c),
@@ -4070,12 +4070,12 @@ var bd = process.env.NODE_ENV === "production" ? {
       Z = A.onChange(le);
     }
     return Z;
-  }, [r, A, h, c, m]), w = Ye(function() {
+  }, [r, A, h, c, f]), w = Ye(function() {
     var Z = "", Y = s || n, he = !!(s && c && c.includes(s));
     if (Y && A.onFocus) {
       var ie = {
         focused: Y,
-        label: m(Y),
+        label: f(Y),
         isDisabled: h(Y, c),
         isSelected: he,
         options: i,
@@ -4086,9 +4086,9 @@ var bd = process.env.NODE_ENV === "production" ? {
       Z = A.onFocus(ie);
     }
     return Z;
-  }, [s, n, m, h, A, i, c, d]), k = Ye(function() {
+  }, [s, n, f, h, A, i, c, d]), k = Ye(function() {
     var Z = "";
-    if (v && f.length && !G && A.onFilter) {
+    if (v && m.length && !G && A.onFilter) {
       var Y = C({
         count: i.length
       });
@@ -4098,7 +4098,7 @@ var bd = process.env.NODE_ENV === "production" ? {
       });
     }
     return Z;
-  }, [i, b, v, A, f, C, G]), D = (r == null ? void 0 : r.action) === "initial-input-focus", F = Ye(function() {
+  }, [i, b, v, A, m, C, G]), D = (r == null ? void 0 : r.action) === "initial-input-focus", F = Ye(function() {
     var Z = "";
     if (A.guidance) {
       var Y = n ? "value" : v ? "menu" : "input";
@@ -4444,12 +4444,12 @@ var Nd = function(e) {
 function Ed(t) {
   var e = t.isEnabled, r = t.onBottomArrive, s = t.onBottomLeave, n = t.onTopArrive, i = t.onTopLeave, l = Re(!1), c = Re(!1), a = Re(0), u = Re(null), d = ge(function(I, v) {
     if (u.current !== null) {
-      var f = u.current, C = f.scrollTop, E = f.scrollHeight, G = f.clientHeight, R = u.current, j = v > 0, A = E - G - C, N = !1;
+      var m = u.current, C = m.scrollTop, E = m.scrollHeight, G = m.clientHeight, R = u.current, j = v > 0, A = E - G - C, N = !1;
       A > v && l.current && (s && s(I), l.current = !1), j && c.current && (i && i(I), c.current = !1), j && v > A ? (r && !l.current && r(I), R.scrollTop = E, N = !0, l.current = !0) : !j && -v > C && (n && !c.current && n(I), R.scrollTop = 0, N = !0, c.current = !0), N && Nd(I);
     }
   }, [r, s, n, i]), p = ge(function(I) {
     d(I, I.deltaY);
-  }, [d]), m = ge(function(I) {
+  }, [d]), f = ge(function(I) {
     a.current = I.changedTouches[0].clientY;
   }, []), b = ge(function(I) {
     var v = a.current - I.changedTouches[0].clientY;
@@ -4459,11 +4459,11 @@ function Ed(t) {
       var v = Mc ? {
         passive: !1
       } : !1;
-      I.addEventListener("wheel", p, v), I.addEventListener("touchstart", m, v), I.addEventListener("touchmove", b, v);
+      I.addEventListener("wheel", p, v), I.addEventListener("touchstart", f, v), I.addEventListener("touchmove", b, v);
     }
-  }, [b, m, p]), h = ge(function(I) {
-    I && (I.removeEventListener("wheel", p, !1), I.removeEventListener("touchstart", m, !1), I.removeEventListener("touchmove", b, !1));
-  }, [b, m, p]);
+  }, [b, f, p]), h = ge(function(I) {
+    I && (I.removeEventListener("wheel", p, !1), I.removeEventListener("touchstart", f, !1), I.removeEventListener("touchmove", b, !1));
+  }, [b, f, p]);
   return Lt(function() {
     if (e) {
       var I = u.current;
@@ -4507,7 +4507,7 @@ function Sd(t) {
         var h = d && d[x];
         n.current[x] = h;
       }), s && Ct < 1) {
-        var p = parseInt(n.current.paddingRight, 10) || 0, m = document.body ? document.body.clientWidth : 0, b = window.innerWidth - m + p || 0;
+        var p = parseInt(n.current.paddingRight, 10) || 0, f = document.body ? document.body.clientWidth : 0, b = window.innerWidth - f + p || 0;
         Object.keys(wr).forEach(function(x) {
           var h = wr[x];
           d && (d[x] = h);
@@ -4519,8 +4519,8 @@ function Sd(t) {
     if (Rr) {
       var u = document.body, d = u && u.style;
       Ct = Math.max(Ct - 1, 0), s && Ct < 1 && Sr.forEach(function(p) {
-        var m = n.current[p];
-        d && (d[p] = m);
+        var f = n.current[p];
+        d && (d[p] = f);
       }), u && Fr() && (u.removeEventListener("touchmove", jr, ot), a && (a.removeEventListener("touchstart", Br, ot), a.removeEventListener("touchmove", Gr, ot)));
     }
   }, [s]);
@@ -4851,14 +4851,14 @@ var Ds = function(e) {
     }, n.inputRef = null, n.getInputRef = function(a) {
       n.inputRef = a;
     }, n.focus = n.focusInput, n.blur = n.blurInput, n.onChange = function(a, u) {
-      var d = n.props, p = d.onChange, m = d.name;
-      u.name = m, n.ariaOnChange(a, u), p(a, u);
+      var d = n.props, p = d.onChange, f = d.name;
+      u.name = f, n.ariaOnChange(a, u), p(a, u);
     }, n.setValue = function(a, u, d) {
-      var p = n.props, m = p.closeMenuOnSelect, b = p.isMulti, x = p.inputValue;
+      var p = n.props, f = p.closeMenuOnSelect, b = p.isMulti, x = p.inputValue;
       n.onInputChange("", {
         action: "set-value",
         prevInputValue: x
-      }), m && (n.setState({
+      }), f && (n.setState({
         inputIsHiddenAfterUpdate: !b
       }), n.onMenuClose()), n.setState({
         clearFocusValueOnUpdate: !0
@@ -4867,7 +4867,7 @@ var Ds = function(e) {
         option: d
       });
     }, n.selectOption = function(a) {
-      var u = n.props, d = u.blurInputOnSelect, p = u.isMulti, m = u.name, b = n.state.selectValue, x = p && n.isOptionSelected(a, b), h = n.isOptionDisabled(a, b);
+      var u = n.props, d = u.blurInputOnSelect, p = u.isMulti, f = u.name, b = n.state.selectValue, x = p && n.isOptionSelected(a, b), h = n.isOptionDisabled(a, b);
       if (x) {
         var I = n.getOptionValue(a);
         n.setValue(b.filter(function(v) {
@@ -4879,15 +4879,15 @@ var Ds = function(e) {
         n.ariaOnChange(a, {
           action: "select-option",
           option: a,
-          name: m
+          name: f
         });
         return;
       }
       d && n.blurInput();
     }, n.removeValue = function(a) {
-      var u = n.props.isMulti, d = n.state.selectValue, p = n.getOptionValue(a), m = d.filter(function(x) {
+      var u = n.props.isMulti, d = n.state.selectValue, p = n.getOptionValue(a), f = d.filter(function(x) {
         return n.getOptionValue(x) !== p;
-      }), b = _t(u, m, m[0] || null);
+      }), b = _t(u, f, f[0] || null);
       n.onChange(b, {
         action: "remove-value",
         removedValue: a
@@ -4899,8 +4899,8 @@ var Ds = function(e) {
         removedValues: a
       });
     }, n.popValue = function() {
-      var a = n.props.isMulti, u = n.state.selectValue, d = u[u.length - 1], p = u.slice(0, u.length - 1), m = _t(a, p, p[0] || null);
-      n.onChange(m, {
+      var a = n.props.isMulti, u = n.state.selectValue, d = u[u.length - 1], p = u.slice(0, u.length - 1), f = _t(a, p, p[0] || null);
+      n.onChange(f, {
         action: "pop-value",
         removedValue: d
       });
@@ -4921,8 +4921,8 @@ var Ds = function(e) {
     }, n.getStyles = function(a, u) {
       var d = n.props.unstyled, p = Hd[a](u, d);
       p.boxSizing = "border-box";
-      var m = n.props.styles[a];
-      return m ? m(p, u) : p;
+      var f = n.props.styles[a];
+      return f ? f(p, u) : p;
     }, n.getClassNames = function(a, u) {
       var d, p;
       return (d = (p = n.props.classNames)[a]) === null || d === void 0 ? void 0 : d.call(p, u);
@@ -4976,8 +4976,8 @@ var Ds = function(e) {
     }, n.onTouchMove = function(a) {
       var u = a.touches, d = u && u.item(0);
       if (d) {
-        var p = Math.abs(d.clientX - n.initialTouchX), m = Math.abs(d.clientY - n.initialTouchY), b = 5;
-        n.userIsDragging = p > b || m > b;
+        var p = Math.abs(d.clientX - n.initialTouchX), f = Math.abs(d.clientY - n.initialTouchY), b = 5;
+        n.userIsDragging = p > b || f > b;
       }
     }, n.onTouchEnd = function(a) {
       n.userIsDragging || (n.controlRef && !n.controlRef.contains(a.target) && n.menuListRef && !n.menuListRef.contains(a.target) && n.blurInput(), n.initialTouchX = 0, n.initialTouchY = 0);
@@ -5026,7 +5026,7 @@ var Ds = function(e) {
     }, n.onValueInputFocus = function(a) {
       a.preventDefault(), a.stopPropagation(), n.focus();
     }, n.onKeyDown = function(a) {
-      var u = n.props, d = u.isMulti, p = u.backspaceRemovesValue, m = u.escapeClearsValue, b = u.inputValue, x = u.isClearable, h = u.isDisabled, I = u.menuIsOpen, v = u.onKeyDown, f = u.tabSelectsValue, C = u.openMenuOnFocus, E = n.state, G = E.focusedOption, R = E.focusedValue, j = E.selectValue;
+      var u = n.props, d = u.isMulti, p = u.backspaceRemovesValue, f = u.escapeClearsValue, b = u.inputValue, x = u.isClearable, h = u.isDisabled, I = u.menuIsOpen, v = u.onKeyDown, m = u.tabSelectsValue, C = u.openMenuOnFocus, E = n.state, G = E.focusedOption, R = E.focusedValue, j = E.selectValue;
       if (!h && !(typeof v == "function" && (v(a), a.defaultPrevented))) {
         switch (n.blockOptionHover = !0, a.key) {
           case "ArrowLeft":
@@ -5052,7 +5052,7 @@ var Ds = function(e) {
             }
             break;
           case "Tab":
-            if (n.isComposing || a.shiftKey || !I || !f || !G || // don't capture the event if the menu opens on focus and the focused
+            if (n.isComposing || a.shiftKey || !I || !m || !G || // don't capture the event if the menu opens on focus and the focused
             // option is already selected; it breaks the flow of navigation
             C && n.isOptionSelected(G, j))
               return;
@@ -5074,7 +5074,7 @@ var Ds = function(e) {
             }), n.onInputChange("", {
               action: "menu-close",
               prevInputValue: b
-            }), n.onMenuClose()) : x && m && n.clearValue();
+            }), n.onMenuClose()) : x && f && n.clearValue();
             break;
           case " ":
             if (b)
@@ -5251,7 +5251,7 @@ var Ds = function(e) {
   }, {
     key: "getCommonProps",
     value: function() {
-      var n = this.clearValue, i = this.cx, l = this.getStyles, c = this.getClassNames, a = this.getValue, u = this.selectOption, d = this.setValue, p = this.props, m = p.isMulti, b = p.isRtl, x = p.options, h = this.hasValue();
+      var n = this.clearValue, i = this.cx, l = this.getStyles, c = this.getClassNames, a = this.getValue, u = this.selectOption, d = this.setValue, p = this.props, f = p.isMulti, b = p.isRtl, x = p.options, h = this.hasValue();
       return {
         clearValue: n,
         cx: i,
@@ -5259,7 +5259,7 @@ var Ds = function(e) {
         getClassNames: c,
         getValue: a,
         hasValue: h,
-        isMulti: m,
+        isMulti: f,
         isRtl: b,
         options: x,
         selectOption: u,
@@ -5358,7 +5358,7 @@ var Ds = function(e) {
       // Renderers
       // ==============================
       function() {
-        var n = this.props, i = n.isDisabled, l = n.isSearchable, c = n.inputId, a = n.inputValue, u = n.tabIndex, d = n.form, p = n.menuIsOpen, m = n.required, b = this.getComponents(), x = b.Input, h = this.state, I = h.inputIsHidden, v = h.ariaSelection, f = this.commonProps, C = c || this.getElementId("input"), E = T(T(T({
+        var n = this.props, i = n.isDisabled, l = n.isSearchable, c = n.inputId, a = n.inputValue, u = n.tabIndex, d = n.form, p = n.menuIsOpen, f = n.required, b = this.getComponents(), x = b.Input, h = this.state, I = h.inputIsHidden, v = h.ariaSelection, m = this.commonProps, C = c || this.getElementId("input"), E = T(T(T({
           "aria-autocomplete": "list",
           "aria-expanded": p,
           "aria-haspopup": !0,
@@ -5366,7 +5366,7 @@ var Ds = function(e) {
           "aria-invalid": this.props["aria-invalid"],
           "aria-label": this.props["aria-label"],
           "aria-labelledby": this.props["aria-labelledby"],
-          "aria-required": m,
+          "aria-required": f,
           role: "combobox",
           "aria-activedescendant": this.isAppleDevice ? void 0 : this.state.focusedOptionId || ""
         }, p && {
@@ -5378,7 +5378,7 @@ var Ds = function(e) {
         } : {
           "aria-describedby": this.getElementId("placeholder")
         });
-        return l ? /* @__PURE__ */ y.createElement(x, L({}, f, {
+        return l ? /* @__PURE__ */ y.createElement(x, L({}, m, {
           autoCapitalize: "none",
           autoComplete: "off",
           autoCorrect: "off",
@@ -5411,20 +5411,20 @@ var Ds = function(e) {
   }, {
     key: "renderPlaceholderOrValue",
     value: function() {
-      var n = this, i = this.getComponents(), l = i.MultiValue, c = i.MultiValueContainer, a = i.MultiValueLabel, u = i.MultiValueRemove, d = i.SingleValue, p = i.Placeholder, m = this.commonProps, b = this.props, x = b.controlShouldRenderValue, h = b.isDisabled, I = b.isMulti, v = b.inputValue, f = b.placeholder, C = this.state, E = C.selectValue, G = C.focusedValue, R = C.isFocused;
+      var n = this, i = this.getComponents(), l = i.MultiValue, c = i.MultiValueContainer, a = i.MultiValueLabel, u = i.MultiValueRemove, d = i.SingleValue, p = i.Placeholder, f = this.commonProps, b = this.props, x = b.controlShouldRenderValue, h = b.isDisabled, I = b.isMulti, v = b.inputValue, m = b.placeholder, C = this.state, E = C.selectValue, G = C.focusedValue, R = C.isFocused;
       if (!this.hasValue() || !x)
-        return v ? null : /* @__PURE__ */ y.createElement(p, L({}, m, {
+        return v ? null : /* @__PURE__ */ y.createElement(p, L({}, f, {
           key: "placeholder",
           isDisabled: h,
           isFocused: R,
           innerProps: {
             id: this.getElementId("placeholder")
           }
-        }), f);
+        }), m);
       if (I)
         return E.map(function(A, N) {
           var w = A === G, k = "".concat(n.getOptionLabel(A), "-").concat(n.getOptionValue(A));
-          return /* @__PURE__ */ y.createElement(l, L({}, m, {
+          return /* @__PURE__ */ y.createElement(l, L({}, f, {
             components: {
               Container: c,
               Label: a,
@@ -5451,7 +5451,7 @@ var Ds = function(e) {
       if (v)
         return null;
       var j = E[0];
-      return /* @__PURE__ */ y.createElement(d, L({}, m, {
+      return /* @__PURE__ */ y.createElement(d, L({}, f, {
         data: j,
         isDisabled: h
       }), this.formatOptionLabel(j, "value"));
@@ -5519,7 +5519,7 @@ var Ds = function(e) {
   }, {
     key: "renderMenu",
     value: function() {
-      var n = this, i = this.getComponents(), l = i.Group, c = i.GroupHeading, a = i.Menu, u = i.MenuList, d = i.MenuPortal, p = i.LoadingMessage, m = i.NoOptionsMessage, b = i.Option, x = this.commonProps, h = this.state.focusedOption, I = this.props, v = I.captureMenuScroll, f = I.inputValue, C = I.isLoading, E = I.loadingMessage, G = I.minMenuHeight, R = I.maxMenuHeight, j = I.menuIsOpen, A = I.menuPlacement, N = I.menuPosition, w = I.menuPortalTarget, k = I.menuShouldBlockScroll, D = I.menuShouldScrollIntoView, F = I.noOptionsMessage, z = I.onMenuScrollToTop, Z = I.onMenuScrollToBottom;
+      var n = this, i = this.getComponents(), l = i.Group, c = i.GroupHeading, a = i.Menu, u = i.MenuList, d = i.MenuPortal, p = i.LoadingMessage, f = i.NoOptionsMessage, b = i.Option, x = this.commonProps, h = this.state.focusedOption, I = this.props, v = I.captureMenuScroll, m = I.inputValue, C = I.isLoading, E = I.loadingMessage, G = I.minMenuHeight, R = I.maxMenuHeight, j = I.menuIsOpen, A = I.menuPlacement, N = I.menuPosition, w = I.menuPortalTarget, k = I.menuShouldBlockScroll, D = I.menuShouldScrollIntoView, F = I.noOptionsMessage, z = I.onMenuScrollToTop, Z = I.onMenuScrollToBottom;
       if (!j)
         return null;
       var Y = function(ae, Ne) {
@@ -5572,18 +5572,18 @@ var Ds = function(e) {
         });
       else if (C) {
         var ie = E({
-          inputValue: f
+          inputValue: m
         });
         if (ie === null)
           return null;
         he = /* @__PURE__ */ y.createElement(p, x, ie);
       } else {
         var we = F({
-          inputValue: f
+          inputValue: m
         });
         if (we === null)
           return null;
-        he = /* @__PURE__ */ y.createElement(m, x, we);
+        he = /* @__PURE__ */ y.createElement(f, x, we);
       }
       var Ae = {
         minMenuHeight: G,
@@ -5641,13 +5641,13 @@ var Ds = function(e) {
       if (!(!u || c))
         if (a)
           if (l) {
-            var m = p.map(function(h) {
+            var f = p.map(function(h) {
               return n.getOptionValue(h);
             }).join(l);
             return /* @__PURE__ */ y.createElement("input", {
               name: u,
               type: "hidden",
-              value: m
+              value: f
             });
           } else {
             var b = p.length > 0 ? p.map(function(h, I) {
@@ -5691,14 +5691,14 @@ var Ds = function(e) {
   }, {
     key: "render",
     value: function() {
-      var n = this.getComponents(), i = n.Control, l = n.IndicatorsContainer, c = n.SelectContainer, a = n.ValueContainer, u = this.props, d = u.className, p = u.id, m = u.isDisabled, b = u.menuIsOpen, x = this.state.isFocused, h = this.commonProps = this.getCommonProps();
+      var n = this.getComponents(), i = n.Control, l = n.IndicatorsContainer, c = n.SelectContainer, a = n.ValueContainer, u = this.props, d = u.className, p = u.id, f = u.isDisabled, b = u.menuIsOpen, x = this.state.isFocused, h = this.commonProps = this.getCommonProps();
       return /* @__PURE__ */ y.createElement(c, L({}, h, {
         className: d,
         innerProps: {
           id: p,
           onKeyDown: this.onKeyDown
         },
-        isDisabled: m,
+        isDisabled: f,
         isFocused: x
       }), this.renderLiveRegion(), /* @__PURE__ */ y.createElement(i, L({}, h, {
         innerRef: this.getControlRef,
@@ -5706,23 +5706,23 @@ var Ds = function(e) {
           onMouseDown: this.onControlMouseDown,
           onTouchEnd: this.onControlTouchEnd
         },
-        isDisabled: m,
+        isDisabled: f,
         isFocused: x,
         menuIsOpen: b
       }), /* @__PURE__ */ y.createElement(a, L({}, h, {
-        isDisabled: m
+        isDisabled: f
       }), this.renderPlaceholderOrValue(), this.renderInput()), /* @__PURE__ */ y.createElement(l, L({}, h, {
-        isDisabled: m
+        isDisabled: f
       }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
   }], [{
     key: "getDerivedStateFromProps",
     value: function(n, i) {
-      var l = i.prevProps, c = i.clearFocusValueOnUpdate, a = i.inputIsHiddenAfterUpdate, u = i.ariaSelection, d = i.isFocused, p = i.prevWasFocused, m = i.instancePrefix, b = n.options, x = n.value, h = n.menuIsOpen, I = n.inputValue, v = n.isMulti, f = Jt(x), C = {};
+      var l = i.prevProps, c = i.clearFocusValueOnUpdate, a = i.inputIsHiddenAfterUpdate, u = i.ariaSelection, d = i.isFocused, p = i.prevWasFocused, f = i.instancePrefix, b = n.options, x = n.value, h = n.menuIsOpen, I = n.inputValue, v = n.isMulti, m = Jt(x), C = {};
       if (l && (x !== l.value || b !== l.options || h !== l.menuIsOpen || I !== l.inputValue)) {
-        var E = h ? $d(n, f) : [], G = h ? Pr(Vt(n, f), "".concat(m, "-option")) : [], R = c ? Ud(i, f) : null, j = Qd(i, E), A = xn(G, j);
+        var E = h ? $d(n, m) : [], G = h ? Pr(Vt(n, m), "".concat(f, "-option")) : [], R = c ? Ud(i, m) : null, j = Qd(i, E), A = xn(G, j);
         C = {
-          selectValue: f,
+          selectValue: m,
           focusedOption: j,
           focusedOptionId: A,
           focusableOptionsWithIds: G,
@@ -5735,8 +5735,8 @@ var Ds = function(e) {
         inputIsHiddenAfterUpdate: void 0
       } : {}, w = u, k = d && p;
       return d && !k && (w = {
-        value: _t(v, f, f[0] || null),
-        options: f,
+        value: _t(v, m, m[0] || null),
+        options: m,
         action: "initial-input-focus"
       }, k = !p), (u == null ? void 0 : u.action) === "initial-input-focus" && (w = null), T(T(T({}, C), N), {}, {
         prevProps: n,
@@ -5749,14 +5749,14 @@ var Ds = function(e) {
 Jn.defaultProps = Jd;
 var qd = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function Os(t) {
-  var e = t.defaultInputValue, r = e === void 0 ? "" : e, s = t.defaultMenuIsOpen, n = s === void 0 ? !1 : s, i = t.defaultValue, l = i === void 0 ? null : i, c = t.inputValue, a = t.menuIsOpen, u = t.onChange, d = t.onInputChange, p = t.onMenuClose, m = t.onMenuOpen, b = t.value, x = Pe(t, qd), h = ve(c !== void 0 ? c : r), I = de(h, 2), v = I[0], f = I[1], C = ve(a !== void 0 ? a : n), E = de(C, 2), G = E[0], R = E[1], j = ve(b !== void 0 ? b : l), A = de(j, 2), N = A[0], w = A[1], k = ge(function(ie, we) {
+  var e = t.defaultInputValue, r = e === void 0 ? "" : e, s = t.defaultMenuIsOpen, n = s === void 0 ? !1 : s, i = t.defaultValue, l = i === void 0 ? null : i, c = t.inputValue, a = t.menuIsOpen, u = t.onChange, d = t.onInputChange, p = t.onMenuClose, f = t.onMenuOpen, b = t.value, x = Pe(t, qd), h = ve(c !== void 0 ? c : r), I = de(h, 2), v = I[0], m = I[1], C = ve(a !== void 0 ? a : n), E = de(C, 2), G = E[0], R = E[1], j = ve(b !== void 0 ? b : l), A = de(j, 2), N = A[0], w = A[1], k = ge(function(ie, we) {
     typeof u == "function" && u(ie, we), w(ie);
   }, [u]), D = ge(function(ie, we) {
     var Ae;
-    typeof d == "function" && (Ae = d(ie, we)), f(Ae !== void 0 ? Ae : ie);
+    typeof d == "function" && (Ae = d(ie, we)), m(Ae !== void 0 ? Ae : ie);
   }, [d]), F = ge(function() {
-    typeof m == "function" && m(), R(!0);
-  }, [m]), z = ge(function() {
+    typeof f == "function" && f(), R(!0);
+  }, [f]), z = ge(function() {
     typeof p == "function" && p(), R(!1);
   }, [p]), Z = c !== void 0 ? c : v, Y = a !== void 0 ? a : G, he = b !== void 0 ? b : N;
   return T(T({}, x), {}, {
@@ -5773,8 +5773,8 @@ var e0 = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading
 function t0(t) {
   var e = t.defaultOptions, r = e === void 0 ? !1 : e, s = t.cacheOptions, n = s === void 0 ? !1 : s, i = t.loadOptions;
   t.options;
-  var l = t.isLoading, c = l === void 0 ? !1 : l, a = t.onInputChange, u = t.filterOption, d = u === void 0 ? null : u, p = Pe(t, e0), m = p.inputValue, b = Re(void 0), x = Re(!1), h = ve(Array.isArray(r) ? r : void 0), I = de(h, 2), v = I[0], f = I[1], C = ve(typeof m < "u" ? m : ""), E = de(C, 2), G = E[0], R = E[1], j = ve(r === !0), A = de(j, 2), N = A[0], w = A[1], k = ve(void 0), D = de(k, 2), F = D[0], z = D[1], Z = ve([]), Y = de(Z, 2), he = Y[0], ie = Y[1], we = ve(!1), Ae = de(we, 2), ke = Ae[0], J = Ae[1], ae = ve({}), Ne = de(ae, 2), fe = Ne[0], le = Ne[1], Ee = ve(void 0), pe = de(Ee, 2), Ve = pe[0], Xe = pe[1], qe = ve(void 0), Ze = de(qe, 2), ft = Ze[0], et = Ze[1];
-  n !== ft && (le({}), et(n)), r !== Ve && (f(Array.isArray(r) ? r : void 0), Xe(r)), Lt(function() {
+  var l = t.isLoading, c = l === void 0 ? !1 : l, a = t.onInputChange, u = t.filterOption, d = u === void 0 ? null : u, p = Pe(t, e0), f = p.inputValue, b = Re(void 0), x = Re(!1), h = ve(Array.isArray(r) ? r : void 0), I = de(h, 2), v = I[0], m = I[1], C = ve(typeof f < "u" ? f : ""), E = de(C, 2), G = E[0], R = E[1], j = ve(r === !0), A = de(j, 2), N = A[0], w = A[1], k = ve(void 0), D = de(k, 2), F = D[0], z = D[1], Z = ve([]), Y = de(Z, 2), he = Y[0], ie = Y[1], we = ve(!1), Ae = de(we, 2), ke = Ae[0], J = Ae[1], ae = ve({}), Ne = de(ae, 2), fe = Ne[0], le = Ne[1], Ee = ve(void 0), pe = de(Ee, 2), Ve = pe[0], Xe = pe[1], qe = ve(void 0), Ze = de(qe, 2), ft = Ze[0], et = Ze[1];
+  n !== ft && (le({}), et(n)), r !== Ve && (m(Array.isArray(r) ? r : void 0), Xe(r)), Lt(function() {
     return x.current = !0, function() {
       x.current = !1;
     };
@@ -5789,7 +5789,7 @@ function t0(t) {
   }, [i]);
   Lt(function() {
     r === !0 && Le(G, function(Me) {
-      x.current && (f(Me || []), w(!!b.current));
+      x.current && (m(Me || []), w(!!b.current));
     });
   }, []);
   var tt = ge(function(Me, Fe) {
@@ -5833,7 +5833,7 @@ function $b({
   customContainerStyles: u,
   menuPlacement: d,
   errorMsg: p,
-  extraProps: m,
+  extraProps: f,
   isDisabled: b = !1,
   isSearchable: x = !0,
   isMulti: h = !1,
@@ -5871,15 +5871,15 @@ function $b({
               SingleValue: Hn
             },
             isDisabled: b,
-            onChange: (v, f) => {
+            onChange: (v, m) => {
               e(
                 h ? v.map((C) => C.value) : (v == null ? void 0 : v.value) ?? "",
-                f
+                m
               );
             },
             formatGroupLabel: a,
             menuPlacement: d,
-            ...m
+            ...f
           }
         ),
         p && /* @__PURE__ */ o.jsx("p", { className: oe.errorMsg, children: p })
@@ -5910,7 +5910,7 @@ var s0 = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel"
   }
 };
 function o0(t) {
-  var e = t.allowCreateWhileLoading, r = e === void 0 ? !1 : e, s = t.createOptionPosition, n = s === void 0 ? "last" : s, i = t.formatCreateLabel, l = i === void 0 ? Cn.formatCreateLabel : i, c = t.isValidNewOption, a = c === void 0 ? Cn.isValidNewOption : c, u = t.getNewOptionData, d = u === void 0 ? Cn.getNewOptionData : u, p = t.onCreateOption, m = t.options, b = m === void 0 ? [] : m, x = t.onChange, h = Pe(t, s0), I = h.getOptionValue, v = I === void 0 ? Rs : I, f = h.getOptionLabel, C = f === void 0 ? Fs : f, E = h.inputValue, G = h.isLoading, R = h.isMulti, j = h.value, A = h.name, N = Ye(function() {
+  var e = t.allowCreateWhileLoading, r = e === void 0 ? !1 : e, s = t.createOptionPosition, n = s === void 0 ? "last" : s, i = t.formatCreateLabel, l = i === void 0 ? Cn.formatCreateLabel : i, c = t.isValidNewOption, a = c === void 0 ? Cn.isValidNewOption : c, u = t.getNewOptionData, d = u === void 0 ? Cn.getNewOptionData : u, p = t.onCreateOption, f = t.options, b = f === void 0 ? [] : f, x = t.onChange, h = Pe(t, s0), I = h.getOptionValue, v = I === void 0 ? Rs : I, m = h.getOptionLabel, C = m === void 0 ? Fs : m, E = h.inputValue, G = h.isLoading, R = h.isMulti, j = h.value, A = h.name, N = Ye(function() {
     return a(E, Jt(j), b, {
       getOptionValue: v,
       getOptionLabel: C
@@ -5960,13 +5960,13 @@ function Ub({
   customContainerStyles: u,
   menuPlacement: d,
   errorMsg: p,
-  extraprops: m,
+  extraprops: f,
   isDisabled: b = !1,
   isSearchable: x = !0,
   isMulti: h = !1,
   isClearable: I = !1,
   createNewOption: v,
-  refetchOptions: f = () => {
+  refetchOptions: m = () => {
   }
 }) {
   return /* @__PURE__ */ o.jsxs(
@@ -6008,7 +6008,7 @@ function Ub({
                     const j = await v(
                       E.map((A) => A.value)
                     );
-                    j && (C = C.map((A) => (A.__isNew__ && (A.value = j[0].value, delete A.__isNew__), A)), await f(), R = [...G, ...j]);
+                    j && (C = C.map((A) => (A.__isNew__ && (A.value = j[0].value, delete A.__isNew__), A)), await m(), R = [...G, ...j]);
                   }
                   e(
                     R.map((j) => j.value),
@@ -6018,7 +6018,7 @@ function Ub({
                   let E;
                   if (C.__isNew__) {
                     const G = await v(C.value);
-                    await f(), delete C.__isNew__, E = G.value;
+                    await m(), delete C.__isNew__, E = G.value;
                   } else
                     E = C.value;
                   e(E ?? "", C.actionMeta);
@@ -6026,7 +6026,7 @@ function Ub({
             },
             formatGroupLabel: a,
             menuPlacement: d,
-            ...m
+            ...f
           }
         ),
         p && /* @__PURE__ */ o.jsx("p", { className: oe.errorMsg, children: p })
@@ -6121,10 +6121,10 @@ function Kb({
   allowNavigationOnStepClick: u = !0,
   skipBtnText: d = "Skip and continue",
   jumpToStep: p = 0,
-  onSkipClick: m = () => {
+  onSkipClick: f = () => {
   }
 }) {
-  const [b, x] = y.useState(0), [h, I] = y.useState(!1), v = b === t.length - 1, f = t[b].isError;
+  const [b, x] = y.useState(0), [h, I] = y.useState(!1), v = b === t.length - 1, m = t[b].isError;
   y.useEffect(() => {
     x(p);
   }, [p]);
@@ -6136,13 +6136,13 @@ function Kb({
       return;
     }
   }, E = () => {
-    v && !f ? (r(), I(!0)) : b < t.length - 1 && !f && x(b + 1);
+    v && !m ? (r(), I(!0)) : b < t.length - 1 && !m && x(b + 1);
   }, G = () => {
     x(b - 1), I(!1);
   }, R = (A) => {
     u && A < b && x(A);
   }, j = () => {
-    m(), x(b + 1);
+    f(), x(b + 1);
   };
   return /* @__PURE__ */ o.jsxs("div", { className: Ce.progressContainer, children: [
     /* @__PURE__ */ o.jsxs("div", { className: Ce.header, children: [
@@ -6621,7 +6621,7 @@ function Wg({
     c.text
   ] })) }) }) });
 }
-const kg = "_filters_8jc7a_1", Dg = "_filtersInfo_8jc7a_7", Og = "_filter_8jc7a_1", Hg = "_filterIcon2_8jc7a_26", Xg = "_filterCol_8jc7a_30", Zg = "_filterIcon_8jc7a_26", Mg = "_resetIcon2_8jc7a_48", zg = "_totalSelected_8jc7a_74", Yg = "_positioner_8jc7a_86", Jg = "_dropdown_8jc7a_90", $g = "_options_8jc7a_105", Ug = "_optionsEmpty_8jc7a_113", Qg = "_option_8jc7a_105", Kg = "_selectedFilters_8jc7a_138", qg = "_dropdownSearch_8jc7a_145", ep = "_footerBox_8jc7a_154", tp = "_footer_8jc7a_154", np = "_resetBtn_8jc7a_174", rp = "_optionLabel_8jc7a_197", sp = "_filterTooltip_8jc7a_227", op = "_filterValue_8jc7a_243", ip = "_filterTooltipTrigger_8jc7a_257", Q = {
+const kg = "_filters_tj58n_1", Dg = "_filtersInfo_tj58n_7", Og = "_filter_tj58n_1", Hg = "_filterIcon2_tj58n_26", Xg = "_filterCol_tj58n_30", Zg = "_filterIcon_tj58n_26", Mg = "_resetIcon2_tj58n_48", zg = "_totalSelected_tj58n_74", Yg = "_positioner_tj58n_86", Jg = "_dropdown_tj58n_90", $g = "_options_tj58n_105", Ug = "_optionsEmpty_tj58n_113", Qg = "_option_tj58n_105", Kg = "_selectedFilters_tj58n_138", qg = "_dropdownSearch_tj58n_145", ep = "_footerBox_tj58n_154", tp = "_footer_tj58n_154", np = "_resetBtn_tj58n_174", rp = "_optionLabel_tj58n_197", sp = "_filterTooltip_tj58n_228", op = "_filterValue_tj58n_244", ip = "_filterTooltipTrigger_tj58n_258", Q = {
   filters: kg,
   filtersInfo: Dg,
   filter: Og,
@@ -6661,8 +6661,8 @@ function ap({
       id: e,
       name: t,
       checked: n,
-      onCheckedChange: ({ checked: m }) => {
-        m ? r(i, e, l) : s(i, e, l);
+      onCheckedChange: ({ checked: f }) => {
+        f ? r(i, e, l) : s(i, e, l);
       }
     })
   ), p = dt.connect(u, d, me);
@@ -6720,13 +6720,13 @@ function cp({
       id: t.id,
       closeOnSelect: !1
     })
-  ), p = ut.connect(u, d, me), m = t == null ? void 0 : t.options.filter((f) => f.name ? f.name.toLowerCase().includes(c.toLowerCase()) : !1), b = r == null ? void 0 : r.values.length, x = () => {
+  ), p = ut.connect(u, d, me), f = t == null ? void 0 : t.options.filter((m) => m.name ? m.name.toLowerCase().includes(c.toLowerCase()) : !1), b = r == null ? void 0 : r.values.length, x = () => {
     i(r == null ? void 0 : r.key, l), p.close();
-  }, h = (f) => {
+  }, h = (m) => {
     let C = !1;
     return e.forEach((E) => {
       E.values.forEach((G) => {
-        if (G === f) {
+        if (G === m) {
           C = !0;
           return;
         }
@@ -6763,25 +6763,25 @@ function cp({
           placeholder: ((v = t.config) == null ? void 0 : v.placeholder) || "Search"
         }
       ) }),
-      /* @__PURE__ */ o.jsx("div", { className: Q.options, children: m.length === 0 ? /* @__PURE__ */ o.jsx("div", { className: Q.optionsEmpty, children: "No results found" }) : m.map((f, C) => /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ o.jsx("div", { className: Q.options, children: f.length === 0 ? /* @__PURE__ */ o.jsx("div", { className: Q.optionsEmpty, children: "No results found" }) : f.map((m, C) => /* @__PURE__ */ o.jsx(
         "div",
         {
-          ...p.getItemProps({ id: f.value }),
+          ...p.getItemProps({ id: m.value }),
           className: Q.option,
           children: /* @__PURE__ */ o.jsx(
             ap,
             {
-              label: f.name,
-              value: f.value,
+              label: m.name,
+              value: m.value,
               filterKey: t.key,
               addFilters: s,
               removeFilters: n,
-              checked: h(f.value),
+              checked: h(m.value),
               filterDispatch: l,
-              countryCode: f.country_code,
-              customName: f.customName
+              countryCode: m.country_code,
+              customName: m.customName
             },
-            f.value
+            m.value
           )
         },
         C
@@ -6839,19 +6839,19 @@ const wt = zr()(
   }))
 );
 function up({ filterConfig: t, filters: e }) {
-  const { isLoading: r, isError: s, filterDispatch: n, filterReset: i } = t, l = wt((m) => m.filters), { setDefaultFilters: c, addFilters: a, removeFilters: u, resetFilters: d, resetAllFilters: p } = wt((m) => ({
-    setDefaultFilters: m.setDefaultFilters,
-    addFilters: m.addFilters,
-    removeFilters: m.removeFilters,
-    resetFilters: m.resetFilters,
-    resetAllFilters: m.resetAllFilters
+  const { isLoading: r, isError: s, filterDispatch: n, filterReset: i } = t, l = wt((f) => f.filters), { setDefaultFilters: c, addFilters: a, removeFilters: u, resetFilters: d, resetAllFilters: p } = wt((f) => ({
+    setDefaultFilters: f.setDefaultFilters,
+    addFilters: f.addFilters,
+    removeFilters: f.removeFilters,
+    resetFilters: f.resetFilters,
+    resetAllFilters: f.resetAllFilters
   }));
   return y.useEffect(() => {
-    !(e != null && e.length) || r || c((e == null ? void 0 : e.map((m) => ({ key: m.key, values: [] }))) || []);
-  }, [e == null ? void 0 : e.length, r]), !e || !e.length ? null : s ? /* @__PURE__ */ o.jsx("div", { className: Q.filtersInfo, children: "Error getting filters" }) : r ? /* @__PURE__ */ o.jsx("div", { className: Q.filtersInfo, children: "Getting filters..." }) : /* @__PURE__ */ o.jsx("div", { className: Q.filters, children: e.map((m, b) => /* @__PURE__ */ o.jsx(
+    !(e != null && e.length) || r || c((e == null ? void 0 : e.map((f) => ({ key: f.key, values: [] }))) || []);
+  }, [e == null ? void 0 : e.length, r]), !e || !e.length ? null : s ? /* @__PURE__ */ o.jsx("div", { className: Q.filtersInfo, children: "Error getting filters" }) : r ? /* @__PURE__ */ o.jsx("div", { className: Q.filtersInfo, children: "Getting filters..." }) : /* @__PURE__ */ o.jsx("div", { className: Q.filters, children: e.map((f, b) => /* @__PURE__ */ o.jsx(
     cp,
     {
-      filter: m,
+      filter: f,
       tableFilters: l,
       tableFilter: l[b],
       addFilters: a,
@@ -6859,10 +6859,10 @@ function up({ filterConfig: t, filters: e }) {
       resetFilters: d,
       filterDispatch: n
     },
-    m.id
+    f.id
   )) });
 }
-const dp = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5%206.75c-.69%200-1.25.56-1.25%201.25v8c0%20.69.56%201.25%201.25%201.25h3.25V6.75H5Zm4.75%200v10.5h4.5V6.75h-4.5Zm6%200v10.5H19c.69%200%201.25-.56%201.25-1.25V8c0-.69-.56-1.25-1.25-1.25h-3.25ZM2.25%208A2.75%202.75%200%200%201%205%205.25h14A2.75%202.75%200%200%201%2021.75%208v8A2.75%202.75%200%200%201%2019%2018.75H5A2.75%202.75%200%200%201%202.25%2016V8Z'%20fill='%23B3B2B8'/%3e%3c/svg%3e", gp = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18%2014.25a.75.75%200%200%201%20.75.75v4.19l1.72-1.72a.75.75%200%201%201%201.06%201.06l-3%203a.75.75%200%200%201-1.06%200l-3-3a.75.75%200%201%201%201.06-1.06l1.72%201.72V15a.75.75%200%200%201%20.75-.75Z'%20fill='%23B3B2B8'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%2020.25c-.69%200-1.25-.56-1.25-1.25V5c0-.69.56-1.25%201.25-1.25h7.25V7A2.75%202.75%200%200%200%2016%209.75h3.25V11a.75.75%200%200%200%201.5%200V8.828c0-.729-.29-1.428-.805-1.944l-3.829-3.829a2.75%202.75%200%200%200-1.944-.805H6A2.75%202.75%200%200%200%203.25%205v14A2.75%202.75%200%200%200%206%2021.75h6a.75.75%200%200%200%200-1.5H6Zm13.108-12H16c-.69%200-1.25-.56-1.25-1.25V3.892c.112.058.215.133.306.224l3.828%203.829c.09.09.166.193.224.305Z'%20fill='%23B3B2B8'/%3e%3c/svg%3e", pp = (t, e, r) => t === 1 || t === 0 || t === void 0 || t === null ? e : r, bp = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.25%208A.75.75%200%200%201%204%207.25h16a.75.75%200%200%201%200%201.5H4A.75.75%200%200%201%203.25%208Zm3%204a.75.75%200%200%201%20.75-.75h10a.75.75%200%200%201%200%201.5H7a.75.75%200%200%201-.75-.75Zm3%204a.75.75%200%200%201%20.75-.75h4a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201-.75-.75Z'%20fill='%23B3B2B8'/%3e%3c/svg%3e", mp = "_actionCommon_1b5or_1", fp = "_filterBtn_1b5or_19", vp = "_backdrop_1b5or_29", hp = "_content_1b5or_42", Ip = "_title_1b5or_72", xp = "_closeIconSpan_1b5or_83", Cp = "_closeIcon_1b5or_83", yp = "_footer_1b5or_103", _p = "_filterBox_1b5or_116", Ap = "_filters_1b5or_122", Np = "_filter_1b5or_19", Ep = "_active_1b5or_134", Sp = "_filterSingle_1b5or_155", wp = "_options_1b5or_166", jp = "_option_1b5or_166", Gp = "_dropdownSearch_1b5or_183", Bp = "_totalSelected_1b5or_192", ue = {
+const dp = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5%206.75c-.69%200-1.25.56-1.25%201.25v8c0%20.69.56%201.25%201.25%201.25h3.25V6.75H5Zm4.75%200v10.5h4.5V6.75h-4.5Zm6%200v10.5H19c.69%200%201.25-.56%201.25-1.25V8c0-.69-.56-1.25-1.25-1.25h-3.25ZM2.25%208A2.75%202.75%200%200%201%205%205.25h14A2.75%202.75%200%200%201%2021.75%208v8A2.75%202.75%200%200%201%2019%2018.75H5A2.75%202.75%200%200%201%202.25%2016V8Z'%20fill='%23B3B2B8'/%3e%3c/svg%3e", gp = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18%2014.25a.75.75%200%200%201%20.75.75v4.19l1.72-1.72a.75.75%200%201%201%201.06%201.06l-3%203a.75.75%200%200%201-1.06%200l-3-3a.75.75%200%201%201%201.06-1.06l1.72%201.72V15a.75.75%200%200%201%20.75-.75Z'%20fill='%23B3B2B8'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%2020.25c-.69%200-1.25-.56-1.25-1.25V5c0-.69.56-1.25%201.25-1.25h7.25V7A2.75%202.75%200%200%200%2016%209.75h3.25V11a.75.75%200%200%200%201.5%200V8.828c0-.729-.29-1.428-.805-1.944l-3.829-3.829a2.75%202.75%200%200%200-1.944-.805H6A2.75%202.75%200%200%200%203.25%205v14A2.75%202.75%200%200%200%206%2021.75h6a.75.75%200%200%200%200-1.5H6Zm13.108-12H16c-.69%200-1.25-.56-1.25-1.25V3.892c.112.058.215.133.306.224l3.828%203.829c.09.09.166.193.224.305Z'%20fill='%23B3B2B8'/%3e%3c/svg%3e", pp = (t, e, r) => t === 1 || t === 0 || t === void 0 || t === null ? e : r, bp = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.25%208A.75.75%200%200%201%204%207.25h16a.75.75%200%200%201%200%201.5H4A.75.75%200%200%201%203.25%208Zm3%204a.75.75%200%200%201%20.75-.75h10a.75.75%200%200%201%200%201.5H7a.75.75%200%200%201-.75-.75Zm3%204a.75.75%200%200%201%20.75-.75h4a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201-.75-.75Z'%20fill='%23B3B2B8'/%3e%3c/svg%3e", mp = "_actionCommon_13wir_1", fp = "_filterBtn_13wir_19", vp = "_backdrop_13wir_29", hp = "_content_13wir_42", Ip = "_title_13wir_72", xp = "_closeIconSpan_13wir_83", Cp = "_closeIcon_13wir_83", yp = "_footer_13wir_103", _p = "_filterBox_13wir_116", Ap = "_filters_13wir_122", Np = "_filter_13wir_19", Ep = "_active_13wir_135", Sp = "_filterSingle_13wir_156", wp = "_options_13wir_167", jp = "_option_13wir_167", Gp = "_dropdownSearch_13wir_184", Bp = "_totalSelected_13wir_193", ue = {
   actionCommon: mp,
   filterBtn: fp,
   backdrop: vp,
@@ -6898,8 +6898,8 @@ function Fp({
       name: t,
       checked: r,
       onCheckedChange: ({ checked: p }) => {
-        l((m) => {
-          const b = { ...m };
+        l((f) => {
+          const b = { ...f };
           return b[s][c] = { label: t, value: e, checked: p }, b;
         });
       }
@@ -6955,14 +6955,14 @@ function Tp({ filterConfig: t }) {
     setDefaultFilters: w.setDefaultFilters,
     resetAllFilters: w.resetAllFilters,
     changeFiltersDrawer: w.changeFiltersDrawer
-  })), a = wt((w) => w.filters), { isLoading: u, isError: d, headerFilterIds: p, filterDispatch: m } = t, [b, x] = be(
+  })), a = wt((w) => w.filters), { isLoading: u, isError: d, headerFilterIds: p, filterDispatch: f } = t, [b, x] = be(
     kt.machine({
       id: "charizard-table-filters",
       onOpenChange(w) {
         w.open || r({});
       }
     })
-  ), h = (j = t.filters) != null && j.drawer ? t.filters.drawer : [], [I, v] = y.useState(h[0]), f = kt.connect(b, x, me);
+  ), h = (j = t.filters) != null && j.drawer ? t.filters.drawer : [], [I, v] = y.useState(h[0]), m = kt.connect(b, x, me);
   y.useEffect(() => {
     var k, D;
     if (!(h != null && h.length) || u)
@@ -6981,18 +6981,18 @@ function Tp({ filterConfig: t }) {
   }, []), y.useEffect(() => {
     const w = Or(h, a);
     r(w);
-  }, [f.isOpen]);
+  }, [m.isOpen]);
   const E = (w, k) => !Object.keys(e).length || !e[w] ? !1 : e[w][k].checked, G = () => {
     const w = Rp(e);
     for (let [k, D] of Object.entries(w))
-      D.length && c(k, D.split(","), m);
-    f.close();
+      D.length && c(k, D.split(","), f);
+    m.close();
   }, R = a.reduce((w, k) => w += k.values.length, 0);
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsxs(
       "button",
       {
-        ...f.triggerProps,
+        ...m.triggerProps,
         className: B("hybr1d-ui-reset-btn", ue.actionCommon, ue.filterBtn),
         children: [
           /* @__PURE__ */ o.jsx(H, { path: bp, width: 22, height: 22 }),
@@ -7001,15 +7001,15 @@ function Tp({ filterConfig: t }) {
         ]
       }
     ),
-    f.isOpen && /* @__PURE__ */ o.jsxs(qt, { children: [
-      /* @__PURE__ */ o.jsx("div", { ...f.backdropProps, className: ue.backdrop }),
-      /* @__PURE__ */ o.jsx("div", { ...f.positionerProps, style: { ...f.positionerProps.style }, children: /* @__PURE__ */ o.jsxs("div", { ...f.contentProps, className: ue.content, children: [
-        /* @__PURE__ */ o.jsxs("h2", { ...f.titleProps, className: ue.title, children: [
+    m.isOpen && /* @__PURE__ */ o.jsxs(qt, { children: [
+      /* @__PURE__ */ o.jsx("div", { ...m.backdropProps, className: ue.backdrop }),
+      /* @__PURE__ */ o.jsx("div", { ...m.positionerProps, style: { ...m.positionerProps.style }, children: /* @__PURE__ */ o.jsxs("div", { ...m.contentProps, className: ue.content, children: [
+        /* @__PURE__ */ o.jsxs("h2", { ...m.titleProps, className: ue.title, children: [
           /* @__PURE__ */ o.jsx("span", { children: "Filters" }),
           /* @__PURE__ */ o.jsx(
             "button",
             {
-              ...f.closeTriggerProps,
+              ...m.closeTriggerProps,
               type: "button",
               className: "hybr1d-ui-reset-btn",
               children: /* @__PURE__ */ o.jsx(
@@ -7077,13 +7077,13 @@ function Tp({ filterConfig: t }) {
           ] })
         ] }),
         /* @__PURE__ */ o.jsxs("div", { className: ue.footer, children: [
-          /* @__PURE__ */ o.jsx(q, { ...f.closeTriggerProps, variant: je.SECONDARY, children: "Cancel" }),
+          /* @__PURE__ */ o.jsx(q, { ...m.closeTriggerProps, variant: je.SECONDARY, children: "Cancel" }),
           /* @__PURE__ */ o.jsx(
             q,
             {
               variant: je.GHOST,
               onClick: () => {
-                l(t.filterReset), f.close();
+                l(t.filterReset), m.close();
               },
               disabled: R === 0,
               children: "Reset All"
@@ -7283,7 +7283,7 @@ function Ib({ setLimit: t, defaultLimit: e = "10", totalItems: r }) {
   ] });
 }
 function xb({ paginationConfig: t }) {
-  if (console.log(t, "line 19: pConfig"), !t)
+  if (!t)
     return null;
   const { setLimit: e, defaultLimit: r, metaData: s } = t, [n, i] = be(
     cr.machine({
@@ -7294,7 +7294,7 @@ function xb({ paginationConfig: t }) {
       }
     })
   ), l = cr.connect(n, i, me);
-  return console.log(l, "line 34: pAPI"), /* @__PURE__ */ o.jsxs("div", { className: Se.box, children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: Se.box, children: [
     /* @__PURE__ */ o.jsx(
       Ib,
       {
@@ -7347,9 +7347,9 @@ function om({
   paginationConfig: u,
   emptyStateConfig: d,
   headerText: p,
-  tableStyleConfig: m
+  tableStyleConfig: f
 }) {
-  const [b, x] = y.useState([]), [h, I] = y.useState({}), [v, f] = y.useState({}), C = !e.isFetching && !e.isError && !t.length, { isCheckbox: E, isRadio: G, setSelectedRows: R } = i;
+  const [b, x] = y.useState([]), [h, I] = y.useState({}), [v, m] = y.useState({}), C = !e.isFetching && !e.isError && !t.length, { isCheckbox: E, isRadio: G, setSelectedRows: R } = i;
   Wt(() => {
     if (!n || !b.length)
       return;
@@ -7420,7 +7420,7 @@ function om({
     onColumnVisibilityChange: I,
     enableRowSelection: !0,
     // enableRowSelection: row => row.original.age > 18, // or enable row selection conditionally per row
-    onRowSelectionChange: (i == null ? void 0 : i.setRowSelection) || f,
+    onRowSelectionChange: (i == null ? void 0 : i.setRowSelection) || m,
     enableMultiRowSelection: !G,
     manualPagination: !0,
     manualFiltering: !0,
@@ -7447,16 +7447,14 @@ function om({
     var N;
     l.isDropdownActions || (N = A.getColumn(Qt)) == null || N.toggleVisibility(!1);
   }, []), y.useEffect(() => {
-    i != null && i.clearOnSearch && f({});
+    i != null && i.clearOnSearch && m({});
   }, [c == null ? void 0 : c.search]), /* @__PURE__ */ o.jsxs(
     "div",
     {
       style: {
         display: "flex",
         flexDirection: "column",
-        gap: "15px",
-        overflowY: "scroll",
-        maxHeight: m == null ? void 0 : m.maxHeight
+        gap: "15px"
       },
       children: [
         /* @__PURE__ */ o.jsxs("div", { className: _e.box, children: [
@@ -7467,7 +7465,7 @@ function om({
               searchConfig: c,
               totalText: a,
               rowSelection: v,
-              setRowSelection: f,
+              setRowSelection: m,
               filterConfig: s
             }
           ),
@@ -7480,7 +7478,8 @@ function om({
               loaderConfig: e,
               isEmpty: C,
               emptyStateConfig: d,
-              search: c == null ? void 0 : c.search
+              search: c == null ? void 0 : c.search,
+              tableStyleConfig: f
             }
           )
         ] }),
@@ -7495,73 +7494,81 @@ function Cb({
   isRadio: r,
   loaderConfig: s,
   emptyStateConfig: n,
-  isEmpty: i,
-  search: l
+  tableStyleConfig: i,
+  isEmpty: l,
+  search: c
 }) {
-  return /* @__PURE__ */ o.jsx("div", { className: _e.tableScrollContainer, children: /* @__PURE__ */ o.jsxs("table", { className: _e.table, children: [
-    /* @__PURE__ */ o.jsx("thead", { className: _e.tableHead, children: t.getHeaderGroups().map((c) => /* @__PURE__ */ o.jsx("tr", { className: _e.tableRow, children: c.headers.map((a) => /* @__PURE__ */ o.jsx(
-      "th",
-      {
-        className: B(
-          _e.tableHeader,
-          a.column.getCanSort() && _e.tableHeaderSort
-        ),
-        style: {
-          width: a.getSize() === Number.MAX_SAFE_INTEGER ? "auto" : a.getSize(),
-          paddingRight: a.id === Qt ? "20px" : void 0,
-          paddingLeft: a.index === 0 && a.id !== jt && a.id !== Kt ? "20px" : void 0
-          // minWidth: header.getSize === Number.MAX_SAFE_INTEGER ? 'auto' : header.getSize(),
-          // maxWidth: header.getSize() === Number.MAX_SAFE_INTEGER ? 'auto' : header.getSize(),
-        },
-        children: a.isPlaceholder ? null : /* @__PURE__ */ o.jsxs(
-          "div",
+  return /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: _e.tableScrollContainer,
+      style: { overflowY: "scroll", maxHeight: i == null ? void 0 : i.maxHeight },
+      children: /* @__PURE__ */ o.jsxs("table", { className: _e.table, children: [
+        /* @__PURE__ */ o.jsx("thead", { className: _e.tableHead, children: t.getHeaderGroups().map((a) => /* @__PURE__ */ o.jsx("tr", { className: _e.tableRow, children: a.headers.map((u) => /* @__PURE__ */ o.jsx(
+          "th",
           {
-            onClick: a.column.getToggleSortingHandler(),
+            className: B(
+              _e.tableHeader,
+              u.column.getCanSort() && _e.tableHeaderSort
+            ),
             style: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: a.id === Qt ? "flex-end" : void 0
+              width: u.getSize() === Number.MAX_SAFE_INTEGER ? "auto" : u.getSize(),
+              paddingRight: u.id === Qt ? "20px" : void 0,
+              paddingLeft: u.index === 0 && u.id !== jt && u.id !== Kt ? "20px" : void 0
+              // minWidth: header.getSize === Number.MAX_SAFE_INTEGER ? 'auto' : header.getSize(),
+              // maxWidth: header.getSize() === Number.MAX_SAFE_INTEGER ? 'auto' : header.getSize(),
             },
-            children: [
-              At(a.column.columnDef.header, a.getContext()),
+            children: u.isPlaceholder ? null : /* @__PURE__ */ o.jsxs(
+              "div",
               {
-                asc: /* @__PURE__ */ o.jsx(H, { path: ts, spanClassName: _e.tableHeaderSortSpan }),
-                desc: /* @__PURE__ */ o.jsx(H, { path: ns, spanClassName: _e.tableHeaderSortSpan }),
-                false: a.column.getCanSort() ? /* @__PURE__ */ o.jsx(
-                  H,
+                onClick: u.column.getToggleSortingHandler(),
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: u.id === Qt ? "flex-end" : void 0
+                },
+                children: [
+                  At(u.column.columnDef.header, u.getContext()),
                   {
-                    path: kp,
-                    spanClassName: _e.tableHeaderSortSpan,
-                    svgClassName: _e.tableHeaderSort
-                  }
-                ) : null
-              }[a.column.getIsSorted()] ?? null
-            ]
-          }
-        )
-      },
-      a.id
-    )) }, c.id)) }),
-    s.isFetching ? /* @__PURE__ */ o.jsx(Ag, { text: s.text, isError: s.isError }) : i ? /* @__PURE__ */ o.jsx(Sg, { emptyStateConfig: n, search: l }) : /* @__PURE__ */ o.jsx("tbody", { className: _e.tableBody, children: t.getRowModel().rows.map((c, a) => /* @__PURE__ */ o.jsx("tr", { className: _e.tableRow, children: c.getVisibleCells().map((u) => {
-      const d = (e || r) && (u.id === `${a}_${Kt}` || u.id === `${a}_${jt}`);
-      return /* @__PURE__ */ o.jsx(
-        "td",
-        {
-          className: B(
-            _e.tableData,
-            (e || r) && _e.tableDataWithSelection
-          ),
-          style: {
-            width: u.column.getSize() === Number.MAX_SAFE_INTEGER ? "auto" : u.column.getSize(),
-            verticalAlign: d ? "middle" : void 0
+                    asc: /* @__PURE__ */ o.jsx(H, { path: ts, spanClassName: _e.tableHeaderSortSpan }),
+                    desc: /* @__PURE__ */ o.jsx(H, { path: ns, spanClassName: _e.tableHeaderSortSpan }),
+                    false: u.column.getCanSort() ? /* @__PURE__ */ o.jsx(
+                      H,
+                      {
+                        path: kp,
+                        spanClassName: _e.tableHeaderSortSpan,
+                        svgClassName: _e.tableHeaderSort
+                      }
+                    ) : null
+                  }[u.column.getIsSorted()] ?? null
+                ]
+              }
+            )
           },
-          children: At(u.column.columnDef.cell, u.getContext())
-        },
-        u.id
-      );
-    }) }, c.id)) }),
-    s.isError && /* @__PURE__ */ o.jsx("tbody", { style: { height: "200px" }, children: /* @__PURE__ */ o.jsx("tr", { children: /* @__PURE__ */ o.jsx("td", { colSpan: n == null ? void 0 : n.columns, style: { textAlign: "center" }, children: s.errMsg || "Error getting data, please try again later." }) }) })
-  ] }) });
+          u.id
+        )) }, a.id)) }),
+        s.isFetching ? /* @__PURE__ */ o.jsx(Ag, { text: s.text, isError: s.isError }) : l ? /* @__PURE__ */ o.jsx(Sg, { emptyStateConfig: n, search: c }) : /* @__PURE__ */ o.jsx("tbody", { className: _e.tableBody, children: t.getRowModel().rows.map((a, u) => /* @__PURE__ */ o.jsx("tr", { className: _e.tableRow, children: a.getVisibleCells().map((d) => {
+          const p = (e || r) && (d.id === `${u}_${Kt}` || d.id === `${u}_${jt}`);
+          return /* @__PURE__ */ o.jsx(
+            "td",
+            {
+              className: B(
+                _e.tableData,
+                (e || r) && _e.tableDataWithSelection
+              ),
+              style: {
+                width: d.column.getSize() === Number.MAX_SAFE_INTEGER ? "auto" : d.column.getSize(),
+                verticalAlign: p ? "middle" : void 0
+              },
+              children: At(d.column.columnDef.cell, d.getContext())
+            },
+            d.id
+          );
+        }) }, a.id)) }),
+        s.isError && /* @__PURE__ */ o.jsx("tbody", { style: { height: "200px" }, children: /* @__PURE__ */ o.jsx("tr", { children: /* @__PURE__ */ o.jsx("td", { colSpan: n == null ? void 0 : n.columns, style: { textAlign: "center" }, children: s.errMsg || "Error getting data, please try again later." }) }) })
+      ] })
+    }
+  );
 }
 export {
   je as BUTTON_VARIANT,