@hybr1d-tech/charizard 0.6.36 → 0.6.37

package/dist/components/tabs/Tab.d.ts

@@ -2,9 +2,11 @@ import { default as React } from 'react';
 
 export interface TabProps {
     title: string;
+    eventKey: string;
     isActive: boolean;
     customClassName?: string;
     customStyles?: React.CSSProperties;
     children: React.ReactNode;
+    onClick: () => void;
 }
 export declare const Tab: React.FC<TabProps>;

package/dist/hybr1d-ui.js

@@ -1,19 +1,19 @@
 import './style.css';
 import * as x from "react";
-import Wt, { useLayoutEffect as La, useContext as Da, useRef as Qe, useState as Se, createContext as Va, useMemo as ft, useCallback as Ae, Component as Oa, Fragment as bs, useEffect as jn, forwardRef as er, createElement as Sn } from "react";
+import nn, { useLayoutEffect as La, useContext as Da, useRef as Qe, useState as Se, createContext as Va, useMemo as ft, useCallback as Ae, Component as Oa, Fragment as bs, useEffect as jn, forwardRef as er, createElement as Sn } from "react";
 import * as Ye from "@zag-js/menu";
 import S from "clsx";
 import { useMachine as U, normalizeProps as Q, Portal as qe } from "@zag-js/react";
 import Ha from "react-inlinesvg";
 import Wa from "react-infinite-scroll-component";
-import $t from "use-deep-compare-effect";
+import Xt from "use-deep-compare-effect";
 import * as Oe from "@zag-js/checkbox";
 import gn from "react-country-flag";
 import * as It from "@zag-js/tooltip";
 import { create as As } from "zustand";
 import { useInView as Ma } from "react-intersection-observer";
 import { useReactTable as Ns, getCoreRowModel as js, flexRender as jt } from "@tanstack/react-table";
-import * as zt from "@zag-js/dialog";
+import * as $t from "@zag-js/dialog";
 import * as ao from "@zag-js/popover";
 import tr, { components as He } from "react-select";
 import { keyframes as Za, jsx as V, css as nr } from "@emotion/react";
@@ -21,13 +21,13 @@ import { createPortal as sr } from "react-dom";
 import * as wn from "@zag-js/radio-group";
 import { Tooltip as Xa } from "react-tooltip";
 import * as io from "@zag-js/tabs";
-import { defaultDropAnimationSideEffects as or, DragOverlay as rr, useSensors as ar, useSensor as Zt, PointerSensor as ir, MouseSensor as lr, KeyboardSensor as cr, DndContext as ur } from "@dnd-kit/core";
+import { defaultDropAnimationSideEffects as or, DragOverlay as rr, useSensors as ar, useSensor as Mt, PointerSensor as ir, MouseSensor as lr, KeyboardSensor as cr, DndContext as ur } from "@dnd-kit/core";
 import { useSortable as dr, sortableKeyboardCoordinates as pr, arrayMove as mr, SortableContext as gr } from "@dnd-kit/sortable";
 import { CSS as hr } from "@dnd-kit/utilities";
 import * as En from "@zag-js/pagination";
 import * as ze from "@zag-js/select";
 import * as bn from "@zag-js/color-picker";
-var fs = { exports: {} }, Ut = {};
+var fs = { exports: {} }, Jt = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -39,9 +39,9 @@ var fs = { exports: {} }, Ut = {};
  */
 var lo;
 function $a() {
-  if (lo) return Ut;
+  if (lo) return Jt;
   lo = 1;
-  var t = Wt, e = Symbol.for("react.element"), r = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var t = nn, e = Symbol.for("react.element"), r = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(c, i, u) {
     var d, p = {}, m = null, b = null;
     u !== void 0 && (m = "" + u), i.key !== void 0 && (m = "" + i.key), i.ref !== void 0 && (b = i.ref);
@@ -49,9 +49,9 @@ function $a() {
     if (c && c.defaultProps) for (d in i = c.defaultProps, i) p[d] === void 0 && (p[d] = i[d]);
     return { $$typeof: e, type: c, key: m, ref: b, props: p, _owner: s.current };
   }
-  return Ut.Fragment = r, Ut.jsx = l, Ut.jsxs = l, Ut;
+  return Jt.Fragment = r, Jt.jsx = l, Jt.jsxs = l, Jt;
 }
-var Qt = {};
+var Ut = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -64,7 +64,7 @@ var Qt = {};
 var co;
 function za() {
   return co || (co = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = Wt, e = Symbol.for("react.element"), r = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), i = 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"), v = Symbol.iterator, g = "@@iterator";
+    var t = nn, e = Symbol.for("react.element"), r = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), i = 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"), v = Symbol.iterator, g = "@@iterator";
     function _(f) {
       if (f === null || typeof f != "object")
         return null;
@@ -305,7 +305,7 @@ function za() {
       var Tt = f ? f.displayName || f.name : "", yt = Tt ? Ne(Tt) : "";
       return typeof f == "function" && mt.set(f, yt), yt;
     }
-    function Yt(f, E, G) {
+    function zt(f, E, G) {
       return gt(f, !1);
     }
     function Ft(f) {
@@ -328,7 +328,7 @@ function za() {
       if (typeof f == "object")
         switch (f.$$typeof) {
           case i:
-            return Yt(f.render);
+            return zt(f.render);
           case p:
             return st(f.type, E, G);
           case m: {
@@ -392,7 +392,7 @@ function za() {
       if (va(f))
         return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", fa(f)), Js(f);
     }
-    var Jt = I.ReactCurrentOwner, xa = {
+    var Yt = I.ReactCurrentOwner, xa = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -416,9 +416,9 @@ function za() {
       return f.key !== void 0;
     }
     function Ca(f, E) {
-      if (typeof f.ref == "string" && Jt.current && E && Jt.current.stateNode !== E) {
-        var G = F(Jt.current.type);
-        zn[G] || (h('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(Jt.current.type), f.ref), zn[G] = !0);
+      if (typeof f.ref == "string" && Yt.current && E && Yt.current.stateNode !== E) {
+        var G = F(Yt.current.type);
+        zn[G] || (h('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(Yt.current.type), f.ref), zn[G] = !0);
       }
     }
     function ya(f, E) {
@@ -487,7 +487,7 @@ function za() {
           var ue = typeof f == "function" ? f.displayName || f.name || "Unknown" : f;
           $ && ya(z, ue), Ee && Aa(z, ue);
         }
-        return Na(f, $, Ee, K, W, Jt.current, z);
+        return Na(f, $, Ee, K, W, Yt.current, z);
       }
     }
     var Yn = I.ReactCurrentOwner, qs = I.ReactDebugCurrentFrame;
@@ -652,8 +652,8 @@ React keys must be passed directly to JSX without using spread:
       return ro(f, E, G, !1);
     }
     var Ga = Fa, Ta = Ba;
-    Qt.Fragment = o, Qt.jsx = Ga, Qt.jsxs = Ta;
-  }()), Qt;
+    Ut.Fragment = o, Ut.jsx = Ga, Ut.jsxs = Ta;
+  }()), Ut;
 }
 process.env.NODE_ENV === "production" ? fs.exports = $a() : fs.exports = za();
 var n = fs.exports;
@@ -1041,7 +1041,7 @@ function cl({ filter: t, tableFilter: e, selectedFilters: r }) {
     a.open && r !== 0 && /* @__PURE__ */ n.jsx("div", { ...a.getPositionerProps(), children: /* @__PURE__ */ n.jsx("div", { ...a.getContentProps(), className: ne.filterTooltip, children: l.map((i) => /* @__PURE__ */ n.jsx("div", { className: ne.filterValue, children: i.name }, i.value)) }) })
   ] });
 }
-const ul = "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='M11.53%203.47a.75.75%200%200%200-1.06%200l-4%204a.75.75%200%200%200%200%201.06l4%204a.75.75%200%201%200%201.06-1.06L8.81%208.75H11c.88%200%202.217.27%203.312%201.059%201.057.76%201.938%202.035%201.938%204.191%200%202.156-.881%203.43-1.938%204.191-1.095.789-2.432%201.059-3.312%201.059a.75.75%200%200%200%200%201.5c1.12%200%202.783-.33%204.188-1.341%201.443-1.04%202.562-2.765%202.562-5.409%200-2.644-1.119-4.37-2.562-5.409C13.783%207.58%2012.12%207.25%2011%207.25H8.81l2.72-2.72a.75.75%200%200%200%200-1.06Z'%20fill='currentColor'/%3e%3c/svg%3e", dl = "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='M11%204.75a6.25%206.25%200%201%200%200%2012.5%206.25%206.25%200%200%200%200-12.5ZM3.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%2011Z'%20fill='currentColor'/%3e%3c/svg%3e", dt = "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='M6.47%206.47a.75.75%200%200%201%201.06%200L12%2010.94l4.47-4.47a.75.75%200%201%201%201.06%201.06L13.06%2012l4.47%204.47a.75.75%200%201%201-1.06%201.06L12%2013.06l-4.47%204.47a.75.75%200%200%201-1.06-1.06L10.94%2012%206.47%207.53a.75.75%200%200%201%200-1.06Z'%20fill='currentColor'/%3e%3c/svg%3e", pl = "_box_w0y7n_1", ml = "_search_w0y7n_5", gl = "_searchIcon_w0y7n_29", hl = "_clearIcon_w0y7n_30", Kt = {
+const ul = "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='M11.53%203.47a.75.75%200%200%200-1.06%200l-4%204a.75.75%200%200%200%200%201.06l4%204a.75.75%200%201%200%201.06-1.06L8.81%208.75H11c.88%200%202.217.27%203.312%201.059%201.057.76%201.938%202.035%201.938%204.191%200%202.156-.881%203.43-1.938%204.191-1.095.789-2.432%201.059-3.312%201.059a.75.75%200%200%200%200%201.5c1.12%200%202.783-.33%204.188-1.341%201.443-1.04%202.562-2.765%202.562-5.409%200-2.644-1.119-4.37-2.562-5.409C13.783%207.58%2012.12%207.25%2011%207.25H8.81l2.72-2.72a.75.75%200%200%200%200-1.06Z'%20fill='currentColor'/%3e%3c/svg%3e", dl = "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='M11%204.75a6.25%206.25%200%201%200%200%2012.5%206.25%206.25%200%200%200%200-12.5ZM3.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%2011Z'%20fill='currentColor'/%3e%3c/svg%3e", dt = "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='M6.47%206.47a.75.75%200%200%201%201.06%200L12%2010.94l4.47-4.47a.75.75%200%201%201%201.06%201.06L13.06%2012l4.47%204.47a.75.75%200%201%201-1.06%201.06L12%2013.06l-4.47%204.47a.75.75%200%200%201-1.06-1.06L10.94%2012%206.47%207.53a.75.75%200%200%201%200-1.06Z'%20fill='currentColor'/%3e%3c/svg%3e", pl = "_box_w0y7n_1", ml = "_search_w0y7n_5", gl = "_searchIcon_w0y7n_29", hl = "_clearIcon_w0y7n_30", Qt = {
   box: pl,
   search: ml,
   searchIcon: gl,
@@ -1055,28 +1055,28 @@ function et({
   clearIconClearFn: s
 }) {
   const a = typeof r == "function" && typeof e == "string";
-  return /* @__PURE__ */ n.jsxs("div", { className: Kt.box, children: [
+  return /* @__PURE__ */ n.jsxs("div", { className: Qt.box, children: [
     a ? /* @__PURE__ */ n.jsx(
       "input",
       {
         id: t,
         type: "text",
-        className: Kt.search,
+        className: Qt.search,
         placeholder: o,
         value: e,
         onChange: (l) => {
           r(l.target.value);
         }
       }
-    ) : /* @__PURE__ */ n.jsx("input", { id: t, type: "text", className: Kt.search, placeholder: o }),
-    /* @__PURE__ */ n.jsx("span", { children: /* @__PURE__ */ n.jsx("img", { src: dl, alt: "search", className: Kt.searchIcon }) }),
+    ) : /* @__PURE__ */ n.jsx("input", { id: t, type: "text", className: Qt.search, placeholder: o }),
+    /* @__PURE__ */ n.jsx("span", { children: /* @__PURE__ */ n.jsx("img", { src: dl, alt: "search", className: Qt.searchIcon }) }),
     a && e.length !== 0 && /* @__PURE__ */ n.jsx(
       "span",
       {
         onClick: () => {
           typeof s == "function" && s(), r("");
         },
-        children: /* @__PURE__ */ n.jsx("img", { src: dt, alt: "Clear Search", className: Kt.clearIcon })
+        children: /* @__PURE__ */ n.jsx("img", { src: dt, alt: "Clear Search", className: Qt.clearIcon })
       }
     )
   ] });
@@ -1609,11 +1609,11 @@ function Xx({
 }) {
   var Z;
   const [v, g] = x.useState([]), [_, I] = x.useState({}), [h, C] = x.useState({}), { ref: y, inView: A } = Ma(), B = !e.isFetching && !e.isError && !t.length, { isCheckbox: R, isRadio: w, setSelectedRows: k } = a;
-  $t(() => {
+  Xt(() => {
     if (!s || !v.length) return;
     const { setSortOrd: F, setSortBy: j, sortMap: N } = s;
     j(N[v[0].id]), F(v[0].desc ? "desc" : "asc");
-  }, [v]), $t(() => {
+  }, [v]), Xt(() => {
     if (!a || !k) return;
     const F = M.getSelectedRowModel().rows.map((j) => j.original);
     k([...F]);
@@ -2202,7 +2202,7 @@ function yr({ children: t }) {
 }
 yr.displayName = ce.INPUT_GROUP;
 yr.id = ce.INPUT_GROUP;
-const Ar = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014Zm0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016Z'%20fill='%23B5B5B5'/%3e%3cpath%20d='m8.93%206.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738%203.468c-.194.897.105%201.319.808%201.319.545%200%201.178-.252%201.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275%200-.375-.193-.304-.533L8.93%206.588ZM9%204.5a1%201%200%201%201-2%200%201%201%200%200%201%202%200Z'%20fill='%23B5B5B5'/%3e%3c/svg%3e", tu = "_trigger_1vdqd_1", nu = "_content_1vdqd_7", su = "_arrow_1vdqd_18", tn = {
+const Ar = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014Zm0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016Z'%20fill='%23B5B5B5'/%3e%3cpath%20d='m8.93%206.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738%203.468c-.194.897.105%201.319.808%201.319.545%200%201.178-.252%201.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275%200-.375-.193-.304-.533L8.93%206.588ZM9%204.5a1%201%200%201%201-2%200%201%201%200%200%201%202%200Z'%20fill='%23B5B5B5'/%3e%3c/svg%3e", tu = "_trigger_1vdqd_1", nu = "_content_1vdqd_7", su = "_arrow_1vdqd_18", en = {
   trigger: tu,
   content: nu,
   arrow: su
@@ -2213,7 +2213,7 @@ function ou({ children: t, api: e, customStyles: r = {} }) {
     {
       ...e.getTriggerProps(),
       type: "button",
-      className: tn.trigger,
+      className: en.trigger,
       style: { ...r },
       children: t
     }
@@ -2242,12 +2242,12 @@ function ru({
       ...e.getPositionerProps(),
       style: { ...(i = e == null ? void 0 : e.getPositionerProps()) == null ? void 0 : i.style, ...o },
       children: [
-        /* @__PURE__ */ n.jsx("div", { ...l, className: S(tn.arrow, { [tn[r]]: !a }), children: /* @__PURE__ */ n.jsx("div", { ...e.getArrowTipProps() }) }),
+        /* @__PURE__ */ n.jsx("div", { ...l, className: S(en.arrow, { [en[r]]: !a }), children: /* @__PURE__ */ n.jsx("div", { ...e.getArrowTipProps() }) }),
         /* @__PURE__ */ n.jsx(
           "div",
           {
             ...e.getContentProps(),
-            className: S(tn.content, tn[r]),
+            className: S(en.content, en[r]),
             style: { background: a ? r : "", ...s },
             children: t
           }
@@ -2342,13 +2342,13 @@ function $x({
     },
     [e]
   ), [c, i] = U(
-    zt.machine({
+    $t.machine({
       id: x.useId(),
       open: t,
       onOpenChange: (p) => l(p.open),
       ...a
     })
-  ), u = zt.connect(c, i, Q), d = x.Children.toArray(r).map((p) => x.cloneElement(p, {
+  ), u = $t.connect(c, i, Q), d = x.Children.toArray(r).map((p) => x.cloneElement(p, {
     ...p.props,
     api: u,
     size: o
@@ -2780,7 +2780,7 @@ function Nr(t) {
   var e = Du(t, "string");
   return Rt(e) == "symbol" ? e : e + "";
 }
-function Mt(t, e, r) {
+function Wt(t, e, r) {
   return (e = Nr(e)) in t ? Object.defineProperty(t, e, {
     value: r,
     enumerable: !0,
@@ -2802,7 +2802,7 @@ function L(t) {
   for (var e = 1; e < arguments.length; e++) {
     var r = arguments[e] != null ? arguments[e] : {};
     e % 2 ? bo(Object(r), !0).forEach(function(o) {
-      Mt(t, o, r[o]);
+      Wt(t, o, r[o]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : bo(Object(r)).forEach(function(o) {
       Object.defineProperty(t, o, Object.getOwnPropertyDescriptor(r, o));
     });
@@ -2897,7 +2897,7 @@ function zu() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Xt(t) {
+function Zt(t) {
   return Xu(t) || $u(t) || Sr(t) || zu();
 }
 function Yu(t) {
@@ -3300,7 +3300,7 @@ function yd(t) {
 function Ad(t) {
   return Array.isArray(t);
 }
-function nn(t, e, r) {
+function tn(t, e, r) {
   return t ? e : r;
 }
 var Nd = function(e) {
@@ -3396,7 +3396,7 @@ var Pr = function(e) {
   var o, s = e.placement, a = e.theme, l = a.borderRadius, c = a.spacing, i = a.colors;
   return L((o = {
     label: "menu"
-  }, Mt(o, Ed(s), "100%"), Mt(o, "position", "absolute"), Mt(o, "width", "100%"), Mt(o, "zIndex", 1), o), r ? {} : {
+  }, Wt(o, Ed(s), "100%"), Wt(o, "position", "absolute"), Wt(o, "width", "100%"), Wt(o, "zIndex", 1), o), r ? {} : {
     backgroundColor: i.neutral0,
     borderRadius: l,
     boxShadow: "0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",
@@ -4536,7 +4536,7 @@ function Bo() {
 function Fo() {
   return "ontouchstart" in window || navigator.maxTouchPoints;
 }
-var Go = !!(typeof window < "u" && window.document && window.document.createElement), qt = 0, Pt = {
+var Go = !!(typeof window < "u" && window.document && window.document.createElement), Kt = 0, Pt = {
   capture: !1,
   passive: !1
 };
@@ -4547,19 +4547,19 @@ function op(t) {
       if (o && So.forEach(function(v) {
         var g = d && d[v];
         s.current[v] = g;
-      }), o && qt < 1) {
+      }), o && Kt < 1) {
         var p = parseInt(s.current.paddingRight, 10) || 0, m = document.body ? document.body.clientWidth : 0, b = window.innerWidth - m + p || 0;
         Object.keys(wo).forEach(function(v) {
           var g = wo[v];
           d && (d[v] = g);
         }), d && (d.paddingRight = "".concat(b, "px"));
       }
-      u && Fo() && (u.addEventListener("touchmove", Eo, Pt), i && (i.addEventListener("touchstart", Bo, Pt), i.addEventListener("touchmove", Ro, Pt))), qt += 1;
+      u && Fo() && (u.addEventListener("touchmove", Eo, Pt), i && (i.addEventListener("touchstart", Bo, Pt), i.addEventListener("touchmove", Ro, Pt))), Kt += 1;
     }
   }, [o]), c = Ae(function(i) {
     if (Go) {
       var u = document.body, d = u && u.style;
-      qt = Math.max(qt - 1, 0), o && qt < 1 && So.forEach(function(p) {
+      Kt = Math.max(Kt - 1, 0), o && Kt < 1 && So.forEach(function(p) {
         var m = s.current[p];
         d && (d[p] = m);
       }), u && Fo() && (u.removeEventListener("touchmove", Eo, Pt), i && (i.removeEventListener("touchstart", Bo, Pt), i.removeEventListener("touchmove", Ro, Pt)));
@@ -4791,14 +4791,14 @@ function yn(t, e) {
 }
 function Ur(t) {
   return t.reduce(function(e, r) {
-    return r.type === "group" ? e.push.apply(e, Xt(r.options.map(function(o) {
+    return r.type === "group" ? e.push.apply(e, Zt(r.options.map(function(o) {
       return o.data;
     }))) : e.push(r.data), e;
   }, []);
 }
 function ko(t, e) {
   return t.reduce(function(r, o) {
-    return o.type === "group" ? r.push.apply(r, Xt(o.options.map(function(s) {
+    return o.type === "group" ? r.push.apply(r, Zt(o.options.map(function(s) {
       return {
         data: s.data,
         id: "".concat(e, "-").concat(o.index, "-").concat(s.index)
@@ -4914,7 +4914,7 @@ var ta = function(e) {
           return s.getOptionValue(I) !== _;
         }), "deselect-option", i);
       } else if (!g)
-        p ? s.setValue([].concat(Xt(b), [i]), "select-option", i) : s.setValue(i, "select-option");
+        p ? s.setValue([].concat(Zt(b), [i]), "select-option", i) : s.setValue(i, "select-option");
       else {
         s.ariaOnChange(i, {
           action: "select-option",
@@ -4927,19 +4927,19 @@ var ta = function(e) {
     }, s.removeValue = function(i) {
       var u = s.props.isMulti, d = s.state.selectValue, p = s.getOptionValue(i), m = d.filter(function(v) {
         return s.getOptionValue(v) !== p;
-      }), b = nn(u, m, m[0] || null);
+      }), b = tn(u, m, m[0] || null);
       s.onChange(b, {
         action: "remove-value",
         removedValue: i
       }), s.focusInput();
     }, s.clearValue = function() {
       var i = s.state.selectValue;
-      s.onChange(nn(s.props.isMulti, [], null), {
+      s.onChange(tn(s.props.isMulti, [], null), {
         action: "clear",
         removedValues: i
       });
     }, s.popValue = function() {
-      var i = s.props.isMulti, u = s.state.selectValue, d = u[u.length - 1], p = u.slice(0, u.length - 1), m = nn(i, p, p[0] || null);
+      var i = s.props.isMulti, u = s.state.selectValue, d = u[u.length - 1], p = u.slice(0, u.length - 1), m = tn(i, p, p[0] || null);
       s.onChange(m, {
         action: "pop-value",
         removedValue: d
@@ -5551,11 +5551,11 @@ var ta = function(e) {
       var P = function(Ie, ke) {
         var je = Ie.type, _e = Ie.data, Pe = Ie.isDisabled, Ne = Ie.isSelected, nt = Ie.label, mt = Ie.value, Bt = g === _e, gt = Pe ? void 0 : function() {
           return s.onOptionHover(_e);
-        }, Yt = Pe ? void 0 : function() {
+        }, zt = Pe ? void 0 : function() {
           return s.selectOption(_e);
         }, Ft = "".concat(s.getElementId("option"), "-").concat(ke), st = {
           id: Ft,
-          onClick: Yt,
+          onClick: zt,
           onMouseMove: gt,
           onMouseOver: gt,
           tabIndex: -1,
@@ -5759,7 +5759,7 @@ var ta = function(e) {
         inputIsHiddenAfterUpdate: void 0
       } : {}, H = u, M = d && p;
       return d && !M && (H = {
-        value: nn(I, h, h[0] || null),
+        value: tn(I, h, h[0] || null),
         options: h,
         action: "initial-input-focus"
       }, M = !p), (u == null ? void 0 : u.action) === "initial-input-focus" && (H = null), L(L(L({}, C), k), {}, {
@@ -5797,8 +5797,8 @@ var Bp = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading
 function Fp(t) {
   var e = t.defaultOptions, r = e === void 0 ? !1 : e, o = t.cacheOptions, s = o === void 0 ? !1 : o, a = t.loadOptions;
   t.options;
-  var l = t.isLoading, c = l === void 0 ? !1 : l, i = t.onInputChange, u = t.filterOption, d = u === void 0 ? null : u, p = tt(t, Bp), m = p.inputValue, b = Qe(void 0), v = Qe(!1), g = Se(Array.isArray(r) ? r : void 0), _ = ye(g, 2), I = _[0], h = _[1], C = Se(typeof m < "u" ? m : ""), y = ye(C, 2), A = y[0], B = y[1], R = Se(r === !0), w = ye(R, 2), k = w[0], H = w[1], M = Se(void 0), Z = ye(M, 2), F = Z[0], j = Z[1], N = Se([]), P = ye(N, 2), q = P[0], be = P[1], We = Se(!1), Te = ye(We, 2), rt = Te[0], ee = Te[1], Ie = Se({}), ke = ye(Ie, 2), je = ke[0], _e = ke[1], Pe = Se(void 0), Ne = ye(Pe, 2), nt = Ne[0], mt = Ne[1], Bt = Se(void 0), gt = ye(Bt, 2), Yt = gt[0], Ft = gt[1];
-  s !== Yt && (_e({}), Ft(s)), r !== nt && (h(Array.isArray(r) ? r : void 0), mt(r)), jn(function() {
+  var l = t.isLoading, c = l === void 0 ? !1 : l, i = t.onInputChange, u = t.filterOption, d = u === void 0 ? null : u, p = tt(t, Bp), m = p.inputValue, b = Qe(void 0), v = Qe(!1), g = Se(Array.isArray(r) ? r : void 0), _ = ye(g, 2), I = _[0], h = _[1], C = Se(typeof m < "u" ? m : ""), y = ye(C, 2), A = y[0], B = y[1], R = Se(r === !0), w = ye(R, 2), k = w[0], H = w[1], M = Se(void 0), Z = ye(M, 2), F = Z[0], j = Z[1], N = Se([]), P = ye(N, 2), q = P[0], be = P[1], We = Se(!1), Te = ye(We, 2), rt = Te[0], ee = Te[1], Ie = Se({}), ke = ye(Ie, 2), je = ke[0], _e = ke[1], Pe = Se(void 0), Ne = ye(Pe, 2), nt = Ne[0], mt = Ne[1], Bt = Se(void 0), gt = ye(Bt, 2), zt = gt[0], Ft = gt[1];
+  s !== zt && (_e({}), Ft(s)), r !== nt && (h(Array.isArray(r) ? r : void 0), mt(r)), jn(function() {
     return v.current = !0, function() {
       v.current = !1;
     };
@@ -5826,7 +5826,7 @@ function Fp(t) {
     else {
       var $n = b.current = {};
       B(we), H(!0), ee(!F), st(we, function(Ct) {
-        v && $n === b.current && (b.current = void 0, H(!1), j(we), be(Ct || []), ee(!1), _e(Ct ? L(L({}, je), {}, Mt({}, we, Ct)) : je));
+        v && $n === b.current && (b.current = void 0, H(!1), j(we), be(Ct || []), ee(!1), _e(Ct ? L(L({}, je), {}, Wt({}, we, Ct)) : je));
       });
     }
   }, [s, st, F, je, i]), hn = rt ? [] : A && F ? q : I || [];
@@ -5941,7 +5941,7 @@ function Pp(t) {
       getOptionLabel: C
     }) ? d(y, l(y)) : void 0;
   }, [l, d, C, I, y, i, b, R]), H = ft(function() {
-    return (r || !A) && k ? s === "first" ? [k].concat(Xt(b)) : [].concat(Xt(b), [k]) : b;
+    return (r || !A) && k ? s === "first" ? [k].concat(Zt(b)) : [].concat(Zt(b), [k]) : b;
   }, [r, s, A, k, b]), M = Ae(function(Z, F) {
     if (F.action !== "select-option")
       return v(Z, F);
@@ -5954,7 +5954,7 @@ function Pp(t) {
           name: w,
           option: N
         };
-        v(nn(B, [].concat(Xt(Ln(R)), [N]), N), P);
+        v(tn(B, [].concat(Zt(Ln(R)), [N]), N), P);
       }
       return;
     }
@@ -7383,9 +7383,9 @@ function rn({
     () => s.find((u) => u.id === (a == null ? void 0 : a.id)),
     [a, s]
   ), i = ar(
-    Zt(ir),
-    Zt(lr, {}),
-    Zt(cr, {
+    Mt(ir),
+    Mt(lr, {}),
+    Mt(cr, {
       coordinateGetter: pr
     })
   );
@@ -7426,7 +7426,7 @@ function $g({
   isDropdownActions: o
 }) {
   const { columns: s, isPending: a, isError: l, handleSaveColumns: c } = t, [i, u] = x.useState([]), [d, p] = x.useState(""), [m, b] = U(
-    zt.machine({
+    $t.machine({
       id: x.useId(),
       onOpenChange(A) {
         A.open || p("");
@@ -7435,7 +7435,7 @@ function $g({
       closeOnInteractOutside: !1,
       preventScroll: !1
     })
-  ), v = zt.connect(m, b, Q), g = e.getAllLeafColumns().filter(
+  ), v = $t.connect(m, b, Q), g = e.getAllLeafColumns().filter(
     (A) => !A.columnDef.enableHiding && A.id !== lt && A.id !== vt && A.id !== St
   );
   x.useEffect(() => {
@@ -7896,7 +7896,7 @@ function mI({
     left: m != null && m.stickyIds ? [vt, lt, ...m == null ? void 0 : m.stickyIds] : [vt, lt],
     right: [St]
   }), [R, w] = x.useState({}), k = !e.isFetching && !e.isError && !t.length, { isCheckbox: H, isRadio: M, setSelectedRows: Z } = a;
-  $t(() => {
+  Xt(() => {
     if (!s) return;
     const { setSortOrd: N, setSortBy: P, sortMap: q } = s;
     if (!g.length) {
@@ -7904,7 +7904,7 @@ function mI({
       return;
     }
     P(q[g[0].id]), N(g[0].desc ? "desc" : "asc");
-  }, [g]), $t(() => {
+  }, [g]), Xt(() => {
     if (!a || !Z) return;
     const N = j.getSelectedRowModel().rows.map((P) => P.original);
     Z([...N]);
@@ -8273,7 +8273,7 @@ function hI({ user: t, imageStyles: e = {} }) {
     }
   );
 }
-const ma = "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.47%205.47a.75.75%200%200%201%201.06%200L12%2010.94l5.47-5.47a.75.75%200%201%201%201.06%201.06L13.06%2012l5.47%205.47a.75.75%200%201%201-1.06%201.06L12%2013.06l-5.47%205.47a.75.75%200%200%201-1.06-1.06L10.94%2012%205.47%206.53a.75.75%200%200%201%200-1.06'%20fill='%23070F2C'/%3e%3c/svg%3e", Yh = "_box_onnk9_1", Jh = "_neutral_onnk9_10", Uh = "_positive_onnk9_20", Qh = "_warning_onnk9_25", Kh = "_error_onnk9_30", qh = "_highlight_onnk9_35", e1 = "_white_onnk9_40", t1 = "_avatar_onnk9_45", n1 = "_icon_onnk9_51", en = {
+const ma = "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.47%205.47a.75.75%200%200%201%201.06%200L12%2010.94l5.47-5.47a.75.75%200%201%201%201.06%201.06L13.06%2012l5.47%205.47a.75.75%200%201%201-1.06%201.06L12%2013.06l-5.47%205.47a.75.75%200%200%201-1.06-1.06L10.94%2012%205.47%206.53a.75.75%200%200%201%200-1.06'%20fill='%23070F2C'/%3e%3c/svg%3e", Yh = "_box_onnk9_1", Jh = "_neutral_onnk9_10", Uh = "_positive_onnk9_20", Qh = "_warning_onnk9_25", Kh = "_error_onnk9_30", qh = "_highlight_onnk9_35", e1 = "_white_onnk9_40", t1 = "_avatar_onnk9_45", n1 = "_icon_onnk9_51", qt = {
   box: Yh,
   neutral: Jh,
   default: "_default_onnk9_15",
@@ -8292,10 +8292,10 @@ function o1({
   username: r,
   profileImgUrl: o
 }) {
-  return /* @__PURE__ */ n.jsxs("div", { className: S(en.box, en[t], { [en.selected]: e }), children: [
-    /* @__PURE__ */ n.jsx("img", { src: o, alt: r, className: en.avatar }),
+  return /* @__PURE__ */ n.jsxs("div", { className: S(qt.box, qt[t], { [qt.selected]: e }), children: [
+    /* @__PURE__ */ n.jsx("img", { src: o, alt: r, className: qt.avatar }),
     /* @__PURE__ */ n.jsx("span", { className: "zap-caption-semibold", children: r }),
-    e && /* @__PURE__ */ n.jsx(T, { path: ma, svgClassName: en.icon })
+    e && /* @__PURE__ */ n.jsx(T, { path: ma, svgClassName: qt.icon })
   ] });
 }
 const r1 = "_tabs_hb1nk_1", a1 = "_tabBar_hb1nk_9", i1 = "_tab_hb1nk_1", l1 = "_activeTab_hb1nk_32", c1 = "_tabContent_hb1nk_49", ln = {
@@ -8312,29 +8312,34 @@ const r1 = "_tabs_hb1nk_1", a1 = "_tabBar_hb1nk_9", i1 = "_tab_hb1nk_1", l1 = "_
   customClassName: s = "",
   customStyles: a = {}
 }) => {
-  const l = Wt.useCallback((c) => {
+  const l = (c) => {
     r(c);
-  }, [r]);
+  };
   return /* @__PURE__ */ n.jsxs("div", { id: t, className: S(ln.tabs, s), style: a, children: [
-    /* @__PURE__ */ n.jsx("div", { className: ln.tabBar, children: Wt.Children.map(
+    /* @__PURE__ */ n.jsx("div", { className: ln.tabBar, children: nn.Children.map(
       o,
-      (c, i) => Wt.cloneElement(c, {
-        isActive: c.props.title === e,
-        onClick: () => l(c.props.title)
+      (c) => nn.cloneElement(c, {
+        isActive: c.props.eventKey === e,
+        onClick: () => l(c.props.eventKey)
       })
     ) }),
-    /* @__PURE__ */ n.jsx("div", { className: ln.tabContent, children: Wt.Children.map(o, (c) => c.props.title === e ? c.props.children : "") })
+    /* @__PURE__ */ n.jsx("div", { className: ln.tabContent, children: nn.Children.map(
+      o,
+      (c) => c.props.eventKey === e ? c.props.children : null
+    ) })
   ] });
-}, fI = ({ title: t, isActive: e, customClassName: r, customStyles: o }) => /* @__PURE__ */ n.jsx(
+}, fI = ({
+  title: t,
+  isActive: e,
+  customClassName: r,
+  customStyles: o,
+  onClick: s
+}) => /* @__PURE__ */ n.jsx(
   "button",
   {
-    className: S(
-      ln.tab,
-      e ? ln.activeTab : "",
-      "zap-subheading-semibold",
-      r
-    ),
+    className: S(ln.tab, e ? ln.activeTab : "", "charizard-subheading-semibold", r),
     style: o,
+    onClick: s,
     children: t
   }
 ), u1 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%2010.5a.5.5%200%200%200%20.5-.5V8a.5.5%200%200%200-1%200v2a.5.5%200%200%200%20.5.5m0-4a.5.5%200%201%200-.5-.5.5.5%200%200%200%20.5.5'%20fill='%23070F2C'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.61%202.5a.17.17%200%200%200-.118.049L2.549%205.492a.17.17%200%200%200-.049.117v4.781q.001.07.049.118l2.943%202.943a.17.17%200%200%200%20.117.049h4.781a.17.17%200%200%200%20.118-.049l2.943-2.943a.17.17%200%200%200%20.049-.117V5.608a.17.17%200%200%200-.049-.117l-2.943-2.943a.17.17%200%200%200-.117-.049zm-.825-.658c.218-.22.515-.342.824-.342h4.781c.31%200%20.607.123.825.342l2.943%202.943c.22.218.342.515.342.824v4.781c0%20.31-.123.607-.342.825l-2.942%202.943a1.17%201.17%200%200%201-.825.342H5.608c-.309%200-.606-.123-.824-.342l-2.943-2.942a1.17%201.17%200%200%201-.342-.825V5.608c0-.309.123-.606.342-.824z'%20fill='%23070F2C'/%3e%3c/svg%3e", d1 = "_card_1lhur_1", p1 = "_taskSection_1lhur_14", m1 = "_taskName_1lhur_22", g1 = "_dateAndTime_1lhur_26", h1 = "_detailsSection_1lhur_31", b1 = "_detail_1lhur_31", f1 = "_detailKey_1lhur_46", v1 = "_detailValue_1lhur_51", x1 = "_detailValueNA_1lhur_56", I1 = "_actionSection_1lhur_61", Ue = {
@@ -9505,9 +9510,9 @@ function cn({
     () => s.find((u) => u.id === (a == null ? void 0 : a.id)),
     [a, s]
   ), i = ar(
-    Zt(ir),
-    Zt(lr, {}),
-    Zt(cr, {
+    Mt(ir),
+    Mt(lr, {}),
+    Mt(cr, {
       coordinateGetter: pr
     })
   );
@@ -9548,7 +9553,7 @@ function lv({
   isDropdownActions: o
 }) {
   const { columns: s, isPending: a, isError: l, handleSaveColumns: c } = t, [i, u] = x.useState([]), [d, p] = x.useState(""), [m, b] = U(
-    zt.machine({
+    $t.machine({
       id: x.useId(),
       onOpenChange(A) {
         A.open || p("");
@@ -9557,7 +9562,7 @@ function lv({
       closeOnInteractOutside: !1,
       preventScroll: !1
     })
-  ), v = zt.connect(m, b, Q), g = e.getAllLeafColumns().filter(
+  ), v = $t.connect(m, b, Q), g = e.getAllLeafColumns().filter(
     (A) => !A.columnDef.enableHiding && A.id !== ct && A.id !== xt && A.id !== Et
   );
   x.useEffect(() => {
@@ -10018,7 +10023,7 @@ function _I({
     left: m != null && m.stickyIds ? [xt, ct, ...m == null ? void 0 : m.stickyIds] : [xt, ct],
     right: [Et]
   }), [R, w] = x.useState({}), k = !e.isFetching && !e.isError && !t.length, { isCheckbox: H, isRadio: M, setSelectedRows: Z } = a;
-  $t(() => {
+  Xt(() => {
     if (!s) return;
     const { setSortOrd: N, setSortBy: P, sortMap: q } = s;
     if (!g.length) {
@@ -10026,7 +10031,7 @@ function _I({
       return;
     }
     P(q[g[0].id]), N(g[0].desc ? "desc" : "asc");
-  }, [g]), $t(() => {
+  }, [g]), Xt(() => {
     if (!a || !Z) return;
     const N = j.getSelectedRowModel().rows.map((P) => P.original);
     Z([...N]);