@overdoser/react-toolkit 0.0.12 → 0.0.13

package/index.js

@@ -1,5 +1,5 @@
-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 $e, createElement as an, useState as Le, useCallback as pe, useMemo as ke, useEffect as Ne, useLayoutEffect as jt, useRef as oe, useId as Ye, isValidElement as dn, cloneElement as Xt, createContext as _t, useContext as ft, useImperativeHandle as un } from "react";
+import { jsxs as j, jsx as s, Fragment as je } from "react/jsx-runtime";
 import { createPortal as pt } from "react-dom";
 import { FormProvider as hn, useFormContext as mn, useController as fn } from "react-hook-form";
 function Ut(e) {
@@ -15,7 +15,7 @@ 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);
   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,
@@ -55,7 +55,7 @@ const pn = "crk-root-8RX49", gn = "crk-loading-QfItr", yn = "crk-primary-st6yY",
     style: h,
     children: u,
     ...d
-  }, f) => /* @__PURE__ */ z(
+  }, f) => /* @__PURE__ */ j(
     "button",
     {
       ref: f,
@@ -77,7 +77,7 @@ const pn = "crk-root-8RX49", gn = "crk-loading-QfItr", yn = "crk-primary-st6yY",
       children: [
         /* @__PURE__ */ s("div", { className: m(Be.shimmer, l?.shimmer) }),
         /* @__PURE__ */ s("span", { className: m(Be.content, l?.content), children: u }),
-        /* @__PURE__ */ z("span", { className: m(Be.dots, l?.dots), "aria-hidden": "true", children: [
+        /* @__PURE__ */ j("span", { className: m(Be.dots, l?.dots), "aria-hidden": "true", children: [
           /* @__PURE__ */ s("span", { className: m(Be.dot, l?.dot) }),
           /* @__PURE__ */ s("span", { className: m(Be.dot, l?.dot) }),
           /* @__PURE__ */ s("span", { className: m(Be.dot, l?.dot) })
@@ -101,7 +101,7 @@ const Wn = "crk-root-2j4Vp", Hn = "crk-muted-vReNc", On = "crk-danger-ugf9r", Fn
     style: r,
     children: o,
     ...c
-  }, i) => /* @__PURE__ */ z(
+  }, i) => /* @__PURE__ */ j(
     "a",
     {
       ref: i,
@@ -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", zr = "crk-pageButton-1PX-g", jr = "crk-pageButtonActive--D7Q7", Xr = "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,
@@ -251,12 +251,12 @@ 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) => {
+  const [n, r] = Le(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) => {
@@ -280,7 +280,7 @@ function Ur(e, t = []) {
   }), [e, n]), sortConfig: n, requestSort: o, requestMultiSort: c, resetSort: i };
 }
 function Yr({ direction: e, sortIndex: t }) {
-  return /* @__PURE__ */ z("span", { className: ve.sortIndicator, "aria-hidden": "true", children: [
+  return /* @__PURE__ */ j("span", { className: ve.sortIndicator, "aria-hidden": "true", children: [
     /* @__PURE__ */ s("span", { className: m(ve.sortArrow, e === "asc" && ve.sortArrowActive), children: "▲" }),
     /* @__PURE__ */ s("span", { className: m(ve.sortArrow, e === "desc" && ve.sortArrowActive), children: "▼" }),
     t !== void 0 && t >= 0 && /* @__PURE__ */ s("span", { className: ve.sortIndex, children: t + 1 })
@@ -306,8 +306,8 @@ function Vr({
     }
     return u;
   }, [e, i]);
-  return /* @__PURE__ */ z("nav", { className: m(ve.paginator, c?.paginator), "aria-label": "Table pagination", children: [
-    /* @__PURE__ */ z("div", { className: ve.paginatorInfo, children: [
+  return /* @__PURE__ */ j("nav", { className: m(ve.paginator, c?.paginator), "aria-label": "Table pagination", children: [
+    /* @__PURE__ */ j("div", { className: ve.paginatorInfo, children: [
       /* @__PURE__ */ s("span", { className: ve.paginatorText, children: n > 0 ? `${l}–${a} of ${n}` : "No results" }),
       r.length > 1 && /* @__PURE__ */ s(
         "select",
@@ -316,14 +316,14 @@ function Vr({
           value: t,
           onChange: (u) => o(1, Number(u.target.value)),
           "aria-label": "Rows per page",
-          children: r.map((u) => /* @__PURE__ */ z("option", { value: u, children: [
+          children: r.map((u) => /* @__PURE__ */ j("option", { value: u, children: [
             u,
             " / page"
           ] }, u))
         }
       )
     ] }),
-    /* @__PURE__ */ z("div", { className: ve.paginatorNav, children: [
+    /* @__PURE__ */ j("div", { className: ve.paginatorNav, children: [
       /* @__PURE__ */ s(
         "button",
         {
@@ -377,51 +377,51 @@ 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);
+  const R = r !== void 0, {
+    sortedData: w,
+    sortConfig: J,
+    requestSort: W,
+    requestMultiSort: E
+  } = Ur(e, n), Z = R ? n ?? [] : J, C = R ? e : w, $ = ke(() => {
+    if (!L || R) return C;
+    const S = (L.page - 1) * L.pageSize;
+    return C.slice(S, S + L.pageSize);
+  }, [C, L, R]), ie = L?.totalRows ?? C.length, ne = pe(
+    (S, re) => {
+      const F = o && (re.ctrlKey || re.metaKey);
+      if (R)
+        if (F) {
+          const X = Z.findIndex((z) => z.key === S);
           let A;
-          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);
+          X === -1 ? A = [...Z, { key: S, direction: "asc" }] : Z[X].direction === "asc" ? A = Z.map(
+            (z, ce) => ce === X ? { key: S, direction: "desc" } : z
+          ) : A = Z.filter((z, ce) => ce !== X), r(A);
         } 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 X = Z.find((A) => A.key === S);
+          X ? X.direction === "asc" ? r([{ key: S, direction: "desc" }]) : r([]) : r([{ key: S, direction: "asc" }]);
         }
       else
-        H ? Z(R) : j(R);
+        F ? E(S) : W(S);
     },
     [
-      S,
+      R,
       o,
-      U,
+      Z,
       r,
-      j,
-      Z
+      W,
+      E
     ]
-  ), 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, ae = (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: [
-    /* @__PURE__ */ z(
+  return /* @__PURE__ */ j("div", { className: m(ve.wrapper, b?.wrapper), children: [
+    /* @__PURE__ */ j(
       "table",
       {
         className: m(
@@ -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__ */ j(
             "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(
+                S.header,
+                S.sortable && /* @__PURE__ */ s(
                   Yr,
                   {
-                    direction: q(R.key),
-                    sortIndex: ae(R.key)
+                    direction: V(S.key),
+                    sortIndex: ae(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, X = typeof d == "function" ? d(S, re) : d, A = typeof f == "function" ? f(S, re) : f;
             return /* @__PURE__ */ s(
               "tr",
               {
-                className: m(ve.row, v?.row, O),
+                className: m(ve.row, b?.row, X),
                 style: A,
-                children: t.map((F) => /* @__PURE__ */ s(
+                children: t.map((z) => /* @__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: z.align },
+                    children: z.render ? z.render(S[z.key], S, re) : S[z.key]
                   },
-                  F.key
+                  z.key
                 ))
               },
-              H
+              F
             );
           }) })
         ]
@@ -488,8 +488,8 @@ function qr({
       Vr,
       {
         ...L,
-        totalRows: oe,
-        paginatorClasses: { paginator: v?.paginator, pageButton: v?.pageButton }
+        totalRows: ie,
+        paginatorClasses: { paginator: b?.paginator, pageButton: b?.pageButton }
       }
     )
   ] });
@@ -511,8 +511,8 @@ 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);
@@ -557,41 +557,41 @@ 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();
+    classes: b
+  }, R) => {
+    const [w, J] = Le(!1), W = oe(null), E = oe(null), Z = oe(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;
+      w && E.current && E.current.querySelector('[role="menuitem"]:not(:disabled)')?.focus();
+    }, [w]);
+    const $ = pe(() => {
+      J(!1), l?.(), Z.current?.focus();
+    }, [l]), ie = pe(() => {
+      J((A) => {
+        const z = !A;
+        return z ? i?.() : l?.(), z;
       });
-    }, [i, l]), ce = fe(
+    }, [i, l]), ne = pe(
       (A) => {
         d?.(A), $();
       },
       [d, $]
     );
     Ne(() => {
-      if (!N) return;
-      const A = (F) => {
-        const ne = F.target;
-        j.current?.contains(ne) || Z.current?.contains(ne) || $();
+      if (!w) return;
+      const A = (z) => {
+        const ce = z.target;
+        W.current?.contains(ce) || E.current?.contains(ce) || $();
       };
       return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
-    }, [N, $]), Rt(
+    }, [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), ae = a?.find((A) => A.value === u)?.label, S = a ? ae || h : e, re = a && !ae, F = a ? a.map((A) => /* @__PURE__ */ s(
       "button",
       {
         type: "button",
@@ -600,70 +600,70 @@ const Vt = $e(
           Me.item,
           A.disabled && Me.itemDisabled,
           A.value === u && Me.itemSelected,
-          v?.item
+          b?.item
         ),
         disabled: A.disabled,
-        onClick: () => ce(A.value),
+        onClick: () => ne(A.value),
         children: A.label
       },
       A.value
-    )) : t, O = (A) => /* @__PURE__ */ s(
+    )) : t, X = (A) => /* @__PURE__ */ s(
       "div",
       {
-        ref: Z,
+        ref: E,
         id: C,
         className: m(
           Me.menu,
-          N && Me.menuOpen,
+          w && Me.menuOpen,
           n === "left" ? Me.alignLeft : Me.alignRight,
-          !L && y && Me.fullWidth,
-          v?.menu
+          !L && p && Me.fullWidth,
+          b?.menu
         ),
         style: A,
         role: "menu",
-        children: H
+        children: F
       }
     );
-    return /* @__PURE__ */ z(
+    return /* @__PURE__ */ j(
       "div",
       {
-        ref: S,
-        className: m(Me.root, y && Me.fullWidth, v?.root, r),
+        ref: R,
+        className: m(Me.root, p && Me.fullWidth, b?.root, r),
         style: o,
         children: [
-          /* @__PURE__ */ z("div", { ref: j, style: y ? { width: "100%" } : void 0, children: [
-            /* @__PURE__ */ z(
+          /* @__PURE__ */ j("div", { ref: W, style: p ? { width: "100%" } : void 0, children: [
+            /* @__PURE__ */ j(
               "button",
               {
-                ref: U,
+                ref: Z,
                 id: c,
                 type: "button",
                 className: m(
                   Me.trigger,
-                  N && Me.triggerOpen,
+                  w && Me.triggerOpen,
                   f && Me.triggerError,
-                  y && Me.fullWidth,
-                  v?.trigger
+                  p && Me.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 ? C : 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(Me.triggerLabel, re && Me.placeholder, b?.triggerLabel), children: S }),
+                  /* @__PURE__ */ s("span", { className: m(Me.chevron, b?.chevron), "aria-hidden": "true" })
                 ]
               }
             ),
-            !L && O()
+            !L && X()
           ] }),
-          L && N && typeof document < "u" && pt(
-            O({
+          L && w && typeof document < "u" && pt(
+            X({
               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
@@ -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(
+    const [u, d] = Le(!1), f = oe(null), p = oe(null), L = oe(null), b = Ye(), R = o !== void 0, w = R ? o : u, J = pe(
       (C) => {
-        S || d(C), c?.(C);
+        R || d(C), c?.(C);
       },
-      [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(() => {
+      J(!1), L.current?.focus();
+    }, [J]), E = pe(() => {
+      J(!w);
+    }, [w, J]);
+    xo(f, W, w), St(
       {
-        Escape: () => j()
+        Escape: () => W()
       },
-      N
+      w
     ), Ne(() => {
-      if (N && y.current) {
-        const C = y.current.querySelector(
+      if (w && p.current) {
+        const C = p.current.querySelector(
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
         );
-        C ? C.focus() : y.current.focus();
+        C ? C.focus() : p.current.focus();
       }
-    }, [N]);
-    let U;
+    }, [w]);
+    let Z;
     if (t && dn(e)) {
       const C = e, $ = C.ref;
-      U = Xt(C, {
+      Z = Xt(C, {
         ref: ko(L, $),
-        onClick: (oe) => {
-          C.props.onClick?.(oe), Z();
+        onClick: (ie) => {
+          C.props.onClick?.(ie), E();
         },
         className: m(C.props.className, i?.trigger),
-        "aria-expanded": N,
+        "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: E,
+          "aria-expanded": w,
           "aria-haspopup": "dialog",
-          "aria-controls": N ? v : void 0,
+          "aria-controls": w ? b : void 0,
           children: e
         }
       );
@@ -793,13 +793,13 @@ const qt = $e(
         ref: h,
         className: m(at.root, i?.root, l),
         style: a,
-        children: /* @__PURE__ */ z("div", { ref: f, children: [
-          U,
-          N && /* @__PURE__ */ s(
+        children: /* @__PURE__ */ j("div", { ref: f, children: [
+          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;
@@ -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", ze = {
   backdrop: wo,
   backdropIn: $o,
   modal: No,
   modalIn: Lo,
-  sm: So,
-  md: Ro,
+  sm: Ro,
+  md: So,
   lg: To,
   fullscreen: Co,
   header: Ao,
@@ -863,7 +863,7 @@ const wo = "crk-backdrop-jYpTA", $o = "crk-backdropIn-x5Z-A", No = "crk-modal-yN
   footer: Eo
 }, gt = _t({ classes: {}, titleId: "" }), Gt = ({ children: e, className: t, style: n, onClose: r }) => {
   const { classes: o, titleId: c } = ft(gt);
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ j(
     "div",
     {
       id: c,
@@ -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 = Ye(), 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), Ne(() => {
       if (!e) return;
-      const D = document.body.style.overflow;
+      const J = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = D;
+        document.body.style.overflow = J;
       };
     }, [e]);
-    const N = (D) => {
-      n && D.target === D.currentTarget && t();
+    const w = (J) => {
+      n && J.target === J.currentTarget && t();
     };
     return e ? pt(
       /* @__PURE__ */ s(
         "div",
         {
           className: m(ze.backdrop, c?.backdrop),
-          onClick: N,
+          onClick: w,
           role: "presentation",
           children: /* @__PURE__ */ s(
             "div",
             {
-              ref: y,
+              ref: p,
               className: m(ze.modal, ze[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 })
             }
           )
         }
@@ -981,7 +981,7 @@ function Pl({
   children: c
 }) {
   const i = n && n.length > 0;
-  return /* @__PURE__ */ s(hn, { ...e, children: /* @__PURE__ */ z(
+  return /* @__PURE__ */ s(hn, { ...e, children: /* @__PURE__ */ j(
     "form",
     {
       onSubmit: e.handleSubmit(t),
@@ -1012,27 +1012,27 @@ function Wl({
   style: l,
   children: a
 }) {
-  const { control: h } = mn(), { field: u, fieldState: d } = fn({ name: e, control: h, rules: o }), f = a.type, 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 = Yo.has(p), { ref: b, ...R } = u, w = oe(b);
+  w.current = b;
+  const J = pe(
+    (W) => {
+      if (W) {
+        const E = W.matches("input, select, textarea, button, [tabindex]") ? W : W.querySelector('input, select, textarea, button, [tabindex]:not([tabindex="-1"])');
+        w.current(E ?? W);
       } else
-        N.current(null);
+        w.current(null);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  return /* @__PURE__ */ z("div", { className: m(We.field, c?.field, i), style: l, children: [
-    t && /* @__PURE__ */ z("label", { className: m(We.label, d.error && We.labelError, c?.label), htmlFor: e, children: [
+  return /* @__PURE__ */ j("div", { className: m(We.field, c?.field, i), style: l, children: [
+    t && /* @__PURE__ */ j("label", { className: m(We.label, d.error && We.labelError, c?.label), htmlFor: e, children: [
       t,
       r && /* @__PURE__ */ s("span", { className: We.required, children: "*" })
     ] }),
     Xt(a, {
-      ...S,
-      ref: D,
+      ...R,
+      ref: J,
       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
   ] });
@@ -1092,7 +1092,7 @@ const Vo = "crk-root-rSgdy", qo = "crk-wrapper-GHy8V", Go = "crk-sm-DptM5", Zo =
         ...l
       }
     );
-    return n || r ? /* @__PURE__ */ z(
+    return n || r ? /* @__PURE__ */ j(
       "div",
       {
         className: m(Pe.wrapper, Pe[e], t && Pe.error, o?.wrapper, c),
@@ -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,
@@ -1154,20 +1154,20 @@ 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: [
-    /* @__PURE__ */ z(
+  }, f) => /* @__PURE__ */ j("div", { className: m(P.wrapper, P[e], t && P.error, o?.wrapper, c), style: i, children: [
+    /* @__PURE__ */ j(
       "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";
@@ -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);
+    const [b, R] = Le(!1), [w, J] = Le(""), [W, E] = Le(0), Z = oe(null), C = oe(null), $ = oe(null), ie = oe(null), ne = oe(null), V = Ye(), ae = Tt($, b && p), S = oe(null), re = L ?? S, F = oe(!1);
     Ne(() => {
-      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) {
+      F.current && !b && $.current?.focus(), F.current = b;
+    }, [b]);
+    const X = pe(() => {
+      R(!1), J(""), E(0);
+    }, []), A = pe(() => {
+      a || (R(!0), J(""), E(0), setTimeout(() => C.current?.focus(), 0));
+    }, [a]), z = pe(
+      (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();
+        X();
       },
-      [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]);
+      [f, d, re, X]
+    ), ce = ke(() => {
+      if (!w) return n;
+      const N = w.toLowerCase();
+      return n.filter((y) => y.label.toLowerCase().includes(N));
+    }, [n, w]);
     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];
+      const N = ce.findIndex((y) => !y.disabled);
+      E(N >= 0 ? N : 0);
+    }, [ce]), Ne(() => {
+      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 = ce.map((v, B) => v.disabled ? -1 : B).filter((v) => v >= 0);
+        if (y.length !== 0)
+          if (N.key === "ArrowDown")
+            N.preventDefault(), E((v) => {
+              const B = y.indexOf(v);
+              return B < y.length - 1 ? y[B + 1] : y[0];
             });
-          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(), E((v) => {
+              const B = y.indexOf(v);
+              return B > 0 ? y[B - 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 = ce[W];
+            v && !v.disabled && z(v.value);
+          } else N.key === "Escape" && (N.preventDefault(), X());
       },
-      [ne, j, F, O]
+      [ce, W, z, X]
     );
     Ne(() => {
-      if (!v) return;
-      const M = (g) => {
-        const k = g.target;
-        U.current?.contains(k) || oe.current?.contains(k) || O();
+      if (!b) return;
+      const N = (y) => {
+        const v = y.target;
+        Z.current?.contains(v) || ie.current?.contains(v) || X();
       };
-      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 /* @__PURE__ */ z(
+      return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
+    }, [b, X]);
+    const K = n.find((N) => N.value === l)?.label, H = ce.filter((N) => !N.disabled);
+    return /* @__PURE__ */ j(
       "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,108 +1272,108 @@ 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(
+          /* @__PURE__ */ j(
             "button",
             {
               ref: $,
               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,
               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,
               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) => J(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-${ce[W]?.value}` : void 0
             }
           ),
-          v && (() => {
-            const M = y ? {
+          b && (() => {
+            const N = p ? {
               position: "fixed",
               top: ae.top + 4,
               left: ae.left,
               right: "auto",
               width: ae.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: ce.length === 0 ? /* @__PURE__ */ s("div", { className: P.noResults, children: "No results" }) : ce.map((v, B) => /* @__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,
+                      B === W && P.itemHighlighted,
                       o?.item
                     ),
-                    disabled: k.disabled,
-                    onClick: () => F(k.value),
-                    onMouseEnter: () => Z(B),
-                    children: k.content ?? k.label
+                    disabled: v.disabled,
+                    onClick: () => z(v.value),
+                    onMouseEnter: () => E(B),
+                    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;
           })()
         ]
       }
@@ -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
+  }, J) => {
+    const W = Array.isArray(l) ? l : l ? [l] : [], [E, Z] = Le(!1), [C, $] = Le(""), [ie, ne] = Le(0), V = oe(null), ae = oe(null), S = oe(null), re = oe(null), F = oe(null), X = Ye(), A = Tt(F, E && w), z = oe(null), ce = J ?? z, me = pe(() => {
+      Z(!1), $(""), ne(0);
+    }, []), K = pe(() => {
+      a || (Z(!0), $(""), ne(0), setTimeout(() => ae.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]);
+      [W, d]
+    ), y = ke(() => {
+      if (!C) return n;
+      const k = C.toLowerCase();
+      return n.filter((G) => G.label.toLowerCase().includes(k));
+    }, [n, C]), v = C.trim(), B = L && v.length > 0 && !n.some(
+      (k) => k.label.toLowerCase() === v.toLowerCase() || k.value === v
+    ) && !W.includes(v), _ = pe(() => {
+      v && (W.includes(v) || (b?.(v), d?.([...W, v]), p ? me() : f && $("")));
+    }, [v, W, b, d, p, me, f]);
     Ne(() => {
-      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));
+      const k = y.findIndex((G) => !G.disabled);
+      ne(k >= 0 ? k : 0);
+    }, [y]), Ne(() => {
+      if (!E) return;
+      const k = re.current;
+      if (!k) return;
+      k.querySelectorAll('[role="option"]')[ie]?.scrollIntoView?.({ block: "nearest" });
+    }, [ie, E]);
+    const q = y.length, U = pe(
+      (k) => {
+        const G = y.map((O, le) => O.disabled ? -1 : le).filter((O) => O >= 0);
+        if (B && G.push(q), k.key === "Backspace" && C === "" && W.length > 0) {
+          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(), !E) {
+              K();
               return;
             }
-            oe((V) => {
-              const de = E.indexOf(V);
-              return de < E.length - 1 ? E[de + 1] : E[0];
+            ne((O) => {
+              const le = G.indexOf(O);
+              return le < G.length - 1 ? G[le + 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 le = G.indexOf(O);
+              return le > 0 ? G[le - 1] : G[G.length - 1];
             });
-          else if (b.key === "Enter") {
-            if (b.preventDefault(), k && $ === _) {
-              B();
+          else if (k.key === "Enter") {
+            if (k.preventDefault(), B && 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) : B && _();
+          } else k.key === "Escape" && (k.preventDefault(), me());
       },
-      [M, $, K, ne, U, D, d, j, pe, k, B, _]
+      [y, ie, H, me, C, W, d, E, K, B, _, q]
     );
     Ne(() => {
-      if (!j) return;
-      const b = (E) => {
-        const V = E.target;
-        ce.current?.contains(V) || ae.current?.contains(V) || ne();
+      if (!E) 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 /* @__PURE__ */ z(
+      return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
+    }, [E, me]);
+    const ee = W.map((k) => n.find((O) => O.value === k) ?? { value: k, label: k });
+    return /* @__PURE__ */ j(
       "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: ce,
+              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(
+          /* @__PURE__ */ j(
             "div",
             {
-              ref: te,
+              ref: F,
               className: m(
-                W.multiTrigger,
-                W[e],
-                j && W.triggerOpen,
-                t && W.error,
-                a && W.multiTriggerDisabled,
+                P.multiTrigger,
+                P[e],
+                E && P.triggerOpen,
+                t && P.error,
+                a && P.multiTriggerDisabled,
                 o?.root
               ),
               onClick: () => {
-                j ? q.current?.focus() : pe();
+                E ? ae.current?.focus() : K();
               },
               role: "combobox",
-              "aria-expanded": j,
+              "aria-expanded": E,
               "aria-haspopup": "listbox",
-              "aria-controls": j ? H : void 0,
+              "aria-controls": E ? X : 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 }),
+                ee.map((k) => /* @__PURE__ */ j("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: ae,
                     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: C,
+                    onChange: (k) => {
+                      $(k.target.value), E || K();
                     },
-                    onKeyDown: J,
+                    onKeyDown: U,
                     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 ? {
+          E && (() => {
+            const k = w ? {
               position: "fixed",
-              top: O.top + 4,
-              left: O.left,
+              top: A.top + 4,
+              left: A.left,
               right: "auto",
-              width: O.width,
+              width: A.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: X,
+                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);
-                    return /* @__PURE__ */ z(
+                children: /* @__PURE__ */ j("div", { className: P.menuItems, ref: re, children: [
+                  y.length === 0 && !B && /* @__PURE__ */ s("div", { className: P.noResults, children: "No results" }),
+                  y.map((O, le) => {
+                    const ge = W.includes(O.value);
+                    return /* @__PURE__ */ j(
                       "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,
+                          le === ie && P.itemHighlighted,
                           o?.item
                         ),
-                        disabled: V.disabled,
-                        onClick: () => K(V.value),
-                        onMouseEnter: () => oe(de),
+                        disabled: O.disabled,
+                        onClick: () => H(O.value),
+                        onMouseEnter: () => ne(le),
                         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(
+                  B && /* @__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__ */ j(je, { 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;
           })()
         ]
       }
@@ -1657,10 +1658,10 @@ const Wi = "crk-root-61cKD", Hi = "crk-input-bAjPU", Oi = "crk-label-W9IeS", Fi
     style: o,
     ...c
   }, i) => {
-    const l = re(null);
+    const l = oe(null);
     return Ne(() => {
       l.current && (l.current.indeterminate = t);
-    }, [t]), /* @__PURE__ */ z(
+    }, [t]), /* @__PURE__ */ j(
       "label",
       {
         className: m(dt.root, t && dt.indeterminate, n?.root, r),
@@ -1727,10 +1728,10 @@ 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: [
+    return /* @__PURE__ */ j("label", { className: m(ht.root, n?.root, r), style: o, children: [
       /* @__PURE__ */ s(
         "input",
         {
@@ -1740,7 +1741,7 @@ const Vi = $e(
           name: d,
           value: t,
           checked: f,
-          onChange: y,
+          onChange: p,
           ...a
         }
       ),
@@ -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(() => {
       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,7 +1813,7 @@ 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);
+  const [n, r] = Le(t), o = oe(t);
   return Ne(() => {
     const c = e.current;
     if (!c || typeof ResizeObserver > "u") return;
@@ -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,8 +1852,8 @@ 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,
@@ -1861,21 +1862,21 @@ const lc = "crk-root-uMSq0", sc = "crk-canvas-zhFr0", ac = "crk-svg-waPLB", dc =
   tradingHeader: Dc
 }, Ve = $e(
   ({ 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(
+    return /* @__PURE__ */ j(
       "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__ */ j("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__ */ j("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__ */ j(je, { children: [
+        l && e[l] !== void 0 && /* @__PURE__ */ s("div", { className: M.tooltipTitle, children: String(e[l]) }),
+        /* @__PURE__ */ s("div", { className: M.tooltipRows, children: Object.entries(o).map(([L, b]) => {
+          const R = e[L];
+          if (R == null) return null;
+          const w = typeof R == "number" ? i(R) : String(R), J = a?.(L) ?? b.color;
+          return /* @__PURE__ */ j("div", { className: M.tooltipRow, children: [
+            /* @__PURE__ */ s("span", { className: M.legendSwatch, style: { background: J }, "aria-hidden": "true" }),
+            /* @__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__ */ j("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",
@@ -2062,93 +2063,93 @@ 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,
+  showLegend: b = !0,
+  showTooltip: R = !0,
+  yTickCount: w = 5,
+  yFormat: J,
+  xFormat: W,
+  valueFormat: E,
+  renderTooltip: Z,
   margin: C,
   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 ae = { ...Ec, ...C }, S = ke(() => Object.keys(n), [n]), [re, F] = Le(null), X = oe(null), A = f ?? re, z = (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: X, className: m(M.root, V?.root, ie), style: ne, children: /* @__PURE__ */ s("div", { className: M.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: M.empty, children: $ }) }) });
+  const ce = R && A !== null ? /* @__PURE__ */ s(
     et,
     {
       row: e[A],
-      x: Hc(e, t, ae, A, O),
+      x: Hc(e, t, ae, A, X),
       y: 16,
-      containerWidth: O.current?.getBoundingClientRect().width ?? 0,
+      containerWidth: X.current?.getBoundingClientRect().width ?? 0,
       config: n,
-      render: U ? () => U(e[A]) : void 0,
-      valueFormat: Z,
+      render: Z ? () => Z(e[A]) : void 0,
+      valueFormat: E,
       titleKey: t,
-      resolveColor: l ? (pe) => F(pe, A) : void 0,
-      classes: q
+      resolveColor: l ? (me) => z(me, A) : void 0,
+      classes: V
     }
   ) : null;
   return /* @__PURE__ */ s(
     Ve,
     {
-      ref: O,
+      ref: X,
       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: ce,
+      children: ({ width: me, height: K }) => {
+        const H = ae.left, N = me - ae.right, y = ae.top, v = K - ae.bottom, B = Math.max(0, N - H), _ = Math.max(0, v - y), q = e.map((g) => String(g[t])), U = Xe(q, [H, N], 0), ee = [];
+        for (const g of S)
           for (const x of e) {
-            const ee = x[p];
-            typeof ee == "number" && b.push(ee);
+            const te = x[g];
+            typeof te == "number" && ee.push(te);
           }
-        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(ee), O = Math.min(0, k), le = qe(O, G, w), ge = Je([le[0], le[le.length - 1]], [v, y]), be = le.map((g) => ({ value: g, y: ge(g) })), Re = Wc(q).map((g) => ({ label: g, x: U(g) }));
+        return /* @__PURE__ */ j(je, { children: [
           /* @__PURE__ */ s(
             nn,
             {
               ticks: be,
-              x: X,
+              x: H,
               plotWidth: B,
-              format: D,
+              format: J,
               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: Re, y: v, format: W, classes: V }),
+          S.map((g) => {
+            const x = n[g], te = e.map((D, Y) => {
+              const I = D[g], fe = typeof I == "number" ? I : 0;
+              return { x: U(q[Y]), y: ge(fe), value: fe, row: D };
             });
-            return /* @__PURE__ */ z("g", { className: m(w.series, q?.series), children: [
+            return /* @__PURE__ */ j("g", { className: m(M.series, V?.series), children: [
               /* @__PURE__ */ s(
                 "path",
                 {
-                  className: m(w.linePath),
-                  d: Pc(ee, c),
+                  className: m(M.linePath),
+                  d: Pc(te, 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 && te.map((D, Y) => {
+                const I = z(g, Y), fe = A === Y, Q = f !== void 0 && !fe, T = p ? () => p({ row: D.row, value: D.value, seriesKey: g, index: Y }) : void 0;
                 return a ? /* @__PURE__ */ s(
                   "g",
                   {
@@ -2156,85 +2157,85 @@ function Ol({
                     style: T ? { cursor: "pointer" } : void 0,
                     opacity: Q ? 0.45 : 1,
                     children: a({
-                      row: P.row,
-                      value: P.value,
-                      seriesKey: p,
-                      index: G,
-                      x: P.x,
-                      y: P.y,
+                      row: D.row,
+                      value: D.value,
+                      seriesKey: g,
+                      index: Y,
+                      x: D.x,
+                      y: D.y,
                       color: I,
-                      active: me
+                      active: fe
                     })
                   },
-                  `${p}-${G}`
+                  `${g}-${Y}`
                 ) : /* @__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: D.x,
+                    cy: D.y,
+                    r: fe ? 5 : 3.5,
                     fill: I,
                     onClick: T,
                     style: T ? { cursor: "pointer" } : void 0,
                     opacity: Q ? 0.45 : 1
                   },
-                  `${p}-${G}`
+                  `${g}-${Y}`
                 );
               }),
-              (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) && te.map((D, Y) => {
+                const I = d ? d({ row: D.row, value: D.value, seriesKey: g, index: Y }) : h ? E ? E(D.value) : String(D.value) : null;
                 if (I == null) return null;
-                const me = 10, Q = u === "top" ? P.y - me : P.y + me + 4;
+                const fe = 10, Q = u === "top" ? D.y - fe : D.y + fe + 4;
                 return /* @__PURE__ */ s(
                   "text",
                   {
-                    className: m(w.axisLabel),
-                    x: P.x,
+                    className: m(M.axisLabel),
+                    x: D.x,
                     y: Q,
                     textAnchor: "middle",
                     dominantBaseline: u === "top" ? "auto" : "middle",
                     children: I
                   },
-                  `label-${p}-${G}`
+                  `label-${g}-${Y}`
                 );
               })
-            ] }, p);
+            ] }, g);
           }),
           A !== null && /* @__PURE__ */ s(
             "line",
             {
-              className: w.cursorLine,
-              x1: Y(J[A]),
-              x2: Y(J[A]),
-              y1: g,
-              y2: k
+              className: M.cursorLine,
+              x1: U(q[A]),
+              x2: U(q[A]),
+              y1: y,
+              y2: v
             }
           ),
           /* @__PURE__ */ s(
             "rect",
             {
-              className: w.interactionLayer,
-              x: X,
-              y: g,
+              className: M.interactionLayer,
+              x: H,
+              y,
               width: B,
               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(), te = g.clientX - x.left + H, D = U.step(), Y = Math.max(
                   0,
-                  Math.min(e.length - 1, Math.round((ee - X - P / 2) / P))
+                  Math.min(e.length - 1, Math.round((te - H - D / 2) / D))
                 );
-                H(G);
+                F(Y);
               },
-              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(), te = g.clientX - x.left + H, D = U.step(), Y = 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((te - H - D / 2) / D))
+                ), I = S[0], fe = e[Y][I], Q = typeof fe == "number" ? fe : 0;
+                p({ row: e[Y], value: Q, seriesKey: I, index: Y });
               } : void 0,
-              style: y ? { cursor: "pointer" } : void 0
+              style: p ? { cursor: "pointer" } : void 0
             }
           )
         ] });
@@ -2249,7 +2250,7 @@ function Hc(e, t, n, r, o) {
   return Xe(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,160 +2297,160 @@ 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,
+  yFormat: b,
+  xFormat: R,
+  valueFormat: w,
+  renderTooltip: J,
+  margin: W,
+  emptyMessage: E = "No data",
+  className: Z,
   style: C,
   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, ae = V && l === "expand", [S, re] = Le(null), F = oe(null), X = Ye();
   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 }) }) });
+    return /* @__PURE__ */ s("div", { ref: F, className: m(M.root, $?.root, Z), style: C, children: /* @__PURE__ */ s("div", { className: M.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: M.empty, children: E }) }) });
   const A = ke(() => {
-    const X = ce.map(() => []), M = ce.map(() => []);
-    for (let g = 0; g < e.length; g++) {
-      let k = 0;
+    const H = ne.map(() => []), N = ne.map(() => []);
+    for (let y = 0; y < e.length; y++) {
+      let v = 0;
       if (ae) {
-        for (const _ of ce) {
-          const J = e[g][_];
-          typeof J == "number" && J > 0 && (k += J);
+        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;
+      for (let _ = 0; _ < ne.length; _++) {
+        const q = ne[_], U = e[y][q], ee = typeof U == "number" ? U : 0;
+        if (V) {
+          const k = ae ? ee / v : ee;
+          N[_][y] = B, B += k, H[_][y] = B;
         } else
-          M[_][g] = 0, X[_][g] = b;
+          N[_][y] = 0, H[_][y] = ee;
       }
     }
-    return { tops: X, bottoms: M };
-  }, [e, ce, q, ae]), { tops: F, bottoms: ne } = A, [pe, K] = ke(() => {
+    return { tops: H, bottoms: N };
+  }, [e, ne, V, ae]), { tops: z, bottoms: ce } = A, [me, 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]);
+    let H = 0, N = 0;
+    for (const y of z)
+      for (const v of y)
+        v < H && (H = v), v > N && (N = v);
+    for (const y of ce)
+      for (const v of y)
+        v < H && (H = v);
+    return [Math.min(0, H), N];
+  }, [z, ce, ae]);
   return /* @__PURE__ */ s(
     Ve,
     {
-      ref: H,
+      ref: F,
       aspectRatio: r,
       height: o,
-      className: U,
+      className: Z,
       style: C,
       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: zc(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: J ? () => J(e[S]) : void 0,
+          valueFormat: ae ? (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, B = ie.top, _ = N - ie.bottom, q = Math.max(0, v - y), U = Math.max(0, _ - B), ee = e.map((g) => String(g[t])), k = Xe(ee, [y, v], 0), G = ae ? [0, 0.25, 0.5, 0.75, 1] : qe(me, K, L), O = Je([G[0], G[G.length - 1]], [_, B]), le = O(0), ge = G.map((g) => ({ value: g, y: O(g) })), Ce = Fc(ee).map((g) => ({ label: g, x: k(g) })), Re = ae ? (g) => `${Math.round(g * 100)}%` : b;
+        return /* @__PURE__ */ j(je, { children: [
+          a && /* @__PURE__ */ s("defs", { children: ne.map((g) => /* @__PURE__ */ j(
             "linearGradient",
             {
-              id: `${O}-${p}`,
+              id: `${X}-${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,
-              format: Se,
+              ticks: ge,
+              x: y,
+              plotWidth: q,
+              format: Re,
               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 te = n[g], D = e.map((Q, T) => ({
+              x: k(ee[T]),
+              y: O(z[x][T])
+            })), Y = a ? `url(#${X}-${g})` : te.color, I = a ? 1 : 0.18, fe = V ? Dt(D, ce[x].map((Q) => O(Q)), c) : Dt(D, le, c);
+            return /* @__PURE__ */ j("g", { className: m(M.series, $?.series), children: [
               /* @__PURE__ */ s(
                 "path",
                 {
-                  className: w.areaPath,
-                  d: me,
-                  fill: G,
+                  className: M.areaPath,
+                  d: fe,
+                  fill: Y,
                   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(D, c), stroke: te.color }),
+              !V && D.map((Q, T) => /* @__PURE__ */ s(
                 "circle",
                 {
-                  className: m(w.point, $?.point),
+                  className: m(M.point, $?.point),
                   cx: Q.x,
                   cy: Q.y,
-                  r: R === T ? 5 : 3,
-                  fill: ee.color
+                  r: S === T ? 5 : 3,
+                  fill: te.color
                 },
-                `${p}-${T}`
+                `${g}-${T}`
               ))
-            ] }, p);
+            ] }, g);
           }),
-          R !== null && /* @__PURE__ */ s(
+          S !== null && /* @__PURE__ */ s(
             "line",
             {
-              className: w.cursorLine,
-              x1: E(b[R]),
-              x2: E(b[R]),
+              className: M.cursorLine,
+              x1: k(ee[S]),
+              x2: k(ee[S]),
               y1: B,
               y2: _
             }
@@ -2457,16 +2458,16 @@ function Fl({
           /* @__PURE__ */ s(
             "rect",
             {
-              className: w.interactionLayer,
-              x: g,
+              className: M.interactionLayer,
+              x: y,
               y: B,
-              width: J,
-              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);
+              width: q,
+              height: U,
+              onMouseMove: (g) => {
+                const x = g.currentTarget.getBoundingClientRect(), te = g.clientX - x.left + y, D = k.step(), Y = Math.max(0, Math.min(e.length - 1, Math.round((te - y - D / 2) / D)));
+                re(Y);
               },
-              onMouseLeave: () => te(null)
+              onMouseLeave: () => re(null)
             }
           )
         ] });
@@ -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,
+  renderLabel: b,
+  colorBy: R = "series",
+  colors: w = jc,
+  negativeColor: J,
+  activeIndex: W,
+  onBarClick: E,
+  yTickCount: Z = 5,
   yFormat: C,
   xFormat: $,
-  valueFormat: oe,
-  renderTooltip: ce,
-  margin: q,
+  valueFormat: ie,
+  renderTooltip: ne,
+  margin: V,
   emptyMessage: ae = "No data",
-  className: R,
-  style: te,
-  classes: H
+  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 X = r === "horizontal", A = { ...X ? _c : Xc, ...V }, z = ke(() => Object.keys(n), [n]), ce = o && z.length > 1, [me, K] = Le(null), H = oe(null);
   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: ae }) }) });
+  const N = e.map((k) => String(k[t])), y = W ?? me, v = ke(() => {
+    if (ce) {
+      let le = 0, ge = 0;
       for (const be of e) {
-        let Ce = 0, Se = 0;
-        for (const p of F) {
-          const x = be[p];
-          typeof x == "number" && (x >= 0 ? Ce += x : Se += x);
+        let Ce = 0, Re = 0;
+        for (const g of z) {
+          const x = be[g];
+          typeof x == "number" && (x >= 0 ? Ce += x : Re += x);
         }
-        Ce > he && (he = Ce), Se < ye && (ye = Se);
+        Ce > le && (le = Ce), Re < ge && (ge = Re);
       }
-      return [ye, he];
+      return [ge, le];
     }
-    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 le of e)
+      for (const ge of z) {
+        const be = le[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, z, ce]), B = qe(v[0], v[1], Z), _ = B[0], q = B[B.length - 1], U = (k, G) => R === "index" ? w[G % w.length] : n[k]?.color ?? w[0], ee = f && y !== null && e[y] ? /* @__PURE__ */ s(
     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, A, y, H, X, l),
+      y: X ? qc(e, t, A, 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 = U(k, y);
+        return typeof G != "number" ? O : J !== void 0 && G < 0 ? J : 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: ee,
+      children: ({ width: k, height: G }) => {
+        const O = A.left, le = k - A.right, ge = A.top, be = G - A.bottom, Ce = Math.max(0, le - O), Re = Math.max(0, be - ge), x = Xe(N, X ? [ge, be] : [O, le], l), te = x.bandWidth(), Y = Je([_, q], X ? [O, le] : [be, ge]), I = Y(0), fe = ce ? 1 : Math.max(1, z.length), Q = te / fe, T = Q * (1 - a), de = B.map((se) => ({
+          value: se,
+          pos: Y(se)
+        })), ye = Uc(N);
+        return /* @__PURE__ */ j(je, { children: [
+          u && /* @__PURE__ */ s("g", { className: m(M.axis, F?.axis), children: de.map(
+            ({ value: se, pos: he }) => X ? /* @__PURE__ */ s(
               "line",
               {
-                className: m(w.gridLine, H?.grid),
-                x1: ue,
-                x2: ue,
-                y1: ye,
+                className: m(M.gridLine, F?.grid),
+                x1: he,
+                x2: he,
+                y1: ge,
                 y2: be
               },
-              `g-${ie}`
+              `g-${se}`
             ) : /* @__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: le,
+                y1: he,
+                y2: he
               },
-              `g-${ie}`
+              `g-${se}`
             )
           ) }),
-          /* @__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: de.map(({ value: se, pos: he }) => {
+            const Ae = C ? C(se) : String(se);
+            return X ? /* @__PURE__ */ s(
               "text",
               {
-                className: m(w.axisLabel, H?.axisLabel),
-                x: ue,
+                className: m(M.axisLabel, F?.axisLabel),
+                x: he,
                 y: be + 16,
                 textAnchor: "middle",
                 children: Ae
               },
-              `vt-${ie}`
+              `vt-${se}`
             ) : /* @__PURE__ */ s(
               "text",
               {
-                className: m(w.axisLabel, H?.axisLabel),
-                x: de - 8,
-                y: ue,
+                className: m(M.axisLabel, F?.axisLabel),
+                x: O - 8,
+                y: he,
                 textAnchor: "end",
                 dominantBaseline: "middle",
                 children: Ae
               },
-              `vt-${ie}`
+              `vt-${se}`
             );
           }) }),
-          /* @__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((se) => {
+            const he = x(se), Ae = $ ? $(se) : se;
+            return X ? /* @__PURE__ */ s(
               "text",
               {
-                className: m(w.axisLabel, H?.axisLabel),
-                x: de - 8,
-                y: ue,
+                className: m(M.axisLabel, F?.axisLabel),
+                x: O - 8,
+                y: he,
                 textAnchor: "end",
                 dominantBaseline: "middle",
                 children: Ae
               },
-              `c-${ie}`
+              `c-${se}`
             ) : /* @__PURE__ */ s(
               "text",
               {
-                className: m(w.axisLabel, H?.axisLabel),
-                x: ue,
+                className: m(M.axisLabel, F?.axisLabel),
+                x: he,
                 y: be + 16,
                 textAnchor: "middle",
                 children: Ae
               },
-              `c-${ie}`
+              `c-${se}`
             );
           }) }),
-          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((se, he) => {
+            const De = x(N[he]) - te / 2;
+            let xe = 0, ue = 0;
+            return /* @__PURE__ */ s("g", { className: m(M.series, F?.series), children: z.map((Ie, He) => {
+              const Ge = se[Ie];
               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 = U(Ie, he), kt = J !== void 0 && Ee < 0 ? J : xt, Oe = W !== void 0 ? W === he : me === he, 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;
+              ce ? Ee >= 0 ? (nt = xe, _e = xe + Ee, xe = _e) : (nt = ue, _e = ue + Ee, ue = _e) : (nt = 0, _e = Ee);
+              const rt = Y(nt), ot = Y(_e), Bt = ce ? (te - T) / 2 : He * Q + (Q - T) / 2;
               let it = 0, ct = 0, lt = 0, st = 0;
-              if (O) {
+              if (X) {
                 const Ze = Math.min(rt, ot), wt = Math.max(rt, ot);
                 it = Ze, lt = wt - Ze, ct = De + Bt, st = T;
               } else {
                 const Ze = Math.min(rt, ot), wt = Math.max(rt, ot);
                 it = De + Bt, lt = T, 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: se, value: Ee, seriesKey: Ie, index: he }) : p ? ie ? ie(Ee) : String(Ee) : null, Fe = Yc({
+                isHorizontal: X,
                 valuePosition: L,
                 x: it,
                 y: ct,
@@ -2684,14 +2685,14 @@ function zl({
                 rectH: st,
                 value: Ee
               });
-              return /* @__PURE__ */ z("g", { children: [
+              return /* @__PURE__ */ j("g", { children: [
                 /* @__PURE__ */ s(
                   "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: E ? () => E({ row: se, value: Ee, seriesKey: Ie, index: he }) : void 0,
+                    style: E ? { 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-${he}`);
           }),
-          _ < 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: X ? I : O,
+              x2: X ? I : le,
+              y1: X ? ge : I,
+              y2: X ? 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(
+              height: Re,
+              onMouseMove: (se) => {
+                const he = se.currentTarget.getBoundingClientRect(), Ae = se.clientX - he.left + O, De = se.clientY - he.top + ge, xe = x.step(), ue = X ? De - ge : Ae - O, Ie = Math.max(
                   0,
-                  Math.min(e.length - 1, Math.round((se - xe / 2) / xe))
+                  Math.min(e.length - 1, Math.round((ue - xe / 2) / xe))
                 );
                 K(Ie);
               },
@@ -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(" ");
   }
@@ -2886,121 +2887,121 @@ 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,
+  renderLabel: b,
+  centerLabel: R,
+  activeIndex: w,
+  onSliceClick: J,
+  showLegend: W = !0,
+  showTooltip: E = !0,
+  valueFormat: Z,
   renderTooltip: C,
   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 [ae, S] = Le(null), re = oe(null), F = w ?? ae, X = (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(() => {
     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(() => {
+    return /* @__PURE__ */ s("div", { ref: re, className: m(M.root, V?.root, ie), style: ne, children: /* @__PURE__ */ s("div", { className: M.canvas, style: { height: i ?? 240 }, children: /* @__PURE__ */ s("div", { className: M.empty, children: $ }) }) });
+  const z = ke(() => {
     const 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;
+    let H = 0;
+    for (let N = 0; N < e.length; N++) {
+      const y = e[N], v = y[t], B = typeof v == "number" && v > 0 ? v : 0;
       if (B === 0) continue;
-      const _ = B / A, J = _ * 360;
-      K.push({ index: M, row: g, value: B, start: X, end: X + J, fraction: _ }), X += J;
+      const _ = B / A, q = _ * 360;
+      K.push({ index: N, row: y, value: B, 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, A]), ce = W ? /* @__PURE__ */ s("div", { className: m(M.legend, V?.legend), role: "list", children: z.map((K) => /* @__PURE__ */ j("div", { className: m(M.legendItem, V?.legendItem), role: "listitem", children: [
     /* @__PURE__ */ s(
       "span",
       {
-        className: w.legendSwatch,
-        style: { background: O(K.index) },
+        className: M.legendSwatch,
+        style: { background: X(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 z)
+      K[H.index.toString()] = {
+        label: String(H.row[n]),
+        color: X(H.index)
       };
     return K;
-  }, [F]);
+  }, [z]);
   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: ce,
+      overlay: E && 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: C ? () => C(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, B = Et(a, v), _ = Math.min(B - 1, Et(l, v)), q = Math.max(4, B * 0.06);
+        return /* @__PURE__ */ j(je, { children: [
+          /* @__PURE__ */ s("g", { children: z.map((U) => {
+            const ee = d / 2, k = Math.min(U.end, U.start + ee), G = Math.max(U.start, U.end - ee), O = X(U.index), le = F === U.index, ge = w !== void 0 && !le, be = le && w !== void 0 ? B + q : B, Ce = Zc(N, y, be, _, k, G), Re = J ? () => J({ row: U.row, value: U.value, index: U.index }) : void 0;
             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),
-                onClick: Se,
-                style: Se ? { cursor: "pointer" } : void 0
+                opacity: ge ? 0.45 : 1,
+                onMouseEnter: () => S(U.index),
+                onMouseLeave: () => S(null),
+                onClick: Re,
+                style: Re ? { cursor: "pointer" } : void 0
               },
-              Y.index
+              U.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) && z.map((U) => {
+            const ee = b ? b({ row: U.row, value: U.value, fraction: U.fraction, index: U.index }) : f ? `${String(U.row[n])} ${Z ? Z(U.value) : Math.round(U.fraction * 100) + "%"}` : null;
+            if (ee == null) return null;
+            const k = p === "inside", G = Math.max(16, B * 0.12), O = k ? (B + _) / 2 : B + G, le = Pt(N, y, O, U.start, U.end), ge = k ? "middle" : le.x < N - 1 ? "end" : le.x > N + 1 ? "start" : "middle";
             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, B, U.start, U.end), Re = 4, g = ge === "end" ? Re : ge === "start" ? -Re : 0;
+              be = { x1: Ce.x, y1: Ce.y, x2: le.x + g, y2: le.y };
             }
-            return /* @__PURE__ */ z("g", { children: [
+            return /* @__PURE__ */ j("g", { children: [
               be && /* @__PURE__ */ s(
                 "line",
                 {
@@ -3008,7 +3009,7 @@ function jl({
                   y1: be.y1,
                   x2: be.x2,
                   y2: be.y2,
-                  stroke: O(Y.index),
+                  stroke: X(U.index),
                   strokeWidth: 1,
                   opacity: 0.7
                 }
@@ -3016,24 +3017,24 @@ function jl({
               /* @__PURE__ */ s(
                 "text",
                 {
-                  x: he.x,
-                  y: he.y,
+                  x: le.x,
+                  y: le.y,
                   className: m(
-                    w.axisLabel,
-                    E && w.barLabelInside
+                    M.axisLabel,
+                    k && M.barLabelInside
                   ),
-                  textAnchor: ye,
+                  textAnchor: ge,
                   dominantBaseline: "middle",
-                  children: b
+                  children: ee
                 }
               )
-            ] }, `label-${Y.index}`);
+            ] }, `label-${U.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
                 }
               )
             }
@@ -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,
+  axisFormat: b,
+  valueFormat: R,
+  renderTooltip: w,
+  showLegend: J = !0,
+  showTooltip: W = !0,
+  emptyMessage: E = "No data",
+  className: Z,
   style: C,
   classes: $
 }) {
-  const [oe, ce] = Le(null), q = re(null), ae = ke(() => Object.keys(n), [n]);
+  const [ie, ne] = Le(null), V = oe(null), ae = 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: C, children: /* @__PURE__ */ s("div", { className: M.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: M.empty, children: E }) }) });
+  const S = ke(
+    () => e.map((A, z) => z / e.length * 360),
     [e]
-  ), te = ke(() => {
+  ), re = ke(() => {
     const A = [];
-    for (const ne of ae)
-      for (const pe of e) {
-        const K = pe[ne];
+    for (const ce of ae)
+      for (const me of e) {
+        const K = me[ce];
         typeof K == "number" && A.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 [, z] = bt(A);
+    return Math.max(1, z);
+  }, [e, ae]), F = ke(() => qe(0, re, u).filter((z) => z > 0), [re, u]), X = F[F.length - 1] ?? re;
   return /* @__PURE__ */ s(
     Ve,
     {
-      ref: q,
+      ref: V,
       aspectRatio: r,
       height: o,
-      className: U,
+      className: Z,
       style: C,
       classes: $,
-      legend: D ? /* @__PURE__ */ s(vt, { config: n, classes: $ }) : void 0,
-      overlay: j && oe !== null ? /* @__PURE__ */ s(
+      legend: J ? /* @__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: A, height: z }) => {
+        const ce = a ? 32 : 8, me = A / 2, K = z / 2, H = Math.max(0, Math.min(A, z) / 2 - ce), N = (y) => Math.max(0, y) / X * H;
+        return /* @__PURE__ */ j(je, { children: [
+          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 B = 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
               },
-              `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 B = S[v], _ = mt(me, K, H + 14, B), q = _.x < me - 1 ? "end" : _.x > me + 1 ? "start" : "middle";
             if (L)
               return /* @__PURE__ */ s("g", { children: L({
-                row: g,
-                index: k,
+                row: y,
+                index: v,
                 angle: B,
                 x: _.x,
                 y: _.y,
-                textAnchor: J
-              }) }, `label-${k}`);
-            const Y = String(g[t]), b = v ? v(Y) : Y;
+                textAnchor: q
+              }) }, `label-${v}`);
+            const U = String(y[t]), ee = b ? b(U) : U;
             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: ee
               },
-              `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: [
+          ae.map((y) => {
+            const v = n[y], B = e.map((q, U) => {
+              const ee = q[y], G = N(typeof ee == "number" ? ee : 0);
+              return mt(me, K, G, S[U]);
+            }), _ = B.map((q) => `${q.x},${q.y}`).join(" ");
+            return /* @__PURE__ */ j("g", { className: m(M.series, $?.series), children: [
               /* @__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 && B.map((q, U) => /* @__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 === U ? 5 : 3.5,
+                  fill: v.color
                 },
-                `${g}-${Y}`
+                `${y}-${U}`
               ))
-            ] }, 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;
+              height: z,
+              onMouseMove: (y) => {
+                const v = y.currentTarget.getBoundingClientRect(), B = y.clientX - v.left - me, _ = y.clientY - v.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);
+                let q = Math.atan2(_, B) * 180 / Math.PI + 90;
+                q < 0 && (q += 360), q >= 360 && (q -= 360);
+                const U = 360 / e.length, ee = Math.round(q / U) % e.length;
+                ne(ee);
               },
-              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,34 +3333,34 @@ function Wt(e, t) {
 function _l(e) {
   return e.map((t) => typeof t.volume == "number" ? t.volume : null);
 }
-const Re = 86400;
+const Se = 86400;
 function on(e) {
   switch (e) {
     case "1D":
-      return Re;
+      return Se;
     case "5D":
-      return 5 * Re;
+      return 5 * Se;
     case "1M":
-      return 30 * Re;
+      return 30 * Se;
     case "3M":
-      return 90 * Re;
+      return 90 * Se;
     case "6M":
-      return 180 * Re;
+      return 180 * Se;
     case "1Y":
-      return 365 * Re;
+      return 365 * Se;
     case "5Y":
-      return 5 * 365 * Re;
+      return 5 * 365 * Se;
   }
   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 * Se;
+    if (r === "w") return n * 7 * Se;
+    if (r === "m") return n * 30 * Se;
+    if (r === "y") return n * 365 * Se;
   }
-  return 30 * Re;
+  return 30 * Se;
 }
 function Ul(e) {
   switch (e) {
@@ -3379,7 +3380,7 @@ function Ul(e) {
       return "W";
   }
   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 * Se ? "W" : t >= 180 * Se ? "D" : t >= 60 * Se ? "240" : t >= 14 * Se ? "60" : t >= 3 * Se ? "15" : "5";
 }
 function Yl(e) {
   if (e === "W" || e === "M") return "5Y";
@@ -3402,56 +3403,56 @@ 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: J,
+  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 E = oe(null), Z = oe(null), C = oe([]), $ = oe({ from: 0, to: 0 }), ie = oe(null), ne = oe(null), V = oe(!1), ae = oe(null), S = oe(null), re = oe(1), F = oe({ width: 0, height: 0 }), X = oe(() => {
+  }), A = oe(R), z = oe(w);
+  A.current = R, z.current = w;
+  const [ce, me] = Le(null), [K, H] = Le(p), N = f ?? K, y = pe(
+    (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");
+  ), B = c, _ = B.some((g) => g.type === "rsi"), q = B.some((g) => g.type === "volume"), U = 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;
+    const { width: te, height: D } = F.current;
+    if (te === 0 || D === 0) return;
+    const Y = re.current;
+    x.save(), x.setTransform(1, 0, 0, 1, 0, 0), x.clearRect(0, 0, g.width, g.height), x.scale(Y, Y);
+    const I = pl(E.current, v), fe = ln(E.current), Q = C.current;
     if (Q.length === 0) {
-      gl(x, ee, P, I), x.restore();
+      gl(x, te, D, 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);
+    const T = Nt(te, D, _, q), { from: de, to: ye } = hl($.current, Q.length);
+    $.current = { from: de, to: ye };
+    const se = Q.slice(Math.max(0, Math.floor(de)), Math.min(Q.length, Math.ceil(ye) + 1)), he = (ue) => {
+      const Ie = ye - de + 1, He = T.plotWidth / Ie;
+      return T.plotLeft + (ue - de + 0.5) * He;
+    }, Ae = T.plotWidth / (ye - de + 1), De = B.map((ue) => ml(ue, Q)).filter((ue) => ue !== null).map((ue) => ({ ...ue, color: fe(ue.color) })), xe = cn(T.main, se, De, de, ye);
     Lt(x, T.plotLeft, T.plotRight, xe, I), yl(x, T, xe, i, I), x.save(), x.beginPath(), x.rect(T.plotLeft, xe.paneTop, T.plotWidth, xe.paneHeight), x.clip();
-    for (let se = 0; se < B.length; se++) {
-      const Ie = B[se], He = De[se];
-      He && kl(x, He, Ie, Q, le, ge, ue, xe);
+    for (let ue = 0; ue < B.length; ue++) {
+      const Ie = B[ue], He = De[ue];
+      He && kl(x, He, Ie, Q, de, ye, he, xe);
     }
-    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, Q, de, ye, he, Ae, xe, { up: I.up, down: I.down }) : o === "bar" ? bl(x, Q, de, ye, he, Ae, xe, { up: I.up, down: I.down }) : xl(x, Q, de, ye, he, xe, I.line, o === "area"), x.restore(), T.volume) {
+      const ue = fl(T.volume, Q, de, ye);
+      Lt(x, T.plotLeft, T.plotRight, ue, I, !0), Ft(x, T, T.volume, "Volume", I), x.save(), x.beginPath(), x.rect(T.plotLeft, ue.paneTop, T.plotWidth, ue.paneHeight), x.clip(), Ml(x, Q, de, ye, he, Ae, ue, { up: I.up, down: I.down }), x.restore();
     }
     if (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 = {
+      const ue = B.find((tt) => tt.type === "rsi"), Ie = ue && ue.type === "rsi" ? ue.period ?? 14 : 14, He = ue && ue.type === "rsi" ? ue.overbought ?? 70 : 70, Ge = ue && ue.type === "rsi" ? ue.oversold ?? 30 : 30, Ee = (ue && ue.type === "rsi" ? ue.color : void 0) ?? "var(--crk-chart-5)", xt = fe(Ee), kt = tl(Q, Ie), Oe = {
         paneTop: T.rsi.top,
         paneBottom: T.rsi.bottom,
         paneHeight: T.rsi.height,
@@ -3459,151 +3460,151 @@ function Vl({
         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, T.plotLeft, T.plotRight, Oe, I, !0), Ft(x, T, T.rsi, `RSI ${Ie}`, I), x.save(), x.beginPath(), x.rect(T.plotLeft, Oe.paneTop, T.plotWidth, Oe.paneHeight), x.clip(), Qe(x, kt, de, ye, he, Oe, xt), x.restore(), wl(x, T, Oe, He, Ge, I);
     }
-    $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, T, Q, de, ye, n, I), ie.current && Nl(x, T, ie.current, Q, de, ye, he, i, xe, N, I), x.restore();
+  }, [o, B, _, q, i, v, n, N]);
+  X.current = U;
+  const ee = pe(() => {
+    if (S.current === null) {
       if (typeof requestAnimationFrame > "u") {
-        O.current();
+        X.current();
         return;
       }
-      R.current = requestAnimationFrame(() => {
-        R.current = null, O.current();
+      S.current = requestAnimationFrame(() => {
+        S.current = null, X.current();
       });
     }
   }, []);
   jt(() => {
-    const p = Z.current;
-    if (!p) return;
+    const g = E.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 D = g.getBoundingClientRect(), Y = typeof window < "u" && window.devicePixelRatio || 1;
+      re.current = Y, F.current = { width: D.width, height: D.height };
+      const I = Z.current;
+      I && (I.width = Math.round(D.width * Y), I.height = Math.round(D.height * Y), I.style.width = `${D.width}px`, I.style.height = `${D.height}px`), ee();
     };
     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);
+    const te = new ResizeObserver(x);
+    return te.observe(g), () => te.disconnect();
+  }, [ee]), Ne(() => {
+    let g = !1;
+    const x = Math.floor(Date.now() / 1e3), te = zt(n), D = r !== void 0 ? on(r) : te * l, Y = r !== void 0 ? Math.max(10, Math.ceil(D / te)) : l, I = x - D;
+    C.current = [], $.current = { from: 0, to: 0 }, ee(), e.getBars({ symbol: t, resolution: n, from: I, to: x, countBack: Y }).then((Q) => {
+      if (g) return;
+      const T = [...Q].sort((ye, se) => ye.time - se.time);
       C.current = T;
-      const le = T.length - 1;
+      const de = T.length - 1;
       if (r !== void 0)
-        $.current = { from: 0, to: le };
+        $.current = { from: 0, to: de };
       else {
-        const ge = Math.min(T.length, Math.min(200, l));
+        const ye = Math.min(T.length, Math.min(200, l));
         $.current = {
-          from: Math.max(0, le - ge + 1),
-          to: le
+          from: Math.max(0, de - ye + 1),
+          to: de
         };
       }
-      F.current?.($.current, T), b();
+      z.current?.($.current, T), ee();
     }).catch(() => {
     });
-    const me = e.subscribeBars({
+    const fe = 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)
+        if (g) return;
+        const T = C.current, de = T[T.length - 1];
+        if (de && de.time === Q.time)
           T[T.length - 1] = Q;
-        else if (!le || Q.time > le.time) {
+        else if (!de || Q.time > de.time) {
           T.push(Q);
-          const ge = $.current;
-          ge.to >= T.length - 2 && ($.current = { from: ge.from + 1, to: ge.to + 1 });
+          const ye = $.current;
+          ye.to >= T.length - 2 && ($.current = { from: ye.from + 1, to: ye.to + 1 });
         }
-        b();
+        ee();
       }
     });
-    return ae.current = me, () => {
-      p = !0, ae.current !== null && (e.unsubscribeBars(ae.current), ae.current = null);
+    return ae.current = fe, () => {
+      g = !0, ae.current !== null && (e.unsubscribeBars(ae.current), ae.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), A.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;
+    ne.current = { startX: g.clientX, from: x.from, to: x.to };
+  }, []), O = pe(
+    (g) => {
+      const x = g.currentTarget.getBoundingClientRect(), te = g.clientX - x.left, D = g.clientY - x.top;
+      if (ie.current = { x: te, y: D }, ne.current) {
+        const { startX: fe, from: Q, to: T } = ne.current, { width: de } = F.current, ye = Math.max(1, de - Ct), se = T - Q + 1, he = ye / se, Ae = -(g.clientX - fe) / he;
         let De = Q + Ae, xe = T + Ae;
-        const 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);
+        const ue = C.current.length;
+        De < 0 && (Re(), De = 0, xe = se - 1), xe > ue - 1 && (xe = ue - 1, De = xe - se + 1), $.current = { from: De, to: xe }, z.current?.($.current, C.current);
       }
-      const 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 Y = Nt(x.width, x.height, _, q), I = $.current;
+      if (te >= Y.plotLeft && te <= Y.plotRight) {
+        const fe = I.to - I.from + 1, Q = Y.plotWidth / fe, T = Math.round(I.from + (te - Y.plotLeft) / Q - 0.5), de = C.current, ye = Math.max(0, Math.min(de.length - 1, T)), se = de[ye] ?? null, he = Ll(D, Y, de, I.from, I.to);
+        k({ barIndex: ye, bar: se, priceAtCursor: he });
       } else
-        E(null);
-      b();
+        k(null);
+      ee();
     },
-    [_, 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, ee, k]
+  ), le = pe((g) => {
+    g.currentTarget.releasePointerCapture(g.pointerId), ne.current = null;
+  }, []), ge = pe(() => {
+    ie.current = null, ne.current = null, k(null), ee();
+  }, [ee, k]), be = pe(
+    (g) => {
+      g.preventDefault();
+      const x = g.currentTarget.getBoundingClientRect(), te = g.clientX - x.left, D = Nt(x.width, x.height, _, q), Y = $.current, I = C.current;
       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 = Y.to - Y.from + 1, Q = g.deltaY > 0 ? 1 + Ot : 1 / (1 + Ot), T = Math.max(
+        D.plotWidth / cl,
+        Math.min(I.length, D.plotWidth / il, fe * Q)
+      ), de = Y.from + (te - D.plotLeft) / (D.plotWidth / fe), ye = (de - Y.from) / fe;
+      let se = de - ye * T, he = se + T - 1;
+      se < 0 && (se = 0, he = T - 1), he > I.length - 1 && (he = I.length - 1, se = he - T + 1), $.current = { from: se, to: he }, z.current?.($.current, I), ee();
     },
-    [_, 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, ee]
+  ), Ce = pe(
+    (g) => {
+      const x = $.current, te = x.to - x.from + 1, D = C.current;
+      if (D.length === 0) return;
+      let Y = 0;
+      if (g.key === "ArrowLeft") Y = -Math.max(1, Math.floor(te * 0.1));
+      else if (g.key === "ArrowRight") Y = Math.max(1, Math.floor(te * 0.1));
       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 + Y, fe = x.to + Y;
+      I < 0 && (I = 0, fe = te - 1), fe > D.length - 1 && (fe = D.length - 1, I = fe - te + 1), $.current = { from: I, to: fe }, z.current?.($.current, D), ee();
     },
-    [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) => {
+    [ee]
+  ), Re = pe(() => {
+    if (V.current) return;
+    const g = C.current;
+    if (g.length === 0) return;
+    V.current = !0;
+    const x = zt(n), te = g[0].time, D = te - x * l, Y = te - x;
+    e.getBars({ symbol: t, resolution: n, from: D, to: Y, countBack: l }).then((I) => {
       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 Q = [...I].sort((de, ye) => de.time - ye.time).filter((de) => de.time < te), T = $.current;
+      C.current = [...Q, ...g], $.current = { from: T.from + Q.length, to: T.to + Q.length }, V.current = !1, ee();
     }).catch(() => {
-      q.current = !1;
+      V.current = !1;
     });
-  }, [e, t, n, l, b]);
-  return /* @__PURE__ */ z(
+  }, [e, t, n, l, ee]);
+  return /* @__PURE__ */ j(
     "div",
     {
-      ref: Z,
-      className: m(w.root, D),
-      style: { ...j, height: a, position: "relative" },
+      ref: E,
+      className: m(M.root, J),
+      style: { ...W, height: a, position: "relative" },
       tabIndex: 0,
       role: "figure",
       "aria-label": `${t} ${n} chart`,
@@ -3612,20 +3613,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: le,
+            onPointerLeave: ge,
             onWheel: be,
-            style: { cursor: ce.current ? "grabbing" : "crosshair", touchAction: "none" }
+            style: { cursor: ne.current ? "grabbing" : "crosshair", touchAction: "none" }
           }
         ),
-        /* @__PURE__ */ z(
+        /* @__PURE__ */ j(
           "div",
           {
-            className: w.tradingHeader,
+            className: M.tradingHeader,
             style: {
               position: "absolute",
               top: ol,
@@ -3638,22 +3639,22 @@ function Vl({
               gap: 8
             },
             children: [
-              /* @__PURE__ */ z("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: [
+              /* @__PURE__ */ j("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: [
+                ce?.bar && /* @__PURE__ */ j("span", { style: { color: "var(--crk-color-text-muted)", whiteSpace: "nowrap" }, children: [
                   "O ",
-                  ne.bar.open.toFixed(i),
+                  ce.bar.open.toFixed(i),
                   " · H ",
-                  ne.bar.high.toFixed(i),
+                  ce.bar.high.toFixed(i),
                   " · L",
                   " ",
-                  ne.bar.low.toFixed(i),
+                  ce.bar.low.toFixed(i),
                   " · C ",
-                  ne.bar.close.toFixed(i)
+                  ce.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",
@@ -3671,8 +3672,8 @@ function Vl({
                   content: /* @__PURE__ */ s(
                     dl,
                     {
-                      timezone: M,
-                      onTimezoneChange: g
+                      timezone: N,
+                      onTimezoneChange: y
                     }
                   )
                 }
@@ -3698,7 +3699,7 @@ function dl({
   timezone: e,
   onTimezoneChange: t
 }) {
-  return /* @__PURE__ */ z("div", { style: { minWidth: 220, padding: 4 }, children: [
+  return /* @__PURE__ */ j("div", { style: { minWidth: 220, padding: 4 }, children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -3710,7 +3711,7 @@ function dl({
         children: "Settings"
       }
     ),
-    /* @__PURE__ */ z("label", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "4px" }, children: [
+    /* @__PURE__ */ j("label", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "4px" }, children: [
       /* @__PURE__ */ s("span", { style: { fontSize: "var(--crk-font-size-xs)", color: "var(--crk-color-text-muted)" }, children: "Timezone" }),
       /* @__PURE__ */ s(
         Vt,
@@ -3724,7 +3725,7 @@ function dl({
   ] });
 }
 function ul() {
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ j(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -3745,9 +3746,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 +3783,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));
       }
     }
   }
@@ -3859,20 +3860,20 @@ function yl(e, t, n, r, o) {
 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 = we(f.open, i), b = we(f.close, i), R = we(f.high, i), w = we(f.low, i), W = f.close >= f.open ? l.up : l.down;
+    e.strokeStyle = W, e.fillStyle = W, e.beginPath();
+    const E = Math.round(p) + 0.5;
+    e.moveTo(E, R), e.lineTo(E, w), e.stroke();
+    const Z = Math.min(L, b), C = Math.max(1, Math.abs(b - L));
+    e.fillRect(Math.round(p - u / 2), Math.round(Z), Math.round(u), Math.round(C));
   }
 }
 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 = we(f.high, i), b = we(f.low, i), R = we(f.open, i), w = we(f.close, i), J = f.close >= f.open;
+    e.strokeStyle = J ? l.up : l.down, e.beginPath(), e.moveTo(p, L), e.lineTo(p, b), e.moveTo(p - u, R), e.lineTo(p, R), e.moveTo(p, w), e.lineTo(p + u, w), e.stroke();
   }
 }
 function xl(e, t, n, r, o, c, i, l) {
@@ -3895,8 +3896,8 @@ 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 = we(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];
@@ -3914,20 +3915,20 @@ 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 = we(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 = we(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;
 }
@@ -3946,26 +3947,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 E = e.measureText(w).width + 8 * 2, Z = At, C = Math.max(
       t.plotLeft,
-      Math.min(t.plotRight - Z, S - Z / 2)
+      Math.min(t.plotRight - E, R - E / 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(C, $, E, Z), e.fillStyle = u.bg, e.textAlign = "center", e.fillText(w, C + E / 2, $ + Z / 2);
   }
   e.restore();
 }
@@ -3973,14 +3974,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,7 +4002,7 @@ 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)}`;
 }
@@ -4049,16 +4050,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), [J, W] = bt(e), E = Je([0, Math.max(1, e.length - 1)], [b, b + R]), Z = Je([J, W], [b + w, b]), C = e.map((ne, V) => ({ x: E(V), y: Z(ne) })), $ = Tl(C, c), ie = i ? `${$} L ${C[C.length - 1].x} ${b + w} L ${C[0].x} ${b + w} Z` : "";
+      return { line: $, area: ie, last: C[C.length - 1] };
     }, [e, t, n, o, c, i]);
-    return /* @__PURE__ */ z(
+    return /* @__PURE__ */ j(
       "svg",
       {
         ref: d,
-        className: m(w.sparkline, h),
+        className: m(M.sparkline, h),
         style: u,
         width: t,
         height: n,
@@ -4066,7 +4067,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",
             {
@@ -4122,7 +4123,7 @@ export {
   Ul as suggestResolutionForPeriod,
   xo as useClickOutside,
   Mo as useFocusTrap,
-  Rt as useKeyboard,
+  St as useKeyboard,
   Ur as useTableSort,
   _l as volumeSeries
 };