@overdoser/react-toolkit 0.0.12 → 0.0.14

package/index.js

@@ -1,21 +1,21 @@
-import { forwardRef as $e, createElement as an, useState as Le, useCallback as fe, useMemo as ke, useEffect as Ne, useLayoutEffect as jt, useRef as re, useId as Ye, isValidElement as dn, cloneElement as Xt, createContext as _t, useContext as ft, useImperativeHandle as un } from "react";
-import { jsxs as z, 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", Sn = "crk-shimmer-8iQSU", Rn = "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 = {
+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 = {
   root: pn,
   loading: gn,
   primary: yn,
@@ -28,8 +28,8 @@ const pn = "crk-root-8RX49", gn = "crk-loading-QfItr", yn = "crk-primary-st6yY",
   fullWidth: $n,
   iconOnly: Nn,
   content: Ln,
-  shimmer: Sn,
-  loadingShimmer: Rn,
+  shimmer: Rn,
+  loadingShimmer: Sn,
   shimmerSweep: Tn,
   dots: Cn,
   loadingDots: An,
@@ -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",
@@ -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,
@@ -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,15 +222,15 @@ 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", Sr = "crk-sortArrowActive-yhWrO", Rr = "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,
   headerCellSortable: $r,
   sortIndicator: Nr,
   sortArrow: Lr,
-  sortArrowActive: Sr,
-  sortIndex: Rr,
+  sortArrowActive: Rr,
+  sortIndex: Sr,
   row: Tr,
   cell: Cr,
   emptyRow: Ar,
@@ -243,20 +243,20 @@ 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 = fe((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" }];
     });
-  }, []), c = fe((a) => {
+  }, []), c = pe((a) => {
     r((h) => {
       const u = h.findIndex((f) => f.key === a);
       if (u === -1)
@@ -265,9 +265,9 @@ function Ur(e, t = []) {
         const f = [...h];
         return f[u] = { key: a, direction: "desc" }, f;
       }
-      return h.filter((f, y) => y !== u);
+      return h.filter((f, p) => p !== u);
     });
-  }, []), i = fe(() => {
+  }, []), i = pe(() => {
     r([]);
   }, []);
   return { sortedData: ke(() => n.length === 0 ? e : [...e].sort((a, h) => {
@@ -279,7 +279,7 @@ function Ur(e, t = []) {
     return 0;
   }), [e, n]), sortConfig: n, requestSort: o, requestMultiSort: c, resetSort: i };
 }
-function Yr({ direction: e, sortIndex: t }) {
+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: "▼" }),
@@ -377,50 +377,50 @@ function qr({
   rowKey: u,
   rowClassName: d,
   rowStyle: f,
-  emptyMessage: y = "No data",
+  emptyMessage: p = "No data",
   pagination: L,
-  classes: v
+  classes: b
 }) {
-  const S = r !== void 0, {
-    sortedData: N,
-    sortConfig: D,
-    requestSort: j,
-    requestMultiSort: Z
-  } = Ur(e, n), U = S ? n ?? [] : D, C = S ? e : N, $ = ke(() => {
-    if (!L || S) return C;
-    const R = (L.page - 1) * L.pageSize;
-    return C.slice(R, R + L.pageSize);
-  }, [C, L, S]), oe = L?.totalRows ?? C.length, ce = fe(
-    (R, te) => {
-      const H = o && (te.ctrlKey || te.metaKey);
-      if (S)
-        if (H) {
-          const O = U.findIndex((F) => F.key === R);
-          let A;
-          O === -1 ? A = [...U, { key: R, direction: "asc" }] : U[O].direction === "asc" ? A = U.map(
-            (F, ne) => ne === O ? { key: R, direction: "desc" } : F
-          ) : A = U.filter((F, ne) => ne !== O), r(A);
+  const R = r !== void 0, {
+    sortedData: w,
+    sortConfig: Q,
+    requestSort: W,
+    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 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 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 O = U.find((A) => A.key === R);
-          O ? O.direction === "asc" ? r([{ key: R, direction: "desc" }]) : r([]) : r([{ key: R, 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
-        H ? Z(R) : j(R);
+        F ? D(S) : W(S);
     },
     [
-      S,
+      R,
       o,
-      U,
+      Z,
       r,
-      j,
-      Z
+      W,
+      D
     ]
-  ), q = (R) => U.find((H) => H.key === R)?.direction, ae = (R) => {
-    if (U.length <= 1) return;
-    const te = U.findIndex((H) => H.key === R);
-    return te >= 0 ? te : void 0;
+  ), 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__ */ z("div", { className: m(ve.wrapper, v?.wrapper), children: [
+  return /* @__PURE__ */ z("div", { className: m(ve.wrapper, b?.wrapper), children: [
     /* @__PURE__ */ z(
       "table",
       {
@@ -429,56 +429,56 @@ function qr({
           c && ve.striped,
           i && ve.hoverable,
           l && ve.compact,
-          v?.root,
+          b?.root,
           a
         ),
         style: h,
         children: [
-          /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: t.map((R) => /* @__PURE__ */ z(
+          /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: t.map((S) => /* @__PURE__ */ z(
             "th",
             {
               className: m(
                 ve.headerCell,
-                R.sortable && ve.headerCellSortable,
-                v?.headerCell
+                S.sortable && ve.headerCellSortable,
+                b?.headerCell
               ),
               style: {
-                width: R.width,
-                textAlign: R.align
+                width: S.width,
+                textAlign: S.align
               },
-              onClick: R.sortable ? (te) => ce(R.key, te) : void 0,
-              "aria-sort": R.sortable ? q(R.key) === "asc" ? "ascending" : q(R.key) === "desc" ? "descending" : "none" : void 0,
+              onClick: S.sortable ? (re) => ne(S.key, re) : void 0,
+              "aria-sort": S.sortable ? V(S.key) === "asc" ? "ascending" : V(S.key) === "desc" ? "descending" : "none" : void 0,
               children: [
-                R.header,
-                R.sortable && /* @__PURE__ */ s(
-                  Yr,
+                S.header,
+                S.sortable && /* @__PURE__ */ s(
+                  Ur,
                   {
-                    direction: q(R.key),
-                    sortIndex: ae(R.key)
+                    direction: V(S.key),
+                    sortIndex: ue(S.key)
                   }
                 )
               ]
             },
-            R.key
+            S.key
           )) }) }),
-          /* @__PURE__ */ s("tbody", { children: $.length === 0 ? /* @__PURE__ */ s("tr", { className: ve.emptyRow, children: /* @__PURE__ */ s("td", { className: m(ve.emptyCell, v?.emptyCell), colSpan: t.length, children: y }) }) : $.map((R, te) => {
-            const H = u ? String(R[u]) : te, O = typeof d == "function" ? d(R, te) : d, A = typeof f == "function" ? f(R, te) : f;
+          /* @__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, j = typeof d == "function" ? d(S, re) : d, C = typeof f == "function" ? f(S, re) : f;
             return /* @__PURE__ */ s(
               "tr",
               {
-                className: m(ve.row, v?.row, O),
-                style: A,
-                children: t.map((F) => /* @__PURE__ */ s(
+                className: m(ve.row, b?.row, j),
+                style: C,
+                children: t.map((X) => /* @__PURE__ */ s(
                   "td",
                   {
-                    className: m(ve.cell, v?.cell),
-                    style: { textAlign: F.align },
-                    children: F.render ? F.render(R[F.key], R, te) : R[F.key]
+                    className: m(ve.cell, b?.cell),
+                    style: { textAlign: X.align },
+                    children: X.render ? X.render(S[X.key], S, re) : S[X.key]
                   },
-                  F.key
+                  X.key
                 ))
               },
-              H
+              F
             );
           }) })
         ]
@@ -488,13 +488,13 @@ function qr({
       Vr,
       {
         ...L,
-        totalRows: oe,
-        paginatorClasses: { paginator: v?.paginator, pageButton: v?.pageButton }
+        totalRows: ie,
+        paginatorClasses: { paginator: b?.paginator, pageButton: b?.pageButton }
       }
     )
   ] });
 }
-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,
@@ -511,15 +511,15 @@ const El = qr, Gr = "crk-root-an8Cf", Zr = "crk-fullWidth-S-uVk", Kr = "crk-trig
   itemDisabled: so,
   itemSelected: ao
 };
-function Rt(e, t = !0) {
-  const n = fe(
+function St(e, t = !0) {
+  const n = pe(
     (r) => {
       const o = e[r.key];
       o && o(r);
     },
     [e]
   );
-  Ne(() => {
+  Le(() => {
     if (t)
       return document.addEventListener("keydown", n), () => {
         document.removeEventListener("keydown", n);
@@ -527,8 +527,8 @@ function Rt(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,
@@ -557,113 +557,113 @@ const Vt = $e(
     value: u,
     onChange: d,
     error: f = !1,
-    fullWidth: y = !0,
+    fullWidth: p = !0,
     portal: L = !0,
-    classes: v
-  }, S) => {
-    const [N, D] = Le(!1), j = re(null), Z = re(null), U = re(null), C = Ye();
-    Ne(() => {
-      N && Z.current && Z.current.querySelector('[role="menuitem"]:not(:disabled)')?.focus();
-    }, [N]);
-    const $ = fe(() => {
-      D(!1), l?.(), U.current?.focus();
-    }, [l]), oe = fe(() => {
-      D((A) => {
-        const F = !A;
-        return F ? i?.() : l?.(), F;
+    classes: b
+  }, R) => {
+    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(() => {
+      Q(!1), l?.(), Z.current?.focus();
+    }, [l]), ie = pe(() => {
+      Q((C) => {
+        const X = !C;
+        return X ? i?.() : l?.(), X;
       });
-    }, [i, l]), ce = fe(
-      (A) => {
-        d?.(A), $();
+    }, [i, l]), ne = pe(
+      (C) => {
+        d?.(C), $();
       },
       [d, $]
     );
-    Ne(() => {
-      if (!N) return;
-      const A = (F) => {
-        const ne = F.target;
-        j.current?.contains(ne) || Z.current?.contains(ne) || $();
+    Le(() => {
+      if (!w) return;
+      const C = (X) => {
+        const se = X.target;
+        W.current?.contains(se) || D.current?.contains(se) || $();
       };
-      return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
-    }, [N, $]), Rt(
+      return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
+    }, [w, $]), St(
       {
         Escape: () => $()
       },
-      N
+      w
     );
-    const q = Tt(U, N && L), ae = a?.find((A) => A.value === u)?.label, R = a ? ae || h : e, te = a && !ae, H = 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,
-          v?.item
+          we.item,
+          C.disabled && we.itemDisabled,
+          C.value === u && we.itemSelected,
+          b?.item
         ),
-        disabled: A.disabled,
-        onClick: () => ce(A.value),
-        children: A.label
+        disabled: C.disabled,
+        onClick: () => ne(C.value),
+        children: C.label
       },
-      A.value
-    )) : t, O = (A) => /* @__PURE__ */ s(
+      C.value
+    )) : t, j = (C) => /* @__PURE__ */ s(
       "div",
       {
-        ref: Z,
-        id: C,
+        ref: D,
+        id: T,
         className: m(
-          Me.menu,
-          N && Me.menuOpen,
-          n === "left" ? Me.alignLeft : Me.alignRight,
-          !L && y && Me.fullWidth,
-          v?.menu
+          we.menu,
+          w && we.menuOpen,
+          n === "left" ? we.alignLeft : we.alignRight,
+          !L && p && we.fullWidth,
+          b?.menu
         ),
-        style: A,
+        style: C,
         role: "menu",
-        children: H
+        children: F
       }
     );
     return /* @__PURE__ */ z(
       "div",
       {
-        ref: S,
-        className: m(Me.root, y && Me.fullWidth, v?.root, r),
+        ref: R,
+        className: m(we.root, p && we.fullWidth, b?.root, r),
         style: o,
         children: [
-          /* @__PURE__ */ z("div", { ref: j, style: y ? { width: "100%" } : void 0, children: [
+          /* @__PURE__ */ z("div", { ref: W, style: p ? { width: "100%" } : void 0, children: [
             /* @__PURE__ */ z(
               "button",
               {
-                ref: U,
+                ref: Z,
                 id: c,
                 type: "button",
                 className: m(
-                  Me.trigger,
-                  N && Me.triggerOpen,
-                  f && Me.triggerError,
-                  y && Me.fullWidth,
-                  v?.trigger
+                  we.trigger,
+                  w && we.triggerOpen,
+                  f && we.triggerError,
+                  p && we.fullWidth,
+                  b?.trigger
                 ),
-                onClick: oe,
-                "aria-expanded": N,
+                onClick: ie,
+                "aria-expanded": w,
                 "aria-haspopup": "menu",
-                "aria-controls": N ? C : void 0,
+                "aria-controls": w ? T : void 0,
                 children: [
-                  /* @__PURE__ */ s("span", { className: m(Me.triggerLabel, te && Me.placeholder, v?.triggerLabel), children: R }),
-                  /* @__PURE__ */ s("span", { className: m(Me.chevron, v?.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 && O()
+            !L && j()
           ] }),
-          L && N && typeof document < "u" && pt(
-            O({
+          L && w && typeof document < "u" && pt(
+            j({
               position: "fixed",
-              top: q.top + 4,
-              left: n === "right" ? void 0 : q.left,
-              right: n === "right" ? window.innerWidth - (q.left + q.width) : void 0,
-              minWidth: q.width,
+              top: V.top + 4,
+              left: n === "right" ? void 0 : V.left,
+              right: n === "right" ? window.innerWidth - (V.left + V.width) : void 0,
+              minWidth: V.width,
               zIndex: "var(--crk-z-floating)"
             }),
             document.body
@@ -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,53 +737,53 @@ const qt = $e(
     className: l,
     style: a
   }, h) => {
-    const [u, d] = Le(!1), f = re(null), y = re(null), L = re(null), v = Ye(), S = o !== void 0, N = S ? o : u, D = fe(
-      (C) => {
-        S || 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);
       },
-      [S, c]
-    ), j = fe(() => {
-      D(!1), L.current?.focus();
-    }, [D]), Z = fe(() => {
-      D(!N);
-    }, [N, D]);
-    xo(f, j, N), Rt(
+      [R, c]
+    ), W = pe(() => {
+      Q(!1), L.current?.focus();
+    }, [Q]), D = pe(() => {
+      Q(!w);
+    }, [w, Q]);
+    xo(f, W, w), St(
       {
-        Escape: () => j()
+        Escape: () => W()
       },
-      N
-    ), Ne(() => {
-      if (N && y.current) {
-        const C = y.current.querySelector(
+      w
+    ), Le(() => {
+      if (w && p.current) {
+        const T = p.current.querySelector(
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
         );
-        C ? C.focus() : y.current.focus();
+        T ? T.focus() : p.current.focus();
       }
-    }, [N]);
-    let U;
+    }, [w]);
+    let Z;
     if (t && dn(e)) {
-      const C = e, $ = C.ref;
-      U = Xt(C, {
+      const T = e, $ = T.ref;
+      Z = jt(T, {
         ref: ko(L, $),
-        onClick: (oe) => {
-          C.props.onClick?.(oe), Z();
+        onClick: (ie) => {
+          T.props.onClick?.(ie), D();
         },
-        className: m(C.props.className, i?.trigger),
-        "aria-expanded": N,
+        className: m(T.props.className, i?.trigger),
+        "aria-expanded": w,
         "aria-haspopup": "dialog",
-        "aria-controls": N ? v : void 0
+        "aria-controls": w ? b : void 0
       });
     } else
-      U = /* @__PURE__ */ s(
+      Z = /* @__PURE__ */ s(
         "button",
         {
           ref: L,
           type: "button",
           className: m(at.trigger, i?.trigger),
-          onClick: Z,
-          "aria-expanded": N,
+          onClick: D,
+          "aria-expanded": w,
           "aria-haspopup": "dialog",
-          "aria-controls": N ? v : void 0,
+          "aria-controls": w ? b : void 0,
           children: e
         }
       );
@@ -794,12 +794,12 @@ const qt = $e(
         className: m(at.root, i?.root, l),
         style: a,
         children: /* @__PURE__ */ z("div", { ref: f, children: [
-          U,
-          N && /* @__PURE__ */ s(
+          Z,
+          w && /* @__PURE__ */ s(
             "div",
             {
-              ref: y,
-              id: v,
+              ref: p,
+              id: b,
               role: "dialog",
               tabIndex: -1,
               className: m(at.popover, at[r], i?.popover),
@@ -821,7 +821,7 @@ const It = [
   '[tabindex]:not([tabindex="-1"])'
 ].join(", ");
 function Mo(e, t) {
-  const n = re(null), r = fe(
+  const n = oe(null), r = pe(
     (o) => {
       if (o.key !== "Tab" || !e.current)
         return;
@@ -837,7 +837,7 @@ function Mo(e, t) {
     },
     [e]
   );
-  Ne(() => {
+  Le(() => {
     if (!t || !e.current)
       return;
     n.current = document.activeElement;
@@ -847,13 +847,13 @@ 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", So = "crk-sm--xyY9", Ro = "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,
   modalIn: Lo,
-  sm: So,
-  md: Ro,
+  sm: Ro,
+  md: So,
   lg: To,
   fullscreen: Co,
   header: Ao,
@@ -867,7 +867,7 @@ const wo = "crk-backdrop-jYpTA", $o = "crk-backdropIn-x5Z-A", No = "crk-modal-yN
     "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,9 +910,9 @@ const yt = $e(
     "aria-label": h,
     "aria-labelledby": u
   }, d) => {
-    const f = re(null), y = d ?? f, L = Ye(), v = u ?? `${L}-title`;
-    Mo(y, e);
-    const S = ke(
+    const f = oe(null), p = d ?? f, L = Ue(), b = u ?? `${L}-title`;
+    Mo(p, e);
+    const R = ke(
       () => ({
         Escape: () => {
           r && t();
@@ -920,34 +920,34 @@ const yt = $e(
       }),
       [r, t]
     );
-    Rt(S, e), Ne(() => {
+    St(R, e), Le(() => {
       if (!e) return;
-      const D = document.body.style.overflow;
+      const Q = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = D;
+        document.body.style.overflow = Q;
       };
     }, [e]);
-    const N = (D) => {
-      n && D.target === D.currentTarget && t();
+    const w = (Q) => {
+      n && Q.target === Q.currentTarget && t();
     };
     return e ? pt(
       /* @__PURE__ */ s(
         "div",
         {
-          className: m(ze.backdrop, c?.backdrop),
-          onClick: N,
+          className: m(Xe.backdrop, c?.backdrop),
+          onClick: w,
           role: "presentation",
           children: /* @__PURE__ */ s(
             "div",
             {
-              ref: y,
-              className: m(ze.modal, ze[o], c?.modal, i),
+              ref: p,
+              className: m(Xe.modal, Xe[o], c?.modal, i),
               style: l,
               role: "dialog",
               "aria-modal": "true",
               "aria-label": h,
-              "aria-labelledby": h ? void 0 : v,
-              children: /* @__PURE__ */ s(gt.Provider, { value: { classes: c ?? {}, titleId: v }, children: a })
+              "aria-labelledby": h ? void 0 : b,
+              children: /* @__PURE__ */ s(gt.Provider, { value: { classes: c ?? {}, titleId: b }, children: a })
             }
           )
         }
@@ -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,
@@ -994,7 +994,7 @@ function Pl({
     }
   ) });
 }
-const Yo = /* @__PURE__ */ new Set([
+const Uo = /* @__PURE__ */ new Set([
   "Select",
   "NativeSelect",
   "SearchableSelect",
@@ -1012,15 +1012,15 @@ function Wl({
   style: l,
   children: a
 }) {
-  const { control: h } = mn(), { field: u, fieldState: d } = fn({ name: e, control: h, rules: o }), f = a.type, y = typeof f == "string" ? "" : f?.displayName ?? f?.name ?? "", L = Yo.has(y), { ref: v, ...S } = u, N = re(v);
-  N.current = v;
-  const D = fe(
-    (j) => {
-      if (j) {
-        const Z = j.matches("input, select, textarea, button, [tabindex]") ? j : j.querySelector('input, select, textarea, button, [tabindex]:not([tabindex="-1"])');
-        N.current(Z ?? j);
+  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 Q = pe(
+    (W) => {
+      if (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
-        N.current(null);
+        w.current(null);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
@@ -1030,9 +1030,9 @@ function Wl({
       t,
       r && /* @__PURE__ */ s("span", { className: We.required, children: "*" })
     ] }),
-    Xt(a, {
-      ...S,
-      ref: D,
+    jt(a, {
+      ...R,
+      ref: Q,
       id: e,
       error: !!d.error,
       "aria-invalid": d.error ? !0 : void 0,
@@ -1041,11 +1041,11 @@ function Wl({
       // Skip for native-input wrappers (Input, Textarea, Checkbox, Radio) so the unknown
       // handler doesn't leak onto the DOM and trip React's "Unknown event handler" warning.
       ...L && {
-        onValueChange: S.onChange,
-        onValuesChange: S.onChange
+        onValueChange: R.onChange,
+        onValuesChange: R.onChange
       },
       // Bridge for Checkbox (expects checked, not value)
-      checked: typeof S.value == "boolean" ? S.value : void 0
+      checked: typeof R.value == "boolean" ? R.value : void 0
     }),
     d.error?.message ? /* @__PURE__ */ s("span", { id: `${e}-error`, className: m(We.error, c?.error), role: "alert", children: d.error.message }) : n ? /* @__PURE__ */ s("span", { id: `${e}-helper`, className: m(We.helperText, c?.helperText), children: n }) : null
   ] });
@@ -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,
@@ -1107,7 +1107,7 @@ const Vo = "crk-root-rSgdy", qo = "crk-wrapper-GHy8V", Go = "crk-sm-DptM5", Zo =
   }
 );
 ri.displayName = "Input";
-const oi = "crk-wrapper-SP2JE", ii = "crk-sm-DqshL", ci = "crk-md-j4AKI", li = "crk-lg-24Xd3", si = "crk-root-Uu9Ah", ai = "crk-error-9oRU6", di = "crk-arrow-WU8ZW", ui = "crk-searchableWrapper-7AL4l", hi = "crk-hiddenSelect-s3DEx", mi = "crk-searchableTrigger-m-GWV", fi = "crk-triggerOpen-Lo8-j", pi = "crk-triggerLabel-5rETZ", gi = "crk-placeholder-teBBh", yi = "crk-arrowInline-m-roG", vi = "crk-disabled-pcSeq", bi = "crk-visuallyHidden-2tTD5", xi = "crk-menu--i-je", ki = "crk-menuEnter-vJjLV", Mi = "crk-menuItems-VrZnE", wi = "crk-item-fU3XI", $i = "crk-itemHighlighted-MvR41", Ni = "crk-itemDisabled-KTUO8", Li = "crk-itemSelected-42-BG", Si = "crk-noResults-uicSW", Ri = "crk-multiTrigger-Pd3wJ", Ti = "crk-multiTriggerDisabled-9ajge", Ci = "crk-chip-TuYUB", Ai = "crk-chipLabel-H4JWu", Bi = "crk-chipRemove-Lfk0R", Ii = "crk-multiSearch-OrVeS", Di = "crk-arrowMulti-Nh9Hr", Ei = "crk-itemCheck-DPB5A", W = {
+const oi = "crk-wrapper-SP2JE", ii = "crk-sm-DqshL", ci = "crk-md-j4AKI", li = "crk-lg-24Xd3", si = "crk-root-Uu9Ah", ai = "crk-error-9oRU6", di = "crk-arrow-WU8ZW", ui = "crk-searchableWrapper-7AL4l", hi = "crk-hiddenSelect-s3DEx", mi = "crk-searchableTrigger-m-GWV", fi = "crk-triggerOpen-Lo8-j", pi = "crk-triggerLabel-5rETZ", gi = "crk-placeholder-teBBh", yi = "crk-arrowInline-m-roG", vi = "crk-disabled-pcSeq", bi = "crk-visuallyHidden-2tTD5", xi = "crk-menu--i-je", ki = "crk-menuEnter-vJjLV", Mi = "crk-menuItems-VrZnE", wi = "crk-item-fU3XI", $i = "crk-itemHighlighted-MvR41", Ni = "crk-itemDisabled-KTUO8", Li = "crk-itemSelected-42-BG", Ri = "crk-noResults-uicSW", Si = "crk-multiTrigger-Pd3wJ", Ti = "crk-multiTriggerDisabled-9ajge", Ci = "crk-chip-TuYUB", Ai = "crk-chipLabel-H4JWu", Bi = "crk-chipRemove-Lfk0R", Ii = "crk-multiSearch-OrVeS", Di = "crk-arrowMulti-Nh9Hr", Ei = "crk-itemCheck-DPB5A", P = {
   wrapper: oi,
   sm: ii,
   md: ci,
@@ -1131,8 +1131,8 @@ const oi = "crk-wrapper-SP2JE", ii = "crk-sm-DqshL", ci = "crk-md-j4AKI", li = "
   itemHighlighted: $i,
   itemDisabled: Ni,
   itemSelected: Li,
-  noResults: Si,
-  multiTrigger: Ri,
+  noResults: Ri,
+  multiTrigger: Si,
   multiTriggerDisabled: Ti,
   chip: Ci,
   chipLabel: Ai,
@@ -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,24 +1154,24 @@ const oi = "crk-wrapper-SP2JE", ii = "crk-sm-DqshL", ci = "crk-md-j4AKI", li = "
     searchPlaceholder: h,
     onValueChange: u,
     ...d
-  }, f) => /* @__PURE__ */ z("div", { className: m(W.wrapper, W[e], t && W.error, o?.wrapper, c), style: i, children: [
+  }, f) => /* @__PURE__ */ z("div", { className: m(P.wrapper, P[e], t && P.error, o?.wrapper, c), style: i, children: [
     /* @__PURE__ */ z(
       "select",
       {
         ref: f,
-        className: m(W.root, W[e], t && W.error, o?.root),
+        className: m(P.root, P[e], t && P.error, o?.root),
         ...d,
         children: [
           r && /* @__PURE__ */ s("option", { value: "", disabled: !0, children: r }),
-          n ? n.map((y) => /* @__PURE__ */ s("option", { value: y.value, disabled: y.disabled, children: y.label }, y.value)) : l
+          n ? n.map((p) => /* @__PURE__ */ s("option", { value: p.value, disabled: p.disabled, children: p.label }, p.value)) : l
         ]
       }
     ),
-    /* @__PURE__ */ s("span", { className: m(W.arrow, o?.arrow) })
+    /* @__PURE__ */ s("span", { className: m(P.arrow, o?.arrow) })
   ] })
 );
 Qt.displayName = "NativeSelect";
-const Jt = $e(
+const Jt = Ne(
   ({
     inputSize: e = "md",
     error: t = !1,
@@ -1186,84 +1186,84 @@ const Jt = $e(
     searchPlaceholder: u = "Search...",
     onChange: d,
     onValueChange: f,
-    portal: y = !0
+    portal: p = !0
   }, L) => {
-    const [v, S] = Le(!1), [N, D] = Le(""), [j, Z] = Le(0), U = re(null), C = re(null), $ = re(null), oe = re(null), ce = re(null), q = Ye(), ae = Tt($, v && y), R = re(null), te = L ?? R, H = re(!1);
-    Ne(() => {
-      H.current && !v && $.current?.focus(), H.current = v;
-    }, [v]);
-    const O = fe(() => {
-      S(!1), D(""), Z(0);
-    }, []), A = fe(() => {
-      a || (S(!0), D(""), Z(0), setTimeout(() => C.current?.focus(), 0));
-    }, [a]), F = fe(
-      (M) => {
-        if (f?.(M), te.current) {
+    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 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(
             HTMLSelectElement.prototype,
             "value"
-          )?.set?.call(te.current, M);
-          const k = new Event("change", { bubbles: !0 });
-          te.current.dispatchEvent(k), d?.(k);
+          )?.set?.call(re.current, N);
+          const v = new Event("change", { bubbles: !0 });
+          re.current.dispatchEvent(v), d?.(v);
         }
-        O();
+        j();
       },
-      [f, d, te, O]
-    ), ne = ke(() => {
-      if (!N) return n;
-      const M = N.toLowerCase();
-      return n.filter((g) => g.label.toLowerCase().includes(M));
-    }, [n, N]);
-    Ne(() => {
-      const M = ne.findIndex((g) => !g.disabled);
-      Z(M >= 0 ? M : 0);
-    }, [ne]), Ne(() => {
-      if (!v) return;
-      const M = ce.current;
-      if (!M) return;
-      M.querySelectorAll('[role="option"]')[j]?.scrollIntoView?.({ block: "nearest" });
-    }, [j, v]);
-    const pe = fe(
-      (M) => {
-        const g = ne.map((k, B) => k.disabled ? -1 : B).filter((k) => k >= 0);
-        if (g.length !== 0)
-          if (M.key === "ArrowDown")
-            M.preventDefault(), Z((k) => {
-              const B = g.indexOf(k);
-              return B < g.length - 1 ? g[B + 1] : g[0];
+      [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]);
+    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;
+      N.querySelectorAll('[role="option"]')[W]?.scrollIntoView?.({ block: "nearest" });
+    }, [W, b]);
+    const me = pe(
+      (N) => {
+        const y = se.map((v, A) => v.disabled ? -1 : A).filter((v) => v >= 0);
+        if (y.length !== 0)
+          if (N.key === "ArrowDown")
+            N.preventDefault(), D((v) => {
+              const A = y.indexOf(v);
+              return A < y.length - 1 ? y[A + 1] : y[0];
             });
-          else if (M.key === "ArrowUp")
-            M.preventDefault(), Z((k) => {
-              const B = g.indexOf(k);
-              return B > 0 ? g[B - 1] : g[g.length - 1];
+          else if (N.key === "ArrowUp")
+            N.preventDefault(), D((v) => {
+              const A = y.indexOf(v);
+              return A > 0 ? y[A - 1] : y[y.length - 1];
             });
-          else if (M.key === "Enter") {
-            M.preventDefault();
-            const k = ne[j];
-            k && !k.disabled && F(k.value);
-          } else M.key === "Escape" && (M.preventDefault(), O());
+          else if (N.key === "Enter") {
+            N.preventDefault();
+            const v = se[W];
+            v && !v.disabled && X(v.value);
+          } else N.key === "Escape" && (N.preventDefault(), j());
       },
-      [ne, j, F, O]
+      [se, W, X, j]
     );
-    Ne(() => {
-      if (!v) return;
-      const M = (g) => {
-        const k = g.target;
-        U.current?.contains(k) || oe.current?.contains(k) || O();
+    Le(() => {
+      if (!b) return;
+      const N = (y) => {
+        const v = y.target;
+        Z.current?.contains(v) || ie.current?.contains(v) || j();
       };
-      return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
-    }, [v, O]);
-    const K = n.find((M) => M.value === l)?.label, X = ne.filter((M) => !M.disabled);
+      return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
+    }, [b, j]);
+    const K = n.find((N) => N.value === l)?.label, H = se.filter((N) => !N.disabled);
     return /* @__PURE__ */ z(
       "div",
       {
-        ref: U,
+        ref: Z,
         className: m(
-          W.wrapper,
-          W.searchableWrapper,
-          W[e],
-          t && W.error,
-          a && W.disabled,
+          P.wrapper,
+          P.searchableWrapper,
+          P[e],
+          t && P.error,
+          a && P.disabled,
           o?.wrapper,
           c
         ),
@@ -1272,15 +1272,15 @@ const Jt = $e(
           /* @__PURE__ */ s(
             "select",
             {
-              ref: te,
-              className: W.hiddenSelect,
+              ref: re,
+              className: P.hiddenSelect,
               value: l ?? "",
               disabled: a,
               tabIndex: -1,
               "aria-hidden": "true",
               onChange: () => {
               },
-              children: n.map((M) => /* @__PURE__ */ s("option", { value: M.value, children: M.label }, M.value))
+              children: n.map((N) => /* @__PURE__ */ s("option", { value: N.value, children: N.label }, N.value))
             }
           ),
           /* @__PURE__ */ z(
@@ -1290,90 +1290,90 @@ const Jt = $e(
               id: h,
               type: "button",
               className: m(
-                W.root,
-                W.searchableTrigger,
-                W[e],
-                v && W.triggerOpen,
-                t && W.error,
-                v && W.visuallyHidden,
+                P.root,
+                P.searchableTrigger,
+                P[e],
+                b && P.triggerOpen,
+                t && P.error,
+                b && P.visuallyHidden,
                 o?.root
               ),
-              onClick: A,
+              onClick: C,
               disabled: a,
-              "aria-expanded": v,
+              "aria-expanded": b,
               "aria-haspopup": "listbox",
-              "aria-controls": v ? q : void 0,
+              "aria-controls": b ? V : void 0,
               children: [
-                /* @__PURE__ */ s("span", { className: m(W.triggerLabel, !K && W.placeholder), children: K || r }),
-                /* @__PURE__ */ s("span", { className: m(W.arrow, W.arrowInline, o?.arrow) })
+                /* @__PURE__ */ s("span", { className: m(P.triggerLabel, !K && P.placeholder), children: K || r }),
+                /* @__PURE__ */ s("span", { className: m(P.arrow, P.arrowInline, o?.arrow) })
               ]
             }
           ),
-          v && /* @__PURE__ */ s(
+          b && /* @__PURE__ */ s(
             "input",
             {
-              ref: C,
+              ref: T,
               type: "text",
               role: "combobox",
               className: m(
-                W.root,
-                W.searchableTrigger,
-                W[e],
-                W.triggerOpen,
-                t && W.error,
+                P.root,
+                P.searchableTrigger,
+                P[e],
+                P.triggerOpen,
+                t && P.error,
                 o?.root,
                 o?.search
               ),
               placeholder: K || r,
-              value: N,
-              onChange: (M) => D(M.target.value),
-              onKeyDown: pe,
+              value: w,
+              onChange: (N) => Q(N.target.value),
+              onKeyDown: me,
               "aria-expanded": !0,
               "aria-haspopup": "listbox",
-              "aria-controls": q,
-              "aria-activedescendant": X.length > 0 ? `select-option-${ne[j]?.value}` : void 0
+              "aria-controls": V,
+              "aria-activedescendant": H.length > 0 ? `select-option-${se[W]?.value}` : void 0
             }
           ),
-          v && (() => {
-            const M = y ? {
+          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, g = /* @__PURE__ */ s(
+            } : void 0, y = /* @__PURE__ */ s(
               "div",
               {
-                id: q,
-                ref: oe,
-                className: m(W.menu, o?.menu),
-                style: M,
+                id: V,
+                ref: ie,
+                className: m(P.menu, o?.menu),
+                style: N,
                 role: "listbox",
-                children: /* @__PURE__ */ s("div", { className: W.menuItems, ref: ce, children: ne.length === 0 ? /* @__PURE__ */ s("div", { className: W.noResults, children: "No results" }) : ne.map((k, 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-${k.value}`,
+                    id: `select-option-${v.value}`,
                     type: "button",
                     role: "option",
-                    "aria-selected": k.value === l,
+                    "aria-selected": v.value === l,
                     className: m(
-                      W.item,
-                      k.disabled && W.itemDisabled,
-                      k.value === l && W.itemSelected,
-                      B === j && W.itemHighlighted,
+                      P.item,
+                      v.disabled && P.itemDisabled,
+                      v.value === l && P.itemSelected,
+                      A === W && P.itemHighlighted,
                       o?.item
                     ),
-                    disabled: k.disabled,
-                    onClick: () => F(k.value),
-                    onMouseEnter: () => Z(B),
-                    children: k.content ?? k.label
+                    disabled: v.disabled,
+                    onClick: () => X(v.value),
+                    onMouseEnter: () => D(A),
+                    children: v.content ?? v.label
                   },
-                  k.value
+                  v.value
                 )) })
               }
             );
-            return y && typeof document < "u" ? pt(g, document.body) : g;
+            return p && typeof document < "u" ? pt(y, document.body) : y;
           })()
         ]
       }
@@ -1381,7 +1381,7 @@ const Jt = $e(
   }
 );
 Jt.displayName = "SearchableSelect";
-const en = $e(
+const en = Ne(
   ({
     inputSize: e = "md",
     error: t = !1,
@@ -1396,96 +1396,97 @@ const en = $e(
     searchPlaceholder: u,
     onValuesChange: d,
     clearSearchOnSelect: f = !0,
-    allowCreate: y = !1,
-    onCreate: L,
-    createLabel: v,
-    portal: S = !0
-  }, N) => {
-    const D = Array.isArray(l) ? l : l ? [l] : [], [j, Z] = Le(!1), [U, C] = Le(""), [$, oe] = Le(0), ce = re(null), q = re(null), ae = re(null), R = re(null), te = re(null), H = Ye(), O = Tt(te, j && S), A = re(null), F = N ?? A, ne = fe(() => {
-      Z(!1), C(""), oe(0);
-    }, []), pe = fe(() => {
-      a || (Z(!0), C(""), oe(0), setTimeout(() => q.current?.focus(), 0));
-    }, [a]), K = fe(
-      (b) => {
-        const E = D.includes(b) ? D.filter((V) => V !== b) : [...D, b];
-        d?.(E), f && C("");
+    closeOnSelect: p = !0,
+    allowCreate: L = !1,
+    onCreate: b,
+    createLabel: R,
+    portal: w = !0
+  }, 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(() => ue.current?.focus(), 0));
+    }, [a]), H = pe(
+      (k) => {
+        const G = W.includes(k) ? W.filter((O) => O !== k) : [...W, k];
+        d?.(G), p ? me() : f && $("");
       },
-      [D, d, f]
-    ), X = fe(
-      (b, E) => {
-        E.stopPropagation(), d?.(D.filter((V) => V !== b));
+      [W, d, p, me, f]
+    ), N = pe(
+      (k, G) => {
+        G.stopPropagation(), d?.(W.filter((O) => O !== k));
       },
-      [D, d]
-    ), M = ke(() => {
-      if (!U) return n;
-      const b = U.toLowerCase();
-      return n.filter((E) => E.label.toLowerCase().includes(b));
-    }, [n, U]), g = U.trim(), k = y && g.length > 0 && !n.some(
-      (b) => b.label.toLowerCase() === g.toLowerCase() || b.value === g
-    ) && !D.includes(g), B = fe(() => {
-      g && (D.includes(g) || (L?.(g), d?.([...D, g]), f && C("")));
-    }, [g, D, L, d, f]);
-    Ne(() => {
-      const b = M.findIndex((E) => !E.disabled);
-      oe(b >= 0 ? b : 0);
-    }, [M]), Ne(() => {
-      if (!j) return;
-      const b = R.current;
-      if (!b) return;
-      b.querySelectorAll('[role="option"]')[$]?.scrollIntoView?.({ block: "nearest" });
-    }, [$, j]);
-    const _ = M.length, J = fe(
-      (b) => {
-        const E = M.map((V, de) => V.disabled ? -1 : de).filter((V) => V >= 0);
-        if (k && E.push(_), b.key === "Backspace" && U === "" && D.length > 0) {
-          b.preventDefault(), d?.(D.slice(0, -1));
+      [W, d]
+    ), y = ke(() => {
+      if (!T) return n;
+      const k = T.toLowerCase();
+      return n.filter((G) => G.label.toLowerCase().includes(k));
+    }, [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]);
+    Le(() => {
+      const k = y.findIndex((G) => !G.disabled);
+      ne(k >= 0 ? k : 0);
+    }, [y]), Le(() => {
+      if (!D) return;
+      const k = re.current;
+      if (!k) return;
+      k.querySelectorAll('[role="option"]')[ie]?.scrollIntoView?.({ block: "nearest" });
+    }, [ie, D]);
+    const q = y.length, Y = pe(
+      (k) => {
+        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 (E.length !== 0)
-          if (b.key === "ArrowDown") {
-            if (b.preventDefault(), !j) {
-              pe();
+        if (G.length !== 0)
+          if (k.key === "ArrowDown") {
+            if (k.preventDefault(), !D) {
+              K();
               return;
             }
-            oe((V) => {
-              const de = E.indexOf(V);
-              return de < E.length - 1 ? E[de + 1] : E[0];
+            ne((O) => {
+              const de = G.indexOf(O);
+              return de < G.length - 1 ? G[de + 1] : G[0];
             });
-          } else if (b.key === "ArrowUp")
-            b.preventDefault(), oe((V) => {
-              const de = E.indexOf(V);
-              return de > 0 ? E[de - 1] : E[E.length - 1];
+          } else if (k.key === "ArrowUp")
+            k.preventDefault(), ne((O) => {
+              const de = G.indexOf(O);
+              return de > 0 ? G[de - 1] : G[G.length - 1];
             });
-          else if (b.key === "Enter") {
-            if (b.preventDefault(), k && $ === _) {
-              B();
+          else if (k.key === "Enter") {
+            if (k.preventDefault(), A && ie === q) {
+              _();
               return;
             }
-            const V = M[$];
-            V && !V.disabled ? K(V.value) : k && B();
-          } else b.key === "Escape" && (b.preventDefault(), ne());
+            const O = y[ie];
+            O && !O.disabled ? H(O.value) : A && _();
+          } else k.key === "Escape" && (k.preventDefault(), me());
       },
-      [M, $, K, ne, U, D, d, j, pe, k, B, _]
+      [y, ie, H, me, T, W, d, D, K, A, _, q]
     );
-    Ne(() => {
-      if (!j) return;
-      const b = (E) => {
-        const V = E.target;
-        ce.current?.contains(V) || ae.current?.contains(V) || ne();
+    Le(() => {
+      if (!D) return;
+      const k = (G) => {
+        const O = G.target;
+        V.current?.contains(O) || S.current?.contains(O) || me();
       };
-      return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
-    }, [j, ne]);
-    const Y = D.map((b) => n.find((V) => V.value === b) ?? { value: b, label: b });
+      return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
+    }, [D, me]);
+    const J = W.map((k) => n.find((O) => O.value === k) ?? { value: k, label: k });
     return /* @__PURE__ */ z(
       "div",
       {
-        ref: ce,
+        ref: V,
         className: m(
-          W.wrapper,
-          W.searchableWrapper,
-          W[e],
-          t && W.error,
-          a && W.disabled,
+          P.wrapper,
+          P.searchableWrapper,
+          P[e],
+          t && P.error,
+          a && P.disabled,
           o?.wrapper,
           c
         ),
@@ -1494,135 +1495,135 @@ const en = $e(
           /* @__PURE__ */ s(
             "select",
             {
-              ref: F,
-              className: W.hiddenSelect,
+              ref: se,
+              className: P.hiddenSelect,
               multiple: !0,
-              value: D,
+              value: W,
               disabled: a,
               tabIndex: -1,
               "aria-hidden": "true",
               onChange: () => {
               },
-              children: n.map((b) => /* @__PURE__ */ s("option", { value: b.value, children: b.label }, b.value))
+              children: n.map((k) => /* @__PURE__ */ s("option", { value: k.value, children: k.label }, k.value))
             }
           ),
           /* @__PURE__ */ z(
             "div",
             {
-              ref: te,
+              ref: F,
               className: m(
-                W.multiTrigger,
-                W[e],
-                j && W.triggerOpen,
-                t && W.error,
-                a && W.multiTriggerDisabled,
+                P.multiTrigger,
+                P[e],
+                D && P.triggerOpen,
+                t && P.error,
+                a && P.multiTriggerDisabled,
                 o?.root
               ),
               onClick: () => {
-                j ? q.current?.focus() : pe();
+                D ? ue.current?.focus() : K();
               },
               role: "combobox",
-              "aria-expanded": j,
+              "aria-expanded": D,
               "aria-haspopup": "listbox",
-              "aria-controls": j ? H : void 0,
+              "aria-controls": D ? j : void 0,
               children: [
-                Y.map((b) => /* @__PURE__ */ z("span", { className: m(W.chip, o?.chip), children: [
-                  /* @__PURE__ */ s("span", { className: W.chipLabel, children: b.content ?? b.label }),
+                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",
                     {
                       type: "button",
-                      className: m(W.chipRemove, o?.chipRemove),
-                      onClick: (E) => X(b.value, E),
-                      "aria-label": `Remove ${b.label}`,
+                      className: m(P.chipRemove, o?.chipRemove),
+                      onClick: (G) => N(k.value, G),
+                      "aria-label": `Remove ${k.label}`,
                       tabIndex: -1,
                       children: "×"
                     }
                   )
-                ] }, b.value)),
+                ] }, k.value)),
                 /* @__PURE__ */ s(
                   "input",
                   {
-                    ref: q,
+                    ref: ue,
                     id: h,
                     type: "text",
-                    className: W.multiSearch,
-                    placeholder: D.length === 0 ? r : "",
-                    value: U,
-                    onChange: (b) => {
-                      C(b.target.value), j || pe();
+                    className: P.multiSearch,
+                    placeholder: W.length === 0 ? r : "",
+                    value: T,
+                    onChange: (k) => {
+                      $(k.target.value), D || K();
                     },
-                    onKeyDown: J,
+                    onKeyDown: Y,
                     disabled: a,
                     "aria-label": "Search options"
                   }
                 ),
-                /* @__PURE__ */ s("span", { className: m(W.arrow, W.arrowMulti, o?.arrow) })
+                /* @__PURE__ */ s("span", { className: m(P.arrow, P.arrowMulti, o?.arrow) })
               ]
             }
           ),
-          j && (() => {
-            const b = S ? {
+          D && (() => {
+            const k = w ? {
               position: "fixed",
-              top: O.top + 4,
-              left: O.left,
+              top: C.top + 4,
+              left: C.left,
               right: "auto",
-              width: O.width,
+              width: C.width,
               zIndex: "var(--crk-z-floating)"
-            } : void 0, E = /* @__PURE__ */ s(
+            } : void 0, G = /* @__PURE__ */ s(
               "div",
               {
-                id: H,
-                ref: ae,
-                className: m(W.menu, o?.menu),
-                style: b,
+                id: j,
+                ref: S,
+                className: m(P.menu, o?.menu),
+                style: k,
                 role: "listbox",
                 "aria-multiselectable": "true",
-                children: /* @__PURE__ */ z("div", { className: W.menuItems, ref: R, children: [
-                  M.length === 0 && !k && /* @__PURE__ */ s("div", { className: W.noResults, children: "No results" }),
-                  M.map((V, de) => {
-                    const he = D.includes(V.value);
+                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__ */ z(
                       "button",
                       {
-                        id: `select-option-${V.value}`,
+                        id: `select-option-${O.value}`,
                         type: "button",
                         role: "option",
-                        "aria-selected": he,
+                        "aria-selected": ge,
                         className: m(
-                          W.item,
-                          V.disabled && W.itemDisabled,
-                          he && W.itemSelected,
-                          de === $ && W.itemHighlighted,
+                          P.item,
+                          O.disabled && P.itemDisabled,
+                          ge && P.itemSelected,
+                          de === ie && P.itemHighlighted,
                           o?.item
                         ),
-                        disabled: V.disabled,
-                        onClick: () => K(V.value),
-                        onMouseEnter: () => oe(de),
+                        disabled: O.disabled,
+                        onClick: () => H(O.value),
+                        onMouseEnter: () => ne(de),
                         children: [
-                          he && /* @__PURE__ */ s("span", { className: W.itemCheck, "aria-hidden": "true" }),
-                          V.content ?? V.label
+                          ge && /* @__PURE__ */ s("span", { className: P.itemCheck, "aria-hidden": "true" }),
+                          O.content ?? O.label
                         ]
                       },
-                      V.value
+                      O.value
                     );
                   }),
-                  k && /* @__PURE__ */ s(
+                  A && /* @__PURE__ */ s(
                     "button",
                     {
                       type: "button",
                       role: "option",
                       "aria-selected": !1,
                       className: m(
-                        W.item,
-                        $ === _ && W.itemHighlighted,
+                        P.item,
+                        ie === q && P.itemHighlighted,
                         o?.item
                       ),
-                      onClick: B,
-                      onMouseEnter: () => oe(_),
-                      children: v ? v(g) : /* @__PURE__ */ z(je, { children: [
+                      onClick: _,
+                      onMouseEnter: () => ne(q),
+                      children: R ? R(v) : /* @__PURE__ */ z(ze, { children: [
                         "Create “",
-                        /* @__PURE__ */ s("strong", { children: g }),
+                        /* @__PURE__ */ s("strong", { children: v }),
                         "”"
                       ] })
                     },
@@ -1631,7 +1632,7 @@ const en = $e(
                 ] })
               }
             );
-            return S && typeof document < "u" ? pt(E, document.body) : E;
+            return w && typeof document < "u" ? pt(G, document.body) : G;
           })()
         ]
       }
@@ -1639,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";
@@ -1648,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,
@@ -1657,8 +1658,8 @@ const Wi = "crk-root-61cKD", Hi = "crk-input-bAjPU", Oi = "crk-label-W9IeS", Fi
     style: o,
     ...c
   }, i) => {
-    const l = re(null);
-    return Ne(() => {
+    const l = oe(null);
+    return Le(() => {
       l.current && (l.current.indeterminate = t);
     }, [t]), /* @__PURE__ */ z(
       "label",
@@ -1683,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,
@@ -1714,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,
@@ -1727,7 +1728,7 @@ const Vi = $e(
     name: l,
     ...a
   }, h) => {
-    const u = ft(tn), d = u?.name ?? l, f = u ? u.value === t : i, y = (L) => {
+    const u = ft(tn), d = u?.name ?? l, f = u ? u.value === t : i, p = (L) => {
       u?.onChange?.(t), c?.(L);
     };
     return /* @__PURE__ */ z("label", { className: m(ht.root, n?.root, r), style: o, children: [
@@ -1740,7 +1741,7 @@ const Vi = $e(
           name: d,
           value: t,
           checked: f,
-          onChange: y,
+          onChange: p,
           ...a
         }
       ),
@@ -1765,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,
@@ -1776,24 +1777,24 @@ const qi = "crk-root-IGgdn", Gi = "crk-sm-N-5I2", Zi = "crk-md-bbyFl", Ki = "crk
     onChange: i,
     ...l
   }, a) => {
-    const h = re(null), u = fe(() => {
-      const y = h.current;
-      y && (y.style.height = "auto", y.style.height = `${y.scrollHeight}px`);
+    const h = oe(null), u = pe(() => {
+      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 = fe(
-      (y) => {
-        r && u(), i?.(y);
+    const f = pe(
+      (p) => {
+        r && u(), i?.(p);
       },
       [r, u, i]
     );
     return /* @__PURE__ */ s(
       "textarea",
       {
-        ref: (y) => {
-          h.current = y, typeof a == "function" ? a(y) : a && (a.current = y);
+        ref: (p) => {
+          h.current = p, typeof a == "function" ? a(p) : a && (a.current = p);
         },
         className: m(
           Ke.root,
@@ -1812,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 = re(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) => {
@@ -1830,7 +1831,7 @@ function cc(e, t = { width: 600, height: 300 }) {
     return a.observe(c), () => a.disconnect();
   }, [e]), n;
 }
-const lc = "crk-root-uMSq0", sc = "crk-canvas-zhFr0", ac = "crk-svg-waPLB", dc = "crk-gridLine-K2Gx9", uc = "crk-axis-Zum8-", hc = "crk-axisLabel-Ilv3u", mc = "crk-cursorLine-iNHim", fc = "crk-linePath-E4eYA", pc = "crk-areaPath-ZwMc6", gc = "crk-point-DTAoa", yc = "crk-bar-9sYbq", vc = "crk-barLabelInside-dlQh5", bc = "crk-activeBar-FJhPJ", xc = "crk-interactionLayer-dHNAG", kc = "crk-legend-JL6YI", Mc = "crk-legendItem-rcdvO", wc = "crk-legendSwatch-eJBsF", $c = "crk-legendIcon-6gzcO", Nc = "crk-legendLabel-C-eu3", Lc = "crk-tooltip-m55-N", Sc = "crk-tooltipTitle-0EfoX", Rc = "crk-tooltipRows-MC0wM", Tc = "crk-tooltipRow-ZQomr", Cc = "crk-tooltipLabel-s4OKX", Ac = "crk-tooltipValue-iwj1s", Bc = "crk-empty-aa4vk", Ic = "crk-sparkline-3-eRc", Dc = "crk-tradingHeader-Pb9wS", w = {
+const lc = "crk-root-uMSq0", sc = "crk-canvas-zhFr0", ac = "crk-svg-waPLB", dc = "crk-gridLine-K2Gx9", uc = "crk-axis-Zum8-", hc = "crk-axisLabel-Ilv3u", mc = "crk-cursorLine-iNHim", fc = "crk-linePath-E4eYA", pc = "crk-areaPath-ZwMc6", gc = "crk-point-DTAoa", yc = "crk-bar-9sYbq", vc = "crk-barLabelInside-dlQh5", bc = "crk-activeBar-FJhPJ", xc = "crk-interactionLayer-dHNAG", kc = "crk-legend-JL6YI", Mc = "crk-legendItem-rcdvO", wc = "crk-legendSwatch-eJBsF", $c = "crk-legendIcon-6gzcO", Nc = "crk-legendLabel-C-eu3", Lc = "crk-tooltip-m55-N", Rc = "crk-tooltipTitle-0EfoX", Sc = "crk-tooltipRows-MC0wM", Tc = "crk-tooltipRow-ZQomr", Cc = "crk-tooltipLabel-s4OKX", Ac = "crk-tooltipValue-iwj1s", Bc = "crk-empty-aa4vk", Ic = "crk-sparkline-3-eRc", Dc = "crk-tradingHeader-Pb9wS", M = {
   root: lc,
   canvas: sc,
   svg: ac,
@@ -1851,31 +1852,31 @@ const lc = "crk-root-uMSq0", sc = "crk-canvas-zhFr0", ac = "crk-svg-waPLB", dc =
   legendIcon: $c,
   legendLabel: Nc,
   tooltip: Lc,
-  tooltipTitle: Sc,
-  tooltipRows: Rc,
+  tooltipTitle: Rc,
+  tooltipRows: Sc,
   tooltipRow: Tc,
   tooltipLabel: Cc,
   tooltipValue: Ac,
   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 = re(null);
+    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__ */ z(
       "div",
       {
         ref: h,
-        className: m(w.root, o?.root, n),
+        className: m(M.root, o?.root, n),
         style: r,
         children: [
-          /* @__PURE__ */ z("div", { className: w.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",
               {
-                className: m(w.svg, o?.svg),
+                className: m(M.svg, o?.svg),
                 width: d,
                 height: f,
                 viewBox: `0 0 ${d} ${f}`,
@@ -1894,13 +1895,13 @@ const lc = "crk-root-uMSq0", sc = "crk-canvas-zhFr0", ac = "crk-svg-waPLB", dc =
 Ve.displayName = "ChartContainer";
 function vt({ config: e, order: t, classes: n }) {
   const r = t ?? Object.keys(e);
-  return /* @__PURE__ */ s("div", { className: m(w.legend, n?.legend), role: "list", children: r.map((o) => {
+  return /* @__PURE__ */ s("div", { className: m(M.legend, n?.legend), role: "list", children: r.map((o) => {
     const c = e[o];
-    return c ? /* @__PURE__ */ z("div", { className: m(w.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",
         {
-          className: w.legendIcon,
+          className: M.legendIcon,
           style: { color: c.color },
           "aria-hidden": "true",
           children: c.icon
@@ -1908,12 +1909,12 @@ function vt({ config: e, order: t, classes: n }) {
       ) : /* @__PURE__ */ s(
         "span",
         {
-          className: w.legendSwatch,
+          className: M.legendSwatch,
           style: { background: c.color },
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ s("span", { className: w.legendLabel, children: c.label })
+      /* @__PURE__ */ s("span", { className: M.legendLabel, children: c.label })
     ] }, o) : null;
   }) });
 }
@@ -1930,23 +1931,23 @@ function et({
   classes: h
 }) {
   if (!e) return null;
-  const u = 180, f = t + u + 16 > r ? t - u - 12 : t + 12, y = Math.max(8, n - 16);
+  const u = 180, f = t + u + 16 > r ? t - u - 12 : t + 12, p = Math.max(8, n - 16);
   return /* @__PURE__ */ s(
     "div",
     {
-      className: m(w.tooltip, h?.tooltip),
-      style: { left: f, top: y, width: u },
+      className: m(M.tooltip, h?.tooltip),
+      style: { left: f, top: p, width: u },
       role: "tooltip",
-      children: c ? c(e) : /* @__PURE__ */ z(je, { children: [
-        l && e[l] !== void 0 && /* @__PURE__ */ s("div", { className: w.tooltipTitle, children: String(e[l]) }),
-        /* @__PURE__ */ s("div", { className: w.tooltipRows, children: Object.entries(o).map(([L, v]) => {
-          const S = e[L];
-          if (S == null) return null;
-          const N = typeof S == "number" ? i(S) : String(S), D = a?.(L) ?? v.color;
-          return /* @__PURE__ */ z("div", { className: w.tooltipRow, children: [
-            /* @__PURE__ */ s("span", { className: w.legendSwatch, style: { background: D }, "aria-hidden": "true" }),
-            /* @__PURE__ */ s("span", { className: w.tooltipLabel, children: v.label }),
-            /* @__PURE__ */ s("span", { className: w.tooltipValue, children: N })
+      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), 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);
         }) })
       ] })
@@ -1954,11 +1955,11 @@ function et({
   );
 }
 function nn({ ticks: e, x: t, plotWidth: n, format: r, showGrid: o = !0, classes: c }) {
-  return /* @__PURE__ */ s("g", { className: m(w.axis, c?.axis), children: e.map(({ value: i, y: l }) => /* @__PURE__ */ z("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",
       {
-        className: m(w.gridLine, c?.grid),
+        className: m(M.gridLine, c?.grid),
         x1: t,
         x2: t + n,
         y1: l,
@@ -1968,7 +1969,7 @@ function nn({ ticks: e, x: t, plotWidth: n, format: r, showGrid: o = !0, classes
     /* @__PURE__ */ s(
       "text",
       {
-        className: m(w.axisLabel, c?.axisLabel),
+        className: m(M.axisLabel, c?.axisLabel),
         x: t - 8,
         y: l,
         textAnchor: "end",
@@ -1979,10 +1980,10 @@ function nn({ ticks: e, x: t, plotWidth: n, format: r, showGrid: o = !0, classes
   ] }, `y-${i}`)) });
 }
 function rn({ ticks: e, y: t, format: n, classes: r }) {
-  return /* @__PURE__ */ s("g", { className: m(w.axis, r?.axis), children: e.map(({ label: o, x: c }) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("g", { className: m(M.axis, r?.axis), children: e.map(({ label: o, x: c }) => /* @__PURE__ */ s(
     "text",
     {
-      className: m(w.axisLabel, r?.axisLabel),
+      className: m(M.axisLabel, r?.axisLabel),
       x: c,
       y: t + 16,
       textAnchor: "middle",
@@ -2004,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) => {
@@ -2062,179 +2063,179 @@ function Ol({
   valuePosition: u = "top",
   renderLabel: d,
   activeIndex: f,
-  onPointClick: y,
+  onPointClick: p,
   showGrid: L = !0,
-  showLegend: v = !0,
-  showTooltip: S = !0,
-  yTickCount: N = 5,
-  yFormat: D,
-  xFormat: j,
-  valueFormat: Z,
-  renderTooltip: U,
-  margin: C,
+  showLegend: b = !0,
+  showTooltip: R = !0,
+  yTickCount: w = 5,
+  yFormat: Q,
+  xFormat: W,
+  valueFormat: D,
+  renderTooltip: Z,
+  margin: T,
   emptyMessage: $ = "No data",
-  className: oe,
-  style: ce,
-  classes: q
+  className: ie,
+  style: ne,
+  classes: V
 }) {
-  const ae = { ...Ec, ...C }, R = ke(() => Object.keys(n), [n]), [te, H] = Le(null), O = re(null), A = f ?? te, F = (pe, 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 X = e[K]?.[l];
-      if (typeof X == "string") return X;
+      const H = e[K]?.[l];
+      if (typeof H == "string") return H;
     }
-    return n[pe]?.color ?? "var(--crk-chart-1)";
+    return n[me]?.color ?? "var(--crk-chart-1)";
   };
   if (e.length === 0)
-    return /* @__PURE__ */ s("div", { ref: O, className: m(w.root, q?.root, oe), style: ce, children: /* @__PURE__ */ s("div", { className: w.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: w.empty, children: $ }) }) });
-  const ne = S && 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, O),
+      row: e[C],
+      x: Hc(e, t, ue, C, j),
       y: 16,
-      containerWidth: O.current?.getBoundingClientRect().width ?? 0,
+      containerWidth: j.current?.getBoundingClientRect().width ?? 0,
       config: n,
-      render: U ? () => U(e[A]) : void 0,
-      valueFormat: Z,
+      render: Z ? () => Z(e[C]) : void 0,
+      valueFormat: D,
       titleKey: t,
-      resolveColor: l ? (pe) => F(pe, A) : void 0,
-      classes: q
+      resolveColor: l ? (me) => X(me, C) : void 0,
+      classes: V
     }
   ) : null;
   return /* @__PURE__ */ s(
     Ve,
     {
-      ref: O,
+      ref: j,
       aspectRatio: r,
       height: o,
-      className: oe,
-      style: ce,
-      classes: q,
-      legend: v ? /* @__PURE__ */ s(vt, { config: n, classes: q }) : void 0,
-      overlay: ne,
-      children: ({ width: pe, height: K }) => {
-        const X = ae.left, M = pe - ae.right, g = ae.top, k = K - ae.bottom, B = Math.max(0, M - X), _ = Math.max(0, k - g), J = e.map((p) => String(p[t])), Y = Xe(J, [X, M], 0), b = [];
-        for (const p of R)
+      className: ie,
+      style: ne,
+      classes: V,
+      legend: b ? /* @__PURE__ */ s(vt, { config: n, classes: V }) : void 0,
+      overlay: se,
+      children: ({ width: me, height: K }) => {
+        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 ee = x[p];
-            typeof ee == "number" && b.push(ee);
+            const ee = x[g];
+            typeof ee == "number" && J.push(ee);
           }
-        const [E, V] = bt(b), de = Math.min(0, E), he = qe(de, V, N), ye = Je([he[0], he[he.length - 1]], [k, g]), be = he.map((p) => ({ value: p, y: ye(p) })), Se = Wc(J).map((p) => ({ label: p, x: Y(p) }));
-        return /* @__PURE__ */ z(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: X,
-              plotWidth: B,
-              format: D,
+              x: H,
+              plotWidth: A,
+              format: Q,
               showGrid: L,
-              classes: q
+              classes: V
             }
           ),
-          /* @__PURE__ */ s(rn, { ticks: Se, y: k, format: j, classes: q }),
-          R.map((p) => {
-            const x = n[p], ee = e.map((P, G) => {
-              const I = P[p], me = typeof I == "number" ? I : 0;
-              return { x: Y(J[G]), y: ye(me), value: me, row: P };
+          /* @__PURE__ */ s(rn, { ticks: Se, y: v, format: W, classes: V }),
+          S.map((g) => {
+            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__ */ z("g", { className: m(w.series, q?.series), children: [
+            return /* @__PURE__ */ z("g", { className: m(M.series, V?.series), children: [
               /* @__PURE__ */ s(
                 "path",
                 {
-                  className: m(w.linePath),
+                  className: m(M.linePath),
                   d: Pc(ee, c),
                   stroke: x.color
                 }
               ),
-              i && ee.map((P, G) => {
-                const I = F(p, G), me = A === G, Q = f !== void 0 && !me, T = y ? () => y({ row: P.row, value: P.value, seriesKey: p, index: G }) : 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: P.row,
-                      value: P.value,
-                      seriesKey: p,
-                      index: G,
-                      x: P.x,
-                      y: P.y,
+                      row: E.row,
+                      value: E.value,
+                      seriesKey: g,
+                      index: U,
+                      x: E.x,
+                      y: E.y,
                       color: I,
-                      active: me
+                      active: fe
                     })
                   },
-                  `${p}-${G}`
+                  `${g}-${U}`
                 ) : /* @__PURE__ */ s(
                   "circle",
                   {
-                    className: m(w.point, q?.point),
-                    cx: P.x,
-                    cy: P.y,
-                    r: me ? 5 : 3.5,
+                    className: m(M.point, V?.point),
+                    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
                   },
-                  `${p}-${G}`
+                  `${g}-${U}`
                 );
               }),
-              (h || d) && ee.map((P, G) => {
-                const I = d ? d({ row: P.row, value: P.value, seriesKey: p, index: G }) : h ? Z ? Z(P.value) : String(P.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 me = 10, Q = u === "top" ? P.y - me : P.y + me + 4;
+                const fe = 10, ce = u === "top" ? E.y - fe : E.y + fe + 4;
                 return /* @__PURE__ */ s(
                   "text",
                   {
-                    className: m(w.axisLabel),
-                    x: P.x,
-                    y: Q,
+                    className: m(M.axisLabel),
+                    x: E.x,
+                    y: ce,
                     textAnchor: "middle",
                     dominantBaseline: u === "top" ? "auto" : "middle",
                     children: I
                   },
-                  `label-${p}-${G}`
+                  `label-${g}-${U}`
                 );
               })
-            ] }, p);
+            ] }, g);
           }),
-          A !== null && /* @__PURE__ */ s(
+          C !== null && /* @__PURE__ */ s(
             "line",
             {
-              className: w.cursorLine,
-              x1: Y(J[A]),
-              x2: Y(J[A]),
-              y1: g,
-              y2: k
+              className: M.cursorLine,
+              x1: Y(q[C]),
+              x2: Y(q[C]),
+              y1: y,
+              y2: v
             }
           ),
           /* @__PURE__ */ s(
             "rect",
             {
-              className: w.interactionLayer,
-              x: X,
-              y: g,
-              width: B,
+              className: M.interactionLayer,
+              x: H,
+              y,
+              width: A,
               height: _,
-              onMouseMove: (p) => {
-                const x = p.currentTarget.getBoundingClientRect(), ee = p.clientX - x.left + X, P = Y.step(), G = Math.max(
+              onMouseMove: (g) => {
+                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((ee - X - P / 2) / P))
+                  Math.min(e.length - 1, Math.round((ee - H - E / 2) / E))
                 );
-                H(G);
+                F(U);
               },
-              onMouseLeave: () => H(null),
-              onClick: y ? (p) => {
-                const x = p.currentTarget.getBoundingClientRect(), ee = p.clientX - x.left + X, P = Y.step(), G = Math.max(
+              onMouseLeave: () => F(null),
+              onClick: p ? (g) => {
+                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((ee - X - P / 2) / P))
-                ), I = R[0], me = e[G][I], Q = typeof me == "number" ? me : 0;
-                y({ row: e[G], value: Q, seriesKey: I, index: G });
+                  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: y ? { cursor: "pointer" } : void 0
+              style: p ? { cursor: "pointer" } : void 0
             }
           )
         ] });
@@ -2246,10 +2247,10 @@ 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 St(e, t) {
+function Rt(e, t) {
   if (e.length === 0) return "";
   if (e.length === 1) return `M ${e[0].x} ${e[0].y}`;
   if (t === "linear")
@@ -2269,12 +2270,12 @@ function St(e, t) {
 }
 function Dt(e, t, n) {
   if (e.length === 0) return "";
-  const r = St(e, n);
+  const r = Rt(e, n);
   if (typeof t == "number") {
     const l = e[e.length - 1], a = e[0];
     return `${r} L ${l.x} ${t} L ${a.x} ${t} Z`;
   }
-  const o = e.map((l, a) => ({ x: l.x, y: t[a] })).reverse(), i = St(o, n).replace(/^M /, "L ");
+  const o = e.map((l, a) => ({ x: l.x, y: t[a] })).reverse(), i = Rt(o, n).replace(/^M /, "L ");
   return `${r} ${i} Z`;
 }
 function Fc(e, t = 8) {
@@ -2296,177 +2297,177 @@ function Fl({
   showXAxis: u = !0,
   showYAxis: d = !0,
   showLegend: f = !0,
-  showTooltip: y = !0,
+  showTooltip: p = !0,
   yTickCount: L = 5,
-  yFormat: v,
-  xFormat: S,
-  valueFormat: N,
-  renderTooltip: D,
-  margin: j,
-  emptyMessage: Z = "No data",
-  className: U,
-  style: C,
+  yFormat: b,
+  xFormat: R,
+  valueFormat: w,
+  renderTooltip: Q,
+  margin: W,
+  emptyMessage: D = "No data",
+  className: Z,
+  style: T,
   classes: $
 }) {
-  const oe = ke(
+  const ie = ke(
     () => ({
       ...Oc,
       ...d ? {} : { left: 16 },
-      ...j
+      ...W
     }),
-    [j, d]
-  ), ce = ke(() => Object.keys(n), [n]), q = i && ce.length > 0, ae = q && l === "expand", [R, te] = Le(null), H = re(null), O = Ye();
+    [W, d]
+  ), 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: H, className: m(w.root, $?.root, U), style: C, children: /* @__PURE__ */ s("div", { className: w.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: w.empty, children: Z }) }) });
-  const A = ke(() => {
-    const X = ce.map(() => []), M = ce.map(() => []);
-    for (let g = 0; g < e.length; g++) {
-      let k = 0;
-      if (ae) {
-        for (const _ of ce) {
-          const J = e[g][_];
-          typeof J == "number" && J > 0 && (k += J);
+    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 (ue) {
+        for (const _ of ne) {
+          const q = e[y][_];
+          typeof q == "number" && q > 0 && (v += q);
         }
-        k === 0 && (k = 1);
+        v === 0 && (v = 1);
       }
-      let B = 0;
-      for (let _ = 0; _ < ce.length; _++) {
-        const J = ce[_], Y = e[g][J], b = typeof Y == "number" ? Y : 0;
-        if (q) {
-          const E = ae ? b / k : b;
-          M[_][g] = B, B += E, X[_][g] = B;
+      let A = 0;
+      for (let _ = 0; _ < ne.length; _++) {
+        const q = ne[_], Y = e[y][q], J = typeof Y == "number" ? Y : 0;
+        if (V) {
+          const k = ue ? J / v : J;
+          N[_][y] = A, A += k, H[_][y] = A;
         } else
-          M[_][g] = 0, X[_][g] = b;
+          N[_][y] = 0, H[_][y] = J;
       }
     }
-    return { tops: X, bottoms: M };
-  }, [e, ce, q, ae]), { tops: F, bottoms: ne } = A, [pe, K] = ke(() => {
-    if (ae) return [0, 1];
-    let X = 0, M = 0;
-    for (const g of F)
-      for (const k of g)
-        k < X && (X = k), k > M && (M = k);
-    for (const g of ne)
-      for (const k of g)
-        k < X && (X = k);
-    return [Math.min(0, X), M];
-  }, [F, ne, ae]);
+    return { tops: H, bottoms: N };
+  }, [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 X)
+      for (const v of y)
+        v < H && (H = v), v > N && (N = v);
+    for (const y of se)
+      for (const v of y)
+        v < H && (H = v);
+    return [Math.min(0, H), N];
+  }, [X, se, ue]);
   return /* @__PURE__ */ s(
     Ve,
     {
-      ref: H,
+      ref: F,
       aspectRatio: r,
       height: o,
-      className: U,
-      style: C,
+      className: Z,
+      style: T,
       classes: $,
       legend: f ? /* @__PURE__ */ s(vt, { config: n, classes: $ }) : void 0,
-      overlay: y && R !== null ? /* @__PURE__ */ s(
+      overlay: p && S !== null ? /* @__PURE__ */ s(
         et,
         {
-          row: e[R],
-          x: zc(e, t, oe, R, H),
+          row: e[S],
+          x: Xc(e, t, ie, S, F),
           y: 16,
-          containerWidth: H.current?.getBoundingClientRect().width ?? 0,
+          containerWidth: F.current?.getBoundingClientRect().width ?? 0,
           config: n,
-          render: D ? () => D(e[R]) : void 0,
-          valueFormat: ae ? (X) => `${Math.round(X * 100)}%` : N,
+          render: Q ? () => Q(e[S]) : void 0,
+          valueFormat: ue ? (H) => `${Math.round(H * 100)}%` : w,
           titleKey: t,
           classes: $
         }
       ) : null,
-      children: ({ width: X, height: M }) => {
-        const g = oe.left, k = X - oe.right, B = oe.top, _ = M - oe.bottom, J = Math.max(0, k - g), Y = Math.max(0, _ - B), b = e.map((p) => String(p[t])), E = Xe(b, [g, k], 0), V = ae ? [0, 0.25, 0.5, 0.75, 1] : qe(pe, K, L), de = Je([V[0], V[V.length - 1]], [_, B]), he = de(0), ye = V.map((p) => ({ value: p, y: de(p) })), Ce = Fc(b).map((p) => ({ label: p, x: E(p) })), Se = ae ? (p) => `${Math.round(p * 100)}%` : v;
-        return /* @__PURE__ */ z(je, { children: [
-          a && /* @__PURE__ */ s("defs", { children: ce.map((p) => /* @__PURE__ */ z(
+      children: ({ width: H, height: N }) => {
+        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: `${O}-${p}`,
+              id: `${j}-${g}`,
               x1: "0",
               y1: "0",
               x2: "0",
               y2: "1",
               children: [
-                /* @__PURE__ */ s("stop", { offset: "5%", stopColor: n[p].color, stopOpacity: 0.6 }),
-                /* @__PURE__ */ s("stop", { offset: "95%", stopColor: n[p].color, stopOpacity: 0.05 })
+                /* @__PURE__ */ s("stop", { offset: "5%", stopColor: n[g].color, stopOpacity: 0.6 }),
+                /* @__PURE__ */ s("stop", { offset: "95%", stopColor: n[g].color, stopOpacity: 0.05 })
               ]
             },
-            p
+            g
           )) }),
           d ? /* @__PURE__ */ s(
             nn,
             {
-              ticks: ye,
-              x: g,
-              plotWidth: J,
+              ticks: ge,
+              x: y,
+              plotWidth: q,
               format: Se,
               showGrid: h,
               classes: $
             }
-          ) : h && /* @__PURE__ */ s("g", { className: m(w.axis, $?.axis), children: ye.map(({ value: p, y: x }) => /* @__PURE__ */ s(
+          ) : h && /* @__PURE__ */ s("g", { className: m(M.axis, $?.axis), children: ge.map(({ value: g, y: x }) => /* @__PURE__ */ s(
             "line",
             {
-              className: m(w.gridLine, $?.grid),
-              x1: g,
-              x2: k,
+              className: m(M.gridLine, $?.grid),
+              x1: y,
+              x2: v,
               y1: x,
               y2: x
             },
-            `grid-${p}`
+            `grid-${g}`
           )) }),
-          u && /* @__PURE__ */ s(rn, { ticks: Ce, y: _, format: S, classes: $ }),
-          ce.map((p, x) => {
-            const ee = n[p], P = e.map((Q, T) => ({
-              x: E(b[T]),
-              y: de(F[x][T])
-            })), G = a ? `url(#${O}-${p})` : ee.color, I = a ? 1 : 0.18, me = q ? Dt(P, ne[x].map((Q) => de(Q)), c) : Dt(P, he, c);
-            return /* @__PURE__ */ z("g", { className: m(w.series, $?.series), children: [
+          u && /* @__PURE__ */ s(rn, { ticks: Ce, y: _, format: R, classes: $ }),
+          ne.map((g, x) => {
+            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: w.areaPath,
-                  d: me,
-                  fill: G,
+                  className: M.areaPath,
+                  d: fe,
+                  fill: U,
                   fillOpacity: I
                 }
               ),
-              /* @__PURE__ */ s("path", { className: w.linePath, d: St(P, c), stroke: ee.color }),
-              !q && P.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(w.point, $?.point),
-                  cx: Q.x,
-                  cy: Q.y,
-                  r: R === T ? 5 : 3,
+                  className: m(M.point, $?.point),
+                  cx: ce.x,
+                  cy: ce.y,
+                  r: S === B ? 5 : 3,
                   fill: ee.color
                 },
-                `${p}-${T}`
+                `${g}-${B}`
               ))
-            ] }, p);
+            ] }, g);
           }),
-          R !== null && /* @__PURE__ */ s(
+          S !== null && /* @__PURE__ */ s(
             "line",
             {
-              className: w.cursorLine,
-              x1: E(b[R]),
-              x2: E(b[R]),
-              y1: B,
+              className: M.cursorLine,
+              x1: k(J[S]),
+              x2: k(J[S]),
+              y1: A,
               y2: _
             }
           ),
           /* @__PURE__ */ s(
             "rect",
             {
-              className: w.interactionLayer,
-              x: g,
-              y: B,
-              width: J,
+              className: M.interactionLayer,
+              x: y,
+              y: A,
+              width: q,
               height: Y,
-              onMouseMove: (p) => {
-                const x = p.currentTarget.getBoundingClientRect(), ee = p.clientX - x.left + g, P = E.step(), G = Math.max(0, Math.min(e.length - 1, Math.round((ee - g - P / 2) / P)));
-                te(G);
+              onMouseMove: (g) => {
+                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: () => te(null)
+              onMouseLeave: () => re(null)
             }
           )
         ] });
@@ -2474,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,
@@ -2506,177 +2507,177 @@ function zl({
   showGrid: u = !0,
   showLegend: d = !0,
   showTooltip: f = !0,
-  showValues: y = !1,
+  showValues: p = !1,
   valuePosition: L = "outside",
-  renderLabel: v,
-  colorBy: S = "series",
-  colors: N = jc,
-  negativeColor: D,
-  activeIndex: j,
-  onBarClick: Z,
-  yTickCount: U = 5,
-  yFormat: C,
+  renderLabel: b,
+  colorBy: R = "series",
+  colors: w = zc,
+  negativeColor: Q,
+  activeIndex: W,
+  onBarClick: D,
+  yTickCount: Z = 5,
+  yFormat: T,
   xFormat: $,
-  valueFormat: oe,
-  renderTooltip: ce,
-  margin: q,
-  emptyMessage: ae = "No data",
-  className: R,
-  style: te,
-  classes: H
+  valueFormat: ie,
+  renderTooltip: ne,
+  margin: V,
+  emptyMessage: ue = "No data",
+  className: S,
+  style: re,
+  classes: F
 }) {
-  const O = r === "horizontal", A = { ...O ? _c : Xc, ...q }, F = ke(() => Object.keys(n), [n]), ne = o && F.length > 1, [pe, K] = Le(null), X = re(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: X, className: m(w.root, H?.root, R), style: te, children: /* @__PURE__ */ s("div", { className: w.canvas, style: { height: i ?? 240 }, children: /* @__PURE__ */ s("div", { className: w.empty, children: ae }) }) });
-  const M = e.map((E) => String(E[t])), g = j ?? pe, k = ke(() => {
-    if (ne) {
-      let he = 0, ye = 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: ue }) }) });
+  const N = e.map((k) => String(k[t])), y = W ?? me, v = ke(() => {
+    if (se) {
+      let de = 0, ge = 0;
       for (const be of e) {
         let Ce = 0, Se = 0;
-        for (const p of F) {
-          const x = be[p];
+        for (const g of X) {
+          const x = be[g];
           typeof x == "number" && (x >= 0 ? Ce += x : Se += x);
         }
-        Ce > he && (he = Ce), Se < ye && (ye = Se);
+        Ce > de && (de = Ce), Se < ge && (ge = Se);
       }
-      return [ye, he];
+      return [ge, de];
     }
-    const E = [];
-    for (const he of e)
-      for (const ye of F) {
-        const be = he[ye];
-        typeof be == "number" && E.push(be);
+    const k = [];
+    for (const de of e)
+      for (const ge of X) {
+        const be = de[ge];
+        typeof be == "number" && k.push(be);
       }
-    const [V, de] = bt(E);
-    return [Math.min(0, V), Math.max(0, de)];
-  }, [e, F, ne]), B = qe(k[0], k[1], U), _ = B[0], J = B[B.length - 1], Y = (E, V) => S === "index" ? N[V % N.length] : n[E]?.color ?? N[0], b = f && g !== null && e[g] ? /* @__PURE__ */ s(
+    const [G, O] = bt(k);
+    return [Math.min(0, G), Math.max(0, O)];
+  }, [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[g],
-      x: Vc(e, t, A, g, X, O, l),
-      y: O ? qc(e, t, A, g, X, l) : 16,
-      containerWidth: X.current?.getBoundingClientRect().width ?? 0,
+      row: e[y],
+      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: ce ? () => ce(e[g]) : void 0,
-      valueFormat: oe,
+      render: ne ? () => ne(e[y]) : void 0,
+      valueFormat: ie,
       titleKey: t,
-      resolveColor: (E) => {
-        const V = e[g][E], de = Y(E, g);
-        return typeof V != "number" ? de : D !== void 0 && V < 0 ? D : de;
+      resolveColor: (k) => {
+        const G = e[y][k], O = Y(k, y);
+        return typeof G != "number" ? O : Q !== void 0 && G < 0 ? Q : O;
       },
-      classes: H
+      classes: F
     }
   ) : null;
   return /* @__PURE__ */ s(
     Ve,
     {
-      ref: X,
+      ref: H,
       aspectRatio: c,
       height: i,
-      className: R,
-      style: te,
-      classes: H,
-      legend: d ? /* @__PURE__ */ s(vt, { config: n, classes: H }) : void 0,
-      overlay: b,
-      children: ({ width: E, height: V }) => {
-        const de = A.left, he = E - A.right, ye = A.top, be = V - A.bottom, Ce = Math.max(0, he - de), Se = Math.max(0, be - ye), x = Xe(M, O ? [ye, be] : [de, he], l), ee = x.bandWidth(), G = Je([_, J], O ? [de, he] : [be, ye]), I = G(0), me = ne ? 1 : Math.max(1, F.length), Q = ee / me, T = Q * (1 - a), le = B.map((ie) => ({
-          value: ie,
-          pos: G(ie)
-        })), ge = Uc(M);
-        return /* @__PURE__ */ z(je, { children: [
-          u && /* @__PURE__ */ s("g", { className: m(w.axis, H?.axis), children: le.map(
-            ({ value: ie, pos: ue }) => O ? /* @__PURE__ */ s(
+      className: S,
+      style: re,
+      classes: F,
+      legend: d ? /* @__PURE__ */ s(vt, { config: n, classes: F }) : void 0,
+      overlay: J,
+      children: ({ width: k, height: G }) => {
+        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(w.gridLine, H?.grid),
-                x1: ue,
-                x2: ue,
-                y1: ye,
+                className: m(M.gridLine, F?.grid),
+                x1: ae,
+                x2: ae,
+                y1: ge,
                 y2: be
               },
-              `g-${ie}`
+              `g-${te}`
             ) : /* @__PURE__ */ s(
               "line",
               {
-                className: m(w.gridLine, H?.grid),
-                x1: de,
-                x2: he,
-                y1: ue,
-                y2: ue
+                className: m(M.gridLine, F?.grid),
+                x1: O,
+                x2: de,
+                y1: ae,
+                y2: ae
               },
-              `g-${ie}`
+              `g-${te}`
             )
           ) }),
-          /* @__PURE__ */ s("g", { className: m(w.axis, H?.axis), children: le.map(({ value: ie, pos: ue }) => {
-            const Ae = C ? C(ie) : String(ie);
-            return O ? /* @__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(w.axisLabel, H?.axisLabel),
-                x: ue,
+                className: m(M.axisLabel, F?.axisLabel),
+                x: ae,
                 y: be + 16,
                 textAnchor: "middle",
                 children: Ae
               },
-              `vt-${ie}`
+              `vt-${te}`
             ) : /* @__PURE__ */ s(
               "text",
               {
-                className: m(w.axisLabel, H?.axisLabel),
-                x: de - 8,
-                y: ue,
+                className: m(M.axisLabel, F?.axisLabel),
+                x: O - 8,
+                y: ae,
                 textAnchor: "end",
                 dominantBaseline: "middle",
                 children: Ae
               },
-              `vt-${ie}`
+              `vt-${te}`
             );
           }) }),
-          /* @__PURE__ */ s("g", { className: m(w.axis, H?.axis), children: ge.map((ie) => {
-            const ue = x(ie), Ae = $ ? $(ie) : ie;
-            return O ? /* @__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(w.axisLabel, H?.axisLabel),
-                x: de - 8,
-                y: ue,
+                className: m(M.axisLabel, F?.axisLabel),
+                x: O - 8,
+                y: ae,
                 textAnchor: "end",
                 dominantBaseline: "middle",
                 children: Ae
               },
-              `c-${ie}`
+              `c-${te}`
             ) : /* @__PURE__ */ s(
               "text",
               {
-                className: m(w.axisLabel, H?.axisLabel),
-                x: ue,
+                className: m(M.axisLabel, F?.axisLabel),
+                x: ae,
                 y: be + 16,
                 textAnchor: "middle",
                 children: Ae
               },
-              `c-${ie}`
+              `c-${te}`
             );
           }) }),
-          e.map((ie, ue) => {
-            const De = x(M[ue]) - ee / 2;
-            let xe = 0, se = 0;
-            return /* @__PURE__ */ s("g", { className: m(w.series, H?.series), children: F.map((Ie, He) => {
-              const Ge = ie[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 = Y(Ie, ue), kt = D !== void 0 && Ee < 0 ? D : xt, Oe = j !== void 0 ? j === ue : pe === ue, tt = j !== 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;
-              ne ? Ee >= 0 ? (nt = xe, _e = xe + Ee, xe = _e) : (nt = se, _e = se + Ee, se = _e) : (nt = 0, _e = Ee);
-              const rt = G(nt), ot = G(_e), Bt = ne ? (ee - 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 (O) {
+              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 = v ? v({ row: ie, value: Ee, seriesKey: Ie, index: ue }) : y ? oe ? oe(Ee) : String(Ee) : null, Fe = Yc({
-                isHorizontal: O,
+              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,
@@ -2689,9 +2690,9 @@ function zl({
                   "rect",
                   {
                     className: m(
-                      w.bar,
-                      Oe && w.activeBar,
-                      H?.point
+                      M.bar,
+                      Oe && M.activeBar,
+                      F?.point
                     ),
                     x: it,
                     y: ct,
@@ -2701,16 +2702,16 @@ function zl({
                     ry: h,
                     fill: kt,
                     opacity: tt ? 0.35 : 1,
-                    onClick: Z ? () => Z({ row: ie, value: Ee, seriesKey: Ie, index: ue }) : void 0,
-                    style: Z ? { 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(
                   "text",
                   {
                     className: m(
-                      w.axisLabel,
-                      (L === "inside" || L === "inside-start") && w.barLabelInside
+                      M.axisLabel,
+                      (L === "inside" || L === "inside-start") && M.barLabelInside
                     ),
                     x: Fe.x,
                     y: Fe.y,
@@ -2722,31 +2723,31 @@ function zl({
                   }
                 )
               ] }, Ie);
-            }) }, `group-${ue}`);
+            }) }, `group-${ae}`);
           }),
-          _ < 0 && J > 0 && /* @__PURE__ */ s(
+          _ < 0 && q > 0 && /* @__PURE__ */ s(
             "line",
             {
-              className: m(w.gridLine),
-              x1: O ? I : de,
-              x2: O ? I : he,
-              y1: O ? ye : I,
-              y2: O ? be : I,
+              className: m(M.gridLine),
+              x1: j ? I : O,
+              x2: j ? I : de,
+              y1: j ? ge : I,
+              y2: j ? be : I,
               opacity: 0.9
             }
           ),
           /* @__PURE__ */ s(
             "rect",
             {
-              className: w.interactionLayer,
-              x: de,
-              y: ye,
+              className: M.interactionLayer,
+              x: O,
+              y: ge,
               width: Ce,
               height: Se,
-              onMouseMove: (ie) => {
-                const ue = ie.currentTarget.getBoundingClientRect(), Ae = ie.clientX - ue.left + de, De = ie.clientY - ue.top + ye, xe = x.step(), se = O ? De - ye : Ae - de, Ie = Math.max(
+              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((se - xe / 2) / xe))
+                  Math.min(e.length - 1, Math.round((he - xe / 2) / xe))
                 );
                 K(Ie);
               },
@@ -2758,7 +2759,7 @@ function zl({
     }
   );
 }
-function Yc({
+function Uc({
   isHorizontal: e,
   valuePosition: t,
   x: n,
@@ -2814,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)",
@@ -2852,12 +2853,12 @@ function Zc(e, t, n, r, o, c) {
     ].join(" ");
   const i = (o - 90) * Math.PI / 180, l = (c - 90) * Math.PI / 180, a = c - o > 180 ? 1 : 0, h = e + n * Math.cos(i), u = t + n * Math.sin(i), d = e + n * Math.cos(l), f = t + n * Math.sin(l);
   if (r > 0) {
-    const y = e + r * Math.cos(l), L = t + r * Math.sin(l), v = e + r * Math.cos(i), S = t + r * Math.sin(i);
+    const p = e + r * Math.cos(l), L = t + r * Math.sin(l), b = e + r * Math.cos(i), R = t + r * Math.sin(i);
     return [
       `M ${h} ${u}`,
       `A ${n} ${n} 0 ${a} 1 ${d} ${f}`,
-      `L ${y} ${L}`,
-      `A ${r} ${r} 0 ${a} 0 ${v} ${S}`,
+      `L ${p} ${L}`,
+      `A ${r} ${r} 0 ${a} 0 ${b} ${R}`,
       "Z"
     ].join(" ");
   }
@@ -2872,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,
@@ -2886,119 +2887,119 @@ function jl({
   strokeColor: u = "var(--crk-color-bg)",
   padAngle: d = 0,
   showLabels: f = !1,
-  valuePosition: y = "outside",
+  valuePosition: p = "outside",
   showLabelLines: L = !0,
-  renderLabel: v,
-  centerLabel: S,
-  activeIndex: N,
-  onSliceClick: D,
-  showLegend: j = !0,
-  showTooltip: Z = !0,
-  valueFormat: U,
-  renderTooltip: C,
+  renderLabel: b,
+  centerLabel: R,
+  activeIndex: w,
+  onSliceClick: Q,
+  showLegend: W = !0,
+  showTooltip: D = !0,
+  valueFormat: Z,
+  renderTooltip: T,
   emptyMessage: $ = "No data",
-  className: oe,
-  style: ce,
-  classes: q
+  className: ie,
+  style: ne,
+  classes: V
 }) {
-  const [ae, R] = Le(null), te = re(null), H = N ?? ae, O = (K) => {
+  const [ue, S] = Re(null), re = oe(null), F = w ?? ue, j = (K) => {
     if (r) {
-      const X = e[K]?.[r];
-      if (typeof X == "string") return X;
+      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 X of e) {
-      const M = X[t];
-      typeof M == "number" && M > 0 && (K += M);
+    for (const H of e) {
+      const N = H[t];
+      typeof N == "number" && N > 0 && (K += N);
     }
     return K;
   }, [e, t]);
-  if (e.length === 0 || A === 0)
-    return /* @__PURE__ */ s("div", { ref: te, className: m(w.root, q?.root, oe), style: ce, children: /* @__PURE__ */ s("div", { className: w.canvas, style: { height: i ?? 240 }, children: /* @__PURE__ */ s("div", { className: w.empty, children: $ }) }) });
-  const F = ke(() => {
+  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 X = ke(() => {
     const K = [];
-    let X = 0;
-    for (let M = 0; M < e.length; M++) {
-      const g = e[M], k = g[t], B = typeof k == "number" && k > 0 ? k : 0;
-      if (B === 0) continue;
-      const _ = B / A, J = _ * 360;
-      K.push({ index: M, row: g, value: B, start: X, end: X + J, fraction: _ }), X += J;
+    let H = 0;
+    for (let N = 0; N < e.length; N++) {
+      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]), ne = j ? /* @__PURE__ */ s("div", { className: m(w.legend, q?.legend), role: "list", children: F.map((K) => /* @__PURE__ */ z("div", { className: m(w.legendItem, q?.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: w.legendSwatch,
-        style: { background: O(K.index) },
+        className: M.legendSwatch,
+        style: { background: j(K.index) },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ s("span", { className: w.legendLabel, children: String(K.row[n]) })
-  ] }, K.index)) }) : void 0, pe = ke(() => {
+    /* @__PURE__ */ s("span", { className: M.legendLabel, children: String(K.row[n]) })
+  ] }, K.index)) }) : void 0, me = ke(() => {
     const K = {};
-    for (const X of F)
-      K[X.index.toString()] = {
-        label: String(X.row[n]),
-        color: O(X.index)
+    for (const H of X)
+      K[H.index.toString()] = {
+        label: String(H.row[n]),
+        color: j(H.index)
       };
     return K;
-  }, [F]);
+  }, [X]);
   return /* @__PURE__ */ s(
     Ve,
     {
-      ref: te,
+      ref: re,
       aspectRatio: c,
       height: i,
-      className: oe,
-      style: ce,
-      classes: q,
-      legend: ne,
-      overlay: Z && H !== null && e[H] ? /* @__PURE__ */ s(
+      className: ie,
+      style: ne,
+      classes: V,
+      legend: se,
+      overlay: D && F !== null && e[F] ? /* @__PURE__ */ s(
         et,
         {
-          row: { [H.toString()]: e[H][t] },
-          x: te.current ? te.current.getBoundingClientRect().width / 2 : 0,
+          row: { [F.toString()]: e[F][t] },
+          x: re.current ? re.current.getBoundingClientRect().width / 2 : 0,
           y: 16,
-          containerWidth: te.current?.getBoundingClientRect().width ?? 0,
-          config: { [H.toString()]: pe[H.toString()] },
-          render: C ? () => C(e[H]) : void 0,
-          valueFormat: U,
+          containerWidth: re.current?.getBoundingClientRect().width ?? 0,
+          config: { [F.toString()]: me[F.toString()] },
+          render: T ? () => T(e[F]) : void 0,
+          valueFormat: Z,
           titleKey: void 0,
-          classes: q
+          classes: V
         }
       ) : null,
-      children: ({ width: K, height: X }) => {
-        const M = K / 2, g = X / 2, k = Math.min(K, X) / 2 - 4, B = Et(a, k), _ = Math.min(B - 1, Et(l, k)), J = Math.max(4, B * 0.06);
-        return /* @__PURE__ */ z(je, { children: [
-          /* @__PURE__ */ s("g", { children: F.map((Y) => {
-            const b = d / 2, E = Math.min(Y.end, Y.start + b), V = Math.max(Y.start, Y.end - b), de = O(Y.index), he = H === Y.index, ye = N !== void 0 && !he, be = he && N !== void 0 ? B + J : B, Ce = Zc(M, g, be, _, E, V), Se = D ? () => D({ row: Y.row, value: Y.value, index: Y.index }) : void 0;
+      children: ({ width: K, height: H }) => {
+        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",
               {
                 d: Ce,
-                fill: de,
+                fill: O,
                 stroke: h > 0 ? u : "none",
                 strokeWidth: h,
-                opacity: ye ? 0.45 : 1,
-                onMouseEnter: () => R(Y.index),
-                onMouseLeave: () => R(null),
+                opacity: ge ? 0.45 : 1,
+                onMouseEnter: () => S(Y.index),
+                onMouseLeave: () => S(null),
                 onClick: Se,
                 style: Se ? { cursor: "pointer" } : void 0
               },
               Y.index
             );
           }) }),
-          (f || v) && F.map((Y) => {
-            const b = v ? v({ row: Y.row, value: Y.value, fraction: Y.fraction, index: Y.index }) : f ? `${String(Y.row[n])} ${U ? U(Y.value) : Math.round(Y.fraction * 100) + "%"}` : null;
-            if (b == null) return null;
-            const E = y === "inside", V = Math.max(16, B * 0.12), de = E ? (B + _) / 2 : B + V, he = Pt(M, g, de, Y.start, Y.end), ye = E ? "middle" : he.x < M - 1 ? "end" : he.x > M + 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 (!E && L) {
-              const Ce = Pt(M, g, B, Y.start, Y.end), Se = 4, p = ye === "end" ? Se : ye === "start" ? -Se : 0;
-              be = { x1: Ce.x, y1: Ce.y, x2: he.x + p, y2: he.y };
+            if (!k && L) {
+              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__ */ z("g", { children: [
               be && /* @__PURE__ */ s(
@@ -3008,7 +3009,7 @@ function jl({
                   y1: be.y1,
                   x2: be.x2,
                   y2: be.y2,
-                  stroke: O(Y.index),
+                  stroke: j(Y.index),
                   strokeWidth: 1,
                   opacity: 0.7
                 }
@@ -3016,24 +3017,24 @@ function jl({
               /* @__PURE__ */ s(
                 "text",
                 {
-                  x: he.x,
-                  y: he.y,
+                  x: de.x,
+                  y: de.y,
                   className: m(
-                    w.axisLabel,
-                    E && w.barLabelInside
+                    M.axisLabel,
+                    k && M.barLabelInside
                   ),
-                  textAnchor: ye,
+                  textAnchor: ge,
                   dominantBaseline: "middle",
-                  children: b
+                  children: J
                 }
               )
             ] }, `label-${Y.index}`);
           }),
-          S !== void 0 && /* @__PURE__ */ s(
+          R !== void 0 && /* @__PURE__ */ s(
             "foreignObject",
             {
-              x: M - _,
-              y: g - _,
+              x: N - _,
+              y: y - _,
               width: Math.max(0, _ * 2),
               height: Math.max(0, _ * 2),
               style: { pointerEvents: "none" },
@@ -3051,7 +3052,7 @@ function jl({
                     color: "var(--crk-color-text)",
                     fontFamily: "var(--crk-font-family)"
                   },
-                  children: S
+                  children: R
                 }
               )
             }
@@ -3071,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,
@@ -3085,185 +3086,185 @@ function Xl({
   levels: u = 5,
   showPoints: d = !0,
   fillOpacity: f = 0.4,
-  strokeWidth: y = 2,
+  strokeWidth: p = 2,
   renderAxisLabel: L,
-  axisFormat: v,
-  valueFormat: S,
-  renderTooltip: N,
-  showLegend: D = !0,
-  showTooltip: j = !0,
-  emptyMessage: Z = "No data",
-  className: U,
-  style: C,
+  axisFormat: b,
+  valueFormat: R,
+  renderTooltip: w,
+  showLegend: Q = !0,
+  showTooltip: W = !0,
+  emptyMessage: D = "No data",
+  className: Z,
+  style: T,
   classes: $
 }) {
-  const [oe, ce] = Le(null), q = re(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: q, className: m(w.root, $?.root, U), style: C, children: /* @__PURE__ */ s("div", { className: w.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: w.empty, children: Z }) }) });
-  const R = ke(
-    () => e.map((A, F) => F / e.length * 360),
+    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((C, X) => X / e.length * 360),
     [e]
-  ), te = ke(() => {
-    const A = [];
-    for (const ne of ae)
-      for (const pe of e) {
-        const K = pe[ne];
-        typeof K == "number" && A.push(K);
+  ), re = ke(() => {
+    const C = [];
+    for (const se of ue)
+      for (const me of e) {
+        const K = me[se];
+        typeof K == "number" && C.push(K);
       }
-    const [, F] = bt(A);
-    return Math.max(1, F);
-  }, [e, ae]), H = ke(() => qe(0, te, u).filter((F) => F > 0), [te, u]), O = H[H.length - 1] ?? te;
+    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,
     {
-      ref: q,
+      ref: V,
       aspectRatio: r,
       height: o,
-      className: U,
-      style: C,
+      className: Z,
+      style: T,
       classes: $,
-      legend: D ? /* @__PURE__ */ s(vt, { config: n, classes: $ }) : void 0,
-      overlay: j && oe !== null ? /* @__PURE__ */ s(
+      legend: Q ? /* @__PURE__ */ s(vt, { config: n, classes: $ }) : void 0,
+      overlay: W && ie !== null ? /* @__PURE__ */ s(
         et,
         {
-          row: e[oe],
-          x: (q.current?.getBoundingClientRect().width ?? 0) / 2,
+          row: e[ie],
+          x: (V.current?.getBoundingClientRect().width ?? 0) / 2,
           y: 16,
-          containerWidth: q.current?.getBoundingClientRect().width ?? 0,
+          containerWidth: V.current?.getBoundingClientRect().width ?? 0,
           config: n,
-          render: N ? () => N(e[oe]) : void 0,
-          valueFormat: S,
+          render: w ? () => w(e[ie]) : void 0,
+          valueFormat: R,
           titleKey: t,
           classes: $
         }
       ) : null,
-      children: ({ width: A, height: F }) => {
-        const ne = a ? 32 : 8, pe = A / 2, K = F / 2, X = Math.max(0, Math.min(A, F) / 2 - ne), M = (g) => Math.max(0, g) / O * X;
-        return /* @__PURE__ */ z(je, { children: [
-          i && H.map((g) => {
-            const k = M(g);
+      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(
               "circle",
               {
-                className: m(w.gridLine, $?.grid),
-                cx: pe,
+                className: m(M.gridLine, $?.grid),
+                cx: me,
                 cy: K,
-                r: k,
+                r: v,
                 fill: "none"
               },
-              `ring-${g}`
+              `ring-${y}`
             ) : /* @__PURE__ */ s(
               "polygon",
               {
-                className: m(w.gridLine, $?.grid),
-                points: Kc(pe, K, k, R),
+                className: m(M.gridLine, $?.grid),
+                points: Kc(me, K, v, S),
                 fill: "none"
               },
-              `ring-${g}`
+              `ring-${y}`
             );
           }),
-          l && R.map((g, k) => {
-            const B = mt(pe, K, X, g);
+          l && S.map((y, v) => {
+            const A = mt(me, K, H, y);
             return /* @__PURE__ */ s(
               "line",
               {
-                className: m(w.gridLine, $?.grid),
-                x1: pe,
+                className: m(M.gridLine, $?.grid),
+                x1: me,
                 y1: K,
-                x2: B.x,
-                y2: B.y
+                x2: A.x,
+                y2: A.y
               },
-              `spoke-${k}`
+              `spoke-${v}`
             );
           }),
-          h && H.map((g) => {
-            const k = M(g);
+          h && F.map((y) => {
+            const v = N(y);
             return /* @__PURE__ */ s(
               "text",
               {
-                className: m(w.axisLabel, $?.axisLabel),
-                x: pe + 4,
-                y: K - k,
+                className: m(M.axisLabel, $?.axisLabel),
+                x: me + 4,
+                y: K - v,
                 textAnchor: "start",
                 dominantBaseline: "middle",
-                children: S ? S(g) : g
+                children: R ? R(y) : y
               },
-              `raxis-${g}`
+              `raxis-${y}`
             );
           }),
-          a && e.map((g, k) => {
-            const B = R[k], _ = mt(pe, K, X + 14, B), J = _.x < pe - 1 ? "end" : _.x > pe + 1 ? "start" : "middle";
+          a && e.map((y, v) => {
+            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: g,
-                index: k,
-                angle: B,
+                row: y,
+                index: v,
+                angle: A,
                 x: _.x,
                 y: _.y,
-                textAnchor: J
-              }) }, `label-${k}`);
-            const Y = String(g[t]), b = v ? v(Y) : Y;
+                textAnchor: q
+              }) }, `label-${v}`);
+            const Y = String(y[t]), J = b ? b(Y) : Y;
             return /* @__PURE__ */ s(
               "text",
               {
-                className: m(w.axisLabel, $?.axisLabel),
+                className: m(M.axisLabel, $?.axisLabel),
                 x: _.x,
                 y: _.y,
-                textAnchor: J,
+                textAnchor: q,
                 dominantBaseline: "middle",
-                children: b
+                children: J
               },
-              `label-${k}`
+              `label-${v}`
             );
           }),
-          ae.map((g) => {
-            const k = n[g], B = e.map((J, Y) => {
-              const b = J[g], V = M(typeof b == "number" ? b : 0);
-              return mt(pe, K, V, R[Y]);
-            }), _ = B.map((J) => `${J.x},${J.y}`).join(" ");
-            return /* @__PURE__ */ z("g", { className: m(w.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",
                 {
                   points: _,
-                  fill: k.color,
+                  fill: v.color,
                   fillOpacity: f,
-                  stroke: k.color,
-                  strokeWidth: y,
+                  stroke: v.color,
+                  strokeWidth: p,
                   strokeLinejoin: "round",
                   strokeLinecap: "round"
                 }
               ),
-              d && B.map((J, Y) => /* @__PURE__ */ s(
+              d && A.map((q, Y) => /* @__PURE__ */ s(
                 "circle",
                 {
-                  className: m(w.point, $?.point),
-                  cx: J.x,
-                  cy: J.y,
-                  r: oe === Y ? 5 : 3.5,
-                  fill: k.color
+                  className: m(M.point, $?.point),
+                  cx: q.x,
+                  cy: q.y,
+                  r: ie === Y ? 5 : 3.5,
+                  fill: v.color
                 },
-                `${g}-${Y}`
+                `${y}-${Y}`
               ))
-            ] }, g);
+            ] }, y);
           }),
           /* @__PURE__ */ s(
             "rect",
             {
-              className: w.interactionLayer,
+              className: M.interactionLayer,
               x: 0,
               y: 0,
-              width: A,
-              height: F,
-              onMouseMove: (g) => {
-                const k = g.currentTarget.getBoundingClientRect(), B = g.clientX - k.left - pe, _ = g.clientY - k.top - K;
-                if (B === 0 && _ === 0) return;
-                let J = Math.atan2(_, B) * 180 / Math.PI + 90;
-                J < 0 && (J += 360), J >= 360 && (J -= 360);
-                const Y = 360 / e.length, b = Math.round(J / Y) % e.length;
-                ce(b);
+              width: C,
+              height: X,
+              onMouseMove: (y) => {
+                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 Y = 360 / e.length, J = Math.round(q / Y) % e.length;
+                ne(J);
               },
-              onMouseLeave: () => ce(null)
+              onMouseLeave: () => ne(null)
             }
           )
         ] });
@@ -3302,8 +3303,8 @@ function el(e, t, n = 2) {
     const h = a / t;
     let u = 0;
     for (let f = l - t + 1; f <= l; f++) {
-      const y = e[f].close - h;
-      u += y * y;
+      const p = e[f].close - h;
+      u += p * p;
     }
     u /= t;
     const d = Math.sqrt(u);
@@ -3332,36 +3333,42 @@ function Wt(e, t) {
 function _l(e) {
   return e.map((t) => typeof t.volume == "number" ? t.volume : null);
 }
-const Re = 86400;
+const Me = 86400;
 function on(e) {
   switch (e) {
     case "1D":
-      return Re;
+      return Me;
     case "5D":
-      return 5 * Re;
+      return 5 * Me;
     case "1M":
-      return 30 * Re;
+      return 30 * Me;
     case "3M":
-      return 90 * Re;
+      return 90 * Me;
     case "6M":
-      return 180 * Re;
+      return 180 * Me;
     case "1Y":
-      return 365 * Re;
+      return 365 * Me;
     case "5Y":
-      return 5 * 365 * Re;
+      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 * Re;
-    if (r === "w") return n * 7 * Re;
-    if (r === "m") return n * 30 * Re;
-    if (r === "y") return n * 365 * Re;
+    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 * Re;
+  return 30 * Me;
 }
-function Ul(e) {
+function Yl(e) {
   switch (e) {
     case "1D":
       return "5";
@@ -3377,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 * Re ? "W" : t >= 180 * Re ? "D" : t >= 60 * Re ? "240" : t >= 14 * Re ? "60" : t >= 3 * Re ? "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);
@@ -3402,208 +3415,208 @@ function Vl({
   downColor: u = "var(--crk-color-danger)",
   lineColor: d = "var(--crk-chart-1)",
   timezone: f,
-  defaultTimezone: y = "local",
+  defaultTimezone: p = "local",
   onTimezoneChange: L,
-  showConfigPanel: v = !0,
-  onCrosshair: S,
-  onVisibleRangeChange: N,
-  className: D,
-  style: j
+  showConfigPanel: b = !0,
+  onCrosshair: R,
+  onVisibleRangeChange: w,
+  className: Q,
+  style: W
 }) {
-  const Z = re(null), U = re(null), C = re([]), $ = re({ from: 0, to: 0 }), oe = re(null), ce = re(null), q = re(!1), ae = re(null), R = re(null), te = re(1), H = re({ width: 0, height: 0 }), O = re(() => {
-  }), A = re(S), F = re(N);
-  A.current = S, F.current = N;
-  const [ne, pe] = Le(null), [K, X] = Le(y), M = f ?? K, g = fe(
-    (p) => {
-      f === void 0 && X(p), L?.(p);
+  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);
     },
     [f, L]
-  ), k = ke(
+  ), v = ke(
     () => ({ up: h, down: u, line: d }),
     [h, u, d]
-  ), B = c, _ = B.some((p) => p.type === "rsi"), J = B.some((p) => p.type === "volume"), Y = fe(() => {
-    const p = U.current;
-    if (!p) return;
-    const x = p.getContext("2d");
+  ), 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: ee, height: P } = H.current;
-    if (ee === 0 || P === 0) return;
-    const G = te.current;
-    x.save(), x.setTransform(1, 0, 0, 1, 0, 0), x.clearRect(0, 0, p.width, p.height), x.scale(G, G);
-    const I = pl(Z.current, k), me = ln(Z.current), Q = C.current;
-    if (Q.length === 0) {
-      gl(x, ee, P, 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(ee, P, _, J), { from: le, to: ge } = hl($.current, Q.length);
-    $.current = { from: le, to: ge };
-    const ie = Q.slice(Math.max(0, Math.floor(le)), Math.min(Q.length, Math.ceil(ge) + 1)), ue = (se) => {
-      const Ie = ge - le + 1, He = T.plotWidth / Ie;
-      return T.plotLeft + (se - le + 0.5) * He;
-    }, Ae = T.plotWidth / (ge - le + 1), De = B.map((se) => ml(se, Q)).filter((se) => se !== null).map((se) => ({ ...se, color: me(se.color) })), xe = cn(T.main, ie, De, le, ge);
-    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 se = 0; se < B.length; se++) {
-      const Ie = B[se], He = De[se];
-      He && kl(x, He, Ie, Q, le, ge, ue, 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, le, ge, ue, Ae, xe, { up: I.up, down: I.down }) : o === "bar" ? bl(x, Q, le, ge, ue, Ae, xe, { up: I.up, down: I.down }) : xl(x, Q, le, ge, ue, xe, I.line, o === "area"), x.restore(), T.volume) {
-      const se = fl(T.volume, Q, le, ge);
-      Lt(x, T.plotLeft, T.plotRight, se, I, !0), Ft(x, T, T.volume, "Volume", I), x.save(), x.beginPath(), x.rect(T.plotLeft, se.paneTop, T.plotWidth, se.paneHeight), x.clip(), Ml(x, Q, le, ge, ue, Ae, se, { 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 se = B.find((tt) => tt.type === "rsi"), Ie = se && se.type === "rsi" ? se.period ?? 14 : 14, He = se && se.type === "rsi" ? se.overbought ?? 70 : 70, Ge = se && se.type === "rsi" ? se.oversold ?? 30 : 30, Ee = (se && se.type === "rsi" ? se.color : void 0) ?? "var(--crk-chart-5)", xt = me(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, le, ge, ue, 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, le, ge, n, I), oe.current && Nl(x, T, oe.current, Q, le, ge, ue, i, xe, M, I), x.restore();
-  }, [o, B, _, J, i, k, n, M]);
-  O.current = Y;
-  const b = fe(() => {
-    if (R.current === null) {
+    $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") {
-        O.current();
+        j.current();
         return;
       }
-      R.current = requestAnimationFrame(() => {
-        R.current = null, O.current();
+      S.current = requestAnimationFrame(() => {
+        S.current = null, j.current();
       });
     }
   }, []);
-  jt(() => {
-    const p = Z.current;
-    if (!p) return;
+  zt(() => {
+    const g = D.current;
+    if (!g) return;
     const x = () => {
-      const P = p.getBoundingClientRect(), G = typeof window < "u" && window.devicePixelRatio || 1;
-      te.current = G, H.current = { width: P.width, height: P.height };
-      const I = U.current;
-      I && (I.width = Math.round(P.width * G), I.height = Math.round(P.height * G), I.style.width = `${P.width}px`, I.style.height = `${P.height}px`), b();
+      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(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 ee = new ResizeObserver(x);
-    return ee.observe(p), () => ee.disconnect();
-  }, [b]), Ne(() => {
-    let p = !1;
-    const x = Math.floor(Date.now() / 1e3), ee = zt(n), P = r !== void 0 ? on(r) : ee * l, G = r !== void 0 ? Math.max(10, Math.ceil(P / ee)) : l, I = x - P;
-    C.current = [], $.current = { from: 0, to: 0 }, b(), e.getBars({ symbol: t, resolution: n, from: I, to: x, countBack: G }).then((Q) => {
-      if (p) return;
-      const T = [...Q].sort((ge, ie) => ge.time - ie.time);
-      C.current = T;
-      const le = T.length - 1;
+    return ee.observe(g), () => ee.disconnect();
+  }, [J]), Le(() => {
+    let g = !1;
+    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 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: le };
+        $.current = { from: 0, to: ye };
       else {
-        const ge = Math.min(T.length, Math.min(200, l));
+        const te = Math.min(le.length, Math.min(200, l));
         $.current = {
-          from: Math.max(0, le - ge + 1),
-          to: le
+          from: Math.max(0, ye - te + 1),
+          to: ye
         };
       }
-      F.current?.($.current, T), b();
+      X.current?.($.current, le), J();
     }).catch(() => {
     });
-    const me = e.subscribeBars({
+    const ce = e.subscribeBars({
       symbol: t,
       resolution: n,
-      onTick: (Q) => {
-        if (p) return;
-        const T = C.current, le = T[T.length - 1];
-        if (le && le.time === Q.time)
-          T[T.length - 1] = Q;
-        else if (!le || Q.time > le.time) {
-          T.push(Q);
-          const ge = $.current;
-          ge.to >= T.length - 2 && ($.current = { from: ge.from + 1, to: ge.to + 1 });
+      onTick: (B) => {
+        if (g) return;
+        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 });
         }
-        b();
+        J();
       }
     });
-    return ae.current = me, () => {
-      p = !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 E = fe((p) => {
-    pe(p), A.current?.(p);
-  }, []), V = fe((p) => {
-    p.currentTarget.setPointerCapture(p.pointerId);
+  const k = pe((g) => {
+    me(g), C.current?.(g);
+  }, []), G = pe((g) => {
+    g.currentTarget.setPointerCapture(g.pointerId);
     const x = $.current;
-    ce.current = { startX: p.clientX, from: x.from, to: x.to };
-  }, []), de = fe(
-    (p) => {
-      const x = p.currentTarget.getBoundingClientRect(), ee = p.clientX - x.left, P = p.clientY - x.top;
-      if (oe.current = { x: ee, y: P }, ce.current) {
-        const { startX: me, from: Q, to: T } = ce.current, { width: le } = H.current, ge = Math.max(1, le - Ct), ie = T - Q + 1, ue = ge / ie, Ae = -(p.clientX - me) / ue;
-        let De = Q + Ae, xe = T + Ae;
-        const se = C.current.length;
-        De < 0 && (Se(), De = 0, xe = ie - 1), xe > se - 1 && (xe = se - 1, De = xe - ie + 1), $.current = { from: De, to: xe }, F.current?.($.current, C.current);
+    ne.current = { startX: g.clientX, from: x.from, to: x.to };
+  }, []), O = pe(
+    (g) => {
+      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 G = Nt(x.width, x.height, _, J), I = $.current;
-      if (ee >= G.plotLeft && ee <= G.plotRight) {
-        const me = I.to - I.from + 1, Q = G.plotWidth / me, T = Math.round(I.from + (ee - G.plotLeft) / Q - 0.5), le = C.current, ge = Math.max(0, Math.min(le.length - 1, T)), ie = le[ge] ?? null, ue = Ll(P, G, le, I.from, I.to);
-        E({ barIndex: ge, bar: ie, priceAtCursor: ue });
+      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
-        E(null);
-      b();
+        k(null);
+      J();
     },
-    [_, J, b, E]
-  ), he = fe((p) => {
-    p.currentTarget.releasePointerCapture(p.pointerId), ce.current = null;
-  }, []), ye = fe(() => {
-    oe.current = null, ce.current = null, E(null), b();
-  }, [b, E]), be = fe(
-    (p) => {
-      p.preventDefault();
-      const x = p.currentTarget.getBoundingClientRect(), ee = p.clientX - x.left, P = Nt(x.width, x.height, _, J), G = $.current, I = C.current;
+    [_, q, J, k]
+  ), de = pe((g) => {
+    g.currentTarget.releasePointerCapture(g.pointerId), ne.current = null;
+  }, []), ge = pe(() => {
+    ie.current = null, ne.current = null, k(null), J();
+  }, [J, k]), be = pe(
+    (g) => {
+      g.preventDefault();
+      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 me = G.to - G.from + 1, Q = p.deltaY > 0 ? 1 + Ot : 1 / (1 + Ot), T = Math.max(
-        P.plotWidth / cl,
-        Math.min(I.length, P.plotWidth / il, me * Q)
-      ), le = G.from + (ee - P.plotLeft) / (P.plotWidth / me), ge = (le - G.from) / me;
-      let ie = le - ge * T, ue = ie + T - 1;
-      ie < 0 && (ie = 0, ue = T - 1), ue > I.length - 1 && (ue = I.length - 1, ie = ue - T + 1), $.current = { from: ie, to: ue }, F.current?.($.current, I), b();
+      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();
     },
-    [_, J, b]
-  ), Ce = fe(
-    (p) => {
-      const x = $.current, ee = x.to - x.from + 1, P = C.current;
-      if (P.length === 0) return;
-      let G = 0;
-      if (p.key === "ArrowLeft") G = -Math.max(1, Math.floor(ee * 0.1));
-      else if (p.key === "ArrowRight") G = Math.max(1, Math.floor(ee * 0.1));
+    [_, q, J]
+  ), Ce = pe(
+    (g) => {
+      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;
-      p.preventDefault();
-      let I = x.from + G, me = x.to + G;
-      I < 0 && (I = 0, me = ee - 1), me > P.length - 1 && (me = P.length - 1, I = me - ee + 1), $.current = { from: I, to: me }, F.current?.($.current, P), b();
+      g.preventDefault();
+      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();
     },
-    [b]
-  ), Se = fe(() => {
-    if (q.current) return;
-    const p = C.current;
-    if (p.length === 0) return;
-    q.current = !0;
-    const x = zt(n), ee = p[0].time, P = ee - x * l, G = ee - x;
-    e.getBars({ symbol: t, resolution: n, from: P, to: G, countBack: l }).then((I) => {
+    [J]
+  ), Se = pe(() => {
+    if (V.current) return;
+    const g = T.current;
+    if (g.length === 0) return;
+    V.current = !0;
+    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) {
-        q.current = !1;
+        V.current = !1;
         return;
       }
-      const Q = [...I].sort((le, ge) => le.time - ge.time).filter((le) => le.time < ee), T = $.current;
-      C.current = [...Q, ...p], $.current = { from: T.from + Q.length, to: T.to + Q.length }, q.current = !1, b();
+      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(() => {
-      q.current = !1;
+      V.current = !1;
     });
-  }, [e, t, n, l, b]);
+  }, [e, t, n, l, J]);
   return /* @__PURE__ */ z(
     "div",
     {
-      ref: Z,
-      className: m(w.root, D),
-      style: { ...j, height: a, position: "relative" },
+      ref: D,
+      className: m(M.root, Q),
+      style: { ...W, height: a, position: "relative" },
       tabIndex: 0,
       role: "figure",
       "aria-label": `${t} ${n} chart`,
@@ -3612,20 +3625,20 @@ function Vl({
         /* @__PURE__ */ s(
           "canvas",
           {
-            ref: U,
-            className: w.svg,
-            onPointerDown: V,
-            onPointerMove: de,
-            onPointerUp: he,
-            onPointerLeave: ye,
+            ref: Z,
+            className: M.svg,
+            onPointerDown: G,
+            onPointerMove: O,
+            onPointerUp: de,
+            onPointerLeave: ge,
             onWheel: be,
-            style: { cursor: ce.current ? "grabbing" : "crosshair", touchAction: "none" }
+            style: { cursor: ne.current ? "grabbing" : "crosshair", touchAction: "none" }
           }
         ),
         /* @__PURE__ */ z(
           "div",
           {
-            className: w.tradingHeader,
+            className: M.tradingHeader,
             style: {
               position: "absolute",
               top: ol,
@@ -3641,25 +3654,25 @@ function Vl({
               /* @__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 }),
-                ne?.bar && /* @__PURE__ */ z("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 ",
-                  ne.bar.open.toFixed(i),
+                  se.bar.open.toFixed(i),
                   " · H ",
-                  ne.bar.high.toFixed(i),
+                  se.bar.high.toFixed(i),
                   " · L",
                   " ",
-                  ne.bar.low.toFixed(i),
+                  se.bar.low.toFixed(i),
                   " · C ",
-                  ne.bar.close.toFixed(i)
+                  se.bar.close.toFixed(i)
                 ] })
               ] }),
-              v && /* @__PURE__ */ s("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ s(
+              b && /* @__PURE__ */ s("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ s(
                 qt,
                 {
                   position: "bottom",
                   asChild: !0,
                   trigger: /* @__PURE__ */ s(
-                    Yt,
+                    Ut,
                     {
                       variant: "ghost",
                       size: "sm",
@@ -3671,8 +3684,8 @@ function Vl({
                   content: /* @__PURE__ */ s(
                     dl,
                     {
-                      timezone: M,
-                      onTimezoneChange: g
+                      timezone: N,
+                      onTimezoneChange: y
                     }
                   )
                 }
@@ -3745,9 +3758,9 @@ function Nt(e, t, n, r) {
   const c = Math.max(0, e - Ct), i = rl, l = Math.max(i, t - At), a = Math.max(0, c - 0), h = Math.max(0, l - i);
   let u = h, d = i;
   const f = { top: i, bottom: l, height: h };
-  let y = null, L = null;
-  const v = n ? Ht.rsi : 0, S = r ? Ht.volume : 0;
-  return u = h * (1 - v - S), f.top = d, f.height = u, f.bottom = f.top + u, d = f.bottom, n && (y = { top: d, height: h * v, bottom: d + h * v }, d = y.bottom), r && (L = { top: d, height: h * S, bottom: d + h * S }), { width: e, height: t, plotLeft: 0, plotRight: c, plotTop: i, plotBottom: l, plotWidth: a, plotHeight: h, main: f, rsi: y, volume: L };
+  let p = null, L = null;
+  const b = n ? Ht.rsi : 0, R = r ? Ht.volume : 0;
+  return u = h * (1 - b - R), f.top = d, f.height = u, f.bottom = f.top + u, d = f.bottom, n && (p = { top: d, height: h * b, bottom: d + h * b }, d = p.bottom), r && (L = { top: d, height: h * R, bottom: d + h * R }), { width: e, height: t, plotLeft: 0, plotRight: c, plotTop: i, plotBottom: l, plotWidth: a, plotHeight: h, main: f, rsi: p, volume: L };
 }
 function hl(e, t) {
   if (t === 0) return { from: 0, to: 0 };
@@ -3782,11 +3795,11 @@ function cn(e, t, n, r, o) {
     d.low < c && (c = d.low), d.high > i && (i = d.high);
   for (const d of n) {
     const f = d.kind === "line" ? [d.values] : [d.upper, d.lower];
-    for (const y of f) {
-      const L = Math.max(0, Math.floor(r)), v = Math.min(y.length - 1, Math.ceil(o));
-      for (let S = L; S <= v; S++) {
-        const N = y[S];
-        N != null && (N < c && (c = N), N > i && (i = N));
+    for (const p of f) {
+      const L = Math.max(0, Math.floor(r)), b = Math.min(p.length - 1, Math.ceil(o));
+      for (let R = L; R <= b; R++) {
+        const w = p[R];
+        w != null && (w < c && (c = w), w > i && (i = w));
       }
     }
   }
@@ -3804,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;
 }
@@ -3844,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();
@@ -3852,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], y = o(d), L = we(f.open, i), v = we(f.close, i), S = we(f.high, i), N = we(f.low, i), j = f.close >= f.open ? l.up : l.down;
-    e.strokeStyle = j, e.fillStyle = j, e.beginPath();
-    const Z = Math.round(y) + 0.5;
-    e.moveTo(Z, S), e.lineTo(Z, N), e.stroke();
-    const U = Math.min(L, v), C = Math.max(1, Math.abs(v - L));
-    e.fillRect(Math.round(y - u / 2), Math.round(U), Math.round(u), Math.round(C));
+    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 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], y = Math.round(o(d)) + 0.5, L = we(f.high, i), v = we(f.low, i), S = we(f.open, i), N = we(f.close, i), D = f.close >= f.open;
-    e.strokeStyle = D ? l.up : l.down, e.beginPath(), e.moveTo(y, L), e.lineTo(y, v), e.moveTo(y - u, S), e.lineTo(y, S), e.moveTo(y, N), e.lineTo(y + u, N), 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);
   }
 }
@@ -3895,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 y = i(d), L = we(f, l);
-    u ? e.lineTo(y, L) : (e.moveTo(y, L), u = !0);
+    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);
 }
@@ -3914,30 +3927,30 @@ function Qe(e, t, n, r, o, c, i) {
       l = !1;
       continue;
     }
-    const f = o(u), y = we(d, c);
-    l ? e.lineTo(f, y) : (e.moveTo(f, y), l = !0);
+    const f = o(u), p = $e(d, c);
+    l ? e.lineTo(f, p) : (e.moveTo(f, p), l = !0);
   }
   e.stroke();
 }
 function Ml(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], y = f.volume ?? 0;
-    if (y === 0) continue;
+    const f = t[d], p = f.volume ?? 0;
+    if (p === 0) continue;
     const L = f.close >= f.open;
     e.fillStyle = L ? l.up : l.down, e.globalAlpha = 0.55;
-    const v = we(y, i), S = i.paneBottom - v;
-    e.fillRect(Math.round(o(d) - u / 2), Math.round(v), Math.round(u), Math.round(S));
+    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;
 }
 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);
@@ -3946,26 +3959,26 @@ function $l(e, t, n, r, o, c, i) {
   const l = o - r + 1, a = t.plotWidth / l, h = Math.max(1, Math.round(80 / a));
   e.fillStyle = i.axis, e.font = "11px system-ui, sans-serif", e.textAlign = "center", e.textBaseline = "middle";
   const u = Math.max(0, Math.floor(r)), d = Math.min(n.length - 1, Math.ceil(o)), f = t.plotBottom + At / 2;
-  for (let y = u; y <= d; y += h) {
-    const L = n[y], v = t.plotLeft + (y - r + 0.5) * a;
-    e.fillText(Sl(L.time, c), v, f);
+  for (let p = u; p <= d; p += h) {
+    const L = n[p], b = t.plotLeft + (p - r + 0.5) * a;
+    e.fillText(Rl(L.time, c), b, f);
   }
 }
 function Nl(e, t, n, r, o, c, i, l, a, h, u) {
   if (n.x < t.plotLeft || n.x > t.plotRight) return;
-  const d = c - o + 1, f = t.plotWidth / d, y = o + (n.x - t.plotLeft) / f - 0.5, L = Math.round(y), v = Math.max(0, Math.min(r.length - 1, L)), S = i(v);
-  if (e.save(), e.strokeStyle = u.textMuted, e.setLineDash([3, 3]), e.lineWidth = 1, e.beginPath(), e.moveTo(S + 0.5, t.plotTop), e.lineTo(S + 0.5, t.plotBottom), e.moveTo(t.plotLeft, n.y + 0.5), e.lineTo(t.plotRight, n.y + 0.5), e.stroke(), e.setLineDash([]), n.y >= a.paneTop && n.y <= a.paneBottom) {
-    const N = a.priceMax - (n.y - a.paneTop) / a.paneHeight * (a.priceMax - a.priceMin);
-    e.fillStyle = u.text, e.fillRect(t.plotRight, n.y - 9, Ct, 18), e.fillStyle = u.bg, e.font = "11px system-ui, sans-serif", e.textAlign = "left", e.textBaseline = "middle", e.fillText(N.toFixed(l), t.plotRight + 6, n.y);
+  const d = c - o + 1, f = t.plotWidth / d, p = o + (n.x - t.plotLeft) / f - 0.5, L = Math.round(p), b = Math.max(0, Math.min(r.length - 1, L)), R = i(b);
+  if (e.save(), e.strokeStyle = u.textMuted, e.setLineDash([3, 3]), e.lineWidth = 1, e.beginPath(), e.moveTo(R + 0.5, t.plotTop), e.lineTo(R + 0.5, t.plotBottom), e.moveTo(t.plotLeft, n.y + 0.5), e.lineTo(t.plotRight, n.y + 0.5), e.stroke(), e.setLineDash([]), n.y >= a.paneTop && n.y <= a.paneBottom) {
+    const w = a.priceMax - (n.y - a.paneTop) / a.paneHeight * (a.priceMax - a.priceMin);
+    e.fillStyle = u.text, e.fillRect(t.plotRight, n.y - 9, Ct, 18), e.fillStyle = u.bg, e.font = "11px system-ui, sans-serif", e.textAlign = "left", e.textBaseline = "middle", e.fillText(w.toFixed(l), t.plotRight + 6, n.y);
   }
-  if (r[v]) {
-    const N = sn(r[v].time, h);
+  if (r[b]) {
+    const w = sn(r[b].time, h);
     e.font = "11px system-ui, sans-serif", e.textBaseline = "middle";
-    const Z = e.measureText(N).width + 8 * 2, U = At, C = Math.max(
+    const D = e.measureText(w).width + 8 * 2, Z = At, T = Math.max(
       t.plotLeft,
-      Math.min(t.plotRight - Z, S - Z / 2)
+      Math.min(t.plotRight - D, R - D / 2)
     ), $ = t.plotBottom;
-    e.fillStyle = u.text, e.fillRect(C, $, Z, U), e.fillStyle = u.bg, e.textAlign = "center", e.fillText(N, C + Z / 2, $ + U / 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();
 }
@@ -3973,14 +3986,14 @@ function Ll(e, t, n, r, o, c, i) {
   const l = n.slice(Math.max(0, Math.floor(r)), Math.min(n.length, Math.ceil(o) + 1)), a = cn(t.main, l, [], r, o);
   return e < a.paneTop || e > a.paneBottom ? null : a.priceMax - (e - a.paneTop) / a.paneHeight * (a.priceMax - a.priceMin);
 }
-function Sl(e, t) {
+function Rl(e, t) {
   const n = new Date(e * 1e3);
   return t === "D" || t === "W" || t === "M" ? `${n.getUTCFullYear()}-${Te(n.getUTCMonth() + 1)}-${Te(n.getUTCDate())}` : `${Te(n.getUTCHours())}:${Te(n.getUTCMinutes())}`;
 }
 function sn(e, t) {
   const n = new Date(e * 1e3);
   if (t === "local")
-    return `${n.getFullYear()}-${Te(n.getMonth() + 1)}-${Te(n.getDate())} ${Te(n.getHours())}:${Te(n.getMinutes())}:${Te(n.getSeconds())} ${Rl(n)}`;
+    return `${n.getFullYear()}-${Te(n.getMonth() + 1)}-${Te(n.getDate())} ${Te(n.getHours())}:${Te(n.getMinutes())}:${Te(n.getSeconds())} ${Sl(n)}`;
   if (t === "utc")
     return `${n.getUTCFullYear()}-${Te(n.getUTCMonth() + 1)}-${Te(n.getUTCDate())} ${Te(n.getUTCHours())}:${Te(n.getUTCMinutes())}:${Te(n.getUTCSeconds())} UTC`;
   try {
@@ -4001,14 +4014,14 @@ function sn(e, t) {
     return sn(e, "utc");
   }
 }
-function Rl(e) {
+function Sl(e) {
   const t = -e.getTimezoneOffset(), n = t >= 0 ? "+" : "-", r = Math.abs(t);
   return `${n}${Te(Math.floor(r / 60))}:${Te(r % 60)}`;
 }
 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;
@@ -4035,7 +4048,7 @@ function Tl(e, t) {
   }
   return n;
 }
-const Cl = $e(
+const Cl = Ne(
   ({
     data: e,
     width: t = 80,
@@ -4049,16 +4062,16 @@ const Cl = $e(
     className: h,
     style: u
   }, d) => {
-    const { line: f, area: y, last: L } = ke(() => {
+    const { line: f, area: p, last: L } = ke(() => {
       if (e.length === 0) return { line: "", area: "", last: null };
-      const v = o, S = Math.max(1, t - v * 2), N = Math.max(1, n - v * 2), [D, j] = bt(e), Z = Je([0, Math.max(1, e.length - 1)], [v, v + S]), U = Je([D, j], [v + N, v]), C = e.map((ce, q) => ({ x: Z(q), y: U(ce) })), $ = Tl(C, c), oe = i ? `${$} L ${C[C.length - 1].x} ${v + N} L ${C[0].x} ${v + N} Z` : "";
-      return { line: $, area: oe, 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__ */ z(
       "svg",
       {
         ref: d,
-        className: m(w.sparkline, h),
+        className: m(M.sparkline, h),
         style: u,
         width: t,
         height: n,
@@ -4066,7 +4079,7 @@ const Cl = $e(
         role: "img",
         "aria-label": a,
         children: [
-          i && y && /* @__PURE__ */ s("path", { d: y, fill: r, opacity: 0.18 }),
+          i && p && /* @__PURE__ */ s("path", { d: p, fill: r, opacity: 0.18 }),
           f && /* @__PURE__ */ s(
             "path",
             {
@@ -4087,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,
@@ -4097,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,
@@ -4118,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,
-  Rt as useKeyboard,
-  Ur as useTableSort,
+  St as useKeyboard,
+  Yr as useTableSort,
   _l as volumeSeries
 };