@overdoser/react-toolkit 0.0.13 → 0.0.14

package/index.js

@@ -1,18 +1,18 @@
-import { forwardRef as $e, createElement as an, useState as Le, useCallback as pe, useMemo as ke, useEffect as Ne, useLayoutEffect as jt, useRef as oe, useId as Ye, isValidElement as dn, cloneElement as Xt, createContext as _t, useContext as ft, useImperativeHandle as un } from "react";
-import { jsxs as j, jsx as s, Fragment as je } from "react/jsx-runtime";
+import { forwardRef as Ne, createElement as an, useState as Re, useCallback as pe, useMemo as ke, useEffect as Le, useLayoutEffect as zt, useRef as oe, useId as Ue, isValidElement as dn, cloneElement as jt, createContext as _t, useContext as ft, useImperativeHandle as un } from "react";
+import { jsxs as z, jsx as s, Fragment as ze } from "react/jsx-runtime";
 import { createPortal as pt } from "react-dom";
 import { FormProvider as hn, useFormContext as mn, useController as fn } from "react-hook-form";
-function Ut(e) {
+function Yt(e) {
   var t, n, r = "";
   if (typeof e == "string" || typeof e == "number") r += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (n = Ut(e[t])) && (r && (r += " "), r += n);
+    for (t = 0; t < o; t++) e[t] && (n = Yt(e[t])) && (r && (r += " "), r += n);
   } else for (n in e) e[n] && (r && (r += " "), r += n);
   return r;
 }
 function m() {
-  for (var e, t, n = 0, r = "", o = arguments.length; n < o; n++) (e = arguments[n]) && (t = Ut(e)) && (r && (r += " "), r += t);
+  for (var e, t, n = 0, r = "", o = arguments.length; n < o; n++) (e = arguments[n]) && (t = Yt(e)) && (r && (r += " "), r += t);
   return r;
 }
 const pn = "crk-root-8RX49", gn = "crk-loading-QfItr", yn = "crk-primary-st6yY", vn = "crk-secondary-j-3rj", bn = "crk-danger-Hxs5n", xn = "crk-ghost-kQ0A8", kn = "crk-sm-RXFPY", Mn = "crk-md-nDnOD", wn = "crk-lg-qD-Qh", $n = "crk-fullWidth-AHpSl", Nn = "crk-iconOnly-FNrSu", Ln = "crk-content-PpYVU", Rn = "crk-shimmer-8iQSU", Sn = "crk-loadingShimmer-BVvFw", Tn = "crk-shimmerSweep-uiZ01", Cn = "crk-dots-U8wss", An = "crk-loadingDots-eKv64", Bn = "crk-dot-Owuk1", In = "crk-dotBounce-FwdcC", Dn = "crk-loadingBorder-9ULFw", En = "crk-borderSpin-EJ2gW", Be = {
@@ -41,7 +41,7 @@ const pn = "crk-root-8RX49", gn = "crk-loading-QfItr", yn = "crk-primary-st6yY",
   dots: Be.loadingDots,
   shimmer: Be.loadingShimmer,
   border: Be.loadingBorder
-}, Yt = $e(
+}, Ut = Ne(
   ({
     variant: e = "primary",
     size: t = "md",
@@ -55,7 +55,7 @@ const pn = "crk-root-8RX49", gn = "crk-loading-QfItr", yn = "crk-primary-st6yY",
     style: h,
     children: u,
     ...d
-  }, f) => /* @__PURE__ */ j(
+  }, f) => /* @__PURE__ */ z(
     "button",
     {
       ref: f,
@@ -77,7 +77,7 @@ const pn = "crk-root-8RX49", gn = "crk-loading-QfItr", yn = "crk-primary-st6yY",
       children: [
         /* @__PURE__ */ s("div", { className: m(Be.shimmer, l?.shimmer) }),
         /* @__PURE__ */ s("span", { className: m(Be.content, l?.content), children: u }),
-        /* @__PURE__ */ j("span", { className: m(Be.dots, l?.dots), "aria-hidden": "true", children: [
+        /* @__PURE__ */ z("span", { className: m(Be.dots, l?.dots), "aria-hidden": "true", children: [
           /* @__PURE__ */ s("span", { className: m(Be.dot, l?.dot) }),
           /* @__PURE__ */ s("span", { className: m(Be.dot, l?.dot) }),
           /* @__PURE__ */ s("span", { className: m(Be.dot, l?.dot) })
@@ -86,14 +86,14 @@ const pn = "crk-root-8RX49", gn = "crk-loading-QfItr", yn = "crk-primary-st6yY",
     }
   )
 );
-Yt.displayName = "Button";
+Ut.displayName = "Button";
 const Wn = "crk-root-2j4Vp", Hn = "crk-muted-vReNc", On = "crk-danger-ugf9r", Fn = "crk-srOnly-LGQgs", $t = {
   root: Wn,
   default: "crk-default-3TBlr",
   muted: Hn,
   danger: On,
   srOnly: Fn
-}, zn = $e(
+}, Xn = Ne(
   ({
     variant: e = "default",
     external: t = !1,
@@ -101,7 +101,7 @@ const Wn = "crk-root-2j4Vp", Hn = "crk-muted-vReNc", On = "crk-danger-ugf9r", Fn
     style: r,
     children: o,
     ...c
-  }, i) => /* @__PURE__ */ j(
+  }, i) => /* @__PURE__ */ z(
     "a",
     {
       ref: i,
@@ -119,13 +119,13 @@ const Wn = "crk-root-2j4Vp", Hn = "crk-muted-vReNc", On = "crk-danger-ugf9r", Fn
     }
   )
 );
-zn.displayName = "Link";
-const jn = "crk-root-U-oiq", Xn = "crk-h1-Aivwz", _n = "crk-h2-CV8Oo", Un = "crk-h3-lrbrK", Yn = "crk-h4--jkC1", Vn = "crk-h5-GnQvD", qn = "crk-h6-MKlIN", Gn = "crk-p-FzRtm", Zn = "crk-span-NZvLx", Kn = "crk-label-Cwi6a", Qn = "crk-normal-7AeZz", Jn = "crk-medium-36OXr", er = "crk-semibold-oQixc", tr = "crk-bold-bk4b4", nr = "crk-muted-itOSW", rr = "crk-primary-rp36t", or = "crk-danger-SyOy-", ir = "crk-success-w8PpD", cr = "crk-align-left-3AGYw", lr = "crk-align-center-h-x--", sr = "crk-align-right-IXFhK", ar = "crk-truncate-eqr85", Ue = {
-  root: jn,
-  h1: Xn,
+Xn.displayName = "Link";
+const zn = "crk-root-U-oiq", jn = "crk-h1-Aivwz", _n = "crk-h2-CV8Oo", Yn = "crk-h3-lrbrK", Un = "crk-h4--jkC1", Vn = "crk-h5-GnQvD", qn = "crk-h6-MKlIN", Gn = "crk-p-FzRtm", Zn = "crk-span-NZvLx", Kn = "crk-label-Cwi6a", Qn = "crk-normal-7AeZz", Jn = "crk-medium-36OXr", er = "crk-semibold-oQixc", tr = "crk-bold-bk4b4", nr = "crk-muted-itOSW", rr = "crk-primary-rp36t", or = "crk-danger-SyOy-", ir = "crk-success-w8PpD", cr = "crk-align-left-3AGYw", lr = "crk-align-center-h-x--", sr = "crk-align-right-IXFhK", ar = "crk-truncate-eqr85", Ye = {
+  root: zn,
+  h1: jn,
   h2: _n,
-  h3: Un,
-  h4: Yn,
+  h3: Yn,
+  h4: Un,
   h5: Vn,
   h6: qn,
   p: Gn,
@@ -144,7 +144,7 @@ const jn = "crk-root-U-oiq", Xn = "crk-h1-Aivwz", _n = "crk-h2-CV8Oo", Un = "crk
   alignCenter: lr,
   alignRight: sr,
   truncate: ar
-}, dr = $e(
+}, dr = Ne(
   ({
     variant: e = "p",
     weight: t,
@@ -160,12 +160,12 @@ const jn = "crk-root-U-oiq", Xn = "crk-h1-Aivwz", _n = "crk-h2-CV8Oo", Un = "crk
     {
       ref: h,
       className: m(
-        Ue.root,
-        Ue[e],
-        t && Ue[t],
-        n && Ue[n],
-        r && Ue[`align-${r}`],
-        o && Ue.truncate,
+        Ye.root,
+        Ye[e],
+        t && Ye[t],
+        n && Ye[n],
+        r && Ye[`align-${r}`],
+        o && Ye.truncate,
         c
       ),
       style: i,
@@ -184,7 +184,7 @@ const ur = "crk-root-PVrgx", hr = "crk-unordered-FhCWT", mr = "crk-item-TfW82",
   sm: gr,
   md: yr,
   lg: vr
-}, br = $e(
+}, br = Ne(
   ({
     variant: e = "unordered",
     spacing: t = "md",
@@ -209,7 +209,7 @@ const ur = "crk-root-PVrgx", hr = "crk-unordered-FhCWT", mr = "crk-item-TfW82",
   )
 );
 br.displayName = "List";
-const xr = $e(
+const xr = Ne(
   ({ className: e, style: t, children: n, ...r }, o) => /* @__PURE__ */ s(
     "li",
     {
@@ -222,7 +222,7 @@ const xr = $e(
   )
 );
 xr.displayName = "ListItem";
-const kr = "crk-wrapper-zxjMt", Mr = "crk-root-Gf85-", wr = "crk-headerCell-ePPZW", $r = "crk-headerCellSortable-NMybk", Nr = "crk-sortIndicator-WGD2S", Lr = "crk-sortArrow-1-ok4", Rr = "crk-sortArrowActive-yhWrO", Sr = "crk-sortIndex-HGoca", Tr = "crk-row-H0wL1", Cr = "crk-cell-ZfnbG", Ar = "crk-emptyRow-AoPfj", Br = "crk-emptyCell-99-7C", Ir = "crk-striped-6Qckq", Dr = "crk-hoverable-ljU9B", Er = "crk-compact-2-UWr", Pr = "crk-paginator-UlYIY", Wr = "crk-paginatorInfo-BVca4", Hr = "crk-paginatorText-sqWS0", Or = "crk-pageSizeSelect-yhqJQ", Fr = "crk-paginatorNav-MDSui", zr = "crk-pageButton-1PX-g", jr = "crk-pageButtonActive--D7Q7", Xr = "crk-pageEllipsis-en59J", ve = {
+const kr = "crk-wrapper-zxjMt", Mr = "crk-root-Gf85-", wr = "crk-headerCell-ePPZW", $r = "crk-headerCellSortable-NMybk", Nr = "crk-sortIndicator-WGD2S", Lr = "crk-sortArrow-1-ok4", Rr = "crk-sortArrowActive-yhWrO", Sr = "crk-sortIndex-HGoca", Tr = "crk-row-H0wL1", Cr = "crk-cell-ZfnbG", Ar = "crk-emptyRow-AoPfj", Br = "crk-emptyCell-99-7C", Ir = "crk-striped-6Qckq", Dr = "crk-hoverable-ljU9B", Er = "crk-compact-2-UWr", Pr = "crk-paginator-UlYIY", Wr = "crk-paginatorInfo-BVca4", Hr = "crk-paginatorText-sqWS0", Or = "crk-pageSizeSelect-yhqJQ", Fr = "crk-paginatorNav-MDSui", Xr = "crk-pageButton-1PX-g", zr = "crk-pageButtonActive--D7Q7", jr = "crk-pageEllipsis-en59J", ve = {
   wrapper: kr,
   root: Mr,
   headerCell: wr,
@@ -243,15 +243,15 @@ const kr = "crk-wrapper-zxjMt", Mr = "crk-root-Gf85-", wr = "crk-headerCell-ePPZ
   paginatorText: Hr,
   pageSizeSelect: Or,
   paginatorNav: Fr,
-  pageButton: zr,
-  pageButtonActive: jr,
-  pageEllipsis: Xr
+  pageButton: Xr,
+  pageButtonActive: zr,
+  pageEllipsis: jr
 };
 function _r(e, t) {
   return e == null && t == null ? 0 : e == null ? -1 : t == null ? 1 : typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t));
 }
-function Ur(e, t = []) {
-  const [n, r] = Le(t), o = pe((a) => {
+function Yr(e, t = []) {
+  const [n, r] = Re(t), o = pe((a) => {
     r((h) => {
       const u = h.find((d) => d.key === a);
       return u ? u.direction === "asc" ? [{ key: a, direction: "desc" }] : [] : [{ key: a, direction: "asc" }];
@@ -279,8 +279,8 @@ function Ur(e, t = []) {
     return 0;
   }), [e, n]), sortConfig: n, requestSort: o, requestMultiSort: c, resetSort: i };
 }
-function Yr({ direction: e, sortIndex: t }) {
-  return /* @__PURE__ */ j("span", { className: ve.sortIndicator, "aria-hidden": "true", children: [
+function Ur({ direction: e, sortIndex: t }) {
+  return /* @__PURE__ */ z("span", { className: ve.sortIndicator, "aria-hidden": "true", children: [
     /* @__PURE__ */ s("span", { className: m(ve.sortArrow, e === "asc" && ve.sortArrowActive), children: "▲" }),
     /* @__PURE__ */ s("span", { className: m(ve.sortArrow, e === "desc" && ve.sortArrowActive), children: "▼" }),
     t !== void 0 && t >= 0 && /* @__PURE__ */ s("span", { className: ve.sortIndex, children: t + 1 })
@@ -306,8 +306,8 @@ function Vr({
     }
     return u;
   }, [e, i]);
-  return /* @__PURE__ */ j("nav", { className: m(ve.paginator, c?.paginator), "aria-label": "Table pagination", children: [
-    /* @__PURE__ */ j("div", { className: ve.paginatorInfo, children: [
+  return /* @__PURE__ */ z("nav", { className: m(ve.paginator, c?.paginator), "aria-label": "Table pagination", children: [
+    /* @__PURE__ */ z("div", { className: ve.paginatorInfo, children: [
       /* @__PURE__ */ s("span", { className: ve.paginatorText, children: n > 0 ? `${l}–${a} of ${n}` : "No results" }),
       r.length > 1 && /* @__PURE__ */ s(
         "select",
@@ -316,14 +316,14 @@ function Vr({
           value: t,
           onChange: (u) => o(1, Number(u.target.value)),
           "aria-label": "Rows per page",
-          children: r.map((u) => /* @__PURE__ */ j("option", { value: u, children: [
+          children: r.map((u) => /* @__PURE__ */ z("option", { value: u, children: [
             u,
             " / page"
           ] }, u))
         }
       )
     ] }),
-    /* @__PURE__ */ j("div", { className: ve.paginatorNav, children: [
+    /* @__PURE__ */ z("div", { className: ve.paginatorNav, children: [
       /* @__PURE__ */ s(
         "button",
         {
@@ -383,29 +383,29 @@ function qr({
 }) {
   const R = r !== void 0, {
     sortedData: w,
-    sortConfig: J,
+    sortConfig: Q,
     requestSort: W,
-    requestMultiSort: E
-  } = Ur(e, n), Z = R ? n ?? [] : J, C = R ? e : w, $ = ke(() => {
-    if (!L || R) return C;
+    requestMultiSort: D
+  } = Yr(e, n), Z = R ? n ?? [] : Q, T = R ? e : w, $ = ke(() => {
+    if (!L || R) return T;
     const S = (L.page - 1) * L.pageSize;
-    return C.slice(S, S + L.pageSize);
-  }, [C, L, R]), ie = L?.totalRows ?? C.length, ne = pe(
+    return T.slice(S, S + L.pageSize);
+  }, [T, L, R]), ie = L?.totalRows ?? T.length, ne = pe(
     (S, re) => {
       const F = o && (re.ctrlKey || re.metaKey);
       if (R)
         if (F) {
-          const X = Z.findIndex((z) => z.key === S);
-          let A;
-          X === -1 ? A = [...Z, { key: S, direction: "asc" }] : Z[X].direction === "asc" ? A = Z.map(
-            (z, ce) => ce === X ? { key: S, direction: "desc" } : z
-          ) : A = Z.filter((z, ce) => ce !== X), r(A);
+          const j = Z.findIndex((X) => X.key === S);
+          let C;
+          j === -1 ? C = [...Z, { key: S, direction: "asc" }] : Z[j].direction === "asc" ? C = Z.map(
+            (X, se) => se === j ? { key: S, direction: "desc" } : X
+          ) : C = Z.filter((X, se) => se !== j), r(C);
         } else {
-          const X = Z.find((A) => A.key === S);
-          X ? X.direction === "asc" ? r([{ key: S, direction: "desc" }]) : r([]) : r([{ key: S, direction: "asc" }]);
+          const j = Z.find((C) => C.key === S);
+          j ? j.direction === "asc" ? r([{ key: S, direction: "desc" }]) : r([]) : r([{ key: S, direction: "asc" }]);
         }
       else
-        F ? E(S) : W(S);
+        F ? D(S) : W(S);
     },
     [
       R,
@@ -413,15 +413,15 @@ function qr({
       Z,
       r,
       W,
-      E
+      D
     ]
-  ), V = (S) => Z.find((F) => F.key === S)?.direction, ae = (S) => {
+  ), V = (S) => Z.find((F) => F.key === S)?.direction, ue = (S) => {
     if (Z.length <= 1) return;
     const re = Z.findIndex((F) => F.key === S);
     return re >= 0 ? re : void 0;
   };
-  return /* @__PURE__ */ j("div", { className: m(ve.wrapper, b?.wrapper), children: [
-    /* @__PURE__ */ j(
+  return /* @__PURE__ */ z("div", { className: m(ve.wrapper, b?.wrapper), children: [
+    /* @__PURE__ */ z(
       "table",
       {
         className: m(
@@ -434,7 +434,7 @@ function qr({
         ),
         style: h,
         children: [
-          /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: t.map((S) => /* @__PURE__ */ j(
+          /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: t.map((S) => /* @__PURE__ */ z(
             "th",
             {
               className: m(
@@ -451,10 +451,10 @@ function qr({
               children: [
                 S.header,
                 S.sortable && /* @__PURE__ */ s(
-                  Yr,
+                  Ur,
                   {
                     direction: V(S.key),
-                    sortIndex: ae(S.key)
+                    sortIndex: ue(S.key)
                   }
                 )
               ]
@@ -462,20 +462,20 @@ function qr({
             S.key
           )) }) }),
           /* @__PURE__ */ s("tbody", { children: $.length === 0 ? /* @__PURE__ */ s("tr", { className: ve.emptyRow, children: /* @__PURE__ */ s("td", { className: m(ve.emptyCell, b?.emptyCell), colSpan: t.length, children: p }) }) : $.map((S, re) => {
-            const F = u ? String(S[u]) : re, X = typeof d == "function" ? d(S, re) : d, A = typeof f == "function" ? f(S, re) : f;
+            const F = u ? String(S[u]) : re, j = typeof d == "function" ? d(S, re) : d, C = typeof f == "function" ? f(S, re) : f;
             return /* @__PURE__ */ s(
               "tr",
               {
-                className: m(ve.row, b?.row, X),
-                style: A,
-                children: t.map((z) => /* @__PURE__ */ s(
+                className: m(ve.row, b?.row, j),
+                style: C,
+                children: t.map((X) => /* @__PURE__ */ s(
                   "td",
                   {
                     className: m(ve.cell, b?.cell),
-                    style: { textAlign: z.align },
-                    children: z.render ? z.render(S[z.key], S, re) : S[z.key]
+                    style: { textAlign: X.align },
+                    children: X.render ? X.render(S[X.key], S, re) : S[X.key]
                   },
-                  z.key
+                  X.key
                 ))
               },
               F
@@ -494,7 +494,7 @@ function qr({
     )
   ] });
 }
-const El = qr, Gr = "crk-root-an8Cf", Zr = "crk-fullWidth-S-uVk", Kr = "crk-trigger-LwPaD", Qr = "crk-triggerOpen-U4pa9", Jr = "crk-triggerLabel-QLITs", eo = "crk-triggerError-3jlu1", to = "crk-placeholder-fWdch", no = "crk-chevron-jmDNe", ro = "crk-menu-fxnKL", oo = "crk-menuOpen-HF-Y1", io = "crk-alignLeft-buCDJ", co = "crk-alignRight-05P9w", lo = "crk-item-f-Rhh", so = "crk-itemDisabled-L-d6i", ao = "crk-itemSelected-Fwmuo", Me = {
+const El = qr, Gr = "crk-root-an8Cf", Zr = "crk-fullWidth-S-uVk", Kr = "crk-trigger-LwPaD", Qr = "crk-triggerOpen-U4pa9", Jr = "crk-triggerLabel-QLITs", eo = "crk-triggerError-3jlu1", to = "crk-placeholder-fWdch", no = "crk-chevron-jmDNe", ro = "crk-menu-fxnKL", oo = "crk-menuOpen-HF-Y1", io = "crk-alignLeft-buCDJ", co = "crk-alignRight-05P9w", lo = "crk-item-f-Rhh", so = "crk-itemDisabled-L-d6i", ao = "crk-itemSelected-Fwmuo", we = {
   root: Gr,
   fullWidth: Zr,
   trigger: Kr,
@@ -519,7 +519,7 @@ function St(e, t = !0) {
     },
     [e]
   );
-  Ne(() => {
+  Le(() => {
     if (t)
       return document.addEventListener("keydown", n), () => {
         document.removeEventListener("keydown", n);
@@ -527,8 +527,8 @@ function St(e, t = !0) {
   }, [t, n]);
 }
 function Tt(e, t) {
-  const [n, r] = Le({ top: 0, left: 0, width: 0 });
-  return jt(() => {
+  const [n, r] = Re({ top: 0, left: 0, width: 0 });
+  return zt(() => {
     if (!t) return;
     const o = () => {
       const c = e.current;
@@ -542,7 +542,7 @@ function Tt(e, t) {
       };
   }, [t, e]), n;
 }
-const Vt = $e(
+const Vt = Ne(
   ({
     trigger: e,
     children: t,
@@ -561,104 +561,104 @@ const Vt = $e(
     portal: L = !0,
     classes: b
   }, R) => {
-    const [w, J] = Le(!1), W = oe(null), E = oe(null), Z = oe(null), C = Ye();
-    Ne(() => {
-      w && E.current && E.current.querySelector('[role="menuitem"]:not(:disabled)')?.focus();
+    const [w, Q] = Re(!1), W = oe(null), D = oe(null), Z = oe(null), T = Ue();
+    Le(() => {
+      w && D.current && D.current.querySelector('[role="menuitem"]:not(:disabled)')?.focus();
     }, [w]);
     const $ = pe(() => {
-      J(!1), l?.(), Z.current?.focus();
+      Q(!1), l?.(), Z.current?.focus();
     }, [l]), ie = pe(() => {
-      J((A) => {
-        const z = !A;
-        return z ? i?.() : l?.(), z;
+      Q((C) => {
+        const X = !C;
+        return X ? i?.() : l?.(), X;
       });
     }, [i, l]), ne = pe(
-      (A) => {
-        d?.(A), $();
+      (C) => {
+        d?.(C), $();
       },
       [d, $]
     );
-    Ne(() => {
+    Le(() => {
       if (!w) return;
-      const A = (z) => {
-        const ce = z.target;
-        W.current?.contains(ce) || E.current?.contains(ce) || $();
+      const C = (X) => {
+        const se = X.target;
+        W.current?.contains(se) || D.current?.contains(se) || $();
       };
-      return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
+      return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
     }, [w, $]), St(
       {
         Escape: () => $()
       },
       w
     );
-    const V = Tt(Z, w && L), ae = a?.find((A) => A.value === u)?.label, S = a ? ae || h : e, re = a && !ae, F = a ? a.map((A) => /* @__PURE__ */ s(
+    const V = Tt(Z, w && L), ue = a?.find((C) => C.value === u)?.label, S = a ? ue || h : e, re = a && !ue, F = a ? a.map((C) => /* @__PURE__ */ s(
       "button",
       {
         type: "button",
         role: "menuitem",
         className: m(
-          Me.item,
-          A.disabled && Me.itemDisabled,
-          A.value === u && Me.itemSelected,
+          we.item,
+          C.disabled && we.itemDisabled,
+          C.value === u && we.itemSelected,
           b?.item
         ),
-        disabled: A.disabled,
-        onClick: () => ne(A.value),
-        children: A.label
+        disabled: C.disabled,
+        onClick: () => ne(C.value),
+        children: C.label
       },
-      A.value
-    )) : t, X = (A) => /* @__PURE__ */ s(
+      C.value
+    )) : t, j = (C) => /* @__PURE__ */ s(
       "div",
       {
-        ref: E,
-        id: C,
+        ref: D,
+        id: T,
         className: m(
-          Me.menu,
-          w && Me.menuOpen,
-          n === "left" ? Me.alignLeft : Me.alignRight,
-          !L && p && Me.fullWidth,
+          we.menu,
+          w && we.menuOpen,
+          n === "left" ? we.alignLeft : we.alignRight,
+          !L && p && we.fullWidth,
           b?.menu
         ),
-        style: A,
+        style: C,
         role: "menu",
         children: F
       }
     );
-    return /* @__PURE__ */ j(
+    return /* @__PURE__ */ z(
       "div",
       {
         ref: R,
-        className: m(Me.root, p && Me.fullWidth, b?.root, r),
+        className: m(we.root, p && we.fullWidth, b?.root, r),
         style: o,
         children: [
-          /* @__PURE__ */ j("div", { ref: W, style: p ? { width: "100%" } : void 0, children: [
-            /* @__PURE__ */ j(
+          /* @__PURE__ */ z("div", { ref: W, style: p ? { width: "100%" } : void 0, children: [
+            /* @__PURE__ */ z(
               "button",
               {
                 ref: Z,
                 id: c,
                 type: "button",
                 className: m(
-                  Me.trigger,
-                  w && Me.triggerOpen,
-                  f && Me.triggerError,
-                  p && Me.fullWidth,
+                  we.trigger,
+                  w && we.triggerOpen,
+                  f && we.triggerError,
+                  p && we.fullWidth,
                   b?.trigger
                 ),
                 onClick: ie,
                 "aria-expanded": w,
                 "aria-haspopup": "menu",
-                "aria-controls": w ? C : void 0,
+                "aria-controls": w ? T : void 0,
                 children: [
-                  /* @__PURE__ */ s("span", { className: m(Me.triggerLabel, re && Me.placeholder, b?.triggerLabel), children: S }),
-                  /* @__PURE__ */ s("span", { className: m(Me.chevron, b?.chevron), "aria-hidden": "true" })
+                  /* @__PURE__ */ s("span", { className: m(we.triggerLabel, re && we.placeholder, b?.triggerLabel), children: S }),
+                  /* @__PURE__ */ s("span", { className: m(we.chevron, b?.chevron), "aria-hidden": "true" })
                 ]
               }
             ),
-            !L && X()
+            !L && j()
           ] }),
           L && w && typeof document < "u" && pt(
-            X({
+            j({
               position: "fixed",
               top: V.top + 4,
               left: n === "right" ? void 0 : V.left,
@@ -674,7 +674,7 @@ const Vt = $e(
   }
 );
 Vt.displayName = "Dropdown";
-const uo = $e(
+const uo = Ne(
   ({
     disabled: e = !1,
     className: t,
@@ -687,8 +687,8 @@ const uo = $e(
       type: "button",
       role: "menuitem",
       className: m(
-        Me.item,
-        e && Me.itemDisabled,
+        we.item,
+        e && we.itemDisabled,
         t
       ),
       disabled: e,
@@ -709,7 +709,7 @@ const ho = "crk-root-8H-L9", mo = "crk-trigger-Zn1nQ", fo = "crk-popover-rvS3X",
   right: bo
 };
 function xo(e, t, n = !0) {
-  Ne(() => {
+  Le(() => {
     if (!n) return;
     const r = (o) => {
       !e.current || e.current.contains(o.target) || t();
@@ -725,7 +725,7 @@ function ko(...e) {
       n && (typeof n == "function" ? n(t) : n.current = t);
   };
 }
-const qt = $e(
+const qt = Ne(
   ({
     trigger: e,
     asChild: t = !1,
@@ -737,38 +737,38 @@ const qt = $e(
     className: l,
     style: a
   }, h) => {
-    const [u, d] = Le(!1), f = oe(null), p = oe(null), L = oe(null), b = Ye(), R = o !== void 0, w = R ? o : u, J = pe(
-      (C) => {
-        R || d(C), c?.(C);
+    const [u, d] = Re(!1), f = oe(null), p = oe(null), L = oe(null), b = Ue(), R = o !== void 0, w = R ? o : u, Q = pe(
+      (T) => {
+        R || d(T), c?.(T);
       },
       [R, c]
     ), W = pe(() => {
-      J(!1), L.current?.focus();
-    }, [J]), E = pe(() => {
-      J(!w);
-    }, [w, J]);
+      Q(!1), L.current?.focus();
+    }, [Q]), D = pe(() => {
+      Q(!w);
+    }, [w, Q]);
     xo(f, W, w), St(
       {
         Escape: () => W()
       },
       w
-    ), Ne(() => {
+    ), Le(() => {
       if (w && p.current) {
-        const C = p.current.querySelector(
+        const T = p.current.querySelector(
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
         );
-        C ? C.focus() : p.current.focus();
+        T ? T.focus() : p.current.focus();
       }
     }, [w]);
     let Z;
     if (t && dn(e)) {
-      const C = e, $ = C.ref;
-      Z = Xt(C, {
+      const T = e, $ = T.ref;
+      Z = jt(T, {
         ref: ko(L, $),
         onClick: (ie) => {
-          C.props.onClick?.(ie), E();
+          T.props.onClick?.(ie), D();
         },
-        className: m(C.props.className, i?.trigger),
+        className: m(T.props.className, i?.trigger),
         "aria-expanded": w,
         "aria-haspopup": "dialog",
         "aria-controls": w ? b : void 0
@@ -780,7 +780,7 @@ const qt = $e(
           ref: L,
           type: "button",
           className: m(at.trigger, i?.trigger),
-          onClick: E,
+          onClick: D,
           "aria-expanded": w,
           "aria-haspopup": "dialog",
           "aria-controls": w ? b : void 0,
@@ -793,7 +793,7 @@ const qt = $e(
         ref: h,
         className: m(at.root, i?.root, l),
         style: a,
-        children: /* @__PURE__ */ j("div", { ref: f, children: [
+        children: /* @__PURE__ */ z("div", { ref: f, children: [
           Z,
           w && /* @__PURE__ */ s(
             "div",
@@ -837,7 +837,7 @@ function Mo(e, t) {
     },
     [e]
   );
-  Ne(() => {
+  Le(() => {
     if (!t || !e.current)
       return;
     n.current = document.activeElement;
@@ -847,7 +847,7 @@ function Mo(e, t) {
     };
   }, [t, e, r]);
 }
-const wo = "crk-backdrop-jYpTA", $o = "crk-backdropIn-x5Z-A", No = "crk-modal-yNG-7", Lo = "crk-modalIn-xFUwm", Ro = "crk-sm--xyY9", So = "crk-md-ETTfh", To = "crk-lg-5DBb7", Co = "crk-fullscreen-b4jQ-", Ao = "crk-header-NS30G", Bo = "crk-headerWithClose-4davm", Io = "crk-closeButton-JX-aq", Do = "crk-body-3zIj9", Eo = "crk-footer-Oyz-R", ze = {
+const wo = "crk-backdrop-jYpTA", $o = "crk-backdropIn-x5Z-A", No = "crk-modal-yNG-7", Lo = "crk-modalIn-xFUwm", Ro = "crk-sm--xyY9", So = "crk-md-ETTfh", To = "crk-lg-5DBb7", Co = "crk-fullscreen-b4jQ-", Ao = "crk-header-NS30G", Bo = "crk-headerWithClose-4davm", Io = "crk-closeButton-JX-aq", Do = "crk-body-3zIj9", Eo = "crk-footer-Oyz-R", Xe = {
   backdrop: wo,
   backdropIn: $o,
   modal: No,
@@ -863,11 +863,11 @@ const wo = "crk-backdrop-jYpTA", $o = "crk-backdropIn-x5Z-A", No = "crk-modal-yN
   footer: Eo
 }, gt = _t({ classes: {}, titleId: "" }), Gt = ({ children: e, className: t, style: n, onClose: r }) => {
   const { classes: o, titleId: c } = ft(gt);
-  return /* @__PURE__ */ j(
+  return /* @__PURE__ */ z(
     "div",
     {
       id: c,
-      className: m(ze.header, r && ze.headerWithClose, o.header, t),
+      className: m(Xe.header, r && Xe.headerWithClose, o.header, t),
       style: n,
       children: [
         e,
@@ -875,7 +875,7 @@ const wo = "crk-backdrop-jYpTA", $o = "crk-backdropIn-x5Z-A", No = "crk-modal-yN
           "button",
           {
             type: "button",
-            className: m(ze.closeButton, o.closeButton),
+            className: m(Xe.closeButton, o.closeButton),
             onClick: r,
             "aria-label": "Close",
             children: "×"
@@ -888,15 +888,15 @@ const wo = "crk-backdrop-jYpTA", $o = "crk-backdropIn-x5Z-A", No = "crk-modal-yN
 Gt.displayName = "Modal.Header";
 const Zt = ({ children: e, className: t, style: n }) => {
   const { classes: r } = ft(gt);
-  return /* @__PURE__ */ s("div", { className: m(ze.body, r.body, t), style: n, children: e });
+  return /* @__PURE__ */ s("div", { className: m(Xe.body, r.body, t), style: n, children: e });
 };
 Zt.displayName = "Modal.Body";
 const Kt = ({ children: e, className: t, style: n }) => {
   const { classes: r } = ft(gt);
-  return /* @__PURE__ */ s("div", { className: m(ze.footer, r.footer, t), style: n, children: e });
+  return /* @__PURE__ */ s("div", { className: m(Xe.footer, r.footer, t), style: n, children: e });
 };
 Kt.displayName = "Modal.Footer";
-const yt = $e(
+const yt = Ne(
   ({
     open: e,
     onClose: t,
@@ -910,7 +910,7 @@ const yt = $e(
     "aria-label": h,
     "aria-labelledby": u
   }, d) => {
-    const f = oe(null), p = d ?? f, L = Ye(), b = u ?? `${L}-title`;
+    const f = oe(null), p = d ?? f, L = Ue(), b = u ?? `${L}-title`;
     Mo(p, e);
     const R = ke(
       () => ({
@@ -920,28 +920,28 @@ const yt = $e(
       }),
       [r, t]
     );
-    St(R, e), Ne(() => {
+    St(R, e), Le(() => {
       if (!e) return;
-      const J = document.body.style.overflow;
+      const Q = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = J;
+        document.body.style.overflow = Q;
       };
     }, [e]);
-    const w = (J) => {
-      n && J.target === J.currentTarget && t();
+    const w = (Q) => {
+      n && Q.target === Q.currentTarget && t();
     };
     return e ? pt(
       /* @__PURE__ */ s(
         "div",
         {
-          className: m(ze.backdrop, c?.backdrop),
+          className: m(Xe.backdrop, c?.backdrop),
           onClick: w,
           role: "presentation",
           children: /* @__PURE__ */ s(
             "div",
             {
               ref: p,
-              className: m(ze.modal, ze[o], c?.modal, i),
+              className: m(Xe.modal, Xe[o], c?.modal, i),
               style: l,
               role: "dialog",
               "aria-modal": "true",
@@ -960,17 +960,17 @@ yt.displayName = "Modal";
 yt.Header = Gt;
 yt.Body = Zt;
 yt.Footer = Kt;
-const Po = "crk-root-jHIIP", Wo = "crk-formErrors-eh-OP", Ho = "crk-formError-XEuWv", Oo = "crk-field-OUlYz", Fo = "crk-label-udkR7", zo = "crk-labelError-LOgKi", jo = "crk-required-IYiA2", Xo = "crk-error-yFZXm", _o = "crk-helperText-Dm-rb", Uo = "crk-row-nNbx-", We = {
+const Po = "crk-root-jHIIP", Wo = "crk-formErrors-eh-OP", Ho = "crk-formError-XEuWv", Oo = "crk-field-OUlYz", Fo = "crk-label-udkR7", Xo = "crk-labelError-LOgKi", zo = "crk-required-IYiA2", jo = "crk-error-yFZXm", _o = "crk-helperText-Dm-rb", Yo = "crk-row-nNbx-", We = {
   root: Po,
   formErrors: Wo,
   formError: Ho,
   field: Oo,
   label: Fo,
-  labelError: zo,
-  required: jo,
-  error: Xo,
+  labelError: Xo,
+  required: zo,
+  error: jo,
   helperText: _o,
-  row: Uo
+  row: Yo
 };
 function Pl({
   form: e,
@@ -981,7 +981,7 @@ function Pl({
   children: c
 }) {
   const i = n && n.length > 0;
-  return /* @__PURE__ */ s(hn, { ...e, children: /* @__PURE__ */ j(
+  return /* @__PURE__ */ s(hn, { ...e, children: /* @__PURE__ */ z(
     "form",
     {
       onSubmit: e.handleSubmit(t),
@@ -994,7 +994,7 @@ function Pl({
     }
   ) });
 }
-const Yo = /* @__PURE__ */ new Set([
+const Uo = /* @__PURE__ */ new Set([
   "Select",
   "NativeSelect",
   "SearchableSelect",
@@ -1012,27 +1012,27 @@ function Wl({
   style: l,
   children: a
 }) {
-  const { control: h } = mn(), { field: u, fieldState: d } = fn({ name: e, control: h, rules: o }), f = a.type, p = typeof f == "string" ? "" : f?.displayName ?? f?.name ?? "", L = Yo.has(p), { ref: b, ...R } = u, w = oe(b);
+  const { control: h } = mn(), { field: u, fieldState: d } = fn({ name: e, control: h, rules: o }), f = a.type, p = typeof f == "string" ? "" : f?.displayName ?? f?.name ?? "", L = Uo.has(p), { ref: b, ...R } = u, w = oe(b);
   w.current = b;
-  const J = pe(
+  const Q = pe(
     (W) => {
       if (W) {
-        const E = W.matches("input, select, textarea, button, [tabindex]") ? W : W.querySelector('input, select, textarea, button, [tabindex]:not([tabindex="-1"])');
-        w.current(E ?? W);
+        const D = W.matches("input, select, textarea, button, [tabindex]") ? W : W.querySelector('input, select, textarea, button, [tabindex]:not([tabindex="-1"])');
+        w.current(D ?? W);
       } else
         w.current(null);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  return /* @__PURE__ */ j("div", { className: m(We.field, c?.field, i), style: l, children: [
-    t && /* @__PURE__ */ j("label", { className: m(We.label, d.error && We.labelError, c?.label), htmlFor: e, children: [
+  return /* @__PURE__ */ z("div", { className: m(We.field, c?.field, i), style: l, children: [
+    t && /* @__PURE__ */ z("label", { className: m(We.label, d.error && We.labelError, c?.label), htmlFor: e, children: [
       t,
       r && /* @__PURE__ */ s("span", { className: We.required, children: "*" })
     ] }),
-    Xt(a, {
+    jt(a, {
       ...R,
-      ref: J,
+      ref: Q,
       id: e,
       error: !!d.error,
       "aria-invalid": d.error ? !0 : void 0,
@@ -1064,7 +1064,7 @@ const Vo = "crk-root-rSgdy", qo = "crk-wrapper-GHy8V", Go = "crk-sm-DptM5", Zo =
   suffix: ei,
   hasPrefix: ti,
   hasSuffix: ni
-}, ri = $e(
+}, ri = Ne(
   ({
     inputSize: e = "md",
     error: t = !1,
@@ -1092,7 +1092,7 @@ const Vo = "crk-root-rSgdy", qo = "crk-wrapper-GHy8V", Go = "crk-sm-DptM5", Zo =
         ...l
       }
     );
-    return n || r ? /* @__PURE__ */ j(
+    return n || r ? /* @__PURE__ */ z(
       "div",
       {
         className: m(Pe.wrapper, Pe[e], t && Pe.error, o?.wrapper, c),
@@ -1140,7 +1140,7 @@ const oi = "crk-wrapper-SP2JE", ii = "crk-sm-DqshL", ci = "crk-md-j4AKI", li = "
   multiSearch: Ii,
   arrowMulti: Di,
   itemCheck: Ei
-}, Qt = $e(
+}, Qt = Ne(
   ({
     inputSize: e = "md",
     error: t = !1,
@@ -1154,8 +1154,8 @@ const oi = "crk-wrapper-SP2JE", ii = "crk-sm-DqshL", ci = "crk-md-j4AKI", li = "
     searchPlaceholder: h,
     onValueChange: u,
     ...d
-  }, f) => /* @__PURE__ */ j("div", { className: m(P.wrapper, P[e], t && P.error, o?.wrapper, c), style: i, children: [
-    /* @__PURE__ */ j(
+  }, f) => /* @__PURE__ */ z("div", { className: m(P.wrapper, P[e], t && P.error, o?.wrapper, c), style: i, children: [
+    /* @__PURE__ */ z(
       "select",
       {
         ref: f,
@@ -1171,7 +1171,7 @@ const oi = "crk-wrapper-SP2JE", ii = "crk-sm-DqshL", ci = "crk-md-j4AKI", li = "
   ] })
 );
 Qt.displayName = "NativeSelect";
-const Jt = $e(
+const Jt = Ne(
   ({
     inputSize: e = "md",
     error: t = !1,
@@ -1188,15 +1188,15 @@ const Jt = $e(
     onValueChange: f,
     portal: p = !0
   }, L) => {
-    const [b, R] = Le(!1), [w, J] = Le(""), [W, E] = Le(0), Z = oe(null), C = oe(null), $ = oe(null), ie = oe(null), ne = oe(null), V = Ye(), ae = Tt($, b && p), S = oe(null), re = L ?? S, F = oe(!1);
-    Ne(() => {
+    const [b, R] = Re(!1), [w, Q] = Re(""), [W, D] = Re(0), Z = oe(null), T = oe(null), $ = oe(null), ie = oe(null), ne = oe(null), V = Ue(), ue = Tt($, b && p), S = oe(null), re = L ?? S, F = oe(!1);
+    Le(() => {
       F.current && !b && $.current?.focus(), F.current = b;
     }, [b]);
-    const X = pe(() => {
-      R(!1), J(""), E(0);
-    }, []), A = pe(() => {
-      a || (R(!0), J(""), E(0), setTimeout(() => C.current?.focus(), 0));
-    }, [a]), z = pe(
+    const j = pe(() => {
+      R(!1), Q(""), D(0);
+    }, []), C = pe(() => {
+      a || (R(!0), Q(""), D(0), setTimeout(() => T.current?.focus(), 0));
+    }, [a]), X = pe(
       (N) => {
         if (f?.(N), re.current) {
           Object.getOwnPropertyDescriptor(
@@ -1206,18 +1206,18 @@ const Jt = $e(
           const v = new Event("change", { bubbles: !0 });
           re.current.dispatchEvent(v), d?.(v);
         }
-        X();
+        j();
       },
-      [f, d, re, X]
-    ), ce = ke(() => {
+      [f, d, re, j]
+    ), se = ke(() => {
       if (!w) return n;
       const N = w.toLowerCase();
       return n.filter((y) => y.label.toLowerCase().includes(N));
     }, [n, w]);
-    Ne(() => {
-      const N = ce.findIndex((y) => !y.disabled);
-      E(N >= 0 ? N : 0);
-    }, [ce]), Ne(() => {
+    Le(() => {
+      const N = se.findIndex((y) => !y.disabled);
+      D(N >= 0 ? N : 0);
+    }, [se]), Le(() => {
       if (!b) return;
       const N = ne.current;
       if (!N) return;
@@ -1225,36 +1225,36 @@ const Jt = $e(
     }, [W, b]);
     const me = pe(
       (N) => {
-        const y = ce.map((v, B) => v.disabled ? -1 : B).filter((v) => v >= 0);
+        const y = se.map((v, A) => v.disabled ? -1 : A).filter((v) => v >= 0);
         if (y.length !== 0)
           if (N.key === "ArrowDown")
-            N.preventDefault(), E((v) => {
-              const B = y.indexOf(v);
-              return B < y.length - 1 ? y[B + 1] : y[0];
+            N.preventDefault(), D((v) => {
+              const A = y.indexOf(v);
+              return A < y.length - 1 ? y[A + 1] : y[0];
             });
           else if (N.key === "ArrowUp")
-            N.preventDefault(), E((v) => {
-              const B = y.indexOf(v);
-              return B > 0 ? y[B - 1] : y[y.length - 1];
+            N.preventDefault(), D((v) => {
+              const A = y.indexOf(v);
+              return A > 0 ? y[A - 1] : y[y.length - 1];
             });
           else if (N.key === "Enter") {
             N.preventDefault();
-            const v = ce[W];
-            v && !v.disabled && z(v.value);
-          } else N.key === "Escape" && (N.preventDefault(), X());
+            const v = se[W];
+            v && !v.disabled && X(v.value);
+          } else N.key === "Escape" && (N.preventDefault(), j());
       },
-      [ce, W, z, X]
+      [se, W, X, j]
     );
-    Ne(() => {
+    Le(() => {
       if (!b) return;
       const N = (y) => {
         const v = y.target;
-        Z.current?.contains(v) || ie.current?.contains(v) || X();
+        Z.current?.contains(v) || ie.current?.contains(v) || j();
       };
       return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
-    }, [b, X]);
-    const K = n.find((N) => N.value === l)?.label, H = ce.filter((N) => !N.disabled);
-    return /* @__PURE__ */ j(
+    }, [b, j]);
+    const K = n.find((N) => N.value === l)?.label, H = se.filter((N) => !N.disabled);
+    return /* @__PURE__ */ z(
       "div",
       {
         ref: Z,
@@ -1283,7 +1283,7 @@ const Jt = $e(
               children: n.map((N) => /* @__PURE__ */ s("option", { value: N.value, children: N.label }, N.value))
             }
           ),
-          /* @__PURE__ */ j(
+          /* @__PURE__ */ z(
             "button",
             {
               ref: $,
@@ -1298,7 +1298,7 @@ const Jt = $e(
                 b && P.visuallyHidden,
                 o?.root
               ),
-              onClick: A,
+              onClick: C,
               disabled: a,
               "aria-expanded": b,
               "aria-haspopup": "listbox",
@@ -1312,7 +1312,7 @@ const Jt = $e(
           b && /* @__PURE__ */ s(
             "input",
             {
-              ref: C,
+              ref: T,
               type: "text",
               role: "combobox",
               className: m(
@@ -1326,21 +1326,21 @@ const Jt = $e(
               ),
               placeholder: K || r,
               value: w,
-              onChange: (N) => J(N.target.value),
+              onChange: (N) => Q(N.target.value),
               onKeyDown: me,
               "aria-expanded": !0,
               "aria-haspopup": "listbox",
               "aria-controls": V,
-              "aria-activedescendant": H.length > 0 ? `select-option-${ce[W]?.value}` : void 0
+              "aria-activedescendant": H.length > 0 ? `select-option-${se[W]?.value}` : void 0
             }
           ),
           b && (() => {
             const N = p ? {
               position: "fixed",
-              top: ae.top + 4,
-              left: ae.left,
+              top: ue.top + 4,
+              left: ue.left,
               right: "auto",
-              width: ae.width,
+              width: ue.width,
               zIndex: "var(--crk-z-floating)"
             } : void 0, y = /* @__PURE__ */ s(
               "div",
@@ -1350,7 +1350,7 @@ const Jt = $e(
                 className: m(P.menu, o?.menu),
                 style: N,
                 role: "listbox",
-                children: /* @__PURE__ */ s("div", { className: P.menuItems, ref: ne, children: ce.length === 0 ? /* @__PURE__ */ s("div", { className: P.noResults, children: "No results" }) : ce.map((v, B) => /* @__PURE__ */ s(
+                children: /* @__PURE__ */ s("div", { className: P.menuItems, ref: ne, children: se.length === 0 ? /* @__PURE__ */ s("div", { className: P.noResults, children: "No results" }) : se.map((v, A) => /* @__PURE__ */ s(
                   "button",
                   {
                     id: `select-option-${v.value}`,
@@ -1361,12 +1361,12 @@ const Jt = $e(
                       P.item,
                       v.disabled && P.itemDisabled,
                       v.value === l && P.itemSelected,
-                      B === W && P.itemHighlighted,
+                      A === W && P.itemHighlighted,
                       o?.item
                     ),
                     disabled: v.disabled,
-                    onClick: () => z(v.value),
-                    onMouseEnter: () => E(B),
+                    onClick: () => X(v.value),
+                    onMouseEnter: () => D(A),
                     children: v.content ?? v.label
                   },
                   v.value
@@ -1381,7 +1381,7 @@ const Jt = $e(
   }
 );
 Jt.displayName = "SearchableSelect";
-const en = $e(
+const en = Ne(
   ({
     inputSize: e = "md",
     error: t = !1,
@@ -1401,11 +1401,11 @@ const en = $e(
     onCreate: b,
     createLabel: R,
     portal: w = !0
-  }, J) => {
-    const W = Array.isArray(l) ? l : l ? [l] : [], [E, Z] = Le(!1), [C, $] = Le(""), [ie, ne] = Le(0), V = oe(null), ae = oe(null), S = oe(null), re = oe(null), F = oe(null), X = Ye(), A = Tt(F, E && w), z = oe(null), ce = J ?? z, me = pe(() => {
+  }, Q) => {
+    const W = Array.isArray(l) ? l : l ? [l] : [], [D, Z] = Re(!1), [T, $] = Re(""), [ie, ne] = Re(0), V = oe(null), ue = oe(null), S = oe(null), re = oe(null), F = oe(null), j = Ue(), C = Tt(F, D && w), X = oe(null), se = Q ?? X, me = pe(() => {
       Z(!1), $(""), ne(0);
     }, []), K = pe(() => {
-      a || (Z(!0), $(""), ne(0), setTimeout(() => ae.current?.focus(), 0));
+      a || (Z(!0), $(""), ne(0), setTimeout(() => ue.current?.focus(), 0));
     }, [a]), H = pe(
       (k) => {
         const G = W.includes(k) ? W.filter((O) => O !== k) : [...W, k];
@@ -1418,66 +1418,66 @@ const en = $e(
       },
       [W, d]
     ), y = ke(() => {
-      if (!C) return n;
-      const k = C.toLowerCase();
+      if (!T) return n;
+      const k = T.toLowerCase();
       return n.filter((G) => G.label.toLowerCase().includes(k));
-    }, [n, C]), v = C.trim(), B = L && v.length > 0 && !n.some(
+    }, [n, T]), v = T.trim(), A = L && v.length > 0 && !n.some(
       (k) => k.label.toLowerCase() === v.toLowerCase() || k.value === v
     ) && !W.includes(v), _ = pe(() => {
       v && (W.includes(v) || (b?.(v), d?.([...W, v]), p ? me() : f && $("")));
     }, [v, W, b, d, p, me, f]);
-    Ne(() => {
+    Le(() => {
       const k = y.findIndex((G) => !G.disabled);
       ne(k >= 0 ? k : 0);
-    }, [y]), Ne(() => {
-      if (!E) return;
+    }, [y]), Le(() => {
+      if (!D) return;
       const k = re.current;
       if (!k) return;
       k.querySelectorAll('[role="option"]')[ie]?.scrollIntoView?.({ block: "nearest" });
-    }, [ie, E]);
-    const q = y.length, U = pe(
+    }, [ie, D]);
+    const q = y.length, Y = pe(
       (k) => {
-        const G = y.map((O, le) => O.disabled ? -1 : le).filter((O) => O >= 0);
-        if (B && G.push(q), k.key === "Backspace" && C === "" && W.length > 0) {
+        const G = y.map((O, de) => O.disabled ? -1 : de).filter((O) => O >= 0);
+        if (A && G.push(q), k.key === "Backspace" && T === "" && W.length > 0) {
           k.preventDefault(), d?.(W.slice(0, -1));
           return;
         }
         if (G.length !== 0)
           if (k.key === "ArrowDown") {
-            if (k.preventDefault(), !E) {
+            if (k.preventDefault(), !D) {
               K();
               return;
             }
             ne((O) => {
-              const le = G.indexOf(O);
-              return le < G.length - 1 ? G[le + 1] : G[0];
+              const de = G.indexOf(O);
+              return de < G.length - 1 ? G[de + 1] : G[0];
             });
           } else if (k.key === "ArrowUp")
             k.preventDefault(), ne((O) => {
-              const le = G.indexOf(O);
-              return le > 0 ? G[le - 1] : G[G.length - 1];
+              const de = G.indexOf(O);
+              return de > 0 ? G[de - 1] : G[G.length - 1];
             });
           else if (k.key === "Enter") {
-            if (k.preventDefault(), B && ie === q) {
+            if (k.preventDefault(), A && ie === q) {
               _();
               return;
             }
             const O = y[ie];
-            O && !O.disabled ? H(O.value) : B && _();
+            O && !O.disabled ? H(O.value) : A && _();
           } else k.key === "Escape" && (k.preventDefault(), me());
       },
-      [y, ie, H, me, C, W, d, E, K, B, _, q]
+      [y, ie, H, me, T, W, d, D, K, A, _, q]
     );
-    Ne(() => {
-      if (!E) return;
+    Le(() => {
+      if (!D) return;
       const k = (G) => {
         const O = G.target;
         V.current?.contains(O) || S.current?.contains(O) || me();
       };
       return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
-    }, [E, me]);
-    const ee = W.map((k) => n.find((O) => O.value === k) ?? { value: k, label: k });
-    return /* @__PURE__ */ j(
+    }, [D, me]);
+    const J = W.map((k) => n.find((O) => O.value === k) ?? { value: k, label: k });
+    return /* @__PURE__ */ z(
       "div",
       {
         ref: V,
@@ -1495,7 +1495,7 @@ const en = $e(
           /* @__PURE__ */ s(
             "select",
             {
-              ref: ce,
+              ref: se,
               className: P.hiddenSelect,
               multiple: !0,
               value: W,
@@ -1507,27 +1507,27 @@ const en = $e(
               children: n.map((k) => /* @__PURE__ */ s("option", { value: k.value, children: k.label }, k.value))
             }
           ),
-          /* @__PURE__ */ j(
+          /* @__PURE__ */ z(
             "div",
             {
               ref: F,
               className: m(
                 P.multiTrigger,
                 P[e],
-                E && P.triggerOpen,
+                D && P.triggerOpen,
                 t && P.error,
                 a && P.multiTriggerDisabled,
                 o?.root
               ),
               onClick: () => {
-                E ? ae.current?.focus() : K();
+                D ? ue.current?.focus() : K();
               },
               role: "combobox",
-              "aria-expanded": E,
+              "aria-expanded": D,
               "aria-haspopup": "listbox",
-              "aria-controls": E ? X : void 0,
+              "aria-controls": D ? j : void 0,
               children: [
-                ee.map((k) => /* @__PURE__ */ j("span", { className: m(P.chip, o?.chip), children: [
+                J.map((k) => /* @__PURE__ */ z("span", { className: m(P.chip, o?.chip), children: [
                   /* @__PURE__ */ s("span", { className: P.chipLabel, children: k.content ?? k.label }),
                   /* @__PURE__ */ s(
                     "button",
@@ -1544,16 +1544,16 @@ const en = $e(
                 /* @__PURE__ */ s(
                   "input",
                   {
-                    ref: ae,
+                    ref: ue,
                     id: h,
                     type: "text",
                     className: P.multiSearch,
                     placeholder: W.length === 0 ? r : "",
-                    value: C,
+                    value: T,
                     onChange: (k) => {
-                      $(k.target.value), E || K();
+                      $(k.target.value), D || K();
                     },
-                    onKeyDown: U,
+                    onKeyDown: Y,
                     disabled: a,
                     "aria-label": "Search options"
                   }
@@ -1562,28 +1562,28 @@ const en = $e(
               ]
             }
           ),
-          E && (() => {
+          D && (() => {
             const k = w ? {
               position: "fixed",
-              top: A.top + 4,
-              left: A.left,
+              top: C.top + 4,
+              left: C.left,
               right: "auto",
-              width: A.width,
+              width: C.width,
               zIndex: "var(--crk-z-floating)"
             } : void 0, G = /* @__PURE__ */ s(
               "div",
               {
-                id: X,
+                id: j,
                 ref: S,
                 className: m(P.menu, o?.menu),
                 style: k,
                 role: "listbox",
                 "aria-multiselectable": "true",
-                children: /* @__PURE__ */ j("div", { className: P.menuItems, ref: re, children: [
-                  y.length === 0 && !B && /* @__PURE__ */ s("div", { className: P.noResults, children: "No results" }),
-                  y.map((O, le) => {
+                children: /* @__PURE__ */ z("div", { className: P.menuItems, ref: re, children: [
+                  y.length === 0 && !A && /* @__PURE__ */ s("div", { className: P.noResults, children: "No results" }),
+                  y.map((O, de) => {
                     const ge = W.includes(O.value);
-                    return /* @__PURE__ */ j(
+                    return /* @__PURE__ */ z(
                       "button",
                       {
                         id: `select-option-${O.value}`,
@@ -1594,12 +1594,12 @@ const en = $e(
                           P.item,
                           O.disabled && P.itemDisabled,
                           ge && P.itemSelected,
-                          le === ie && P.itemHighlighted,
+                          de === ie && P.itemHighlighted,
                           o?.item
                         ),
                         disabled: O.disabled,
                         onClick: () => H(O.value),
-                        onMouseEnter: () => ne(le),
+                        onMouseEnter: () => ne(de),
                         children: [
                           ge && /* @__PURE__ */ s("span", { className: P.itemCheck, "aria-hidden": "true" }),
                           O.content ?? O.label
@@ -1608,7 +1608,7 @@ const en = $e(
                       O.value
                     );
                   }),
-                  B && /* @__PURE__ */ s(
+                  A && /* @__PURE__ */ s(
                     "button",
                     {
                       type: "button",
@@ -1621,7 +1621,7 @@ const en = $e(
                       ),
                       onClick: _,
                       onMouseEnter: () => ne(q),
-                      children: R ? R(v) : /* @__PURE__ */ j(je, { children: [
+                      children: R ? R(v) : /* @__PURE__ */ z(ze, { children: [
                         "Create “",
                         /* @__PURE__ */ s("strong", { children: v }),
                         "”"
@@ -1640,7 +1640,7 @@ const en = $e(
   }
 );
 en.displayName = "MultiSelect";
-const Pi = $e(
+const Pi = Ne(
   (e, t) => e.multiple ? /* @__PURE__ */ s(en, { ref: t, ...e }) : e.searchable ? /* @__PURE__ */ s(Jt, { ref: t, ...e }) : /* @__PURE__ */ s(Qt, { ref: t, ...e })
 );
 Pi.displayName = "Select";
@@ -1649,7 +1649,7 @@ const Wi = "crk-root-61cKD", Hi = "crk-input-bAjPU", Oi = "crk-label-W9IeS", Fi
   input: Hi,
   label: Oi,
   indeterminate: Fi
-}, zi = $e(
+}, Xi = Ne(
   ({
     label: e,
     indeterminate: t = !1,
@@ -1659,9 +1659,9 @@ const Wi = "crk-root-61cKD", Hi = "crk-input-bAjPU", Oi = "crk-label-W9IeS", Fi
     ...c
   }, i) => {
     const l = oe(null);
-    return Ne(() => {
+    return Le(() => {
       l.current && (l.current.indeterminate = t);
-    }, [t]), /* @__PURE__ */ j(
+    }, [t]), /* @__PURE__ */ z(
       "label",
       {
         className: m(dt.root, t && dt.indeterminate, n?.root, r),
@@ -1684,13 +1684,13 @@ const Wi = "crk-root-61cKD", Hi = "crk-input-bAjPU", Oi = "crk-label-W9IeS", Fi
     );
   }
 );
-zi.displayName = "Checkbox";
-const ji = "crk-group-NNwCD", Xi = "crk-root-7fGik", _i = "crk-input-43PQW", Ui = "crk-label-aW30x", ht = {
-  group: ji,
-  root: Xi,
+Xi.displayName = "Checkbox";
+const zi = "crk-group-NNwCD", ji = "crk-root-7fGik", _i = "crk-input-43PQW", Yi = "crk-label-aW30x", ht = {
+  group: zi,
+  root: ji,
   input: _i,
-  label: Ui
-}, tn = _t(null), Yi = ({
+  label: Yi
+}, tn = _t(null), Ui = ({
   name: e,
   value: t,
   onChange: n,
@@ -1715,8 +1715,8 @@ const ji = "crk-group-NNwCD", Xi = "crk-root-7fGik", _i = "crk-input-43PQW", Ui
     children: c
   }
 ) });
-Yi.displayName = "RadioGroup";
-const Vi = $e(
+Ui.displayName = "RadioGroup";
+const Vi = Ne(
   ({
     label: e,
     value: t,
@@ -1731,7 +1731,7 @@ const Vi = $e(
     const u = ft(tn), d = u?.name ?? l, f = u ? u.value === t : i, p = (L) => {
       u?.onChange?.(t), c?.(L);
     };
-    return /* @__PURE__ */ j("label", { className: m(ht.root, n?.root, r), style: o, children: [
+    return /* @__PURE__ */ z("label", { className: m(ht.root, n?.root, r), style: o, children: [
       /* @__PURE__ */ s(
         "input",
         {
@@ -1766,7 +1766,7 @@ const qi = "crk-root-IGgdn", Gi = "crk-sm-N-5I2", Zi = "crk-md-bbyFl", Ki = "crk
   vertical: "resizeVertical",
   horizontal: "resizeHorizontal",
   both: "resizeBoth"
-}, ic = $e(
+}, ic = Ne(
   ({
     inputSize: e = "md",
     error: t = !1,
@@ -1781,7 +1781,7 @@ const qi = "crk-root-IGgdn", Gi = "crk-sm-N-5I2", Zi = "crk-md-bbyFl", Ki = "crk
       const p = h.current;
       p && (p.style.height = "auto", p.style.height = `${p.scrollHeight}px`);
     }, []), d = l.value ?? "";
-    Ne(() => {
+    Le(() => {
       r && u();
     }, [r, u, d]);
     const f = pe(
@@ -1813,8 +1813,8 @@ const qi = "crk-root-IGgdn", Gi = "crk-sm-N-5I2", Zi = "crk-md-bbyFl", Ki = "crk
 );
 ic.displayName = "Textarea";
 function cc(e, t = { width: 600, height: 300 }) {
-  const [n, r] = Le(t), o = oe(t);
-  return Ne(() => {
+  const [n, r] = Re(t), o = oe(t);
+  return Le(() => {
     const c = e.current;
     if (!c || typeof ResizeObserver > "u") return;
     const i = (h, u) => {
@@ -1860,19 +1860,19 @@ const lc = "crk-root-uMSq0", sc = "crk-canvas-zhFr0", ac = "crk-svg-waPLB", dc =
   empty: Bc,
   sparkline: Ic,
   tradingHeader: Dc
-}, Ve = $e(
+}, Ve = Ne(
   ({ aspectRatio: e = 16 / 9, height: t, className: n, style: r, classes: o, legend: c, overlay: i, children: l }, a) => {
     const h = oe(null);
     un(a, () => h.current);
     const { width: u } = cc(h), d = Math.max(0, u), f = t ?? Math.round(d / e);
-    return /* @__PURE__ */ j(
+    return /* @__PURE__ */ z(
       "div",
       {
         ref: h,
         className: m(M.root, o?.root, n),
         style: r,
         children: [
-          /* @__PURE__ */ j("div", { className: M.canvas, style: { height: f || void 0 }, children: [
+          /* @__PURE__ */ z("div", { className: M.canvas, style: { height: f || void 0 }, children: [
             d > 0 && f > 0 && /* @__PURE__ */ s(
               "svg",
               {
@@ -1897,7 +1897,7 @@ function vt({ config: e, order: t, classes: n }) {
   const r = t ?? Object.keys(e);
   return /* @__PURE__ */ s("div", { className: m(M.legend, n?.legend), role: "list", children: r.map((o) => {
     const c = e[o];
-    return c ? /* @__PURE__ */ j("div", { className: m(M.legendItem, n?.legendItem), role: "listitem", children: [
+    return c ? /* @__PURE__ */ z("div", { className: m(M.legendItem, n?.legendItem), role: "listitem", children: [
       c.icon ? /* @__PURE__ */ s(
         "span",
         {
@@ -1938,14 +1938,14 @@ function et({
       className: m(M.tooltip, h?.tooltip),
       style: { left: f, top: p, width: u },
       role: "tooltip",
-      children: c ? c(e) : /* @__PURE__ */ j(je, { children: [
+      children: c ? c(e) : /* @__PURE__ */ z(ze, { children: [
         l && e[l] !== void 0 && /* @__PURE__ */ s("div", { className: M.tooltipTitle, children: String(e[l]) }),
         /* @__PURE__ */ s("div", { className: M.tooltipRows, children: Object.entries(o).map(([L, b]) => {
           const R = e[L];
           if (R == null) return null;
-          const w = typeof R == "number" ? i(R) : String(R), J = a?.(L) ?? b.color;
-          return /* @__PURE__ */ j("div", { className: M.tooltipRow, children: [
-            /* @__PURE__ */ s("span", { className: M.legendSwatch, style: { background: J }, "aria-hidden": "true" }),
+          const w = typeof R == "number" ? i(R) : String(R), Q = a?.(L) ?? b.color;
+          return /* @__PURE__ */ z("div", { className: M.tooltipRow, children: [
+            /* @__PURE__ */ s("span", { className: M.legendSwatch, style: { background: Q }, "aria-hidden": "true" }),
             /* @__PURE__ */ s("span", { className: M.tooltipLabel, children: b.label }),
             /* @__PURE__ */ s("span", { className: M.tooltipValue, children: w })
           ] }, L);
@@ -1955,7 +1955,7 @@ function et({
   );
 }
 function nn({ ticks: e, x: t, plotWidth: n, format: r, showGrid: o = !0, classes: c }) {
-  return /* @__PURE__ */ s("g", { className: m(M.axis, c?.axis), children: e.map(({ value: i, y: l }) => /* @__PURE__ */ j("g", { children: [
+  return /* @__PURE__ */ s("g", { className: m(M.axis, c?.axis), children: e.map(({ value: i, y: l }) => /* @__PURE__ */ z("g", { children: [
     o && /* @__PURE__ */ s(
       "line",
       {
@@ -2005,7 +2005,7 @@ function Je(e, t) {
   const [n, r] = e, [o, c] = t, i = r - n || 1, l = c - o, a = (h) => o + (h - n) / i * l;
   return a.invert = (h) => n + (h - o) / l * i, a;
 }
-function Xe(e, t, n = 0.2) {
+function je(e, t, n = 0.2) {
   const [r, o] = t, i = (o - r) / Math.max(1, e.length), l = i * (1 - n), a = /* @__PURE__ */ new Map();
   for (let u = 0; u < e.length; u++) a.set(e[u], u);
   const h = (u) => {
@@ -2068,17 +2068,17 @@ function Ol({
   showLegend: b = !0,
   showTooltip: R = !0,
   yTickCount: w = 5,
-  yFormat: J,
+  yFormat: Q,
   xFormat: W,
-  valueFormat: E,
+  valueFormat: D,
   renderTooltip: Z,
-  margin: C,
+  margin: T,
   emptyMessage: $ = "No data",
   className: ie,
   style: ne,
   classes: V
 }) {
-  const ae = { ...Ec, ...C }, S = ke(() => Object.keys(n), [n]), [re, F] = Le(null), X = oe(null), A = f ?? re, z = (me, K) => {
+  const ue = { ...Ec, ...T }, S = ke(() => Object.keys(n), [n]), [re, F] = Re(null), j = oe(null), C = f ?? re, X = (me, K) => {
     if (l) {
       const H = e[K]?.[l];
       if (typeof H == "string") return H;
@@ -2086,128 +2086,128 @@ function Ol({
     return n[me]?.color ?? "var(--crk-chart-1)";
   };
   if (e.length === 0)
-    return /* @__PURE__ */ s("div", { ref: X, className: m(M.root, V?.root, ie), style: ne, children: /* @__PURE__ */ s("div", { className: M.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: M.empty, children: $ }) }) });
-  const ce = R && A !== null ? /* @__PURE__ */ s(
+    return /* @__PURE__ */ s("div", { ref: j, className: m(M.root, V?.root, ie), style: ne, children: /* @__PURE__ */ s("div", { className: M.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: M.empty, children: $ }) }) });
+  const se = R && C !== null ? /* @__PURE__ */ s(
     et,
     {
-      row: e[A],
-      x: Hc(e, t, ae, A, X),
+      row: e[C],
+      x: Hc(e, t, ue, C, j),
       y: 16,
-      containerWidth: X.current?.getBoundingClientRect().width ?? 0,
+      containerWidth: j.current?.getBoundingClientRect().width ?? 0,
       config: n,
-      render: Z ? () => Z(e[A]) : void 0,
-      valueFormat: E,
+      render: Z ? () => Z(e[C]) : void 0,
+      valueFormat: D,
       titleKey: t,
-      resolveColor: l ? (me) => z(me, A) : void 0,
+      resolveColor: l ? (me) => X(me, C) : void 0,
       classes: V
     }
   ) : null;
   return /* @__PURE__ */ s(
     Ve,
     {
-      ref: X,
+      ref: j,
       aspectRatio: r,
       height: o,
       className: ie,
       style: ne,
       classes: V,
       legend: b ? /* @__PURE__ */ s(vt, { config: n, classes: V }) : void 0,
-      overlay: ce,
+      overlay: se,
       children: ({ width: me, height: K }) => {
-        const H = ae.left, N = me - ae.right, y = ae.top, v = K - ae.bottom, B = Math.max(0, N - H), _ = Math.max(0, v - y), q = e.map((g) => String(g[t])), U = Xe(q, [H, N], 0), ee = [];
+        const H = ue.left, N = me - ue.right, y = ue.top, v = K - ue.bottom, A = Math.max(0, N - H), _ = Math.max(0, v - y), q = e.map((g) => String(g[t])), Y = je(q, [H, N], 0), J = [];
         for (const g of S)
           for (const x of e) {
-            const te = x[g];
-            typeof te == "number" && ee.push(te);
+            const ee = x[g];
+            typeof ee == "number" && J.push(ee);
           }
-        const [k, G] = bt(ee), O = Math.min(0, k), le = qe(O, G, w), ge = Je([le[0], le[le.length - 1]], [v, y]), be = le.map((g) => ({ value: g, y: ge(g) })), Re = Wc(q).map((g) => ({ label: g, x: U(g) }));
-        return /* @__PURE__ */ j(je, { children: [
+        const [k, G] = bt(J), O = Math.min(0, k), de = qe(O, G, w), ge = Je([de[0], de[de.length - 1]], [v, y]), be = de.map((g) => ({ value: g, y: ge(g) })), Se = Wc(q).map((g) => ({ label: g, x: Y(g) }));
+        return /* @__PURE__ */ z(ze, { children: [
           /* @__PURE__ */ s(
             nn,
             {
               ticks: be,
               x: H,
-              plotWidth: B,
-              format: J,
+              plotWidth: A,
+              format: Q,
               showGrid: L,
               classes: V
             }
           ),
-          /* @__PURE__ */ s(rn, { ticks: Re, y: v, format: W, classes: V }),
+          /* @__PURE__ */ s(rn, { ticks: Se, y: v, format: W, classes: V }),
           S.map((g) => {
-            const x = n[g], te = e.map((D, Y) => {
-              const I = D[g], fe = typeof I == "number" ? I : 0;
-              return { x: U(q[Y]), y: ge(fe), value: fe, row: D };
+            const x = n[g], ee = e.map((E, U) => {
+              const I = E[g], fe = typeof I == "number" ? I : 0;
+              return { x: Y(q[U]), y: ge(fe), value: fe, row: E };
             });
-            return /* @__PURE__ */ j("g", { className: m(M.series, V?.series), children: [
+            return /* @__PURE__ */ z("g", { className: m(M.series, V?.series), children: [
               /* @__PURE__ */ s(
                 "path",
                 {
                   className: m(M.linePath),
-                  d: Pc(te, c),
+                  d: Pc(ee, c),
                   stroke: x.color
                 }
               ),
-              i && te.map((D, Y) => {
-                const I = z(g, Y), fe = A === Y, Q = f !== void 0 && !fe, T = p ? () => p({ row: D.row, value: D.value, seriesKey: g, index: Y }) : void 0;
+              i && ee.map((E, U) => {
+                const I = X(g, U), fe = C === U, ce = f !== void 0 && !fe, B = p ? () => p({ row: E.row, value: E.value, seriesKey: g, index: U }) : void 0;
                 return a ? /* @__PURE__ */ s(
                   "g",
                   {
-                    onClick: T,
-                    style: T ? { cursor: "pointer" } : void 0,
-                    opacity: Q ? 0.45 : 1,
+                    onClick: B,
+                    style: B ? { cursor: "pointer" } : void 0,
+                    opacity: ce ? 0.45 : 1,
                     children: a({
-                      row: D.row,
-                      value: D.value,
+                      row: E.row,
+                      value: E.value,
                       seriesKey: g,
-                      index: Y,
-                      x: D.x,
-                      y: D.y,
+                      index: U,
+                      x: E.x,
+                      y: E.y,
                       color: I,
                       active: fe
                     })
                   },
-                  `${g}-${Y}`
+                  `${g}-${U}`
                 ) : /* @__PURE__ */ s(
                   "circle",
                   {
                     className: m(M.point, V?.point),
-                    cx: D.x,
-                    cy: D.y,
+                    cx: E.x,
+                    cy: E.y,
                     r: fe ? 5 : 3.5,
                     fill: I,
-                    onClick: T,
-                    style: T ? { cursor: "pointer" } : void 0,
-                    opacity: Q ? 0.45 : 1
+                    onClick: B,
+                    style: B ? { cursor: "pointer" } : void 0,
+                    opacity: ce ? 0.45 : 1
                   },
-                  `${g}-${Y}`
+                  `${g}-${U}`
                 );
               }),
-              (h || d) && te.map((D, Y) => {
-                const I = d ? d({ row: D.row, value: D.value, seriesKey: g, index: Y }) : h ? E ? E(D.value) : String(D.value) : null;
+              (h || d) && ee.map((E, U) => {
+                const I = d ? d({ row: E.row, value: E.value, seriesKey: g, index: U }) : h ? D ? D(E.value) : String(E.value) : null;
                 if (I == null) return null;
-                const fe = 10, Q = u === "top" ? D.y - fe : D.y + fe + 4;
+                const fe = 10, ce = u === "top" ? E.y - fe : E.y + fe + 4;
                 return /* @__PURE__ */ s(
                   "text",
                   {
                     className: m(M.axisLabel),
-                    x: D.x,
-                    y: Q,
+                    x: E.x,
+                    y: ce,
                     textAnchor: "middle",
                     dominantBaseline: u === "top" ? "auto" : "middle",
                     children: I
                   },
-                  `label-${g}-${Y}`
+                  `label-${g}-${U}`
                 );
               })
             ] }, g);
           }),
-          A !== null && /* @__PURE__ */ s(
+          C !== null && /* @__PURE__ */ s(
             "line",
             {
               className: M.cursorLine,
-              x1: U(q[A]),
-              x2: U(q[A]),
+              x1: Y(q[C]),
+              x2: Y(q[C]),
               y1: y,
               y2: v
             }
@@ -2218,22 +2218,22 @@ function Ol({
               className: M.interactionLayer,
               x: H,
               y,
-              width: B,
+              width: A,
               height: _,
               onMouseMove: (g) => {
-                const x = g.currentTarget.getBoundingClientRect(), te = g.clientX - x.left + H, D = U.step(), Y = Math.max(
+                const x = g.currentTarget.getBoundingClientRect(), ee = g.clientX - x.left + H, E = Y.step(), U = Math.max(
                   0,
-                  Math.min(e.length - 1, Math.round((te - H - D / 2) / D))
+                  Math.min(e.length - 1, Math.round((ee - H - E / 2) / E))
                 );
-                F(Y);
+                F(U);
               },
               onMouseLeave: () => F(null),
               onClick: p ? (g) => {
-                const x = g.currentTarget.getBoundingClientRect(), te = g.clientX - x.left + H, D = U.step(), Y = Math.max(
+                const x = g.currentTarget.getBoundingClientRect(), ee = g.clientX - x.left + H, E = Y.step(), U = Math.max(
                   0,
-                  Math.min(e.length - 1, Math.round((te - H - D / 2) / D))
-                ), I = S[0], fe = e[Y][I], Q = typeof fe == "number" ? fe : 0;
-                p({ row: e[Y], value: Q, seriesKey: I, index: Y });
+                  Math.min(e.length - 1, Math.round((ee - H - E / 2) / E))
+                ), I = S[0], fe = e[U][I], ce = typeof fe == "number" ? fe : 0;
+                p({ row: e[U], value: ce, seriesKey: I, index: U });
               } : void 0,
               style: p ? { cursor: "pointer" } : void 0
             }
@@ -2247,7 +2247,7 @@ function Hc(e, t, n, r, o) {
   const c = o.current;
   if (!c) return 0;
   const i = c.getBoundingClientRect().width, l = e.map((h) => String(h[t]));
-  return Xe(l, [n.left, i - n.right], 0)(l[r]);
+  return je(l, [n.left, i - n.right], 0)(l[r]);
 }
 const Oc = { top: 12, right: 16, bottom: 28, left: 48 };
 function Rt(e, t) {
@@ -2302,11 +2302,11 @@ function Fl({
   yFormat: b,
   xFormat: R,
   valueFormat: w,
-  renderTooltip: J,
+  renderTooltip: Q,
   margin: W,
-  emptyMessage: E = "No data",
+  emptyMessage: D = "No data",
   className: Z,
-  style: C,
+  style: T,
   classes: $
 }) {
   const ie = ke(
@@ -2316,42 +2316,42 @@ function Fl({
       ...W
     }),
     [W, d]
-  ), ne = ke(() => Object.keys(n), [n]), V = i && ne.length > 0, ae = V && l === "expand", [S, re] = Le(null), F = oe(null), X = Ye();
+  ), ne = ke(() => Object.keys(n), [n]), V = i && ne.length > 0, ue = V && l === "expand", [S, re] = Re(null), F = oe(null), j = Ue();
   if (e.length === 0)
-    return /* @__PURE__ */ s("div", { ref: F, className: m(M.root, $?.root, Z), style: C, children: /* @__PURE__ */ s("div", { className: M.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: M.empty, children: E }) }) });
-  const A = ke(() => {
+    return /* @__PURE__ */ s("div", { ref: F, className: m(M.root, $?.root, Z), style: T, children: /* @__PURE__ */ s("div", { className: M.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: M.empty, children: D }) }) });
+  const C = ke(() => {
     const H = ne.map(() => []), N = ne.map(() => []);
     for (let y = 0; y < e.length; y++) {
       let v = 0;
-      if (ae) {
+      if (ue) {
         for (const _ of ne) {
           const q = e[y][_];
           typeof q == "number" && q > 0 && (v += q);
         }
         v === 0 && (v = 1);
       }
-      let B = 0;
+      let A = 0;
       for (let _ = 0; _ < ne.length; _++) {
-        const q = ne[_], U = e[y][q], ee = typeof U == "number" ? U : 0;
+        const q = ne[_], Y = e[y][q], J = typeof Y == "number" ? Y : 0;
         if (V) {
-          const k = ae ? ee / v : ee;
-          N[_][y] = B, B += k, H[_][y] = B;
+          const k = ue ? J / v : J;
+          N[_][y] = A, A += k, H[_][y] = A;
         } else
-          N[_][y] = 0, H[_][y] = ee;
+          N[_][y] = 0, H[_][y] = J;
       }
     }
     return { tops: H, bottoms: N };
-  }, [e, ne, V, ae]), { tops: z, bottoms: ce } = A, [me, K] = ke(() => {
-    if (ae) return [0, 1];
+  }, [e, ne, V, ue]), { tops: X, bottoms: se } = C, [me, K] = ke(() => {
+    if (ue) return [0, 1];
     let H = 0, N = 0;
-    for (const y of z)
+    for (const y of X)
       for (const v of y)
         v < H && (H = v), v > N && (N = v);
-    for (const y of ce)
+    for (const y of se)
       for (const v of y)
         v < H && (H = v);
     return [Math.min(0, H), N];
-  }, [z, ce, ae]);
+  }, [X, se, ue]);
   return /* @__PURE__ */ s(
     Ve,
     {
@@ -2359,30 +2359,30 @@ function Fl({
       aspectRatio: r,
       height: o,
       className: Z,
-      style: C,
+      style: T,
       classes: $,
       legend: f ? /* @__PURE__ */ s(vt, { config: n, classes: $ }) : void 0,
       overlay: p && S !== null ? /* @__PURE__ */ s(
         et,
         {
           row: e[S],
-          x: zc(e, t, ie, S, F),
+          x: Xc(e, t, ie, S, F),
           y: 16,
           containerWidth: F.current?.getBoundingClientRect().width ?? 0,
           config: n,
-          render: J ? () => J(e[S]) : void 0,
-          valueFormat: ae ? (H) => `${Math.round(H * 100)}%` : w,
+          render: Q ? () => Q(e[S]) : void 0,
+          valueFormat: ue ? (H) => `${Math.round(H * 100)}%` : w,
           titleKey: t,
           classes: $
         }
       ) : null,
       children: ({ width: H, height: N }) => {
-        const y = ie.left, v = H - ie.right, B = ie.top, _ = N - ie.bottom, q = Math.max(0, v - y), U = Math.max(0, _ - B), ee = e.map((g) => String(g[t])), k = Xe(ee, [y, v], 0), G = ae ? [0, 0.25, 0.5, 0.75, 1] : qe(me, K, L), O = Je([G[0], G[G.length - 1]], [_, B]), le = O(0), ge = G.map((g) => ({ value: g, y: O(g) })), Ce = Fc(ee).map((g) => ({ label: g, x: k(g) })), Re = ae ? (g) => `${Math.round(g * 100)}%` : b;
-        return /* @__PURE__ */ j(je, { children: [
-          a && /* @__PURE__ */ s("defs", { children: ne.map((g) => /* @__PURE__ */ j(
+        const y = ie.left, v = H - ie.right, A = ie.top, _ = N - ie.bottom, q = Math.max(0, v - y), Y = Math.max(0, _ - A), J = e.map((g) => String(g[t])), k = je(J, [y, v], 0), G = ue ? [0, 0.25, 0.5, 0.75, 1] : qe(me, K, L), O = Je([G[0], G[G.length - 1]], [_, A]), de = O(0), ge = G.map((g) => ({ value: g, y: O(g) })), Ce = Fc(J).map((g) => ({ label: g, x: k(g) })), Se = ue ? (g) => `${Math.round(g * 100)}%` : b;
+        return /* @__PURE__ */ z(ze, { children: [
+          a && /* @__PURE__ */ s("defs", { children: ne.map((g) => /* @__PURE__ */ z(
             "linearGradient",
             {
-              id: `${X}-${g}`,
+              id: `${j}-${g}`,
               x1: "0",
               y1: "0",
               x2: "0",
@@ -2400,7 +2400,7 @@ function Fl({
               ticks: ge,
               x: y,
               plotWidth: q,
-              format: Re,
+              format: Se,
               showGrid: h,
               classes: $
             }
@@ -2417,31 +2417,31 @@ function Fl({
           )) }),
           u && /* @__PURE__ */ s(rn, { ticks: Ce, y: _, format: R, classes: $ }),
           ne.map((g, x) => {
-            const te = n[g], D = e.map((Q, T) => ({
-              x: k(ee[T]),
-              y: O(z[x][T])
-            })), Y = a ? `url(#${X}-${g})` : te.color, I = a ? 1 : 0.18, fe = V ? Dt(D, ce[x].map((Q) => O(Q)), c) : Dt(D, le, c);
-            return /* @__PURE__ */ j("g", { className: m(M.series, $?.series), children: [
+            const ee = n[g], E = e.map((ce, B) => ({
+              x: k(J[B]),
+              y: O(X[x][B])
+            })), U = a ? `url(#${j}-${g})` : ee.color, I = a ? 1 : 0.18, fe = V ? Dt(E, se[x].map((ce) => O(ce)), c) : Dt(E, de, c);
+            return /* @__PURE__ */ z("g", { className: m(M.series, $?.series), children: [
               /* @__PURE__ */ s(
                 "path",
                 {
                   className: M.areaPath,
                   d: fe,
-                  fill: Y,
+                  fill: U,
                   fillOpacity: I
                 }
               ),
-              /* @__PURE__ */ s("path", { className: M.linePath, d: Rt(D, c), stroke: te.color }),
-              !V && D.map((Q, T) => /* @__PURE__ */ s(
+              /* @__PURE__ */ s("path", { className: M.linePath, d: Rt(E, c), stroke: ee.color }),
+              !V && E.map((ce, B) => /* @__PURE__ */ s(
                 "circle",
                 {
                   className: m(M.point, $?.point),
-                  cx: Q.x,
-                  cy: Q.y,
-                  r: S === T ? 5 : 3,
-                  fill: te.color
+                  cx: ce.x,
+                  cy: ce.y,
+                  r: S === B ? 5 : 3,
+                  fill: ee.color
                 },
-                `${g}-${T}`
+                `${g}-${B}`
               ))
             ] }, g);
           }),
@@ -2449,9 +2449,9 @@ function Fl({
             "line",
             {
               className: M.cursorLine,
-              x1: k(ee[S]),
-              x2: k(ee[S]),
-              y1: B,
+              x1: k(J[S]),
+              x2: k(J[S]),
+              y1: A,
               y2: _
             }
           ),
@@ -2460,12 +2460,12 @@ function Fl({
             {
               className: M.interactionLayer,
               x: y,
-              y: B,
+              y: A,
               width: q,
-              height: U,
+              height: Y,
               onMouseMove: (g) => {
-                const x = g.currentTarget.getBoundingClientRect(), te = g.clientX - x.left + y, D = k.step(), Y = Math.max(0, Math.min(e.length - 1, Math.round((te - y - D / 2) / D)));
-                re(Y);
+                const x = g.currentTarget.getBoundingClientRect(), ee = g.clientX - x.left + y, E = k.step(), U = Math.max(0, Math.min(e.length - 1, Math.round((ee - y - E / 2) / E)));
+                re(U);
               },
               onMouseLeave: () => re(null)
             }
@@ -2475,25 +2475,25 @@ function Fl({
     }
   );
 }
-function zc(e, t, n, r, o) {
+function Xc(e, t, n, r, o) {
   const c = o.current;
   if (!c) return 0;
   const i = c.getBoundingClientRect().width, l = e.map((h) => String(h[t]));
-  return Xe(l, [n.left, i - n.right], 0)(l[r]);
+  return je(l, [n.left, i - n.right], 0)(l[r]);
 }
-const jc = [
+const zc = [
   "var(--crk-chart-1)",
   "var(--crk-chart-2)",
   "var(--crk-chart-3)",
   "var(--crk-chart-4)",
   "var(--crk-chart-5)"
-], Xc = { top: 12, right: 16, bottom: 28, left: 48 }, _c = { top: 12, right: 16, bottom: 28, left: 72 };
-function Uc(e, t = 8) {
+], jc = { top: 12, right: 16, bottom: 28, left: 48 }, _c = { top: 12, right: 16, bottom: 28, left: 72 };
+function Yc(e, t = 8) {
   if (e.length <= t) return e;
   const n = Math.ceil(e.length / t);
   return e.filter((r, o) => o % n === 0);
 }
-function zl({
+function Xl({
   data: e,
   xKey: t,
   config: n,
@@ -2511,59 +2511,59 @@ function zl({
   valuePosition: L = "outside",
   renderLabel: b,
   colorBy: R = "series",
-  colors: w = jc,
-  negativeColor: J,
+  colors: w = zc,
+  negativeColor: Q,
   activeIndex: W,
-  onBarClick: E,
+  onBarClick: D,
   yTickCount: Z = 5,
-  yFormat: C,
+  yFormat: T,
   xFormat: $,
   valueFormat: ie,
   renderTooltip: ne,
   margin: V,
-  emptyMessage: ae = "No data",
+  emptyMessage: ue = "No data",
   className: S,
   style: re,
   classes: F
 }) {
-  const X = r === "horizontal", A = { ...X ? _c : Xc, ...V }, z = ke(() => Object.keys(n), [n]), ce = o && z.length > 1, [me, K] = Le(null), H = oe(null);
+  const j = r === "horizontal", C = { ...j ? _c : jc, ...V }, X = ke(() => Object.keys(n), [n]), se = o && X.length > 1, [me, K] = Re(null), H = oe(null);
   if (e.length === 0)
-    return /* @__PURE__ */ s("div", { ref: H, className: m(M.root, F?.root, S), style: re, children: /* @__PURE__ */ s("div", { className: M.canvas, style: { height: i ?? 240 }, children: /* @__PURE__ */ s("div", { className: M.empty, children: ae }) }) });
+    return /* @__PURE__ */ s("div", { ref: H, className: m(M.root, F?.root, S), style: re, children: /* @__PURE__ */ s("div", { className: M.canvas, style: { height: i ?? 240 }, children: /* @__PURE__ */ s("div", { className: M.empty, children: ue }) }) });
   const N = e.map((k) => String(k[t])), y = W ?? me, v = ke(() => {
-    if (ce) {
-      let le = 0, ge = 0;
+    if (se) {
+      let de = 0, ge = 0;
       for (const be of e) {
-        let Ce = 0, Re = 0;
-        for (const g of z) {
+        let Ce = 0, Se = 0;
+        for (const g of X) {
           const x = be[g];
-          typeof x == "number" && (x >= 0 ? Ce += x : Re += x);
+          typeof x == "number" && (x >= 0 ? Ce += x : Se += x);
         }
-        Ce > le && (le = Ce), Re < ge && (ge = Re);
+        Ce > de && (de = Ce), Se < ge && (ge = Se);
       }
-      return [ge, le];
+      return [ge, de];
     }
     const k = [];
-    for (const le of e)
-      for (const ge of z) {
-        const be = le[ge];
+    for (const de of e)
+      for (const ge of X) {
+        const be = de[ge];
         typeof be == "number" && k.push(be);
       }
     const [G, O] = bt(k);
     return [Math.min(0, G), Math.max(0, O)];
-  }, [e, z, ce]), B = qe(v[0], v[1], Z), _ = B[0], q = B[B.length - 1], U = (k, G) => R === "index" ? w[G % w.length] : n[k]?.color ?? w[0], ee = f && y !== null && e[y] ? /* @__PURE__ */ s(
+  }, [e, X, se]), A = qe(v[0], v[1], Z), _ = A[0], q = A[A.length - 1], Y = (k, G) => R === "index" ? w[G % w.length] : n[k]?.color ?? w[0], J = f && y !== null && e[y] ? /* @__PURE__ */ s(
     et,
     {
       row: e[y],
-      x: Vc(e, t, A, y, H, X, l),
-      y: X ? qc(e, t, A, y, H, l) : 16,
+      x: Vc(e, t, C, y, H, j, l),
+      y: j ? qc(e, t, C, y, H, l) : 16,
       containerWidth: H.current?.getBoundingClientRect().width ?? 0,
       config: n,
       render: ne ? () => ne(e[y]) : void 0,
       valueFormat: ie,
       titleKey: t,
       resolveColor: (k) => {
-        const G = e[y][k], O = U(k, y);
-        return typeof G != "number" ? O : J !== void 0 && G < 0 ? J : O;
+        const G = e[y][k], O = Y(k, y);
+        return typeof G != "number" ? O : Q !== void 0 && G < 0 ? Q : O;
       },
       classes: F
     }
@@ -2578,106 +2578,106 @@ function zl({
       style: re,
       classes: F,
       legend: d ? /* @__PURE__ */ s(vt, { config: n, classes: F }) : void 0,
-      overlay: ee,
+      overlay: J,
       children: ({ width: k, height: G }) => {
-        const O = A.left, le = k - A.right, ge = A.top, be = G - A.bottom, Ce = Math.max(0, le - O), Re = Math.max(0, be - ge), x = Xe(N, X ? [ge, be] : [O, le], l), te = x.bandWidth(), Y = Je([_, q], X ? [O, le] : [be, ge]), I = Y(0), fe = ce ? 1 : Math.max(1, z.length), Q = te / fe, T = Q * (1 - a), de = B.map((se) => ({
-          value: se,
-          pos: Y(se)
-        })), ye = Uc(N);
-        return /* @__PURE__ */ j(je, { children: [
-          u && /* @__PURE__ */ s("g", { className: m(M.axis, F?.axis), children: de.map(
-            ({ value: se, pos: he }) => X ? /* @__PURE__ */ s(
+        const O = C.left, de = k - C.right, ge = C.top, be = G - C.bottom, Ce = Math.max(0, de - O), Se = Math.max(0, be - ge), x = je(N, j ? [ge, be] : [O, de], l), ee = x.bandWidth(), U = Je([_, q], j ? [O, de] : [be, ge]), I = U(0), fe = se ? 1 : Math.max(1, X.length), ce = ee / fe, B = ce * (1 - a), le = A.map((te) => ({
+          value: te,
+          pos: U(te)
+        })), ye = Yc(N);
+        return /* @__PURE__ */ z(ze, { children: [
+          u && /* @__PURE__ */ s("g", { className: m(M.axis, F?.axis), children: le.map(
+            ({ value: te, pos: ae }) => j ? /* @__PURE__ */ s(
               "line",
               {
                 className: m(M.gridLine, F?.grid),
-                x1: he,
-                x2: he,
+                x1: ae,
+                x2: ae,
                 y1: ge,
                 y2: be
               },
-              `g-${se}`
+              `g-${te}`
             ) : /* @__PURE__ */ s(
               "line",
               {
                 className: m(M.gridLine, F?.grid),
                 x1: O,
-                x2: le,
-                y1: he,
-                y2: he
+                x2: de,
+                y1: ae,
+                y2: ae
               },
-              `g-${se}`
+              `g-${te}`
             )
           ) }),
-          /* @__PURE__ */ s("g", { className: m(M.axis, F?.axis), children: de.map(({ value: se, pos: he }) => {
-            const Ae = C ? C(se) : String(se);
-            return X ? /* @__PURE__ */ s(
+          /* @__PURE__ */ s("g", { className: m(M.axis, F?.axis), children: le.map(({ value: te, pos: ae }) => {
+            const Ae = T ? T(te) : String(te);
+            return j ? /* @__PURE__ */ s(
               "text",
               {
                 className: m(M.axisLabel, F?.axisLabel),
-                x: he,
+                x: ae,
                 y: be + 16,
                 textAnchor: "middle",
                 children: Ae
               },
-              `vt-${se}`
+              `vt-${te}`
             ) : /* @__PURE__ */ s(
               "text",
               {
                 className: m(M.axisLabel, F?.axisLabel),
                 x: O - 8,
-                y: he,
+                y: ae,
                 textAnchor: "end",
                 dominantBaseline: "middle",
                 children: Ae
               },
-              `vt-${se}`
+              `vt-${te}`
             );
           }) }),
-          /* @__PURE__ */ s("g", { className: m(M.axis, F?.axis), children: ye.map((se) => {
-            const he = x(se), Ae = $ ? $(se) : se;
-            return X ? /* @__PURE__ */ s(
+          /* @__PURE__ */ s("g", { className: m(M.axis, F?.axis), children: ye.map((te) => {
+            const ae = x(te), Ae = $ ? $(te) : te;
+            return j ? /* @__PURE__ */ s(
               "text",
               {
                 className: m(M.axisLabel, F?.axisLabel),
                 x: O - 8,
-                y: he,
+                y: ae,
                 textAnchor: "end",
                 dominantBaseline: "middle",
                 children: Ae
               },
-              `c-${se}`
+              `c-${te}`
             ) : /* @__PURE__ */ s(
               "text",
               {
                 className: m(M.axisLabel, F?.axisLabel),
-                x: he,
+                x: ae,
                 y: be + 16,
                 textAnchor: "middle",
                 children: Ae
               },
-              `c-${se}`
+              `c-${te}`
             );
           }) }),
-          e.map((se, he) => {
-            const De = x(N[he]) - te / 2;
-            let xe = 0, ue = 0;
-            return /* @__PURE__ */ s("g", { className: m(M.series, F?.series), children: z.map((Ie, He) => {
-              const Ge = se[Ie];
+          e.map((te, ae) => {
+            const De = x(N[ae]) - ee / 2;
+            let xe = 0, he = 0;
+            return /* @__PURE__ */ s("g", { className: m(M.series, F?.series), children: X.map((Ie, He) => {
+              const Ge = te[Ie];
               if (typeof Ge != "number") return null;
-              const Ee = Ge, xt = U(Ie, he), kt = J !== void 0 && Ee < 0 ? J : xt, Oe = W !== void 0 ? W === he : me === he, tt = W !== void 0 && !Oe;
+              const Ee = Ge, xt = Y(Ie, ae), kt = Q !== void 0 && Ee < 0 ? Q : xt, Oe = W !== void 0 ? W === ae : me === ae, tt = W !== void 0 && !Oe;
               let nt, _e;
-              ce ? Ee >= 0 ? (nt = xe, _e = xe + Ee, xe = _e) : (nt = ue, _e = ue + Ee, ue = _e) : (nt = 0, _e = Ee);
-              const rt = Y(nt), ot = Y(_e), Bt = ce ? (te - T) / 2 : He * Q + (Q - T) / 2;
+              se ? Ee >= 0 ? (nt = xe, _e = xe + Ee, xe = _e) : (nt = he, _e = he + Ee, he = _e) : (nt = 0, _e = Ee);
+              const rt = U(nt), ot = U(_e), Bt = se ? (ee - B) / 2 : He * ce + (ce - B) / 2;
               let it = 0, ct = 0, lt = 0, st = 0;
-              if (X) {
+              if (j) {
                 const Ze = Math.min(rt, ot), wt = Math.max(rt, ot);
-                it = Ze, lt = wt - Ze, ct = De + Bt, st = T;
+                it = Ze, lt = wt - Ze, ct = De + Bt, st = B;
               } else {
                 const Ze = Math.min(rt, ot), wt = Math.max(rt, ot);
-                it = De + Bt, lt = T, ct = Ze, st = wt - Ze;
+                it = De + Bt, lt = B, ct = Ze, st = wt - Ze;
               }
-              const Mt = b ? b({ row: se, value: Ee, seriesKey: Ie, index: he }) : p ? ie ? ie(Ee) : String(Ee) : null, Fe = Yc({
-                isHorizontal: X,
+              const Mt = b ? b({ row: te, value: Ee, seriesKey: Ie, index: ae }) : p ? ie ? ie(Ee) : String(Ee) : null, Fe = Uc({
+                isHorizontal: j,
                 valuePosition: L,
                 x: it,
                 y: ct,
@@ -2685,7 +2685,7 @@ function zl({
                 rectH: st,
                 value: Ee
               });
-              return /* @__PURE__ */ j("g", { children: [
+              return /* @__PURE__ */ z("g", { children: [
                 /* @__PURE__ */ s(
                   "rect",
                   {
@@ -2702,8 +2702,8 @@ function zl({
                     ry: h,
                     fill: kt,
                     opacity: tt ? 0.35 : 1,
-                    onClick: E ? () => E({ row: se, value: Ee, seriesKey: Ie, index: he }) : void 0,
-                    style: E ? { cursor: "pointer" } : void 0
+                    onClick: D ? () => D({ row: te, value: Ee, seriesKey: Ie, index: ae }) : void 0,
+                    style: D ? { cursor: "pointer" } : void 0
                   }
                 ),
                 Mt != null && /* @__PURE__ */ s(
@@ -2723,16 +2723,16 @@ function zl({
                   }
                 )
               ] }, Ie);
-            }) }, `group-${he}`);
+            }) }, `group-${ae}`);
           }),
           _ < 0 && q > 0 && /* @__PURE__ */ s(
             "line",
             {
               className: m(M.gridLine),
-              x1: X ? I : O,
-              x2: X ? I : le,
-              y1: X ? ge : I,
-              y2: X ? be : I,
+              x1: j ? I : O,
+              x2: j ? I : de,
+              y1: j ? ge : I,
+              y2: j ? be : I,
               opacity: 0.9
             }
           ),
@@ -2743,11 +2743,11 @@ function zl({
               x: O,
               y: ge,
               width: Ce,
-              height: Re,
-              onMouseMove: (se) => {
-                const he = se.currentTarget.getBoundingClientRect(), Ae = se.clientX - he.left + O, De = se.clientY - he.top + ge, xe = x.step(), ue = X ? De - ge : Ae - O, Ie = Math.max(
+              height: Se,
+              onMouseMove: (te) => {
+                const ae = te.currentTarget.getBoundingClientRect(), Ae = te.clientX - ae.left + O, De = te.clientY - ae.top + ge, xe = x.step(), he = j ? De - ge : Ae - O, Ie = Math.max(
                   0,
-                  Math.min(e.length - 1, Math.round((ue - xe / 2) / xe))
+                  Math.min(e.length - 1, Math.round((he - xe / 2) / xe))
                 );
                 K(Ie);
               },
@@ -2759,7 +2759,7 @@ function zl({
     }
   );
 }
-function Yc({
+function Uc({
   isHorizontal: e,
   valuePosition: t,
   x: n,
@@ -2815,13 +2815,13 @@ function Vc(e, t, n, r, o, c, i) {
   const l = o.current;
   if (!l) return 0;
   const a = l.getBoundingClientRect(), h = e.map((d) => String(d[t]));
-  return c ? a.width / 2 : Xe(h, [n.left, a.width - n.right], i)(h[r]);
+  return c ? a.width / 2 : je(h, [n.left, a.width - n.right], i)(h[r]);
 }
 function qc(e, t, n, r, o, c) {
   const i = o.current;
   if (!i) return 16;
   const l = i.getBoundingClientRect(), a = e.map((u) => String(u[t]));
-  return Xe(a, [n.top, l.height - n.bottom], c)(a[r]);
+  return je(a, [n.top, l.height - n.bottom], c)(a[r]);
 }
 const Gc = [
   "var(--crk-chart-1)",
@@ -2873,7 +2873,7 @@ function Pt(e, t, n, r, o) {
   const i = ((r + o) / 2 - 90) * Math.PI / 180;
   return { x: e + n * Math.cos(i), y: t + n * Math.sin(i) };
 }
-function jl({
+function zl({
   data: e,
   valueKey: t,
   nameKey: n,
@@ -2892,23 +2892,23 @@ function jl({
   renderLabel: b,
   centerLabel: R,
   activeIndex: w,
-  onSliceClick: J,
+  onSliceClick: Q,
   showLegend: W = !0,
-  showTooltip: E = !0,
+  showTooltip: D = !0,
   valueFormat: Z,
-  renderTooltip: C,
+  renderTooltip: T,
   emptyMessage: $ = "No data",
   className: ie,
   style: ne,
   classes: V
 }) {
-  const [ae, S] = Le(null), re = oe(null), F = w ?? ae, X = (K) => {
+  const [ue, S] = Re(null), re = oe(null), F = w ?? ue, j = (K) => {
     if (r) {
       const H = e[K]?.[r];
       if (typeof H == "string") return H;
     }
     return o[K % o.length];
-  }, A = ke(() => {
+  }, C = ke(() => {
     let K = 0;
     for (const H of e) {
       const N = H[t];
@@ -2916,37 +2916,37 @@ function jl({
     }
     return K;
   }, [e, t]);
-  if (e.length === 0 || A === 0)
+  if (e.length === 0 || C === 0)
     return /* @__PURE__ */ s("div", { ref: re, className: m(M.root, V?.root, ie), style: ne, children: /* @__PURE__ */ s("div", { className: M.canvas, style: { height: i ?? 240 }, children: /* @__PURE__ */ s("div", { className: M.empty, children: $ }) }) });
-  const z = ke(() => {
+  const X = ke(() => {
     const K = [];
     let H = 0;
     for (let N = 0; N < e.length; N++) {
-      const y = e[N], v = y[t], B = typeof v == "number" && v > 0 ? v : 0;
-      if (B === 0) continue;
-      const _ = B / A, q = _ * 360;
-      K.push({ index: N, row: y, value: B, start: H, end: H + q, fraction: _ }), H += q;
+      const y = e[N], v = y[t], A = typeof v == "number" && v > 0 ? v : 0;
+      if (A === 0) continue;
+      const _ = A / C, q = _ * 360;
+      K.push({ index: N, row: y, value: A, start: H, end: H + q, fraction: _ }), H += q;
     }
     return K;
-  }, [e, t, A]), ce = W ? /* @__PURE__ */ s("div", { className: m(M.legend, V?.legend), role: "list", children: z.map((K) => /* @__PURE__ */ j("div", { className: m(M.legendItem, V?.legendItem), role: "listitem", children: [
+  }, [e, t, C]), se = W ? /* @__PURE__ */ s("div", { className: m(M.legend, V?.legend), role: "list", children: X.map((K) => /* @__PURE__ */ z("div", { className: m(M.legendItem, V?.legendItem), role: "listitem", children: [
     /* @__PURE__ */ s(
       "span",
       {
         className: M.legendSwatch,
-        style: { background: X(K.index) },
+        style: { background: j(K.index) },
         "aria-hidden": "true"
       }
     ),
     /* @__PURE__ */ s("span", { className: M.legendLabel, children: String(K.row[n]) })
   ] }, K.index)) }) : void 0, me = ke(() => {
     const K = {};
-    for (const H of z)
+    for (const H of X)
       K[H.index.toString()] = {
         label: String(H.row[n]),
-        color: X(H.index)
+        color: j(H.index)
       };
     return K;
-  }, [z]);
+  }, [X]);
   return /* @__PURE__ */ s(
     Ve,
     {
@@ -2956,8 +2956,8 @@ function jl({
       className: ie,
       style: ne,
       classes: V,
-      legend: ce,
-      overlay: E && F !== null && e[F] ? /* @__PURE__ */ s(
+      legend: se,
+      overlay: D && F !== null && e[F] ? /* @__PURE__ */ s(
         et,
         {
           row: { [F.toString()]: e[F][t] },
@@ -2965,17 +2965,17 @@ function jl({
           y: 16,
           containerWidth: re.current?.getBoundingClientRect().width ?? 0,
           config: { [F.toString()]: me[F.toString()] },
-          render: C ? () => C(e[F]) : void 0,
+          render: T ? () => T(e[F]) : void 0,
           valueFormat: Z,
           titleKey: void 0,
           classes: V
         }
       ) : null,
       children: ({ width: K, height: H }) => {
-        const N = K / 2, y = H / 2, v = Math.min(K, H) / 2 - 4, B = Et(a, v), _ = Math.min(B - 1, Et(l, v)), q = Math.max(4, B * 0.06);
-        return /* @__PURE__ */ j(je, { children: [
-          /* @__PURE__ */ s("g", { children: z.map((U) => {
-            const ee = d / 2, k = Math.min(U.end, U.start + ee), G = Math.max(U.start, U.end - ee), O = X(U.index), le = F === U.index, ge = w !== void 0 && !le, be = le && w !== void 0 ? B + q : B, Ce = Zc(N, y, be, _, k, G), Re = J ? () => J({ row: U.row, value: U.value, index: U.index }) : void 0;
+        const N = K / 2, y = H / 2, v = Math.min(K, H) / 2 - 4, A = Et(a, v), _ = Math.min(A - 1, Et(l, v)), q = Math.max(4, A * 0.06);
+        return /* @__PURE__ */ z(ze, { children: [
+          /* @__PURE__ */ s("g", { children: X.map((Y) => {
+            const J = d / 2, k = Math.min(Y.end, Y.start + J), G = Math.max(Y.start, Y.end - J), O = j(Y.index), de = F === Y.index, ge = w !== void 0 && !de, be = de && w !== void 0 ? A + q : A, Ce = Zc(N, y, be, _, k, G), Se = Q ? () => Q({ row: Y.row, value: Y.value, index: Y.index }) : void 0;
             return /* @__PURE__ */ s(
               "path",
               {
@@ -2984,24 +2984,24 @@ function jl({
                 stroke: h > 0 ? u : "none",
                 strokeWidth: h,
                 opacity: ge ? 0.45 : 1,
-                onMouseEnter: () => S(U.index),
+                onMouseEnter: () => S(Y.index),
                 onMouseLeave: () => S(null),
-                onClick: Re,
-                style: Re ? { cursor: "pointer" } : void 0
+                onClick: Se,
+                style: Se ? { cursor: "pointer" } : void 0
               },
-              U.index
+              Y.index
             );
           }) }),
-          (f || b) && z.map((U) => {
-            const ee = b ? b({ row: U.row, value: U.value, fraction: U.fraction, index: U.index }) : f ? `${String(U.row[n])} ${Z ? Z(U.value) : Math.round(U.fraction * 100) + "%"}` : null;
-            if (ee == null) return null;
-            const k = p === "inside", G = Math.max(16, B * 0.12), O = k ? (B + _) / 2 : B + G, le = Pt(N, y, O, U.start, U.end), ge = k ? "middle" : le.x < N - 1 ? "end" : le.x > N + 1 ? "start" : "middle";
+          (f || b) && X.map((Y) => {
+            const J = b ? b({ row: Y.row, value: Y.value, fraction: Y.fraction, index: Y.index }) : f ? `${String(Y.row[n])} ${Z ? Z(Y.value) : Math.round(Y.fraction * 100) + "%"}` : null;
+            if (J == null) return null;
+            const k = p === "inside", G = Math.max(16, A * 0.12), O = k ? (A + _) / 2 : A + G, de = Pt(N, y, O, Y.start, Y.end), ge = k ? "middle" : de.x < N - 1 ? "end" : de.x > N + 1 ? "start" : "middle";
             let be = null;
             if (!k && L) {
-              const Ce = Pt(N, y, B, U.start, U.end), Re = 4, g = ge === "end" ? Re : ge === "start" ? -Re : 0;
-              be = { x1: Ce.x, y1: Ce.y, x2: le.x + g, y2: le.y };
+              const Ce = Pt(N, y, A, Y.start, Y.end), Se = 4, g = ge === "end" ? Se : ge === "start" ? -Se : 0;
+              be = { x1: Ce.x, y1: Ce.y, x2: de.x + g, y2: de.y };
             }
-            return /* @__PURE__ */ j("g", { children: [
+            return /* @__PURE__ */ z("g", { children: [
               be && /* @__PURE__ */ s(
                 "line",
                 {
@@ -3009,7 +3009,7 @@ function jl({
                   y1: be.y1,
                   x2: be.x2,
                   y2: be.y2,
-                  stroke: X(U.index),
+                  stroke: j(Y.index),
                   strokeWidth: 1,
                   opacity: 0.7
                 }
@@ -3017,18 +3017,18 @@ function jl({
               /* @__PURE__ */ s(
                 "text",
                 {
-                  x: le.x,
-                  y: le.y,
+                  x: de.x,
+                  y: de.y,
                   className: m(
                     M.axisLabel,
                     k && M.barLabelInside
                   ),
                   textAnchor: ge,
                   dominantBaseline: "middle",
-                  children: ee
+                  children: J
                 }
               )
-            ] }, `label-${U.index}`);
+            ] }, `label-${Y.index}`);
           }),
           R !== void 0 && /* @__PURE__ */ s(
             "foreignObject",
@@ -3072,7 +3072,7 @@ function Kc(e, t, n, r) {
     return `${c.x},${c.y}`;
   }).join(" ");
 }
-function Xl({
+function jl({
   data: e,
   axisKey: t,
   config: n,
@@ -3091,29 +3091,29 @@ function Xl({
   axisFormat: b,
   valueFormat: R,
   renderTooltip: w,
-  showLegend: J = !0,
+  showLegend: Q = !0,
   showTooltip: W = !0,
-  emptyMessage: E = "No data",
+  emptyMessage: D = "No data",
   className: Z,
-  style: C,
+  style: T,
   classes: $
 }) {
-  const [ie, ne] = Le(null), V = oe(null), ae = ke(() => Object.keys(n), [n]);
+  const [ie, ne] = Re(null), V = oe(null), ue = ke(() => Object.keys(n), [n]);
   if (e.length === 0)
-    return /* @__PURE__ */ s("div", { ref: V, className: m(M.root, $?.root, Z), style: C, children: /* @__PURE__ */ s("div", { className: M.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: M.empty, children: E }) }) });
+    return /* @__PURE__ */ s("div", { ref: V, className: m(M.root, $?.root, Z), style: T, children: /* @__PURE__ */ s("div", { className: M.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: M.empty, children: D }) }) });
   const S = ke(
-    () => e.map((A, z) => z / e.length * 360),
+    () => e.map((C, X) => X / e.length * 360),
     [e]
   ), re = ke(() => {
-    const A = [];
-    for (const ce of ae)
+    const C = [];
+    for (const se of ue)
       for (const me of e) {
-        const K = me[ce];
-        typeof K == "number" && A.push(K);
+        const K = me[se];
+        typeof K == "number" && C.push(K);
       }
-    const [, z] = bt(A);
-    return Math.max(1, z);
-  }, [e, ae]), F = ke(() => qe(0, re, u).filter((z) => z > 0), [re, u]), X = F[F.length - 1] ?? re;
+    const [, X] = bt(C);
+    return Math.max(1, X);
+  }, [e, ue]), F = ke(() => qe(0, re, u).filter((X) => X > 0), [re, u]), j = F[F.length - 1] ?? re;
   return /* @__PURE__ */ s(
     Ve,
     {
@@ -3121,9 +3121,9 @@ function Xl({
       aspectRatio: r,
       height: o,
       className: Z,
-      style: C,
+      style: T,
       classes: $,
-      legend: J ? /* @__PURE__ */ s(vt, { config: n, classes: $ }) : void 0,
+      legend: Q ? /* @__PURE__ */ s(vt, { config: n, classes: $ }) : void 0,
       overlay: W && ie !== null ? /* @__PURE__ */ s(
         et,
         {
@@ -3138,9 +3138,9 @@ function Xl({
           classes: $
         }
       ) : null,
-      children: ({ width: A, height: z }) => {
-        const ce = a ? 32 : 8, me = A / 2, K = z / 2, H = Math.max(0, Math.min(A, z) / 2 - ce), N = (y) => Math.max(0, y) / X * H;
-        return /* @__PURE__ */ j(je, { children: [
+      children: ({ width: C, height: X }) => {
+        const se = a ? 32 : 8, me = C / 2, K = X / 2, H = Math.max(0, Math.min(C, X) / 2 - se), N = (y) => Math.max(0, y) / j * H;
+        return /* @__PURE__ */ z(ze, { children: [
           i && F.map((y) => {
             const v = N(y);
             return c === "circle" ? /* @__PURE__ */ s(
@@ -3164,15 +3164,15 @@ function Xl({
             );
           }),
           l && S.map((y, v) => {
-            const B = mt(me, K, H, y);
+            const A = mt(me, K, H, y);
             return /* @__PURE__ */ s(
               "line",
               {
                 className: m(M.gridLine, $?.grid),
                 x1: me,
                 y1: K,
-                x2: B.x,
-                y2: B.y
+                x2: A.x,
+                y2: A.y
               },
               `spoke-${v}`
             );
@@ -3193,17 +3193,17 @@ function Xl({
             );
           }),
           a && e.map((y, v) => {
-            const B = S[v], _ = mt(me, K, H + 14, B), q = _.x < me - 1 ? "end" : _.x > me + 1 ? "start" : "middle";
+            const A = S[v], _ = mt(me, K, H + 14, A), q = _.x < me - 1 ? "end" : _.x > me + 1 ? "start" : "middle";
             if (L)
               return /* @__PURE__ */ s("g", { children: L({
                 row: y,
                 index: v,
-                angle: B,
+                angle: A,
                 x: _.x,
                 y: _.y,
                 textAnchor: q
               }) }, `label-${v}`);
-            const U = String(y[t]), ee = b ? b(U) : U;
+            const Y = String(y[t]), J = b ? b(Y) : Y;
             return /* @__PURE__ */ s(
               "text",
               {
@@ -3212,17 +3212,17 @@ function Xl({
                 y: _.y,
                 textAnchor: q,
                 dominantBaseline: "middle",
-                children: ee
+                children: J
               },
               `label-${v}`
             );
           }),
-          ae.map((y) => {
-            const v = n[y], B = e.map((q, U) => {
-              const ee = q[y], G = N(typeof ee == "number" ? ee : 0);
-              return mt(me, K, G, S[U]);
-            }), _ = B.map((q) => `${q.x},${q.y}`).join(" ");
-            return /* @__PURE__ */ j("g", { className: m(M.series, $?.series), children: [
+          ue.map((y) => {
+            const v = n[y], A = e.map((q, Y) => {
+              const J = q[y], G = N(typeof J == "number" ? J : 0);
+              return mt(me, K, G, S[Y]);
+            }), _ = A.map((q) => `${q.x},${q.y}`).join(" ");
+            return /* @__PURE__ */ z("g", { className: m(M.series, $?.series), children: [
               /* @__PURE__ */ s(
                 "polygon",
                 {
@@ -3235,16 +3235,16 @@ function Xl({
                   strokeLinecap: "round"
                 }
               ),
-              d && B.map((q, U) => /* @__PURE__ */ s(
+              d && A.map((q, Y) => /* @__PURE__ */ s(
                 "circle",
                 {
                   className: m(M.point, $?.point),
                   cx: q.x,
                   cy: q.y,
-                  r: ie === U ? 5 : 3.5,
+                  r: ie === Y ? 5 : 3.5,
                   fill: v.color
                 },
-                `${y}-${U}`
+                `${y}-${Y}`
               ))
             ] }, y);
           }),
@@ -3254,15 +3254,15 @@ function Xl({
               className: M.interactionLayer,
               x: 0,
               y: 0,
-              width: A,
-              height: z,
+              width: C,
+              height: X,
               onMouseMove: (y) => {
-                const v = y.currentTarget.getBoundingClientRect(), B = y.clientX - v.left - me, _ = y.clientY - v.top - K;
-                if (B === 0 && _ === 0) return;
-                let q = Math.atan2(_, B) * 180 / Math.PI + 90;
+                const v = y.currentTarget.getBoundingClientRect(), A = y.clientX - v.left - me, _ = y.clientY - v.top - K;
+                if (A === 0 && _ === 0) return;
+                let q = Math.atan2(_, A) * 180 / Math.PI + 90;
                 q < 0 && (q += 360), q >= 360 && (q -= 360);
-                const U = 360 / e.length, ee = Math.round(q / U) % e.length;
-                ne(ee);
+                const Y = 360 / e.length, J = Math.round(q / Y) % e.length;
+                ne(J);
               },
               onMouseLeave: () => ne(null)
             }
@@ -3333,36 +3333,42 @@ function Wt(e, t) {
 function _l(e) {
   return e.map((t) => typeof t.volume == "number" ? t.volume : null);
 }
-const Se = 86400;
+const Me = 86400;
 function on(e) {
   switch (e) {
     case "1D":
-      return Se;
+      return Me;
     case "5D":
-      return 5 * Se;
+      return 5 * Me;
     case "1M":
-      return 30 * Se;
+      return 30 * Me;
     case "3M":
-      return 90 * Se;
+      return 90 * Me;
     case "6M":
-      return 180 * Se;
+      return 180 * Me;
     case "1Y":
-      return 365 * Se;
+      return 365 * Me;
     case "5Y":
-      return 5 * 365 * Se;
+      return 5 * 365 * Me;
+    case "10Y":
+      return 10 * 365 * Me;
+    case "20Y":
+      return 20 * 365 * Me;
+    case "MAX":
+      return 100 * 365 * Me;
   }
   const t = /^(\d+)\s*([dDwWmMyYhH])$/.exec(e);
   if (t) {
     const n = Number(t[1]), r = t[2].toLowerCase();
     if (r === "h") return n * 3600;
-    if (r === "d") return n * Se;
-    if (r === "w") return n * 7 * Se;
-    if (r === "m") return n * 30 * Se;
-    if (r === "y") return n * 365 * Se;
+    if (r === "d") return n * Me;
+    if (r === "w") return n * 7 * Me;
+    if (r === "m") return n * 30 * Me;
+    if (r === "y") return n * 365 * Me;
   }
-  return 30 * Se;
+  return 30 * Me;
 }
-function Ul(e) {
+function Yl(e) {
   switch (e) {
     case "1D":
       return "5";
@@ -3378,11 +3384,17 @@ function Ul(e) {
       return "D";
     case "5Y":
       return "W";
+    case "10Y":
+      return "W";
+    case "20Y":
+      return "M";
+    case "MAX":
+      return "M";
   }
   const t = on(e);
-  return t >= 3 * 365 * Se ? "W" : t >= 180 * Se ? "D" : t >= 60 * Se ? "240" : t >= 14 * Se ? "60" : t >= 3 * Se ? "15" : "5";
+  return t >= 3 * 365 * Me ? "W" : t >= 180 * Me ? "D" : t >= 60 * Me ? "240" : t >= 14 * Me ? "60" : t >= 3 * Me ? "15" : "5";
 }
-function Yl(e) {
+function Ul(e) {
   if (e === "W" || e === "M") return "5Y";
   if (e === "D") return "1Y";
   const t = Number(e);
@@ -3408,13 +3420,13 @@ function Vl({
   showConfigPanel: b = !0,
   onCrosshair: R,
   onVisibleRangeChange: w,
-  className: J,
+  className: Q,
   style: W
 }) {
-  const E = oe(null), Z = oe(null), C = oe([]), $ = oe({ from: 0, to: 0 }), ie = oe(null), ne = oe(null), V = oe(!1), ae = oe(null), S = oe(null), re = oe(1), F = oe({ width: 0, height: 0 }), X = oe(() => {
-  }), A = oe(R), z = oe(w);
-  A.current = R, z.current = w;
-  const [ce, me] = Le(null), [K, H] = Le(p), N = f ?? K, y = pe(
+  const D = oe(null), Z = oe(null), T = oe([]), $ = oe({ from: 0, to: 0 }), ie = oe(null), ne = oe(null), V = oe(!1), ue = oe(null), S = oe(null), re = oe(1), F = oe({ width: 0, height: 0 }), j = oe(() => {
+  }), C = oe(R), X = oe(w);
+  C.current = R, X.current = w;
+  const [se, me] = Re(null), [K, H] = Re(p), N = f ?? K, y = pe(
     (g) => {
       f === void 0 && H(g), L?.(g);
     },
@@ -3422,188 +3434,188 @@ function Vl({
   ), v = ke(
     () => ({ up: h, down: u, line: d }),
     [h, u, d]
-  ), B = c, _ = B.some((g) => g.type === "rsi"), q = B.some((g) => g.type === "volume"), U = pe(() => {
+  ), A = c, _ = A.some((g) => g.type === "rsi"), q = A.some((g) => g.type === "volume"), Y = pe(() => {
     const g = Z.current;
     if (!g) return;
     const x = g.getContext("2d");
     if (!x) return;
-    const { width: te, height: D } = F.current;
-    if (te === 0 || D === 0) return;
-    const Y = re.current;
-    x.save(), x.setTransform(1, 0, 0, 1, 0, 0), x.clearRect(0, 0, g.width, g.height), x.scale(Y, Y);
-    const I = pl(E.current, v), fe = ln(E.current), Q = C.current;
-    if (Q.length === 0) {
-      gl(x, te, D, I), x.restore();
+    const { width: ee, height: E } = F.current;
+    if (ee === 0 || E === 0) return;
+    const U = re.current;
+    x.save(), x.setTransform(1, 0, 0, 1, 0, 0), x.clearRect(0, 0, g.width, g.height), x.scale(U, U);
+    const I = pl(D.current, v), fe = ln(D.current), ce = T.current;
+    if (ce.length === 0) {
+      gl(x, ee, E, I), x.restore();
       return;
     }
-    const T = Nt(te, D, _, q), { from: de, to: ye } = hl($.current, Q.length);
-    $.current = { from: de, to: ye };
-    const se = Q.slice(Math.max(0, Math.floor(de)), Math.min(Q.length, Math.ceil(ye) + 1)), he = (ue) => {
-      const Ie = ye - de + 1, He = T.plotWidth / Ie;
-      return T.plotLeft + (ue - de + 0.5) * He;
-    }, Ae = T.plotWidth / (ye - de + 1), De = B.map((ue) => ml(ue, Q)).filter((ue) => ue !== null).map((ue) => ({ ...ue, color: fe(ue.color) })), xe = cn(T.main, se, De, de, ye);
-    Lt(x, T.plotLeft, T.plotRight, xe, I), yl(x, T, xe, i, I), x.save(), x.beginPath(), x.rect(T.plotLeft, xe.paneTop, T.plotWidth, xe.paneHeight), x.clip();
-    for (let ue = 0; ue < B.length; ue++) {
-      const Ie = B[ue], He = De[ue];
-      He && kl(x, He, Ie, Q, de, ye, he, xe);
+    const B = Nt(ee, E, _, q), { from: le, to: ye } = hl($.current, ce.length);
+    $.current = { from: le, to: ye };
+    const te = ce.slice(Math.max(0, Math.floor(le)), Math.min(ce.length, Math.ceil(ye) + 1)), ae = (he) => {
+      const Ie = ye - le + 1, He = B.plotWidth / Ie;
+      return B.plotLeft + (he - le + 0.5) * He;
+    }, Ae = B.plotWidth / (ye - le + 1), De = A.map((he) => ml(he, ce)).filter((he) => he !== null).map((he) => ({ ...he, color: fe(he.color) })), xe = cn(B.main, te, De, le, ye);
+    Lt(x, B.plotLeft, B.plotRight, xe, I), yl(x, B, xe, i, I), x.save(), x.beginPath(), x.rect(B.plotLeft, xe.paneTop, B.plotWidth, xe.paneHeight), x.clip();
+    for (let he = 0; he < A.length; he++) {
+      const Ie = A[he], He = De[he];
+      He && kl(x, He, Ie, ce, le, ye, ae, xe);
     }
-    if (o === "candle" ? vl(x, Q, de, ye, he, Ae, xe, { up: I.up, down: I.down }) : o === "bar" ? bl(x, Q, de, ye, he, Ae, xe, { up: I.up, down: I.down }) : xl(x, Q, de, ye, he, xe, I.line, o === "area"), x.restore(), T.volume) {
-      const ue = fl(T.volume, Q, de, ye);
-      Lt(x, T.plotLeft, T.plotRight, ue, I, !0), Ft(x, T, T.volume, "Volume", I), x.save(), x.beginPath(), x.rect(T.plotLeft, ue.paneTop, T.plotWidth, ue.paneHeight), x.clip(), Ml(x, Q, de, ye, he, Ae, ue, { up: I.up, down: I.down }), x.restore();
+    if (o === "candle" ? vl(x, ce, le, ye, ae, Ae, xe, { up: I.up, down: I.down }) : o === "bar" ? bl(x, ce, le, ye, ae, Ae, xe, { up: I.up, down: I.down }) : xl(x, ce, le, ye, ae, xe, I.line, o === "area"), x.restore(), B.volume) {
+      const he = fl(B.volume, ce, le, ye);
+      Lt(x, B.plotLeft, B.plotRight, he, I, !0), Ft(x, B, B.volume, "Volume", I), x.save(), x.beginPath(), x.rect(B.plotLeft, he.paneTop, B.plotWidth, he.paneHeight), x.clip(), Ml(x, ce, le, ye, ae, Ae, he, { up: I.up, down: I.down }), x.restore();
     }
-    if (T.rsi) {
-      const ue = B.find((tt) => tt.type === "rsi"), Ie = ue && ue.type === "rsi" ? ue.period ?? 14 : 14, He = ue && ue.type === "rsi" ? ue.overbought ?? 70 : 70, Ge = ue && ue.type === "rsi" ? ue.oversold ?? 30 : 30, Ee = (ue && ue.type === "rsi" ? ue.color : void 0) ?? "var(--crk-chart-5)", xt = fe(Ee), kt = tl(Q, Ie), Oe = {
-        paneTop: T.rsi.top,
-        paneBottom: T.rsi.bottom,
-        paneHeight: T.rsi.height,
+    if (B.rsi) {
+      const he = A.find((tt) => tt.type === "rsi"), Ie = he && he.type === "rsi" ? he.period ?? 14 : 14, He = he && he.type === "rsi" ? he.overbought ?? 70 : 70, Ge = he && he.type === "rsi" ? he.oversold ?? 30 : 30, Ee = (he && he.type === "rsi" ? he.color : void 0) ?? "var(--crk-chart-5)", xt = fe(Ee), kt = tl(ce, Ie), Oe = {
+        paneTop: B.rsi.top,
+        paneBottom: B.rsi.bottom,
+        paneHeight: B.rsi.height,
         priceMin: 0,
         priceMax: 100,
         ticks: [Ge, 50, He]
       };
-      Lt(x, T.plotLeft, T.plotRight, Oe, I, !0), Ft(x, T, T.rsi, `RSI ${Ie}`, I), x.save(), x.beginPath(), x.rect(T.plotLeft, Oe.paneTop, T.plotWidth, Oe.paneHeight), x.clip(), Qe(x, kt, de, ye, he, Oe, xt), x.restore(), wl(x, T, Oe, He, Ge, I);
+      Lt(x, B.plotLeft, B.plotRight, Oe, I, !0), Ft(x, B, B.rsi, `RSI ${Ie}`, I), x.save(), x.beginPath(), x.rect(B.plotLeft, Oe.paneTop, B.plotWidth, Oe.paneHeight), x.clip(), Qe(x, kt, le, ye, ae, Oe, xt), x.restore(), wl(x, B, Oe, He, Ge, I);
     }
-    $l(x, T, Q, de, ye, n, I), ie.current && Nl(x, T, ie.current, Q, de, ye, he, i, xe, N, I), x.restore();
-  }, [o, B, _, q, i, v, n, N]);
-  X.current = U;
-  const ee = pe(() => {
+    $l(x, B, ce, le, ye, n, I), ie.current && Nl(x, B, ie.current, ce, le, ye, ae, i, xe, N, I), x.restore();
+  }, [o, A, _, q, i, v, n, N]);
+  j.current = Y;
+  const J = pe(() => {
     if (S.current === null) {
       if (typeof requestAnimationFrame > "u") {
-        X.current();
+        j.current();
         return;
       }
       S.current = requestAnimationFrame(() => {
-        S.current = null, X.current();
+        S.current = null, j.current();
       });
     }
   }, []);
-  jt(() => {
-    const g = E.current;
+  zt(() => {
+    const g = D.current;
     if (!g) return;
     const x = () => {
-      const D = g.getBoundingClientRect(), Y = typeof window < "u" && window.devicePixelRatio || 1;
-      re.current = Y, F.current = { width: D.width, height: D.height };
+      const E = g.getBoundingClientRect(), U = typeof window < "u" && window.devicePixelRatio || 1;
+      re.current = U, F.current = { width: E.width, height: E.height };
       const I = Z.current;
-      I && (I.width = Math.round(D.width * Y), I.height = Math.round(D.height * Y), I.style.width = `${D.width}px`, I.style.height = `${D.height}px`), ee();
+      I && (I.width = Math.round(E.width * U), I.height = Math.round(E.height * U), I.style.width = `${E.width}px`, I.style.height = `${E.height}px`), J();
     };
     if (x(), typeof ResizeObserver > "u") return;
-    const te = new ResizeObserver(x);
-    return te.observe(g), () => te.disconnect();
-  }, [ee]), Ne(() => {
+    const ee = new ResizeObserver(x);
+    return ee.observe(g), () => ee.disconnect();
+  }, [J]), Le(() => {
     let g = !1;
-    const x = Math.floor(Date.now() / 1e3), te = zt(n), D = r !== void 0 ? on(r) : te * l, Y = r !== void 0 ? Math.max(10, Math.ceil(D / te)) : l, I = x - D;
-    C.current = [], $.current = { from: 0, to: 0 }, ee(), e.getBars({ symbol: t, resolution: n, from: I, to: x, countBack: Y }).then((Q) => {
+    const x = Math.floor(Date.now() / 1e3), ee = Xt(n), E = r === "MAX", U = r !== void 0 ? on(r) : ee * l, I = r !== void 0 ? Math.max(10, Math.ceil(U / ee)) : l, fe = E ? 0 : x - U;
+    T.current = [], $.current = { from: 0, to: 0 }, J(), e.getBars({ symbol: t, resolution: n, from: fe, to: x, countBack: I }).then((B) => {
       if (g) return;
-      const T = [...Q].sort((ye, se) => ye.time - se.time);
-      C.current = T;
-      const de = T.length - 1;
+      const le = [...B].sort((te, ae) => te.time - ae.time);
+      T.current = le;
+      const ye = le.length - 1;
       if (r !== void 0)
-        $.current = { from: 0, to: de };
+        $.current = { from: 0, to: ye };
       else {
-        const ye = Math.min(T.length, Math.min(200, l));
+        const te = Math.min(le.length, Math.min(200, l));
         $.current = {
-          from: Math.max(0, de - ye + 1),
-          to: de
+          from: Math.max(0, ye - te + 1),
+          to: ye
         };
       }
-      z.current?.($.current, T), ee();
+      X.current?.($.current, le), J();
     }).catch(() => {
     });
-    const fe = e.subscribeBars({
+    const ce = e.subscribeBars({
       symbol: t,
       resolution: n,
-      onTick: (Q) => {
+      onTick: (B) => {
         if (g) return;
-        const T = C.current, de = T[T.length - 1];
-        if (de && de.time === Q.time)
-          T[T.length - 1] = Q;
-        else if (!de || Q.time > de.time) {
-          T.push(Q);
-          const ye = $.current;
-          ye.to >= T.length - 2 && ($.current = { from: ye.from + 1, to: ye.to + 1 });
+        const le = T.current, ye = le[le.length - 1];
+        if (ye && ye.time === B.time)
+          le[le.length - 1] = B;
+        else if (!ye || B.time > ye.time) {
+          le.push(B);
+          const te = $.current;
+          te.to >= le.length - 2 && ($.current = { from: te.from + 1, to: te.to + 1 });
         }
-        ee();
+        J();
       }
     });
-    return ae.current = fe, () => {
-      g = !0, ae.current !== null && (e.unsubscribeBars(ae.current), ae.current = null);
+    return ue.current = ce, () => {
+      g = !0, ue.current !== null && (e.unsubscribeBars(ue.current), ue.current = null);
     };
   }, [e, t, n, r, l]);
   const k = pe((g) => {
-    me(g), A.current?.(g);
+    me(g), C.current?.(g);
   }, []), G = pe((g) => {
     g.currentTarget.setPointerCapture(g.pointerId);
     const x = $.current;
     ne.current = { startX: g.clientX, from: x.from, to: x.to };
   }, []), O = pe(
     (g) => {
-      const x = g.currentTarget.getBoundingClientRect(), te = g.clientX - x.left, D = g.clientY - x.top;
-      if (ie.current = { x: te, y: D }, ne.current) {
-        const { startX: fe, from: Q, to: T } = ne.current, { width: de } = F.current, ye = Math.max(1, de - Ct), se = T - Q + 1, he = ye / se, Ae = -(g.clientX - fe) / he;
-        let De = Q + Ae, xe = T + Ae;
-        const ue = C.current.length;
-        De < 0 && (Re(), De = 0, xe = se - 1), xe > ue - 1 && (xe = ue - 1, De = xe - se + 1), $.current = { from: De, to: xe }, z.current?.($.current, C.current);
+      const x = g.currentTarget.getBoundingClientRect(), ee = g.clientX - x.left, E = g.clientY - x.top;
+      if (ie.current = { x: ee, y: E }, ne.current) {
+        const { startX: fe, from: ce, to: B } = ne.current, { width: le } = F.current, ye = Math.max(1, le - Ct), te = B - ce + 1, ae = ye / te, Ae = -(g.clientX - fe) / ae;
+        let De = ce + Ae, xe = B + Ae;
+        const he = T.current.length;
+        De < 0 && (Se(), De = 0, xe = te - 1), xe > he - 1 && (xe = he - 1, De = xe - te + 1), $.current = { from: De, to: xe }, X.current?.($.current, T.current);
       }
-      const Y = Nt(x.width, x.height, _, q), I = $.current;
-      if (te >= Y.plotLeft && te <= Y.plotRight) {
-        const fe = I.to - I.from + 1, Q = Y.plotWidth / fe, T = Math.round(I.from + (te - Y.plotLeft) / Q - 0.5), de = C.current, ye = Math.max(0, Math.min(de.length - 1, T)), se = de[ye] ?? null, he = Ll(D, Y, de, I.from, I.to);
-        k({ barIndex: ye, bar: se, priceAtCursor: he });
+      const U = Nt(x.width, x.height, _, q), I = $.current;
+      if (ee >= U.plotLeft && ee <= U.plotRight) {
+        const fe = I.to - I.from + 1, ce = U.plotWidth / fe, B = Math.round(I.from + (ee - U.plotLeft) / ce - 0.5), le = T.current, ye = Math.max(0, Math.min(le.length - 1, B)), te = le[ye] ?? null, ae = Ll(E, U, le, I.from, I.to);
+        k({ barIndex: ye, bar: te, priceAtCursor: ae });
       } else
         k(null);
-      ee();
+      J();
     },
-    [_, q, ee, k]
-  ), le = pe((g) => {
+    [_, q, J, k]
+  ), de = pe((g) => {
     g.currentTarget.releasePointerCapture(g.pointerId), ne.current = null;
   }, []), ge = pe(() => {
-    ie.current = null, ne.current = null, k(null), ee();
-  }, [ee, k]), be = pe(
+    ie.current = null, ne.current = null, k(null), J();
+  }, [J, k]), be = pe(
     (g) => {
       g.preventDefault();
-      const x = g.currentTarget.getBoundingClientRect(), te = g.clientX - x.left, D = Nt(x.width, x.height, _, q), Y = $.current, I = C.current;
+      const x = g.currentTarget.getBoundingClientRect(), ee = g.clientX - x.left, E = Nt(x.width, x.height, _, q), U = $.current, I = T.current;
       if (I.length === 0) return;
-      const fe = Y.to - Y.from + 1, Q = g.deltaY > 0 ? 1 + Ot : 1 / (1 + Ot), T = Math.max(
-        D.plotWidth / cl,
-        Math.min(I.length, D.plotWidth / il, fe * Q)
-      ), de = Y.from + (te - D.plotLeft) / (D.plotWidth / fe), ye = (de - Y.from) / fe;
-      let se = de - ye * T, he = se + T - 1;
-      se < 0 && (se = 0, he = T - 1), he > I.length - 1 && (he = I.length - 1, se = he - T + 1), $.current = { from: se, to: he }, z.current?.($.current, I), ee();
+      const fe = U.to - U.from + 1, ce = g.deltaY > 0 ? 1 + Ot : 1 / (1 + Ot), B = Math.max(
+        E.plotWidth / cl,
+        Math.min(I.length, E.plotWidth / il, fe * ce)
+      ), le = U.from + (ee - E.plotLeft) / (E.plotWidth / fe), ye = (le - U.from) / fe;
+      let te = le - ye * B, ae = te + B - 1;
+      te < 0 && (te = 0, ae = B - 1), ae > I.length - 1 && (ae = I.length - 1, te = ae - B + 1), $.current = { from: te, to: ae }, X.current?.($.current, I), J();
     },
-    [_, q, ee]
+    [_, q, J]
   ), Ce = pe(
     (g) => {
-      const x = $.current, te = x.to - x.from + 1, D = C.current;
-      if (D.length === 0) return;
-      let Y = 0;
-      if (g.key === "ArrowLeft") Y = -Math.max(1, Math.floor(te * 0.1));
-      else if (g.key === "ArrowRight") Y = Math.max(1, Math.floor(te * 0.1));
+      const x = $.current, ee = x.to - x.from + 1, E = T.current;
+      if (E.length === 0) return;
+      let U = 0;
+      if (g.key === "ArrowLeft") U = -Math.max(1, Math.floor(ee * 0.1));
+      else if (g.key === "ArrowRight") U = Math.max(1, Math.floor(ee * 0.1));
       else return;
       g.preventDefault();
-      let I = x.from + Y, fe = x.to + Y;
-      I < 0 && (I = 0, fe = te - 1), fe > D.length - 1 && (fe = D.length - 1, I = fe - te + 1), $.current = { from: I, to: fe }, z.current?.($.current, D), ee();
+      let I = x.from + U, fe = x.to + U;
+      I < 0 && (I = 0, fe = ee - 1), fe > E.length - 1 && (fe = E.length - 1, I = fe - ee + 1), $.current = { from: I, to: fe }, X.current?.($.current, E), J();
     },
-    [ee]
-  ), Re = pe(() => {
+    [J]
+  ), Se = pe(() => {
     if (V.current) return;
-    const g = C.current;
+    const g = T.current;
     if (g.length === 0) return;
     V.current = !0;
-    const x = zt(n), te = g[0].time, D = te - x * l, Y = te - x;
-    e.getBars({ symbol: t, resolution: n, from: D, to: Y, countBack: l }).then((I) => {
+    const x = Xt(n), ee = g[0].time, E = ee - x * l, U = ee - x;
+    e.getBars({ symbol: t, resolution: n, from: E, to: U, countBack: l }).then((I) => {
       if (I.length === 0) {
         V.current = !1;
         return;
       }
-      const Q = [...I].sort((de, ye) => de.time - ye.time).filter((de) => de.time < te), T = $.current;
-      C.current = [...Q, ...g], $.current = { from: T.from + Q.length, to: T.to + Q.length }, V.current = !1, ee();
+      const ce = [...I].sort((le, ye) => le.time - ye.time).filter((le) => le.time < ee), B = $.current;
+      T.current = [...ce, ...g], $.current = { from: B.from + ce.length, to: B.to + ce.length }, V.current = !1, J();
     }).catch(() => {
       V.current = !1;
     });
-  }, [e, t, n, l, ee]);
-  return /* @__PURE__ */ j(
+  }, [e, t, n, l, J]);
+  return /* @__PURE__ */ z(
     "div",
     {
-      ref: E,
-      className: m(M.root, J),
+      ref: D,
+      className: m(M.root, Q),
       style: { ...W, height: a, position: "relative" },
       tabIndex: 0,
       role: "figure",
@@ -3617,13 +3629,13 @@ function Vl({
             className: M.svg,
             onPointerDown: G,
             onPointerMove: O,
-            onPointerUp: le,
+            onPointerUp: de,
             onPointerLeave: ge,
             onWheel: be,
             style: { cursor: ne.current ? "grabbing" : "crosshair", touchAction: "none" }
           }
         ),
-        /* @__PURE__ */ j(
+        /* @__PURE__ */ z(
           "div",
           {
             className: M.tradingHeader,
@@ -3639,19 +3651,19 @@ function Vl({
               gap: 8
             },
             children: [
-              /* @__PURE__ */ j("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: [
+              /* @__PURE__ */ z("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: [
                 /* @__PURE__ */ s("strong", { children: t }),
                 /* @__PURE__ */ s("span", { style: { color: "var(--crk-color-text-muted)" }, children: n }),
-                ce?.bar && /* @__PURE__ */ j("span", { style: { color: "var(--crk-color-text-muted)", whiteSpace: "nowrap" }, children: [
+                se?.bar && /* @__PURE__ */ z("span", { style: { color: "var(--crk-color-text-muted)", whiteSpace: "nowrap" }, children: [
                   "O ",
-                  ce.bar.open.toFixed(i),
+                  se.bar.open.toFixed(i),
                   " · H ",
-                  ce.bar.high.toFixed(i),
+                  se.bar.high.toFixed(i),
                   " · L",
                   " ",
-                  ce.bar.low.toFixed(i),
+                  se.bar.low.toFixed(i),
                   " · C ",
-                  ce.bar.close.toFixed(i)
+                  se.bar.close.toFixed(i)
                 ] })
               ] }),
               b && /* @__PURE__ */ s("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ s(
@@ -3660,7 +3672,7 @@ function Vl({
                   position: "bottom",
                   asChild: !0,
                   trigger: /* @__PURE__ */ s(
-                    Yt,
+                    Ut,
                     {
                       variant: "ghost",
                       size: "sm",
@@ -3699,7 +3711,7 @@ function dl({
   timezone: e,
   onTimezoneChange: t
 }) {
-  return /* @__PURE__ */ j("div", { style: { minWidth: 220, padding: 4 }, children: [
+  return /* @__PURE__ */ z("div", { style: { minWidth: 220, padding: 4 }, children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -3711,7 +3723,7 @@ function dl({
         children: "Settings"
       }
     ),
-    /* @__PURE__ */ j("label", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "4px" }, children: [
+    /* @__PURE__ */ z("label", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "4px" }, children: [
       /* @__PURE__ */ s("span", { style: { fontSize: "var(--crk-font-size-xs)", color: "var(--crk-color-text-muted)" }, children: "Timezone" }),
       /* @__PURE__ */ s(
         Vt,
@@ -3725,7 +3737,7 @@ function dl({
   ] });
 }
 function ul() {
-  return /* @__PURE__ */ j(
+  return /* @__PURE__ */ z(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -3805,7 +3817,7 @@ function fl(e, t, n, r) {
   const l = qe(0, o || 1, 3), a = Math.max(l[l.length - 1], o);
   return { paneTop: e.top, paneBottom: e.bottom, paneHeight: e.height, priceMin: 0, priceMax: a, ticks: l };
 }
-function we(e, t) {
+function $e(e, t) {
   const n = (e - t.priceMin) / (t.priceMax - t.priceMin || 1);
   return t.paneBottom - n * t.paneHeight;
 }
@@ -3845,7 +3857,7 @@ function gl(e, t, n, r) {
 function Lt(e, t, n, r, o, c = !1) {
   e.strokeStyle = o.grid, e.lineWidth = 1, e.beginPath();
   for (const i of r.ticks) {
-    const l = Math.round(we(i, r)) + 0.5;
+    const l = Math.round($e(i, r)) + 0.5;
     e.moveTo(t, l), e.lineTo(n, l);
   }
   e.stroke();
@@ -3853,35 +3865,35 @@ function Lt(e, t, n, r, o, c = !1) {
 function yl(e, t, n, r, o) {
   e.fillStyle = o.axis, e.font = "11px system-ui, sans-serif", e.textAlign = "left", e.textBaseline = "middle";
   for (const c of n.ticks) {
-    const i = we(c, n);
+    const i = $e(c, n);
     e.fillText(c.toFixed(r), t.plotRight + 6, i);
   }
 }
 function vl(e, t, n, r, o, c, i, l) {
   const a = Math.max(0, Math.floor(n)), h = Math.min(t.length - 1, Math.ceil(r)), u = Math.max(1, c * 0.7);
   for (let d = a; d <= h; d++) {
-    const f = t[d], p = o(d), L = we(f.open, i), b = we(f.close, i), R = we(f.high, i), w = we(f.low, i), W = f.close >= f.open ? l.up : l.down;
+    const f = t[d], p = o(d), L = $e(f.open, i), b = $e(f.close, i), R = $e(f.high, i), w = $e(f.low, i), W = f.close >= f.open ? l.up : l.down;
     e.strokeStyle = W, e.fillStyle = W, e.beginPath();
-    const E = Math.round(p) + 0.5;
-    e.moveTo(E, R), e.lineTo(E, w), e.stroke();
-    const Z = Math.min(L, b), C = Math.max(1, Math.abs(b - L));
-    e.fillRect(Math.round(p - u / 2), Math.round(Z), Math.round(u), Math.round(C));
+    const D = Math.round(p) + 0.5;
+    e.moveTo(D, R), e.lineTo(D, w), e.stroke();
+    const Z = Math.min(L, b), T = Math.max(1, Math.abs(b - L));
+    e.fillRect(Math.round(p - u / 2), Math.round(Z), Math.round(u), Math.round(T));
   }
 }
 function bl(e, t, n, r, o, c, i, l) {
   const a = Math.max(0, Math.floor(n)), h = Math.min(t.length - 1, Math.ceil(r)), u = Math.max(2, Math.min(c * 0.4, 8));
   e.lineWidth = Math.max(1, Math.min(2, c * 0.18)), e.lineCap = "butt";
   for (let d = a; d <= h; d++) {
-    const f = t[d], p = Math.round(o(d)) + 0.5, L = we(f.high, i), b = we(f.low, i), R = we(f.open, i), w = we(f.close, i), J = f.close >= f.open;
-    e.strokeStyle = J ? l.up : l.down, e.beginPath(), e.moveTo(p, L), e.lineTo(p, b), e.moveTo(p - u, R), e.lineTo(p, R), e.moveTo(p, w), e.lineTo(p + u, w), e.stroke();
+    const f = t[d], p = Math.round(o(d)) + 0.5, L = $e(f.high, i), b = $e(f.low, i), R = $e(f.open, i), w = $e(f.close, i), Q = f.close >= f.open;
+    e.strokeStyle = Q ? l.up : l.down, e.beginPath(), e.moveTo(p, L), e.lineTo(p, b), e.moveTo(p - u, R), e.lineTo(p, R), e.moveTo(p, w), e.lineTo(p + u, w), e.stroke();
   }
 }
 function xl(e, t, n, r, o, c, i, l) {
   const a = Math.max(0, Math.floor(n)), h = Math.min(t.length - 1, Math.ceil(r));
   if (!(h <= a)) {
-    e.strokeStyle = i, e.lineWidth = 1.5, e.beginPath(), e.moveTo(o(a), we(t[a].close, c));
+    e.strokeStyle = i, e.lineWidth = 1.5, e.beginPath(), e.moveTo(o(a), $e(t[a].close, c));
     for (let u = a + 1; u <= h; u++)
-      e.lineTo(o(u), we(t[u].close, c));
+      e.lineTo(o(u), $e(t[u].close, c));
     e.stroke(), l && (e.globalAlpha = 0.18, e.fillStyle = i, e.lineTo(o(h), c.paneBottom), e.lineTo(o(a), c.paneBottom), e.closePath(), e.fill(), e.globalAlpha = 1);
   }
 }
@@ -3896,12 +3908,12 @@ function kl(e, t, n, r, o, c, i, l) {
   for (let d = a; d <= h; d++) {
     const f = t.upper[d];
     if (f == null) continue;
-    const p = i(d), L = we(f, l);
+    const p = i(d), L = $e(f, l);
     u ? e.lineTo(p, L) : (e.moveTo(p, L), u = !0);
   }
   for (let d = h; d >= a; d--) {
     const f = t.lower[d];
-    f != null && e.lineTo(i(d), we(f, l));
+    f != null && e.lineTo(i(d), $e(f, l));
   }
   e.closePath(), e.fill(), e.globalAlpha = 1, Qe(e, t.upper, o, c, i, l, t.color), Qe(e, t.lower, o, c, i, l, t.color), Qe(e, t.middle, o, c, i, l, t.color);
 }
@@ -3915,7 +3927,7 @@ function Qe(e, t, n, r, o, c, i) {
       l = !1;
       continue;
     }
-    const f = o(u), p = we(d, c);
+    const f = o(u), p = $e(d, c);
     l ? e.lineTo(f, p) : (e.moveTo(f, p), l = !0);
   }
   e.stroke();
@@ -3927,7 +3939,7 @@ function Ml(e, t, n, r, o, c, i, l) {
     if (p === 0) continue;
     const L = f.close >= f.open;
     e.fillStyle = L ? l.up : l.down, e.globalAlpha = 0.55;
-    const b = we(p, i), R = i.paneBottom - b;
+    const b = $e(p, i), R = i.paneBottom - b;
     e.fillRect(Math.round(o(d) - u / 2), Math.round(b), Math.round(u), Math.round(R));
   }
   e.globalAlpha = 1;
@@ -3935,10 +3947,10 @@ function Ml(e, t, n, r, o, c, i, l) {
 function wl(e, t, n, r, o, c) {
   e.strokeStyle = c.grid, e.setLineDash([3, 3]), e.beginPath();
   for (const i of [r, o]) {
-    const l = Math.round(we(i, n)) + 0.5;
+    const l = Math.round($e(i, n)) + 0.5;
     e.moveTo(t.plotLeft, l), e.lineTo(t.plotRight, l);
   }
-  e.stroke(), e.setLineDash([]), e.fillStyle = c.axis, e.font = "10px system-ui, sans-serif", e.textAlign = "left", e.textBaseline = "middle", e.fillText(String(r), t.plotRight + 6, we(r, n)), e.fillText(String(o), t.plotRight + 6, we(o, n));
+  e.stroke(), e.setLineDash([]), e.fillStyle = c.axis, e.font = "10px system-ui, sans-serif", e.textAlign = "left", e.textBaseline = "middle", e.fillText(String(r), t.plotRight + 6, $e(r, n)), e.fillText(String(o), t.plotRight + 6, $e(o, n));
 }
 function Ft(e, t, n, r, o) {
   e.fillStyle = o.textMuted, e.font = "11px system-ui, sans-serif", e.textAlign = "left", e.textBaseline = "top", e.fillText(r, t.plotLeft + 6, n.top + 4);
@@ -3962,11 +3974,11 @@ function Nl(e, t, n, r, o, c, i, l, a, h, u) {
   if (r[b]) {
     const w = sn(r[b].time, h);
     e.font = "11px system-ui, sans-serif", e.textBaseline = "middle";
-    const E = e.measureText(w).width + 8 * 2, Z = At, C = Math.max(
+    const D = e.measureText(w).width + 8 * 2, Z = At, T = Math.max(
       t.plotLeft,
-      Math.min(t.plotRight - E, R - E / 2)
+      Math.min(t.plotRight - D, R - D / 2)
     ), $ = t.plotBottom;
-    e.fillStyle = u.text, e.fillRect(C, $, E, Z), e.fillStyle = u.bg, e.textAlign = "center", e.fillText(w, C + E / 2, $ + Z / 2);
+    e.fillStyle = u.text, e.fillRect(T, $, D, Z), e.fillStyle = u.bg, e.textAlign = "center", e.fillText(w, T + D / 2, $ + Z / 2);
   }
   e.restore();
 }
@@ -4009,7 +4021,7 @@ function Sl(e) {
 function Te(e) {
   return e < 10 ? `0${e}` : String(e);
 }
-function zt(e) {
+function Xt(e) {
   if (e === "D") return 86400;
   if (e === "W") return 86400 * 7;
   if (e === "M") return 86400 * 30;
@@ -4036,7 +4048,7 @@ function Tl(e, t) {
   }
   return n;
 }
-const Cl = $e(
+const Cl = Ne(
   ({
     data: e,
     width: t = 80,
@@ -4052,10 +4064,10 @@ const Cl = $e(
   }, d) => {
     const { line: f, area: p, last: L } = ke(() => {
       if (e.length === 0) return { line: "", area: "", last: null };
-      const b = o, R = Math.max(1, t - b * 2), w = Math.max(1, n - b * 2), [J, W] = bt(e), E = Je([0, Math.max(1, e.length - 1)], [b, b + R]), Z = Je([J, W], [b + w, b]), C = e.map((ne, V) => ({ x: E(V), y: Z(ne) })), $ = Tl(C, c), ie = i ? `${$} L ${C[C.length - 1].x} ${b + w} L ${C[0].x} ${b + w} Z` : "";
-      return { line: $, area: ie, last: C[C.length - 1] };
+      const b = o, R = Math.max(1, t - b * 2), w = Math.max(1, n - b * 2), [Q, W] = bt(e), D = Je([0, Math.max(1, e.length - 1)], [b, b + R]), Z = Je([Q, W], [b + w, b]), T = e.map((ne, V) => ({ x: D(V), y: Z(ne) })), $ = Tl(T, c), ie = i ? `${$} L ${T[T.length - 1].x} ${b + w} L ${T[0].x} ${b + w} Z` : "";
+      return { line: $, area: ie, last: T[T.length - 1] };
     }, [e, t, n, o, c, i]);
-    return /* @__PURE__ */ j(
+    return /* @__PURE__ */ z(
       "svg",
       {
         ref: d,
@@ -4088,9 +4100,9 @@ const Cl = $e(
 Cl.displayName = "Sparkline";
 export {
   Fl as AreaChart,
-  zl as BarChart,
-  Yt as Button,
-  zi as Checkbox,
+  Xl as BarChart,
+  Ut as Button,
+  Xi as Checkbox,
   Vt as Dropdown,
   uo as DropdownItem,
   Pl as Form,
@@ -4098,15 +4110,15 @@ export {
   Hl as FormRow,
   ri as Input,
   Ol as LineChart,
-  zn as Link,
+  Xn as Link,
   br as List,
   xr as ListItem,
   yt as Modal,
-  jl as PieChart,
+  zl as PieChart,
   qt as Popover,
-  Xl as RadarChart,
+  jl as RadarChart,
   Vi as Radio,
-  Yi as RadioGroup,
+  Ui as RadioGroup,
   Pi as Select,
   Cl as Sparkline,
   El as Table,
@@ -4119,11 +4131,11 @@ export {
   on as periodToSeconds,
   tl as rsi,
   Qc as sma,
-  Yl as suggestPeriodForResolution,
-  Ul as suggestResolutionForPeriod,
+  Ul as suggestPeriodForResolution,
+  Yl as suggestResolutionForPeriod,
   xo as useClickOutside,
   Mo as useFocusTrap,
   St as useKeyboard,
-  Ur as useTableSort,
+  Yr as useTableSort,
   _l as volumeSeries
 };