@overdoser/react-toolkit 0.0.15 → 0.0.16

package/index.js

@@ -1,5 +1,5 @@
-import { forwardRef as Te, createElement as hn, useState as Ce, useCallback as me, useMemo as we, useEffect as Re, useLayoutEffect as Yt, useRef as ie, useId as Ge, isValidElement as mn, cloneElement as jt, createContext as zt, useContext as gt, useImperativeHandle as fn } from "react";
-import { jsxs as Y, jsx as s, Fragment as Ye } from "react/jsx-runtime";
+import { forwardRef as Te, createElement as hn, useState as Ce, useCallback as me, useMemo as we, useEffect as Re, useLayoutEffect as _t, useRef as ie, useId as Ge, isValidElement as mn, cloneElement as jt, createContext as zt, useContext as gt, useImperativeHandle as fn } from "react";
+import { jsxs as _, jsx as s, Fragment as _e } from "react/jsx-runtime";
 import { createPortal as yt } from "react-dom";
 import { FormProvider as pn, useFormContext as gn, useController as yn } from "react-hook-form";
 function Vt(e) {
@@ -55,7 +55,7 @@ const vn = "crk-root-8RX49", bn = "crk-loading-QfItr", xn = "crk-primary-st6yY",
     style: h,
     children: d,
     ...u
-  }, m) => /* @__PURE__ */ Y(
+  }, m) => /* @__PURE__ */ _(
     "button",
     {
       ref: m,
@@ -77,7 +77,7 @@ const vn = "crk-root-8RX49", bn = "crk-loading-QfItr", xn = "crk-primary-st6yY",
       children: [
         /* @__PURE__ */ s("div", { className: f(Pe.shimmer, l?.shimmer) }),
         /* @__PURE__ */ s("span", { className: f(Pe.content, l?.content), children: d }),
-        /* @__PURE__ */ Y("span", { className: f(Pe.dots, l?.dots), "aria-hidden": "true", children: [
+        /* @__PURE__ */ _("span", { className: f(Pe.dots, l?.dots), "aria-hidden": "true", children: [
           /* @__PURE__ */ s("span", { className: f(Pe.dot, l?.dot) }),
           /* @__PURE__ */ s("span", { className: f(Pe.dot, l?.dot) }),
           /* @__PURE__ */ s("span", { className: f(Pe.dot, l?.dot) })
@@ -87,13 +87,13 @@ const vn = "crk-root-8RX49", bn = "crk-loading-QfItr", xn = "crk-primary-st6yY",
   )
 );
 qt.displayName = "Button";
-const Fn = "crk-root-2j4Vp", Xn = "crk-muted-vReNc", Un = "crk-danger-ugf9r", _n = "crk-srOnly-LGQgs", $t = {
+const Fn = "crk-root-2j4Vp", Xn = "crk-muted-vReNc", Un = "crk-danger-ugf9r", Yn = "crk-srOnly-LGQgs", $t = {
   root: Fn,
   default: "crk-default-3TBlr",
   muted: Xn,
   danger: Un,
-  srOnly: _n
-}, Yn = Te(
+  srOnly: Yn
+}, _n = Te(
   ({
     variant: e = "default",
     external: t = !1,
@@ -101,7 +101,7 @@ const Fn = "crk-root-2j4Vp", Xn = "crk-muted-vReNc", Un = "crk-danger-ugf9r", _n
     style: r,
     children: o,
     ...c
-  }, i) => /* @__PURE__ */ Y(
+  }, i) => /* @__PURE__ */ _(
     "a",
     {
       ref: i,
@@ -119,7 +119,7 @@ const Fn = "crk-root-2j4Vp", Xn = "crk-muted-vReNc", Un = "crk-danger-ugf9r", _n
     }
   )
 );
-Yn.displayName = "Link";
+_n.displayName = "Link";
 const jn = "crk-root-U-oiq", zn = "crk-h1-Aivwz", Vn = "crk-h2-CV8Oo", qn = "crk-h3-lrbrK", Gn = "crk-h4--jkC1", Zn = "crk-h5-GnQvD", Kn = "crk-h6-MKlIN", Qn = "crk-p-FzRtm", Jn = "crk-span-NZvLx", er = "crk-label-Cwi6a", tr = "crk-normal-7AeZz", nr = "crk-medium-36OXr", rr = "crk-semibold-oQixc", or = "crk-bold-bk4b4", ir = "crk-muted-itOSW", cr = "crk-primary-rp36t", lr = "crk-danger-SyOy-", sr = "crk-success-w8PpD", ar = "crk-align-left-3AGYw", dr = "crk-align-center-h-x--", ur = "crk-align-right-IXFhK", hr = "crk-truncate-eqr85", qe = {
   root: jn,
   h1: zn,
@@ -222,7 +222,7 @@ const wr = Te(
   )
 );
 wr.displayName = "ListItem";
-const $r = "crk-wrapper-zxjMt", Nr = "crk-root-Gf85-", Lr = "crk-headerCell-ePPZW", Tr = "crk-headerCellSortable-NMybk", Sr = "crk-sortIndicator-WGD2S", Rr = "crk-sortArrow-1-ok4", Cr = "crk-sortArrowActive-yhWrO", Ar = "crk-sortIndex-HGoca", Dr = "crk-row-H0wL1", Ir = "crk-cell-ZfnbG", Br = "crk-emptyRow-AoPfj", Er = "crk-emptyCell-99-7C", Pr = "crk-striped-6Qckq", Wr = "crk-hoverable-ljU9B", Hr = "crk-compact-2-UWr", Or = "crk-paginator-UlYIY", Fr = "crk-paginatorInfo-BVca4", Xr = "crk-paginatorText-sqWS0", Ur = "crk-pageSizeSelect-yhqJQ", _r = "crk-paginatorNav-MDSui", Yr = "crk-pageButton-1PX-g", jr = "crk-pageButtonActive--D7Q7", zr = "crk-pageEllipsis-en59J", ve = {
+const $r = "crk-wrapper-zxjMt", Nr = "crk-root-Gf85-", Lr = "crk-headerCell-ePPZW", Tr = "crk-headerCellSortable-NMybk", Sr = "crk-sortIndicator-WGD2S", Rr = "crk-sortArrow-1-ok4", Cr = "crk-sortArrowActive-yhWrO", Ar = "crk-sortIndex-HGoca", Dr = "crk-row-H0wL1", Ir = "crk-cell-ZfnbG", Br = "crk-emptyRow-AoPfj", Er = "crk-emptyCell-99-7C", Pr = "crk-striped-6Qckq", Wr = "crk-hoverable-ljU9B", Hr = "crk-compact-2-UWr", Or = "crk-paginator-UlYIY", Fr = "crk-paginatorInfo-BVca4", Xr = "crk-paginatorText-sqWS0", Ur = "crk-pageSizeSelect-yhqJQ", Yr = "crk-paginatorNav-MDSui", _r = "crk-pageButton-1PX-g", jr = "crk-pageButtonActive--D7Q7", zr = "crk-pageEllipsis-en59J", ve = {
   wrapper: $r,
   root: Nr,
   headerCell: Lr,
@@ -242,8 +242,8 @@ const $r = "crk-wrapper-zxjMt", Nr = "crk-root-Gf85-", Lr = "crk-headerCell-ePPZ
   paginatorInfo: Fr,
   paginatorText: Xr,
   pageSizeSelect: Ur,
-  paginatorNav: _r,
-  pageButton: Yr,
+  paginatorNav: Yr,
+  pageButton: _r,
   pageButtonActive: jr,
   pageEllipsis: zr
 };
@@ -280,7 +280,7 @@ function qr(e, t = []) {
   }), [e, n]), sortConfig: n, requestSort: o, requestMultiSort: c, resetSort: i };
 }
 function Gr({ direction: e, sortIndex: t }) {
-  return /* @__PURE__ */ Y("span", { className: ve.sortIndicator, "aria-hidden": "true", children: [
+  return /* @__PURE__ */ _("span", { className: ve.sortIndicator, "aria-hidden": "true", children: [
     /* @__PURE__ */ s("span", { className: f(ve.sortArrow, e === "asc" && ve.sortArrowActive), children: "▲" }),
     /* @__PURE__ */ s("span", { className: f(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 Zr({
     }
     return d;
   }, [e, i]);
-  return /* @__PURE__ */ Y("nav", { className: f(ve.paginator, c?.paginator), "aria-label": "Table pagination", children: [
-    /* @__PURE__ */ Y("div", { className: ve.paginatorInfo, children: [
+  return /* @__PURE__ */ _("nav", { className: f(ve.paginator, c?.paginator), "aria-label": "Table pagination", children: [
+    /* @__PURE__ */ _("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 Zr({
           value: t,
           onChange: (d) => o(1, Number(d.target.value)),
           "aria-label": "Rows per page",
-          children: r.map((d) => /* @__PURE__ */ Y("option", { value: d, children: [
+          children: r.map((d) => /* @__PURE__ */ _("option", { value: d, children: [
             d,
             " / page"
           ] }, d))
         }
       )
     ] }),
-    /* @__PURE__ */ Y("div", { className: ve.paginatorNav, children: [
+    /* @__PURE__ */ _("div", { className: ve.paginatorNav, children: [
       /* @__PURE__ */ s(
         "button",
         {
@@ -378,8 +378,8 @@ function Kr({
   rowClassName: u,
   rowStyle: m,
   emptyMessage: p = "No data",
-  pagination: S,
-  classes: y
+  pagination: N,
+  classes: g
 }) {
   const C = r !== void 0, {
     sortedData: w,
@@ -387,10 +387,10 @@ function Kr({
     requestSort: D,
     requestMultiSort: F
   } = qr(e, n), V = C ? n ?? [] : J, U = C ? e : w, B = we(() => {
-    if (!S || C) return U;
-    const $ = (S.page - 1) * S.pageSize;
-    return U.slice($, $ + S.pageSize);
-  }, [U, S, C]), ee = S?.totalRows ?? U.length, q = me(
+    if (!N || C) return U;
+    const $ = (N.page - 1) * N.pageSize;
+    return U.slice($, $ + N.pageSize);
+  }, [U, N, C]), ee = N?.totalRows ?? U.length, q = me(
     ($, Z) => {
       const I = o && (Z.ctrlKey || Z.metaKey);
       if (C)
@@ -415,13 +415,13 @@ function Kr({
       D,
       F
     ]
-  ), N = ($) => V.find((I) => I.key === $)?.direction, te = ($) => {
+  ), L = ($) => V.find((I) => I.key === $)?.direction, te = ($) => {
     if (V.length <= 1) return;
     const Z = V.findIndex((I) => I.key === $);
     return Z >= 0 ? Z : void 0;
   };
-  return /* @__PURE__ */ Y("div", { className: f(ve.wrapper, y?.wrapper), children: [
-    /* @__PURE__ */ Y(
+  return /* @__PURE__ */ _("div", { className: f(ve.wrapper, g?.wrapper), children: [
+    /* @__PURE__ */ _(
       "table",
       {
         className: f(
@@ -429,31 +429,31 @@ function Kr({
           c && ve.striped,
           i && ve.hoverable,
           l && ve.compact,
-          y?.root,
+          g?.root,
           a
         ),
         style: h,
         children: [
-          /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: t.map(($) => /* @__PURE__ */ Y(
+          /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: t.map(($) => /* @__PURE__ */ _(
             "th",
             {
               className: f(
                 ve.headerCell,
                 $.sortable && ve.headerCellSortable,
-                y?.headerCell
+                g?.headerCell
               ),
               style: {
                 width: $.width,
                 textAlign: $.align
               },
               onClick: $.sortable ? (Z) => q($.key, Z) : void 0,
-              "aria-sort": $.sortable ? N($.key) === "asc" ? "ascending" : N($.key) === "desc" ? "descending" : "none" : void 0,
+              "aria-sort": $.sortable ? L($.key) === "asc" ? "ascending" : L($.key) === "desc" ? "descending" : "none" : void 0,
               children: [
                 $.header,
                 $.sortable && /* @__PURE__ */ s(
                   Gr,
                   {
-                    direction: N($.key),
+                    direction: L($.key),
                     sortIndex: te($.key)
                   }
                 )
@@ -461,17 +461,17 @@ function Kr({
             },
             $.key
           )) }) }),
-          /* @__PURE__ */ s("tbody", { children: B.length === 0 ? /* @__PURE__ */ s("tr", { className: ve.emptyRow, children: /* @__PURE__ */ s("td", { className: f(ve.emptyCell, y?.emptyCell), colSpan: t.length, children: p }) }) : B.map(($, Z) => {
+          /* @__PURE__ */ s("tbody", { children: B.length === 0 ? /* @__PURE__ */ s("tr", { className: ve.emptyRow, children: /* @__PURE__ */ s("td", { className: f(ve.emptyCell, g?.emptyCell), colSpan: t.length, children: p }) }) : B.map(($, Z) => {
             const I = d ? String($[d]) : Z, j = typeof u == "function" ? u($, Z) : u, A = typeof m == "function" ? m($, Z) : m;
             return /* @__PURE__ */ s(
               "tr",
               {
-                className: f(ve.row, y?.row, j),
+                className: f(ve.row, g?.row, j),
                 style: A,
                 children: t.map((z) => /* @__PURE__ */ s(
                   "td",
                   {
-                    className: f(ve.cell, y?.cell),
+                    className: f(ve.cell, g?.cell),
                     style: { textAlign: z.align },
                     children: z.render ? z.render($[z.key], $, Z) : $[z.key]
                   },
@@ -484,12 +484,12 @@ function Kr({
         ]
       }
     ),
-    S && /* @__PURE__ */ s(
+    N && /* @__PURE__ */ s(
       Zr,
       {
-        ...S,
+        ...N,
         totalRows: ee,
-        paginatorClasses: { paginator: y?.paginator, pageButton: y?.pageButton }
+        paginatorClasses: { paginator: g?.paginator, pageButton: g?.pageButton }
       }
     )
   ] });
@@ -528,7 +528,7 @@ function St(e, t = !0) {
 }
 function Rt(e, t) {
   const [n, r] = Ce({ top: 0, left: 0, width: 0 });
-  return Yt(() => {
+  return _t(() => {
     if (!t) return;
     const o = () => {
       const c = e.current;
@@ -558,8 +558,8 @@ const Gt = Te(
     onChange: u,
     error: m = !1,
     fullWidth: p = !0,
-    portal: S = !0,
-    classes: y
+    portal: N = !0,
+    classes: g
   }, C) => {
     const [w, J] = Ce(!1), D = ie(null), F = ie(null), V = ie(null), U = Ge();
     Re(() => {
@@ -591,7 +591,7 @@ const Gt = Te(
       },
       w
     );
-    const N = Rt(V, w && S), te = a?.find((A) => A.value === d)?.label, $ = a ? te || h : e, Z = a && !te, I = a ? a.map((A) => /* @__PURE__ */ s(
+    const L = Rt(V, w && N), te = a?.find((A) => A.value === d)?.label, $ = a ? te || h : e, Z = a && !te, I = a ? a.map((A) => /* @__PURE__ */ s(
       "button",
       {
         type: "button",
@@ -600,7 +600,7 @@ const Gt = Te(
           Ne.item,
           A.disabled && Ne.itemDisabled,
           A.value === d && Ne.itemSelected,
-          y?.item
+          g?.item
         ),
         disabled: A.disabled,
         onClick: () => q(A.value),
@@ -616,23 +616,23 @@ const Gt = Te(
           Ne.menu,
           w && Ne.menuOpen,
           n === "left" ? Ne.alignLeft : Ne.alignRight,
-          !S && p && Ne.fullWidth,
-          y?.menu
+          !N && p && Ne.fullWidth,
+          g?.menu
         ),
         style: A,
         role: "menu",
         children: I
       }
     );
-    return /* @__PURE__ */ Y(
+    return /* @__PURE__ */ _(
       "div",
       {
         ref: C,
-        className: f(Ne.root, p && Ne.fullWidth, y?.root, r),
+        className: f(Ne.root, p && Ne.fullWidth, g?.root, r),
         style: o,
         children: [
-          /* @__PURE__ */ Y("div", { ref: D, style: p ? { width: "100%" } : void 0, children: [
-            /* @__PURE__ */ Y(
+          /* @__PURE__ */ _("div", { ref: D, style: p ? { width: "100%" } : void 0, children: [
+            /* @__PURE__ */ _(
               "button",
               {
                 ref: V,
@@ -643,27 +643,27 @@ const Gt = Te(
                   w && Ne.triggerOpen,
                   m && Ne.triggerError,
                   p && Ne.fullWidth,
-                  y?.trigger
+                  g?.trigger
                 ),
                 onClick: ee,
                 "aria-expanded": w,
                 "aria-haspopup": "menu",
                 "aria-controls": w ? U : void 0,
                 children: [
-                  /* @__PURE__ */ s("span", { className: f(Ne.triggerLabel, Z && Ne.placeholder, y?.triggerLabel), children: $ }),
-                  /* @__PURE__ */ s("span", { className: f(Ne.chevron, y?.chevron), "aria-hidden": "true" })
+                  /* @__PURE__ */ s("span", { className: f(Ne.triggerLabel, Z && Ne.placeholder, g?.triggerLabel), children: $ }),
+                  /* @__PURE__ */ s("span", { className: f(Ne.chevron, g?.chevron), "aria-hidden": "true" })
                 ]
               }
             ),
-            !S && j()
+            !N && j()
           ] }),
-          S && w && typeof document < "u" && yt(
+          N && w && typeof document < "u" && yt(
             j({
               position: "fixed",
-              top: N.top + 4,
-              left: n === "right" ? void 0 : N.left,
-              right: n === "right" ? window.innerWidth - (N.left + N.width) : void 0,
-              minWidth: N.width,
+              top: L.top + 4,
+              left: n === "right" ? void 0 : L.left,
+              right: n === "right" ? window.innerWidth - (L.left + L.width) : void 0,
+              minWidth: L.width,
               zIndex: "var(--crk-z-floating)"
             }),
             document.body
@@ -737,13 +737,13 @@ const Zt = Te(
     className: l,
     style: a
   }, h) => {
-    const [d, u] = Ce(!1), m = ie(null), p = ie(null), S = ie(null), y = Ge(), C = o !== void 0, w = C ? o : d, J = me(
+    const [d, u] = Ce(!1), m = ie(null), p = ie(null), N = ie(null), g = Ge(), C = o !== void 0, w = C ? o : d, J = me(
       (U) => {
         C || u(U), c?.(U);
       },
       [C, c]
     ), D = me(() => {
-      J(!1), S.current?.focus();
+      J(!1), N.current?.focus();
     }, [J]), F = me(() => {
       J(!w);
     }, [w, J]);
@@ -764,26 +764,26 @@ const Zt = Te(
     if (t && mn(e)) {
       const U = e, B = U.ref;
       V = jt(U, {
-        ref: $o(S, B),
+        ref: $o(N, B),
         onClick: (ee) => {
           U.props.onClick?.(ee), F();
         },
         className: f(U.props.className, i?.trigger),
         "aria-expanded": w,
         "aria-haspopup": "dialog",
-        "aria-controls": w ? y : void 0
+        "aria-controls": w ? g : void 0
       });
     } else
       V = /* @__PURE__ */ s(
         "button",
         {
-          ref: S,
+          ref: N,
           type: "button",
           className: f(ut.trigger, i?.trigger),
           onClick: F,
           "aria-expanded": w,
           "aria-haspopup": "dialog",
-          "aria-controls": w ? y : void 0,
+          "aria-controls": w ? g : void 0,
           children: e
         }
       );
@@ -793,13 +793,13 @@ const Zt = Te(
         ref: h,
         className: f(ut.root, i?.root, l),
         style: a,
-        children: /* @__PURE__ */ Y("div", { ref: m, children: [
+        children: /* @__PURE__ */ _("div", { ref: m, children: [
           V,
           w && /* @__PURE__ */ s(
             "div",
             {
               ref: p,
-              id: y,
+              id: g,
               role: "dialog",
               tabIndex: -1,
               className: f(ut.popover, ut[r], i?.popover),
@@ -847,7 +847,7 @@ function No(e, t) {
     };
   }, [t, e, r]);
 }
-const Lo = "crk-backdrop-jYpTA", To = "crk-backdropIn-x5Z-A", So = "crk-modal-yNG-7", Ro = "crk-modalIn-xFUwm", Co = "crk-sm--xyY9", Ao = "crk-md-ETTfh", Do = "crk-lg-5DBb7", Io = "crk-fullscreen-b4jQ-", Bo = "crk-header-NS30G", Eo = "crk-headerWithClose-4davm", Po = "crk-closeButton-JX-aq", Wo = "crk-body-3zIj9", Ho = "crk-footer-Oyz-R", _e = {
+const Lo = "crk-backdrop-jYpTA", To = "crk-backdropIn-x5Z-A", So = "crk-modal-yNG-7", Ro = "crk-modalIn-xFUwm", Co = "crk-sm--xyY9", Ao = "crk-md-ETTfh", Do = "crk-lg-5DBb7", Io = "crk-fullscreen-b4jQ-", Bo = "crk-header-NS30G", Eo = "crk-headerWithClose-4davm", Po = "crk-closeButton-JX-aq", Wo = "crk-body-3zIj9", Ho = "crk-footer-Oyz-R", Ye = {
   backdrop: Lo,
   backdropIn: To,
   modal: So,
@@ -863,11 +863,11 @@ const Lo = "crk-backdrop-jYpTA", To = "crk-backdropIn-x5Z-A", So = "crk-modal-yN
   footer: Ho
 }, vt = zt({ classes: {}, titleId: "" }), Kt = ({ children: e, className: t, style: n, onClose: r }) => {
   const { classes: o, titleId: c } = gt(vt);
-  return /* @__PURE__ */ Y(
+  return /* @__PURE__ */ _(
     "div",
     {
       id: c,
-      className: f(_e.header, r && _e.headerWithClose, o.header, t),
+      className: f(Ye.header, r && Ye.headerWithClose, o.header, t),
       style: n,
       children: [
         e,
@@ -875,7 +875,7 @@ const Lo = "crk-backdrop-jYpTA", To = "crk-backdropIn-x5Z-A", So = "crk-modal-yN
           "button",
           {
             type: "button",
-            className: f(_e.closeButton, o.closeButton),
+            className: f(Ye.closeButton, o.closeButton),
             onClick: r,
             "aria-label": "Close",
             children: "×"
@@ -888,12 +888,12 @@ const Lo = "crk-backdrop-jYpTA", To = "crk-backdropIn-x5Z-A", So = "crk-modal-yN
 Kt.displayName = "Modal.Header";
 const Qt = ({ children: e, className: t, style: n }) => {
   const { classes: r } = gt(vt);
-  return /* @__PURE__ */ s("div", { className: f(_e.body, r.body, t), style: n, children: e });
+  return /* @__PURE__ */ s("div", { className: f(Ye.body, r.body, t), style: n, children: e });
 };
 Qt.displayName = "Modal.Body";
 const Jt = ({ children: e, className: t, style: n }) => {
   const { classes: r } = gt(vt);
-  return /* @__PURE__ */ s("div", { className: f(_e.footer, r.footer, t), style: n, children: e });
+  return /* @__PURE__ */ s("div", { className: f(Ye.footer, r.footer, t), style: n, children: e });
 };
 Jt.displayName = "Modal.Footer";
 const bt = Te(
@@ -910,7 +910,7 @@ const bt = Te(
     "aria-label": h,
     "aria-labelledby": d
   }, u) => {
-    const m = ie(null), p = u ?? m, S = Ge(), y = d ?? `${S}-title`;
+    const m = ie(null), p = u ?? m, N = Ge(), g = d ?? `${N}-title`;
     No(p, e);
     const C = we(
       () => ({
@@ -934,20 +934,20 @@ const bt = Te(
       /* @__PURE__ */ s(
         "div",
         {
-          className: f(_e.backdrop, c?.backdrop),
+          className: f(Ye.backdrop, c?.backdrop),
           onClick: w,
           role: "presentation",
           children: /* @__PURE__ */ s(
             "div",
             {
               ref: p,
-              className: f(_e.modal, _e[o], c?.modal, i),
+              className: f(Ye.modal, Ye[o], c?.modal, i),
               style: l,
               role: "dialog",
               "aria-modal": "true",
               "aria-label": h,
-              "aria-labelledby": h ? void 0 : y,
-              children: /* @__PURE__ */ s(vt.Provider, { value: { classes: c ?? {}, titleId: y }, children: a })
+              "aria-labelledby": h ? void 0 : g,
+              children: /* @__PURE__ */ s(vt.Provider, { value: { classes: c ?? {}, titleId: g }, children: a })
             }
           )
         }
@@ -960,13 +960,13 @@ bt.displayName = "Modal";
 bt.Header = Kt;
 bt.Body = Qt;
 bt.Footer = Jt;
-const Oo = "crk-root-jHIIP", Fo = "crk-formErrors-eh-OP", Xo = "crk-formError-XEuWv", Uo = "crk-field-OUlYz", _o = "crk-label-udkR7", Yo = "crk-labelError-LOgKi", jo = "crk-required-IYiA2", zo = "crk-error-yFZXm", Vo = "crk-helperText-Dm-rb", qo = "crk-row-nNbx-", Fe = {
+const Oo = "crk-root-jHIIP", Fo = "crk-formErrors-eh-OP", Xo = "crk-formError-XEuWv", Uo = "crk-field-OUlYz", Yo = "crk-label-udkR7", _o = "crk-labelError-LOgKi", jo = "crk-required-IYiA2", zo = "crk-error-yFZXm", Vo = "crk-helperText-Dm-rb", qo = "crk-row-nNbx-", Fe = {
   root: Oo,
   formErrors: Fo,
   formError: Xo,
   field: Uo,
-  label: _o,
-  labelError: Yo,
+  label: Yo,
+  labelError: _o,
   required: jo,
   error: zo,
   helperText: Vo,
@@ -981,7 +981,7 @@ function Ol({
   children: c
 }) {
   const i = n && n.length > 0;
-  return /* @__PURE__ */ s(pn, { ...e, children: /* @__PURE__ */ Y(
+  return /* @__PURE__ */ s(pn, { ...e, children: /* @__PURE__ */ _(
     "form",
     {
       onSubmit: e.handleSubmit(t),
@@ -1012,8 +1012,8 @@ function Fl({
   style: l,
   children: a
 }) {
-  const { control: h } = gn(), { field: d, fieldState: u } = yn({ name: e, control: h, rules: o }), m = a.type, p = typeof m == "string" ? "" : m?.displayName ?? m?.name ?? "", S = Go.has(p), { ref: y, ...C } = d, w = ie(y);
-  w.current = y;
+  const { control: h } = gn(), { field: d, fieldState: u } = yn({ name: e, control: h, rules: o }), m = a.type, p = typeof m == "string" ? "" : m?.displayName ?? m?.name ?? "", N = Go.has(p), { ref: g, ...C } = d, w = ie(g);
+  w.current = g;
   const J = me(
     (D) => {
       if (D) {
@@ -1025,8 +1025,8 @@ function Fl({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  return /* @__PURE__ */ Y("div", { className: f(Fe.field, c?.field, i), style: l, children: [
-    t && /* @__PURE__ */ Y("label", { className: f(Fe.label, u.error && Fe.labelError, c?.label), htmlFor: e, children: [
+  return /* @__PURE__ */ _("div", { className: f(Fe.field, c?.field, i), style: l, children: [
+    t && /* @__PURE__ */ _("label", { className: f(Fe.label, u.error && Fe.labelError, c?.label), htmlFor: e, children: [
       t,
       r && /* @__PURE__ */ s("span", { className: Fe.required, children: "*" })
     ] }),
@@ -1040,7 +1040,7 @@ function Fl({
       // Bridge for custom components that use onValueChange/onValuesChange (Select, Dropdown).
       // 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.
-      ...S && {
+      ...N && {
         onValueChange: C.onChange,
         onValuesChange: C.onChange
       },
@@ -1092,7 +1092,7 @@ const Zo = "crk-root-rSgdy", Ko = "crk-wrapper-GHy8V", Qo = "crk-sm-DptM5", Jo =
         ...l
       }
     );
-    return n || r ? /* @__PURE__ */ Y(
+    return n || r ? /* @__PURE__ */ _(
       "div",
       {
         className: f(Oe.wrapper, Oe[e], t && Oe.error, o?.wrapper, c),
@@ -1152,23 +1152,30 @@ const li = "crk-wrapper-SP2JE", si = "crk-sm-DqshL", ai = "crk-md-j4AKI", di = "
     children: l,
     searchable: a,
     searchPlaceholder: h,
-    onValueChange: d,
-    ...u
-  }, m) => /* @__PURE__ */ Y("div", { className: f(H.wrapper, H[e], t && H.error, o?.wrapper, c), style: i, children: [
-    /* @__PURE__ */ Y(
-      "select",
-      {
-        ref: m,
-        className: f(H.root, H[e], t && H.error, o?.root),
-        ...u,
-        children: [
-          r && /* @__PURE__ */ s("option", { value: "", disabled: !0, children: r }),
-          n ? n.map((p) => /* @__PURE__ */ s("option", { value: p.value, disabled: p.disabled, children: p.label }, p.value)) : l
-        ]
-      }
-    ),
-    /* @__PURE__ */ s("span", { className: f(H.arrow, o?.arrow) })
-  ] })
+    onChange: d,
+    onValueChange: u,
+    ...m
+  }, p) => {
+    const N = d || u ? (g) => {
+      d?.(g), u?.(g.target.value);
+    } : void 0;
+    return /* @__PURE__ */ _("div", { className: f(H.wrapper, H[e], t && H.error, o?.wrapper, c), style: i, children: [
+      /* @__PURE__ */ _(
+        "select",
+        {
+          ref: p,
+          className: f(H.root, H[e], t && H.error, o?.root),
+          onChange: N,
+          ...m,
+          children: [
+            r && /* @__PURE__ */ s("option", { value: "", disabled: !0, children: r }),
+            n ? n.map((g) => /* @__PURE__ */ s("option", { value: g.value, disabled: g.disabled, children: g.label }, g.value)) : l
+          ]
+        }
+      ),
+      /* @__PURE__ */ s("span", { className: f(H.arrow, o?.arrow) })
+    ] });
+  }
 );
 en.displayName = "NativeSelect";
 const tn = Te(
@@ -1187,22 +1194,22 @@ const tn = Te(
     onChange: u,
     onValueChange: m,
     portal: p = !0
-  }, S) => {
-    const [y, C] = Ce(!1), [w, J] = Ce(""), [D, F] = Ce(0), V = ie(null), U = ie(null), B = ie(null), ee = ie(null), q = ie(null), N = Ge(), te = Rt(B, y && p), $ = ie(null), Z = S ?? $, I = ie(!1);
+  }, N) => {
+    const [g, C] = Ce(!1), [w, J] = Ce(""), [D, F] = Ce(0), V = ie(null), U = ie(null), B = ie(null), ee = ie(null), q = ie(null), L = Ge(), te = Rt(B, g && p), $ = ie(null), Z = N ?? $, I = ie(!1);
     Re(() => {
-      I.current && !y && B.current?.focus(), I.current = y;
-    }, [y]);
+      I.current && !g && B.current?.focus(), I.current = g;
+    }, [g]);
     const j = me(() => {
       C(!1), J(""), F(0);
     }, []), A = me(() => {
       a || (C(!0), J(""), F(0), setTimeout(() => U.current?.focus(), 0));
     }, [a]), z = me(
-      (L) => {
-        if (m?.(L), Z.current) {
+      (T) => {
+        if (m?.(T), Z.current) {
           Object.getOwnPropertyDescriptor(
             HTMLSelectElement.prototype,
             "value"
-          )?.set?.call(Z.current, L);
+          )?.set?.call(Z.current, T);
           const v = new Event("change", { bubbles: !0 });
           Z.current.dispatchEvent(v), u?.(v);
         }
@@ -1211,50 +1218,50 @@ const tn = Te(
       [m, u, Z, j]
     ), ae = we(() => {
       if (!w) return n;
-      const L = w.toLowerCase();
-      return n.filter((g) => g.label.toLowerCase().includes(L));
+      const T = w.toLowerCase();
+      return n.filter((y) => y.label.toLowerCase().includes(T));
     }, [n, w]);
     Re(() => {
-      const L = ae.findIndex((g) => !g.disabled);
-      F(L >= 0 ? L : 0);
+      const T = ae.findIndex((y) => !y.disabled);
+      F(T >= 0 ? T : 0);
     }, [ae]), Re(() => {
-      if (!y) return;
-      const L = q.current;
-      if (!L) return;
-      L.querySelectorAll('[role="option"]')[D]?.scrollIntoView?.({ block: "nearest" });
-    }, [D, y]);
+      if (!g) return;
+      const T = q.current;
+      if (!T) return;
+      T.querySelectorAll('[role="option"]')[D]?.scrollIntoView?.({ block: "nearest" });
+    }, [D, g]);
     const de = me(
-      (L) => {
-        const g = ae.map((v, P) => v.disabled ? -1 : P).filter((v) => v >= 0);
-        if (g.length !== 0)
-          if (L.key === "ArrowDown")
-            L.preventDefault(), F((v) => {
-              const P = g.indexOf(v);
-              return P < g.length - 1 ? g[P + 1] : g[0];
+      (T) => {
+        const y = ae.map((v, P) => v.disabled ? -1 : P).filter((v) => v >= 0);
+        if (y.length !== 0)
+          if (T.key === "ArrowDown")
+            T.preventDefault(), F((v) => {
+              const P = y.indexOf(v);
+              return P < y.length - 1 ? y[P + 1] : y[0];
             });
-          else if (L.key === "ArrowUp")
-            L.preventDefault(), F((v) => {
-              const P = g.indexOf(v);
-              return P > 0 ? g[P - 1] : g[g.length - 1];
+          else if (T.key === "ArrowUp")
+            T.preventDefault(), F((v) => {
+              const P = y.indexOf(v);
+              return P > 0 ? y[P - 1] : y[y.length - 1];
             });
-          else if (L.key === "Enter") {
-            L.preventDefault();
+          else if (T.key === "Enter") {
+            T.preventDefault();
             const v = ae[D];
             v && !v.disabled && z(v.value);
-          } else L.key === "Escape" && (L.preventDefault(), j());
+          } else T.key === "Escape" && (T.preventDefault(), j());
       },
       [ae, D, z, j]
     );
     Re(() => {
-      if (!y) return;
-      const L = (g) => {
-        const v = g.target;
+      if (!g) return;
+      const T = (y) => {
+        const v = y.target;
         V.current?.contains(v) || ee.current?.contains(v) || j();
       };
-      return document.addEventListener("mousedown", L), () => document.removeEventListener("mousedown", L);
-    }, [y, j]);
-    const G = n.find((L) => L.value === l)?.label, E = ae.filter((L) => !L.disabled);
-    return /* @__PURE__ */ Y(
+      return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
+    }, [g, j]);
+    const G = n.find((T) => T.value === l)?.label, E = ae.filter((T) => !T.disabled);
+    return /* @__PURE__ */ _(
       "div",
       {
         ref: V,
@@ -1280,10 +1287,10 @@ const tn = Te(
               "aria-hidden": "true",
               onChange: () => {
               },
-              children: n.map((L) => /* @__PURE__ */ s("option", { value: L.value, children: L.label }, L.value))
+              children: n.map((T) => /* @__PURE__ */ s("option", { value: T.value, children: T.label }, T.value))
             }
           ),
-          /* @__PURE__ */ Y(
+          /* @__PURE__ */ _(
             "button",
             {
               ref: B,
@@ -1293,23 +1300,23 @@ const tn = Te(
                 H.root,
                 H.searchableTrigger,
                 H[e],
-                y && H.triggerOpen,
+                g && H.triggerOpen,
                 t && H.error,
-                y && H.visuallyHidden,
+                g && H.visuallyHidden,
                 o?.root
               ),
               onClick: A,
               disabled: a,
-              "aria-expanded": y,
+              "aria-expanded": g,
               "aria-haspopup": "listbox",
-              "aria-controls": y ? N : void 0,
+              "aria-controls": g ? L : void 0,
               children: [
                 /* @__PURE__ */ s("span", { className: f(H.triggerLabel, !G && H.placeholder), children: G || r }),
                 /* @__PURE__ */ s("span", { className: f(H.arrow, H.arrowInline, o?.arrow) })
               ]
             }
           ),
-          y && /* @__PURE__ */ s(
+          g && /* @__PURE__ */ s(
             "input",
             {
               ref: U,
@@ -1326,29 +1333,29 @@ const tn = Te(
               ),
               placeholder: G || r,
               value: w,
-              onChange: (L) => J(L.target.value),
+              onChange: (T) => J(T.target.value),
               onKeyDown: de,
               "aria-expanded": !0,
               "aria-haspopup": "listbox",
-              "aria-controls": N,
+              "aria-controls": L,
               "aria-activedescendant": E.length > 0 ? `select-option-${ae[D]?.value}` : void 0
             }
           ),
-          y && (() => {
-            const L = p ? {
+          g && (() => {
+            const T = p ? {
               position: "fixed",
               top: te.top + 4,
               left: te.left,
               right: "auto",
               width: te.width,
               zIndex: "var(--crk-z-floating)"
-            } : void 0, g = /* @__PURE__ */ s(
+            } : void 0, y = /* @__PURE__ */ s(
               "div",
               {
-                id: N,
+                id: L,
                 ref: ee,
                 className: f(H.menu, o?.menu),
-                style: L,
+                style: T,
                 role: "listbox",
                 children: /* @__PURE__ */ s("div", { className: H.menuItems, ref: q, children: ae.length === 0 ? /* @__PURE__ */ s("div", { className: H.noResults, children: "No results" }) : ae.map((v, P) => /* @__PURE__ */ s(
                   "button",
@@ -1373,7 +1380,7 @@ const tn = Te(
                 )) })
               }
             );
-            return p && typeof document < "u" ? yt(g, document.body) : g;
+            return p && typeof document < "u" ? yt(y, document.body) : y;
           })()
         ]
       }
@@ -1397,12 +1404,12 @@ const nn = Te(
     onValuesChange: u,
     clearSearchOnSelect: m = !0,
     closeOnSelect: p = !0,
-    allowCreate: S = !1,
-    onCreate: y,
+    allowCreate: N = !1,
+    onCreate: g,
     createLabel: C,
     portal: w = !0
   }, J) => {
-    const D = Array.isArray(l) ? l : l ? [l] : [], [F, V] = Ce(!1), [U, B] = Ce(""), [ee, q] = Ce(0), N = ie(null), te = ie(null), $ = ie(null), Z = ie(null), I = ie(null), j = Ge(), A = Rt(I, F && w), z = ie(null), ae = J ?? z, de = me(() => {
+    const D = Array.isArray(l) ? l : l ? [l] : [], [F, V] = Ce(!1), [U, B] = Ce(""), [ee, q] = Ce(0), L = ie(null), te = ie(null), $ = ie(null), Z = ie(null), I = ie(null), j = Ge(), A = Rt(I, F && w), z = ie(null), ae = J ?? z, de = me(() => {
       V(!1), B(""), q(0);
     }, []), G = me(() => {
       a || (V(!0), B(""), q(0), setTimeout(() => te.current?.focus(), 0));
@@ -1412,32 +1419,32 @@ const nn = Te(
         u?.(K), p ? de() : m && B("");
       },
       [D, u, p, de, m]
-    ), L = me(
+    ), T = me(
       (x, K) => {
         K.stopPropagation(), u?.(D.filter((R) => R !== x));
       },
       [D, u]
-    ), g = we(() => {
+    ), y = we(() => {
       if (!U) return n;
       const x = U.toLowerCase();
       return n.filter((K) => K.label.toLowerCase().includes(x));
-    }, [n, U]), v = U.trim(), P = S && v.length > 0 && !n.some(
+    }, [n, U]), v = U.trim(), P = N && v.length > 0 && !n.some(
       (x) => x.label.toLowerCase() === v.toLowerCase() || x.value === v
     ) && !D.includes(v), Q = me(() => {
-      v && (D.includes(v) || (y?.(v), u?.([...D, v]), p ? de() : m && B("")));
-    }, [v, D, y, u, p, de, m]);
+      v && (D.includes(v) || (g?.(v), u?.([...D, v]), p ? de() : m && B("")));
+    }, [v, D, g, u, p, de, m]);
     Re(() => {
-      const x = g.findIndex((K) => !K.disabled);
+      const x = y.findIndex((K) => !K.disabled);
       q(x >= 0 ? x : 0);
-    }, [g]), Re(() => {
+    }, [y]), Re(() => {
       if (!F) return;
       const x = Z.current;
       if (!x) return;
       x.querySelectorAll('[role="option"]')[ee]?.scrollIntoView?.({ block: "nearest" });
     }, [ee, F]);
-    const ne = g.length, X = me(
+    const ne = y.length, X = me(
       (x) => {
-        const K = g.map((R, re) => R.disabled ? -1 : re).filter((R) => R >= 0);
+        const K = y.map((R, re) => R.disabled ? -1 : re).filter((R) => R >= 0);
         if (P && K.push(ne), x.key === "Backspace" && U === "" && D.length > 0) {
           x.preventDefault(), u?.(D.slice(0, -1));
           return;
@@ -1462,25 +1469,25 @@ const nn = Te(
               Q();
               return;
             }
-            const R = g[ee];
+            const R = y[ee];
             R && !R.disabled ? E(R.value) : P && Q();
           } else x.key === "Escape" && (x.preventDefault(), de());
       },
-      [g, ee, E, de, U, D, u, F, G, P, Q, ne]
+      [y, ee, E, de, U, D, u, F, G, P, Q, ne]
     );
     Re(() => {
       if (!F) return;
       const x = (K) => {
         const R = K.target;
-        N.current?.contains(R) || $.current?.contains(R) || de();
+        L.current?.contains(R) || $.current?.contains(R) || de();
       };
       return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
     }, [F, de]);
     const ue = D.map((x) => n.find((R) => R.value === x) ?? { value: x, label: x });
-    return /* @__PURE__ */ Y(
+    return /* @__PURE__ */ _(
       "div",
       {
-        ref: N,
+        ref: L,
         className: f(
           H.wrapper,
           H.searchableWrapper,
@@ -1507,7 +1514,7 @@ const nn = Te(
               children: n.map((x) => /* @__PURE__ */ s("option", { value: x.value, children: x.label }, x.value))
             }
           ),
-          /* @__PURE__ */ Y(
+          /* @__PURE__ */ _(
             "div",
             {
               ref: I,
@@ -1527,14 +1534,14 @@ const nn = Te(
               "aria-haspopup": "listbox",
               "aria-controls": F ? j : void 0,
               children: [
-                ue.map((x) => /* @__PURE__ */ Y("span", { className: f(H.chip, o?.chip), children: [
+                ue.map((x) => /* @__PURE__ */ _("span", { className: f(H.chip, o?.chip), children: [
                   /* @__PURE__ */ s("span", { className: H.chipLabel, children: x.content ?? x.label }),
                   /* @__PURE__ */ s(
                     "button",
                     {
                       type: "button",
                       className: f(H.chipRemove, o?.chipRemove),
-                      onClick: (K) => L(x.value, K),
+                      onClick: (K) => T(x.value, K),
                       "aria-label": `Remove ${x.label}`,
                       tabIndex: -1,
                       children: "×"
@@ -1579,11 +1586,11 @@ const nn = Te(
                 style: x,
                 role: "listbox",
                 "aria-multiselectable": "true",
-                children: /* @__PURE__ */ Y("div", { className: H.menuItems, ref: Z, children: [
-                  g.length === 0 && !P && /* @__PURE__ */ s("div", { className: H.noResults, children: "No results" }),
-                  g.map((R, re) => {
+                children: /* @__PURE__ */ _("div", { className: H.menuItems, ref: Z, children: [
+                  y.length === 0 && !P && /* @__PURE__ */ s("div", { className: H.noResults, children: "No results" }),
+                  y.map((R, re) => {
                     const fe = D.includes(R.value);
-                    return /* @__PURE__ */ Y(
+                    return /* @__PURE__ */ _(
                       "button",
                       {
                         id: `select-option-${R.value}`,
@@ -1621,7 +1628,7 @@ const nn = Te(
                       ),
                       onClick: Q,
                       onMouseEnter: () => q(ne),
-                      children: C ? C(v) : /* @__PURE__ */ Y(Ye, { children: [
+                      children: C ? C(v) : /* @__PURE__ */ _(_e, { children: [
                         "Create “",
                         /* @__PURE__ */ s("strong", { children: v }),
                         "”"
@@ -1644,12 +1651,12 @@ const Oi = Te(
   (e, t) => e.multiple ? /* @__PURE__ */ s(nn, { ref: t, ...e }) : e.searchable ? /* @__PURE__ */ s(tn, { ref: t, ...e }) : /* @__PURE__ */ s(en, { ref: t, ...e })
 );
 Oi.displayName = "Select";
-const Fi = "crk-root-61cKD", Xi = "crk-input-bAjPU", Ui = "crk-label-W9IeS", _i = "crk-indeterminate-mLarv", ht = {
+const Fi = "crk-root-61cKD", Xi = "crk-input-bAjPU", Ui = "crk-label-W9IeS", Yi = "crk-indeterminate-mLarv", ht = {
   root: Fi,
   input: Xi,
   label: Ui,
-  indeterminate: _i
-}, Yi = Te(
+  indeterminate: Yi
+}, _i = Te(
   ({
     label: e,
     indeterminate: t = !1,
@@ -1661,7 +1668,7 @@ const Fi = "crk-root-61cKD", Xi = "crk-input-bAjPU", Ui = "crk-label-W9IeS", _i
     const l = ie(null);
     return Re(() => {
       l.current && (l.current.indeterminate = t);
-    }, [t]), /* @__PURE__ */ Y(
+    }, [t]), /* @__PURE__ */ _(
       "label",
       {
         className: f(ht.root, t && ht.indeterminate, n?.root, r),
@@ -1684,7 +1691,7 @@ const Fi = "crk-root-61cKD", Xi = "crk-input-bAjPU", Ui = "crk-label-W9IeS", _i
     );
   }
 );
-Yi.displayName = "Checkbox";
+_i.displayName = "Checkbox";
 const ji = "crk-group-NNwCD", zi = "crk-root-7fGik", Vi = "crk-input-43PQW", qi = "crk-label-aW30x", ft = {
   group: ji,
   root: zi,
@@ -1728,10 +1735,10 @@ const Zi = Te(
     name: l,
     ...a
   }, h) => {
-    const d = gt(rn), u = d?.name ?? l, m = d ? d.value === t : i, p = (S) => {
-      d?.onChange?.(t), c?.(S);
+    const d = gt(rn), u = d?.name ?? l, m = d ? d.value === t : i, p = (N) => {
+      d?.onChange?.(t), c?.(N);
     };
-    return /* @__PURE__ */ Y("label", { className: f(ft.root, n?.root, r), style: o, children: [
+    return /* @__PURE__ */ _("label", { className: f(ft.root, n?.root, r), style: o, children: [
       /* @__PURE__ */ s(
         "input",
         {
@@ -1865,14 +1872,14 @@ const dc = "crk-root-uMSq0", uc = "crk-canvas-zhFr0", hc = "crk-svg-waPLB", mc =
     const h = ie(null);
     fn(a, () => h.current);
     const { width: d } = ac(h), u = Math.max(0, d), m = t ?? Math.round(u / e);
-    return /* @__PURE__ */ Y(
+    return /* @__PURE__ */ _(
       "div",
       {
         ref: h,
         className: f(k.root, o?.root, n),
         style: r,
         children: [
-          /* @__PURE__ */ Y("div", { className: k.canvas, style: { height: m || void 0 }, children: [
+          /* @__PURE__ */ _("div", { className: k.canvas, style: { height: m || void 0 }, children: [
             u > 0 && m > 0 && /* @__PURE__ */ s(
               "svg",
               {
@@ -1897,7 +1904,7 @@ function xt({ config: e, order: t, classes: n }) {
   const r = t ?? Object.keys(e);
   return /* @__PURE__ */ s("div", { className: f(k.legend, n?.legend), role: "list", children: r.map((o) => {
     const c = e[o];
-    return c ? /* @__PURE__ */ Y("div", { className: f(k.legendItem, n?.legendItem), role: "listitem", children: [
+    return c ? /* @__PURE__ */ _("div", { className: f(k.legendItem, n?.legendItem), role: "listitem", children: [
       c.icon ? /* @__PURE__ */ s(
         "span",
         {
@@ -1938,24 +1945,24 @@ function nt({
       className: f(k.tooltip, h?.tooltip),
       style: { left: m, top: p, width: d },
       role: "tooltip",
-      children: c ? c(e) : /* @__PURE__ */ Y(Ye, { children: [
+      children: c ? c(e) : /* @__PURE__ */ _(_e, { children: [
         l && e[l] !== void 0 && /* @__PURE__ */ s("div", { className: k.tooltipTitle, children: String(e[l]) }),
-        /* @__PURE__ */ s("div", { className: k.tooltipRows, children: Object.entries(o).map(([S, y]) => {
-          const C = e[S];
+        /* @__PURE__ */ s("div", { className: k.tooltipRows, children: Object.entries(o).map(([N, g]) => {
+          const C = e[N];
           if (C == null) return null;
-          const w = typeof C == "number" ? i(C) : String(C), J = a?.(S) ?? y.color;
-          return /* @__PURE__ */ Y("div", { className: k.tooltipRow, children: [
+          const w = typeof C == "number" ? i(C) : String(C), J = a?.(N) ?? g.color;
+          return /* @__PURE__ */ _("div", { className: k.tooltipRow, children: [
             /* @__PURE__ */ s("span", { className: k.legendSwatch, style: { background: J }, "aria-hidden": "true" }),
-            /* @__PURE__ */ s("span", { className: k.tooltipLabel, children: y.label }),
+            /* @__PURE__ */ s("span", { className: k.tooltipLabel, children: g.label }),
             /* @__PURE__ */ s("span", { className: k.tooltipValue, children: w })
-          ] }, S);
+          ] }, N);
         }) })
       ] })
     }
   );
 }
 function on({ ticks: e, x: t, plotWidth: n, format: r, showGrid: o = !0, classes: c }) {
-  return /* @__PURE__ */ s("g", { className: f(k.axis, c?.axis), children: e.map(({ value: i, y: l }) => /* @__PURE__ */ Y("g", { children: [
+  return /* @__PURE__ */ s("g", { className: f(k.axis, c?.axis), children: e.map(({ value: i, y: l }) => /* @__PURE__ */ _("g", { children: [
     o && /* @__PURE__ */ s(
       "line",
       {
@@ -2064,8 +2071,8 @@ function Ul({
   renderLabel: u,
   activeIndex: m,
   onPointClick: p,
-  showGrid: S = !0,
-  showLegend: y = !0,
+  showGrid: N = !0,
+  showLegend: g = !0,
   showTooltip: C = !0,
   yTickCount: w = 5,
   yFormat: J,
@@ -2076,7 +2083,7 @@ function Ul({
   emptyMessage: B = "No data",
   className: ee,
   style: q,
-  classes: N
+  classes: L
 }) {
   const te = { ...Hc, ...U }, $ = we(() => Object.keys(n), [n]), [Z, I] = Ce(null), j = ie(null), A = m ?? Z, z = (de, G) => {
     if (l) {
@@ -2086,7 +2093,7 @@ function Ul({
     return n[de]?.color ?? "var(--crk-chart-1)";
   };
   if (e.length === 0)
-    return /* @__PURE__ */ s("div", { ref: j, className: f(k.root, N?.root, ee), style: q, children: /* @__PURE__ */ s("div", { className: k.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: k.empty, children: B }) }) });
+    return /* @__PURE__ */ s("div", { ref: j, className: f(k.root, L?.root, ee), style: q, children: /* @__PURE__ */ s("div", { className: k.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: k.empty, children: B }) }) });
   const ae = C && A !== null ? /* @__PURE__ */ s(
     nt,
     {
@@ -2099,7 +2106,7 @@ function Ul({
       valueFormat: F,
       titleKey: t,
       resolveColor: l ? (de) => z(de, A) : void 0,
-      classes: N
+      classes: L
     }
   ) : null;
   return /* @__PURE__ */ s(
@@ -2110,18 +2117,18 @@ function Ul({
       height: o,
       className: ee,
       style: q,
-      classes: N,
-      legend: y ? /* @__PURE__ */ s(xt, { config: n, classes: N }) : void 0,
+      classes: L,
+      legend: g ? /* @__PURE__ */ s(xt, { config: n, classes: L }) : void 0,
       overlay: ae,
       children: ({ width: de, height: G }) => {
-        const E = te.left, L = de - te.right, g = te.top, v = G - te.bottom, P = Math.max(0, L - E), Q = Math.max(0, v - g), ne = e.map((_) => String(_[t])), X = je(ne, [E, L], 0), ue = [];
-        for (const _ of $)
+        const E = te.left, T = de - te.right, y = te.top, v = G - te.bottom, P = Math.max(0, T - E), Q = Math.max(0, v - y), ne = e.map((Y) => String(Y[t])), X = je(ne, [E, T], 0), ue = [];
+        for (const Y of $)
           for (const ge of e) {
-            const ke = ge[_];
+            const ke = ge[Y];
             typeof ke == "number" && ue.push(ke);
           }
-        const [x, K] = kt(ue), R = Math.min(0, x), re = Ke(R, K, w), fe = tt([re[0], re[re.length - 1]], [v, g]), be = re.map((_) => ({ value: _, y: fe(_) })), Ae = Fc(ne).map((_) => ({ label: _, x: X(_) }));
-        return /* @__PURE__ */ Y(Ye, { children: [
+        const [x, K] = kt(ue), R = Math.min(0, x), re = Ke(R, K, w), fe = tt([re[0], re[re.length - 1]], [v, y]), be = re.map((Y) => ({ value: Y, y: fe(Y) })), Ae = Fc(ne).map((Y) => ({ label: Y, x: X(Y) }));
+        return /* @__PURE__ */ _(_e, { children: [
           /* @__PURE__ */ s(
             on,
             {
@@ -2129,17 +2136,17 @@ function Ul({
               x: E,
               plotWidth: P,
               format: J,
-              showGrid: S,
-              classes: N
+              showGrid: N,
+              classes: L
             }
           ),
-          /* @__PURE__ */ s(cn, { ticks: Ae, y: v, format: D, classes: N }),
-          $.map((_) => {
-            const ge = n[_], ke = e.map((M, b) => {
-              const oe = M[_], ce = typeof oe == "number" ? oe : 0;
+          /* @__PURE__ */ s(cn, { ticks: Ae, y: v, format: D, classes: L }),
+          $.map((Y) => {
+            const ge = n[Y], ke = e.map((M, b) => {
+              const oe = M[Y], ce = typeof oe == "number" ? oe : 0;
               return { x: X(ne[b]), y: fe(ce), value: ce, row: M };
             });
-            return /* @__PURE__ */ Y("g", { className: f(k.series, N?.series), children: [
+            return /* @__PURE__ */ _("g", { className: f(k.series, L?.series), children: [
               /* @__PURE__ */ s(
                 "path",
                 {
@@ -2149,7 +2156,7 @@ function Ul({
                 }
               ),
               i && ke.map((M, b) => {
-                const oe = z(_, b), ce = A === b, le = m !== void 0 && !ce, O = p ? () => p({ row: M.row, value: M.value, seriesKey: _, index: b }) : void 0;
+                const oe = z(Y, b), ce = A === b, le = m !== void 0 && !ce, O = p ? () => p({ row: M.row, value: M.value, seriesKey: Y, index: b }) : void 0;
                 return a ? /* @__PURE__ */ s(
                   "g",
                   {
@@ -2159,7 +2166,7 @@ function Ul({
                     children: a({
                       row: M.row,
                       value: M.value,
-                      seriesKey: _,
+                      seriesKey: Y,
                       index: b,
                       x: M.x,
                       y: M.y,
@@ -2167,11 +2174,11 @@ function Ul({
                       active: ce
                     })
                   },
-                  `${_}-${b}`
+                  `${Y}-${b}`
                 ) : /* @__PURE__ */ s(
                   "circle",
                   {
-                    className: f(k.point, N?.point),
+                    className: f(k.point, L?.point),
                     cx: M.x,
                     cy: M.y,
                     r: ce ? 5 : 3.5,
@@ -2180,11 +2187,11 @@ function Ul({
                     style: O ? { cursor: "pointer" } : void 0,
                     opacity: le ? 0.45 : 1
                   },
-                  `${_}-${b}`
+                  `${Y}-${b}`
                 );
               }),
               (h || u) && ke.map((M, b) => {
-                const oe = u ? u({ row: M.row, value: M.value, seriesKey: _, index: b }) : h ? F ? F(M.value) : String(M.value) : null;
+                const oe = u ? u({ row: M.row, value: M.value, seriesKey: Y, index: b }) : h ? F ? F(M.value) : String(M.value) : null;
                 if (oe == null) return null;
                 const ce = 10, le = d === "top" ? M.y - ce : M.y + ce + 4;
                 return /* @__PURE__ */ s(
@@ -2197,10 +2204,10 @@ function Ul({
                     dominantBaseline: d === "top" ? "auto" : "middle",
                     children: oe
                   },
-                  `label-${_}-${b}`
+                  `label-${Y}-${b}`
                 );
               })
-            ] }, _);
+            ] }, Y);
           }),
           A !== null && /* @__PURE__ */ s(
             "line",
@@ -2208,7 +2215,7 @@ function Ul({
               className: k.cursorLine,
               x1: X(ne[A]),
               x2: X(ne[A]),
-              y1: g,
+              y1: y,
               y2: v
             }
           ),
@@ -2217,19 +2224,19 @@ function Ul({
             {
               className: k.interactionLayer,
               x: E,
-              y: g,
+              y,
               width: P,
               height: Q,
-              onMouseMove: (_) => {
-                const ge = _.currentTarget.getBoundingClientRect(), ke = _.clientX - ge.left + E, M = X.step(), b = Math.max(
+              onMouseMove: (Y) => {
+                const ge = Y.currentTarget.getBoundingClientRect(), ke = Y.clientX - ge.left + E, M = X.step(), b = Math.max(
                   0,
                   Math.min(e.length - 1, Math.round((ke - E - M / 2) / M))
                 );
                 I(b);
               },
               onMouseLeave: () => I(null),
-              onClick: p ? (_) => {
-                const ge = _.currentTarget.getBoundingClientRect(), ke = _.clientX - ge.left + E, M = X.step(), b = Math.max(
+              onClick: p ? (Y) => {
+                const ge = Y.currentTarget.getBoundingClientRect(), ke = Y.clientX - ge.left + E, M = X.step(), b = Math.max(
                   0,
                   Math.min(e.length - 1, Math.round((ke - E - M / 2) / M))
                 ), oe = $[0], ce = e[b][oe], le = typeof ce == "number" ? ce : 0;
@@ -2278,12 +2285,12 @@ function Bt(e, t, n) {
   const o = e.map((l, a) => ({ x: l.x, y: t[a] })).reverse(), i = Tt(o, n).replace(/^M /, "L ");
   return `${r} ${i} Z`;
 }
-function _c(e, t = 8) {
+function Yc(e, t = 8) {
   if (e.length <= t) return e;
   const n = Math.ceil(e.length / t);
   return e.filter((r, o) => o % n === 0);
 }
-function _l({
+function Yl({
   data: e,
   xKey: t,
   config: n,
@@ -2298,8 +2305,8 @@ function _l({
   showYAxis: u = !0,
   showLegend: m = !0,
   showTooltip: p = !0,
-  yTickCount: S = 5,
-  yFormat: y,
+  yTickCount: N = 5,
+  yFormat: g,
   xFormat: C,
   valueFormat: w,
   renderTooltip: J,
@@ -2316,41 +2323,41 @@ function _l({
       ...D
     }),
     [D, u]
-  ), q = we(() => Object.keys(n), [n]), N = i && q.length > 0, te = N && l === "expand", [$, Z] = Ce(null), I = ie(null), j = Ge();
+  ), q = we(() => Object.keys(n), [n]), L = i && q.length > 0, te = L && l === "expand", [$, Z] = Ce(null), I = ie(null), j = Ge();
   if (e.length === 0)
     return /* @__PURE__ */ s("div", { ref: I, className: f(k.root, B?.root, V), style: U, children: /* @__PURE__ */ s("div", { className: k.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: k.empty, children: F }) }) });
   const A = we(() => {
-    const E = q.map(() => []), L = q.map(() => []);
-    for (let g = 0; g < e.length; g++) {
+    const E = q.map(() => []), T = q.map(() => []);
+    for (let y = 0; y < e.length; y++) {
       let v = 0;
       if (te) {
         for (const Q of q) {
-          const ne = e[g][Q];
+          const ne = e[y][Q];
           typeof ne == "number" && ne > 0 && (v += ne);
         }
         v === 0 && (v = 1);
       }
       let P = 0;
       for (let Q = 0; Q < q.length; Q++) {
-        const ne = q[Q], X = e[g][ne], ue = typeof X == "number" ? X : 0;
-        if (N) {
+        const ne = q[Q], X = e[y][ne], ue = typeof X == "number" ? X : 0;
+        if (L) {
           const x = te ? ue / v : ue;
-          L[Q][g] = P, P += x, E[Q][g] = P;
+          T[Q][y] = P, P += x, E[Q][y] = P;
         } else
-          L[Q][g] = 0, E[Q][g] = ue;
+          T[Q][y] = 0, E[Q][y] = ue;
       }
     }
-    return { tops: E, bottoms: L };
-  }, [e, q, N, te]), { tops: z, bottoms: ae } = A, [de, G] = we(() => {
+    return { tops: E, bottoms: T };
+  }, [e, q, L, te]), { tops: z, bottoms: ae } = A, [de, G] = we(() => {
     if (te) return [0, 1];
-    let E = 0, L = 0;
-    for (const g of z)
-      for (const v of g)
-        v < E && (E = v), v > L && (L = v);
-    for (const g of ae)
-      for (const v of g)
+    let E = 0, T = 0;
+    for (const y of z)
+      for (const v of y)
+        v < E && (E = v), v > T && (T = v);
+    for (const y of ae)
+      for (const v of y)
         v < E && (E = v);
-    return [Math.min(0, E), L];
+    return [Math.min(0, E), T];
   }, [z, ae, te]);
   return /* @__PURE__ */ s(
     Ze,
@@ -2366,7 +2373,7 @@ function _l({
         nt,
         {
           row: e[$],
-          x: Yc(e, t, ee, $, I),
+          x: _c(e, t, ee, $, I),
           y: 16,
           containerWidth: I.current?.getBoundingClientRect().width ?? 0,
           config: n,
@@ -2376,52 +2383,52 @@ function _l({
           classes: B
         }
       ) : null,
-      children: ({ width: E, height: L }) => {
-        const g = ee.left, v = E - ee.right, P = ee.top, Q = L - ee.bottom, ne = Math.max(0, v - g), X = Math.max(0, Q - P), ue = e.map((_) => String(_[t])), x = je(ue, [g, v], 0), K = te ? [0, 0.25, 0.5, 0.75, 1] : Ke(de, G, S), R = tt([K[0], K[K.length - 1]], [Q, P]), re = R(0), fe = K.map((_) => ({ value: _, y: R(_) })), Be = _c(ue).map((_) => ({ label: _, x: x(_) })), Ae = te ? (_) => `${Math.round(_ * 100)}%` : y;
-        return /* @__PURE__ */ Y(Ye, { children: [
-          a && /* @__PURE__ */ s("defs", { children: q.map((_) => /* @__PURE__ */ Y(
+      children: ({ width: E, height: T }) => {
+        const y = ee.left, v = E - ee.right, P = ee.top, Q = T - ee.bottom, ne = Math.max(0, v - y), X = Math.max(0, Q - P), ue = e.map((Y) => String(Y[t])), x = je(ue, [y, v], 0), K = te ? [0, 0.25, 0.5, 0.75, 1] : Ke(de, G, N), R = tt([K[0], K[K.length - 1]], [Q, P]), re = R(0), fe = K.map((Y) => ({ value: Y, y: R(Y) })), Be = Yc(ue).map((Y) => ({ label: Y, x: x(Y) })), Ae = te ? (Y) => `${Math.round(Y * 100)}%` : g;
+        return /* @__PURE__ */ _(_e, { children: [
+          a && /* @__PURE__ */ s("defs", { children: q.map((Y) => /* @__PURE__ */ _(
             "linearGradient",
             {
-              id: `${j}-${_}`,
+              id: `${j}-${Y}`,
               x1: "0",
               y1: "0",
               x2: "0",
               y2: "1",
               children: [
-                /* @__PURE__ */ s("stop", { offset: "5%", stopColor: n[_].color, stopOpacity: 0.6 }),
-                /* @__PURE__ */ s("stop", { offset: "95%", stopColor: n[_].color, stopOpacity: 0.05 })
+                /* @__PURE__ */ s("stop", { offset: "5%", stopColor: n[Y].color, stopOpacity: 0.6 }),
+                /* @__PURE__ */ s("stop", { offset: "95%", stopColor: n[Y].color, stopOpacity: 0.05 })
               ]
             },
-            _
+            Y
           )) }),
           u ? /* @__PURE__ */ s(
             on,
             {
               ticks: fe,
-              x: g,
+              x: y,
               plotWidth: ne,
               format: Ae,
               showGrid: h,
               classes: B
             }
-          ) : h && /* @__PURE__ */ s("g", { className: f(k.axis, B?.axis), children: fe.map(({ value: _, y: ge }) => /* @__PURE__ */ s(
+          ) : h && /* @__PURE__ */ s("g", { className: f(k.axis, B?.axis), children: fe.map(({ value: Y, y: ge }) => /* @__PURE__ */ s(
             "line",
             {
               className: f(k.gridLine, B?.grid),
-              x1: g,
+              x1: y,
               x2: v,
               y1: ge,
               y2: ge
             },
-            `grid-${_}`
+            `grid-${Y}`
           )) }),
           d && /* @__PURE__ */ s(cn, { ticks: Be, y: Q, format: C, classes: B }),
-          q.map((_, ge) => {
-            const ke = n[_], M = e.map((le, O) => ({
+          q.map((Y, ge) => {
+            const ke = n[Y], M = e.map((le, O) => ({
               x: x(ue[O]),
               y: R(z[ge][O])
-            })), b = a ? `url(#${j}-${_})` : ke.color, oe = a ? 1 : 0.18, ce = N ? Bt(M, ae[ge].map((le) => R(le)), c) : Bt(M, re, c);
-            return /* @__PURE__ */ Y("g", { className: f(k.series, B?.series), children: [
+            })), b = a ? `url(#${j}-${Y})` : ke.color, oe = a ? 1 : 0.18, ce = L ? Bt(M, ae[ge].map((le) => R(le)), c) : Bt(M, re, c);
+            return /* @__PURE__ */ _("g", { className: f(k.series, B?.series), children: [
               /* @__PURE__ */ s(
                 "path",
                 {
@@ -2432,7 +2439,7 @@ function _l({
                 }
               ),
               /* @__PURE__ */ s("path", { className: k.linePath, d: Tt(M, c), stroke: ke.color }),
-              !N && M.map((le, O) => /* @__PURE__ */ s(
+              !L && M.map((le, O) => /* @__PURE__ */ s(
                 "circle",
                 {
                   className: f(k.point, B?.point),
@@ -2441,9 +2448,9 @@ function _l({
                   r: $ === O ? 5 : 3,
                   fill: ke.color
                 },
-                `${_}-${O}`
+                `${Y}-${O}`
               ))
-            ] }, _);
+            ] }, Y);
           }),
           $ !== null && /* @__PURE__ */ s(
             "line",
@@ -2459,12 +2466,12 @@ function _l({
             "rect",
             {
               className: k.interactionLayer,
-              x: g,
+              x: y,
               y: P,
               width: ne,
               height: X,
-              onMouseMove: (_) => {
-                const ge = _.currentTarget.getBoundingClientRect(), ke = _.clientX - ge.left + g, M = x.step(), b = Math.max(0, Math.min(e.length - 1, Math.round((ke - g - M / 2) / M)));
+              onMouseMove: (Y) => {
+                const ge = Y.currentTarget.getBoundingClientRect(), ke = Y.clientX - ge.left + y, M = x.step(), b = Math.max(0, Math.min(e.length - 1, Math.round((ke - y - M / 2) / M)));
                 Z(b);
               },
               onMouseLeave: () => Z(null)
@@ -2475,7 +2482,7 @@ function _l({
     }
   );
 }
-function Yc(e, t, n, r, o) {
+function _c(e, t, n, r, o) {
   const c = o.current;
   if (!c) return 0;
   const i = c.getBoundingClientRect().width, l = e.map((h) => String(h[t]));
@@ -2493,7 +2500,7 @@ function qc(e, t = 8) {
   const n = Math.ceil(e.length / t);
   return e.filter((r, o) => o % n === 0);
 }
-function Yl({
+function _l({
   data: e,
   xKey: t,
   config: n,
@@ -2508,8 +2515,8 @@ function Yl({
   showLegend: u = !0,
   showTooltip: m = !0,
   showValues: p = !1,
-  valuePosition: S = "outside",
-  renderLabel: y,
+  valuePosition: N = "outside",
+  renderLabel: g,
   colorBy: C = "series",
   colors: w = jc,
   negativeColor: J,
@@ -2520,22 +2527,22 @@ function Yl({
   xFormat: B,
   valueFormat: ee,
   renderTooltip: q,
-  margin: N,
+  margin: L,
   emptyMessage: te = "No data",
   className: $,
   style: Z,
   classes: I
 }) {
-  const j = r === "horizontal", A = { ...j ? Vc : zc, ...N }, z = we(() => Object.keys(n), [n]), ae = o && z.length > 1, [de, G] = Ce(null), E = ie(null);
+  const j = r === "horizontal", A = { ...j ? Vc : zc, ...L }, z = we(() => Object.keys(n), [n]), ae = o && z.length > 1, [de, G] = Ce(null), E = ie(null);
   if (e.length === 0)
     return /* @__PURE__ */ s("div", { ref: E, className: f(k.root, I?.root, $), style: Z, children: /* @__PURE__ */ s("div", { className: k.canvas, style: { height: i ?? 240 }, children: /* @__PURE__ */ s("div", { className: k.empty, children: te }) }) });
-  const L = e.map((x) => String(x[t])), g = D ?? de, v = we(() => {
+  const T = e.map((x) => String(x[t])), y = D ?? de, v = we(() => {
     if (ae) {
       let re = 0, fe = 0;
       for (const be of e) {
         let Be = 0, Ae = 0;
-        for (const _ of z) {
-          const ge = be[_];
+        for (const Y of z) {
+          const ge = be[Y];
           typeof ge == "number" && (ge >= 0 ? Be += ge : Ae += ge);
         }
         Be > re && (re = Be), Ae < fe && (fe = Ae);
@@ -2550,19 +2557,19 @@ function Yl({
       }
     const [K, R] = kt(x);
     return [Math.min(0, K), Math.max(0, R)];
-  }, [e, z, ae]), P = Ke(v[0], v[1], V), Q = P[0], ne = P[P.length - 1], X = (x, K) => C === "index" ? w[K % w.length] : n[x]?.color ?? w[0], ue = m && g !== null && e[g] ? /* @__PURE__ */ s(
+  }, [e, z, ae]), P = Ke(v[0], v[1], V), Q = P[0], ne = P[P.length - 1], X = (x, K) => C === "index" ? w[K % w.length] : n[x]?.color ?? w[0], ue = m && y !== null && e[y] ? /* @__PURE__ */ s(
     nt,
     {
-      row: e[g],
-      x: Zc(e, t, A, g, E, j, l),
-      y: j ? Kc(e, t, A, g, E, l) : 16,
+      row: e[y],
+      x: Zc(e, t, A, y, E, j, l),
+      y: j ? Kc(e, t, A, y, E, l) : 16,
       containerWidth: E.current?.getBoundingClientRect().width ?? 0,
       config: n,
-      render: q ? () => q(e[g]) : void 0,
+      render: q ? () => q(e[y]) : void 0,
       valueFormat: ee,
       titleKey: t,
       resolveColor: (x) => {
-        const K = e[g][x], R = X(x, g);
+        const K = e[y][x], R = X(x, y);
         return typeof K != "number" ? R : J !== void 0 && K < 0 ? J : R;
       },
       classes: I
@@ -2580,13 +2587,13 @@ function Yl({
       legend: u ? /* @__PURE__ */ s(xt, { config: n, classes: I }) : void 0,
       overlay: ue,
       children: ({ width: x, height: K }) => {
-        const R = A.left, re = x - A.right, fe = A.top, be = K - A.bottom, Be = Math.max(0, re - R), Ae = Math.max(0, be - fe), ge = je(L, j ? [fe, be] : [R, re], l), ke = ge.bandWidth(), b = tt([Q, ne], j ? [R, re] : [be, fe]), oe = b(0), ce = ae ? 1 : Math.max(1, z.length), le = ke / ce, O = le * (1 - a), Me = P.map((T) => ({
-          value: T,
-          pos: b(T)
-        })), pe = qc(L);
-        return /* @__PURE__ */ Y(Ye, { children: [
+        const R = A.left, re = x - A.right, fe = A.top, be = K - A.bottom, Be = Math.max(0, re - R), Ae = Math.max(0, be - fe), ge = je(T, j ? [fe, be] : [R, re], l), ke = ge.bandWidth(), b = tt([Q, ne], j ? [R, re] : [be, fe]), oe = b(0), ce = ae ? 1 : Math.max(1, z.length), le = ke / ce, O = le * (1 - a), Me = P.map((S) => ({
+          value: S,
+          pos: b(S)
+        })), pe = qc(T);
+        return /* @__PURE__ */ _(_e, { children: [
           d && /* @__PURE__ */ s("g", { className: f(k.axis, I?.axis), children: Me.map(
-            ({ value: T, pos: W }) => j ? /* @__PURE__ */ s(
+            ({ value: S, pos: W }) => j ? /* @__PURE__ */ s(
               "line",
               {
                 className: f(k.gridLine, I?.grid),
@@ -2595,7 +2602,7 @@ function Yl({
                 y1: fe,
                 y2: be
               },
-              `g-${T}`
+              `g-${S}`
             ) : /* @__PURE__ */ s(
               "line",
               {
@@ -2605,11 +2612,11 @@ function Yl({
                 y1: W,
                 y2: W
               },
-              `g-${T}`
+              `g-${S}`
             )
           ) }),
-          /* @__PURE__ */ s("g", { className: f(k.axis, I?.axis), children: Me.map(({ value: T, pos: W }) => {
-            const se = U ? U(T) : String(T);
+          /* @__PURE__ */ s("g", { className: f(k.axis, I?.axis), children: Me.map(({ value: S, pos: W }) => {
+            const se = U ? U(S) : String(S);
             return j ? /* @__PURE__ */ s(
               "text",
               {
@@ -2619,7 +2626,7 @@ function Yl({
                 textAnchor: "middle",
                 children: se
               },
-              `vt-${T}`
+              `vt-${S}`
             ) : /* @__PURE__ */ s(
               "text",
               {
@@ -2630,11 +2637,11 @@ function Yl({
                 dominantBaseline: "middle",
                 children: se
               },
-              `vt-${T}`
+              `vt-${S}`
             );
           }) }),
-          /* @__PURE__ */ s("g", { className: f(k.axis, I?.axis), children: pe.map((T) => {
-            const W = ge(T), se = B ? B(T) : T;
+          /* @__PURE__ */ s("g", { className: f(k.axis, I?.axis), children: pe.map((S) => {
+            const W = ge(S), se = B ? B(S) : S;
             return j ? /* @__PURE__ */ s(
               "text",
               {
@@ -2645,7 +2652,7 @@ function Yl({
                 dominantBaseline: "middle",
                 children: se
               },
-              `c-${T}`
+              `c-${S}`
             ) : /* @__PURE__ */ s(
               "text",
               {
@@ -2655,14 +2662,14 @@ function Yl({
                 textAnchor: "middle",
                 children: se
               },
-              `c-${T}`
+              `c-${S}`
             );
           }) }),
-          e.map((T, W) => {
-            const xe = ge(L[W]) - ke / 2;
+          e.map((S, W) => {
+            const xe = ge(T[W]) - ke / 2;
             let ye = 0, We = 0;
             return /* @__PURE__ */ s("g", { className: f(k.series, I?.series), children: z.map((Ee, De) => {
-              const he = T[Ee];
+              const he = S[Ee];
               if (typeof he != "number") return null;
               const Ie = he, Xe = X(Ee, W), rt = J !== void 0 && Ie < 0 ? J : Xe, ot = D !== void 0 ? D === W : de === W, it = D !== void 0 && !ot;
               let ze, He;
@@ -2676,16 +2683,16 @@ function Yl({
                 const Qe = Math.min(Ve, ct), wt = Math.max(Ve, ct);
                 lt = xe + Dt, at = O, st = Qe, dt = wt - Qe;
               }
-              const Mt = y ? y({ row: T, value: Ie, seriesKey: Ee, index: W }) : p ? ee ? ee(Ie) : String(Ie) : null, Ue = Gc({
+              const Mt = g ? g({ row: S, value: Ie, seriesKey: Ee, index: W }) : p ? ee ? ee(Ie) : String(Ie) : null, Ue = Gc({
                 isHorizontal: j,
-                valuePosition: S,
+                valuePosition: N,
                 x: lt,
                 y: st,
                 rectW: at,
                 rectH: dt,
                 value: Ie
               });
-              return /* @__PURE__ */ Y("g", { children: [
+              return /* @__PURE__ */ _("g", { children: [
                 /* @__PURE__ */ s(
                   "rect",
                   {
@@ -2702,7 +2709,7 @@ function Yl({
                     ry: h,
                     fill: rt,
                     opacity: it ? 0.35 : 1,
-                    onClick: F ? () => F({ row: T, value: Ie, seriesKey: Ee, index: W }) : void 0,
+                    onClick: F ? () => F({ row: S, value: Ie, seriesKey: Ee, index: W }) : void 0,
                     style: F ? { cursor: "pointer" } : void 0
                   }
                 ),
@@ -2711,7 +2718,7 @@ function Yl({
                   {
                     className: f(
                       k.axisLabel,
-                      (S === "inside" || S === "inside-start") && k.barLabelInside
+                      (N === "inside" || N === "inside-start") && k.barLabelInside
                     ),
                     x: Ue.x,
                     y: Ue.y,
@@ -2744,8 +2751,8 @@ function Yl({
               y: fe,
               width: Be,
               height: Ae,
-              onMouseMove: (T) => {
-                const W = T.currentTarget.getBoundingClientRect(), se = T.clientX - W.left + R, xe = T.clientY - W.top + fe, ye = ge.step(), We = j ? xe - fe : se - R, Ee = Math.max(
+              onMouseMove: (S) => {
+                const W = S.currentTarget.getBoundingClientRect(), se = S.clientX - W.left + R, xe = S.clientY - W.top + fe, ye = ge.step(), We = j ? xe - fe : se - R, Ee = Math.max(
                   0,
                   Math.min(e.length - 1, Math.round((We - ye / 2) / ye))
                 );
@@ -2853,12 +2860,12 @@ function Jc(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), d = t + n * Math.sin(i), u = e + n * Math.cos(l), m = t + n * Math.sin(l);
   if (r > 0) {
-    const p = e + r * Math.cos(l), S = t + r * Math.sin(l), y = e + r * Math.cos(i), C = t + r * Math.sin(i);
+    const p = e + r * Math.cos(l), N = t + r * Math.sin(l), g = e + r * Math.cos(i), C = t + r * Math.sin(i);
     return [
       `M ${h} ${d}`,
       `A ${n} ${n} 0 ${a} 1 ${u} ${m}`,
-      `L ${p} ${S}`,
-      `A ${r} ${r} 0 ${a} 0 ${y} ${C}`,
+      `L ${p} ${N}`,
+      `A ${r} ${r} 0 ${a} 0 ${g} ${C}`,
       "Z"
     ].join(" ");
   }
@@ -2888,8 +2895,8 @@ function jl({
   padAngle: u = 0,
   showLabels: m = !1,
   valuePosition: p = "outside",
-  showLabelLines: S = !0,
-  renderLabel: y,
+  showLabelLines: N = !0,
+  renderLabel: g,
   centerLabel: C,
   activeIndex: w,
   onSliceClick: J,
@@ -2900,7 +2907,7 @@ function jl({
   emptyMessage: B = "No data",
   className: ee,
   style: q,
-  classes: N
+  classes: L
 }) {
   const [te, $] = Ce(null), Z = ie(null), I = w ?? te, j = (G) => {
     if (r) {
@@ -2911,24 +2918,24 @@ function jl({
   }, A = we(() => {
     let G = 0;
     for (const E of e) {
-      const L = E[t];
-      typeof L == "number" && L > 0 && (G += L);
+      const T = E[t];
+      typeof T == "number" && T > 0 && (G += T);
     }
     return G;
   }, [e, t]);
   if (e.length === 0 || A === 0)
-    return /* @__PURE__ */ s("div", { ref: Z, className: f(k.root, N?.root, ee), style: q, children: /* @__PURE__ */ s("div", { className: k.canvas, style: { height: i ?? 240 }, children: /* @__PURE__ */ s("div", { className: k.empty, children: B }) }) });
+    return /* @__PURE__ */ s("div", { ref: Z, className: f(k.root, L?.root, ee), style: q, children: /* @__PURE__ */ s("div", { className: k.canvas, style: { height: i ?? 240 }, children: /* @__PURE__ */ s("div", { className: k.empty, children: B }) }) });
   const z = we(() => {
     const G = [];
     let E = 0;
-    for (let L = 0; L < e.length; L++) {
-      const g = e[L], v = g[t], P = typeof v == "number" && v > 0 ? v : 0;
+    for (let T = 0; T < e.length; T++) {
+      const y = e[T], v = y[t], P = typeof v == "number" && v > 0 ? v : 0;
       if (P === 0) continue;
       const Q = P / A, ne = Q * 360;
-      G.push({ index: L, row: g, value: P, start: E, end: E + ne, fraction: Q }), E += ne;
+      G.push({ index: T, row: y, value: P, start: E, end: E + ne, fraction: Q }), E += ne;
     }
     return G;
-  }, [e, t, A]), ae = D ? /* @__PURE__ */ s("div", { className: f(k.legend, N?.legend), role: "list", children: z.map((G) => /* @__PURE__ */ Y("div", { className: f(k.legendItem, N?.legendItem), role: "listitem", children: [
+  }, [e, t, A]), ae = D ? /* @__PURE__ */ s("div", { className: f(k.legend, L?.legend), role: "list", children: z.map((G) => /* @__PURE__ */ _("div", { className: f(k.legendItem, L?.legendItem), role: "listitem", children: [
     /* @__PURE__ */ s(
       "span",
       {
@@ -2955,7 +2962,7 @@ function jl({
       height: i,
       className: ee,
       style: q,
-      classes: N,
+      classes: L,
       legend: ae,
       overlay: F && I !== null && e[I] ? /* @__PURE__ */ s(
         nt,
@@ -2968,14 +2975,14 @@ function jl({
           render: U ? () => U(e[I]) : void 0,
           valueFormat: V,
           titleKey: void 0,
-          classes: N
+          classes: L
         }
       ) : null,
       children: ({ width: G, height: E }) => {
-        const L = G / 2, g = E / 2, v = Math.min(G, E) / 2 - 4, P = Et(a, v), Q = Math.min(P - 1, Et(l, v)), ne = Math.max(4, P * 0.06);
-        return /* @__PURE__ */ Y(Ye, { children: [
+        const T = G / 2, y = E / 2, v = Math.min(G, E) / 2 - 4, P = Et(a, v), Q = Math.min(P - 1, Et(l, v)), ne = Math.max(4, P * 0.06);
+        return /* @__PURE__ */ _(_e, { children: [
           /* @__PURE__ */ s("g", { children: z.map((X) => {
-            const ue = u / 2, x = Math.min(X.end, X.start + ue), K = Math.max(X.start, X.end - ue), R = j(X.index), re = I === X.index, fe = w !== void 0 && !re, be = re && w !== void 0 ? P + ne : P, Be = Jc(L, g, be, Q, x, K), Ae = J ? () => J({ row: X.row, value: X.value, index: X.index }) : void 0;
+            const ue = u / 2, x = Math.min(X.end, X.start + ue), K = Math.max(X.start, X.end - ue), R = j(X.index), re = I === X.index, fe = w !== void 0 && !re, be = re && w !== void 0 ? P + ne : P, Be = Jc(T, y, be, Q, x, K), Ae = J ? () => J({ row: X.row, value: X.value, index: X.index }) : void 0;
             return /* @__PURE__ */ s(
               "path",
               {
@@ -2992,16 +2999,16 @@ function jl({
               X.index
             );
           }) }),
-          (m || y) && z.map((X) => {
-            const ue = y ? y({ row: X.row, value: X.value, fraction: X.fraction, index: X.index }) : m ? `${String(X.row[n])} ${V ? V(X.value) : Math.round(X.fraction * 100) + "%"}` : null;
+          (m || g) && z.map((X) => {
+            const ue = g ? g({ row: X.row, value: X.value, fraction: X.fraction, index: X.index }) : m ? `${String(X.row[n])} ${V ? V(X.value) : Math.round(X.fraction * 100) + "%"}` : null;
             if (ue == null) return null;
-            const x = p === "inside", K = Math.max(16, P * 0.12), R = x ? (P + Q) / 2 : P + K, re = Pt(L, g, R, X.start, X.end), fe = x ? "middle" : re.x < L - 1 ? "end" : re.x > L + 1 ? "start" : "middle";
+            const x = p === "inside", K = Math.max(16, P * 0.12), R = x ? (P + Q) / 2 : P + K, re = Pt(T, y, R, X.start, X.end), fe = x ? "middle" : re.x < T - 1 ? "end" : re.x > T + 1 ? "start" : "middle";
             let be = null;
-            if (!x && S) {
-              const Be = Pt(L, g, P, X.start, X.end), Ae = 4, _ = fe === "end" ? Ae : fe === "start" ? -Ae : 0;
-              be = { x1: Be.x, y1: Be.y, x2: re.x + _, y2: re.y };
+            if (!x && N) {
+              const Be = Pt(T, y, P, X.start, X.end), Ae = 4, Y = fe === "end" ? Ae : fe === "start" ? -Ae : 0;
+              be = { x1: Be.x, y1: Be.y, x2: re.x + Y, y2: re.y };
             }
-            return /* @__PURE__ */ Y("g", { children: [
+            return /* @__PURE__ */ _("g", { children: [
               be && /* @__PURE__ */ s(
                 "line",
                 {
@@ -3033,8 +3040,8 @@ function jl({
           C !== void 0 && /* @__PURE__ */ s(
             "foreignObject",
             {
-              x: L - Q,
-              y: g - Q,
+              x: T - Q,
+              y: y - Q,
               width: Math.max(0, Q * 2),
               height: Math.max(0, Q * 2),
               style: { pointerEvents: "none" },
@@ -3087,8 +3094,8 @@ function zl({
   showPoints: u = !0,
   fillOpacity: m = 0.4,
   strokeWidth: p = 2,
-  renderAxisLabel: S,
-  axisFormat: y,
+  renderAxisLabel: N,
+  axisFormat: g,
   valueFormat: C,
   renderTooltip: w,
   showLegend: J = !0,
@@ -3098,9 +3105,9 @@ function zl({
   style: U,
   classes: B
 }) {
-  const [ee, q] = Ce(null), N = ie(null), te = we(() => Object.keys(n), [n]);
+  const [ee, q] = Ce(null), L = ie(null), te = we(() => Object.keys(n), [n]);
   if (e.length === 0)
-    return /* @__PURE__ */ s("div", { ref: N, className: f(k.root, B?.root, V), style: U, children: /* @__PURE__ */ s("div", { className: k.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: k.empty, children: F }) }) });
+    return /* @__PURE__ */ s("div", { ref: L, className: f(k.root, B?.root, V), style: U, children: /* @__PURE__ */ s("div", { className: k.canvas, style: { height: o ?? 240 }, children: /* @__PURE__ */ s("div", { className: k.empty, children: F }) }) });
   const $ = we(
     () => e.map((A, z) => z / e.length * 360),
     [e]
@@ -3117,7 +3124,7 @@ function zl({
   return /* @__PURE__ */ s(
     Ze,
     {
-      ref: N,
+      ref: L,
       aspectRatio: r,
       height: o,
       className: V,
@@ -3128,9 +3135,9 @@ function zl({
         nt,
         {
           row: e[ee],
-          x: (N.current?.getBoundingClientRect().width ?? 0) / 2,
+          x: (L.current?.getBoundingClientRect().width ?? 0) / 2,
           y: 16,
-          containerWidth: N.current?.getBoundingClientRect().width ?? 0,
+          containerWidth: L.current?.getBoundingClientRect().width ?? 0,
           config: n,
           render: w ? () => w(e[ee]) : void 0,
           valueFormat: C,
@@ -3139,10 +3146,10 @@ function zl({
         }
       ) : null,
       children: ({ width: A, height: z }) => {
-        const ae = a ? 32 : 8, de = A / 2, G = z / 2, E = Math.max(0, Math.min(A, z) / 2 - ae), L = (g) => Math.max(0, g) / j * E;
-        return /* @__PURE__ */ Y(Ye, { children: [
-          i && I.map((g) => {
-            const v = L(g);
+        const ae = a ? 32 : 8, de = A / 2, G = z / 2, E = Math.max(0, Math.min(A, z) / 2 - ae), T = (y) => Math.max(0, y) / j * E;
+        return /* @__PURE__ */ _(_e, { children: [
+          i && I.map((y) => {
+            const v = T(y);
             return c === "circle" ? /* @__PURE__ */ s(
               "circle",
               {
@@ -3152,7 +3159,7 @@ function zl({
                 r: v,
                 fill: "none"
               },
-              `ring-${g}`
+              `ring-${y}`
             ) : /* @__PURE__ */ s(
               "polygon",
               {
@@ -3160,11 +3167,11 @@ function zl({
                 points: el(de, G, v, $),
                 fill: "none"
               },
-              `ring-${g}`
+              `ring-${y}`
             );
           }),
-          l && $.map((g, v) => {
-            const P = pt(de, G, E, g);
+          l && $.map((y, v) => {
+            const P = pt(de, G, E, y);
             return /* @__PURE__ */ s(
               "line",
               {
@@ -3177,8 +3184,8 @@ function zl({
               `spoke-${v}`
             );
           }),
-          h && I.map((g) => {
-            const v = L(g);
+          h && I.map((y) => {
+            const v = T(y);
             return /* @__PURE__ */ s(
               "text",
               {
@@ -3187,23 +3194,23 @@ function zl({
                 y: G - v,
                 textAnchor: "start",
                 dominantBaseline: "middle",
-                children: C ? C(g) : g
+                children: C ? C(y) : y
               },
-              `raxis-${g}`
+              `raxis-${y}`
             );
           }),
-          a && e.map((g, v) => {
+          a && e.map((y, v) => {
             const P = $[v], Q = pt(de, G, E + 14, P), ne = Q.x < de - 1 ? "end" : Q.x > de + 1 ? "start" : "middle";
-            if (S)
-              return /* @__PURE__ */ s("g", { children: S({
-                row: g,
+            if (N)
+              return /* @__PURE__ */ s("g", { children: N({
+                row: y,
                 index: v,
                 angle: P,
                 x: Q.x,
                 y: Q.y,
                 textAnchor: ne
               }) }, `label-${v}`);
-            const X = String(g[t]), ue = y ? y(X) : X;
+            const X = String(y[t]), ue = g ? g(X) : X;
             return /* @__PURE__ */ s(
               "text",
               {
@@ -3217,12 +3224,12 @@ function zl({
               `label-${v}`
             );
           }),
-          te.map((g) => {
-            const v = n[g], P = e.map((ne, X) => {
-              const ue = ne[g], K = L(typeof ue == "number" ? ue : 0);
+          te.map((y) => {
+            const v = n[y], P = e.map((ne, X) => {
+              const ue = ne[y], K = T(typeof ue == "number" ? ue : 0);
               return pt(de, G, K, $[X]);
             }), Q = P.map((ne) => `${ne.x},${ne.y}`).join(" ");
-            return /* @__PURE__ */ Y("g", { className: f(k.series, B?.series), children: [
+            return /* @__PURE__ */ _("g", { className: f(k.series, B?.series), children: [
               /* @__PURE__ */ s(
                 "polygon",
                 {
@@ -3244,9 +3251,9 @@ function zl({
                   r: ee === X ? 5 : 3.5,
                   fill: v.color
                 },
-                `${g}-${X}`
+                `${y}-${X}`
               ))
-            ] }, g);
+            ] }, y);
           }),
           /* @__PURE__ */ s(
             "rect",
@@ -3256,8 +3263,8 @@ function zl({
               y: 0,
               width: A,
               height: z,
-              onMouseMove: (g) => {
-                const v = g.currentTarget.getBoundingClientRect(), P = g.clientX - v.left - de, Q = g.clientY - v.top - G;
+              onMouseMove: (y) => {
+                const v = y.currentTarget.getBoundingClientRect(), P = y.clientX - v.left - de, Q = y.clientY - v.top - G;
                 if (P === 0 && Q === 0) return;
                 let ne = Math.atan2(Q, P) * 180 / Math.PI + 90;
                 ne < 0 && (ne += 360), ne >= 360 && (ne -= 360);
@@ -3416,8 +3423,8 @@ function Zl({
   lineColor: u = "var(--crk-chart-1)",
   timezone: m,
   defaultTimezone: p = "local",
-  onTimezoneChange: S,
-  showConfigPanel: y = !0,
+  onTimezoneChange: N,
+  showConfigPanel: g = !0,
   priceBadgeColorByDirection: C = !1,
   priceBadgeShowTime: w = !1,
   priceBadgeTimeFormat: J,
@@ -3426,14 +3433,14 @@ function Zl({
   className: V,
   style: U
 }) {
-  const B = ie(null), ee = ie(null), q = ie([]), N = ie({ from: 0, to: 0 }), te = ie(null), $ = ie(null), Z = ie(!1), I = ie(null), j = ie(null), A = ie(1), z = ie({ width: 0, height: 0 }), ae = ie(() => {
+  const B = ie(null), ee = ie(null), q = ie([]), L = ie({ from: 0, to: 0 }), te = ie(null), $ = ie(null), Z = ie(!1), I = ie(null), j = ie(null), A = ie(1), z = ie({ width: 0, height: 0 }), ae = ie(() => {
   }), de = ie(D), G = ie(F);
   de.current = D, G.current = F;
-  const [E, L] = Ce(null), [g, v] = Ce(p), P = m ?? g, Q = me(
+  const [E, T] = Ce(null), [y, v] = Ce(p), P = m ?? y, Q = me(
     (M) => {
-      m === void 0 && v(M), S?.(M);
+      m === void 0 && v(M), N?.(M);
     },
-    [m, S]
+    [m, N]
   ), ne = we(
     () => ({ up: h, down: d, line: u }),
     [h, d, u]
@@ -3451,35 +3458,35 @@ function Zl({
       bl(b, oe, ce, O), b.restore();
       return;
     }
-    const T = Nt(oe, ce, ue, x), { from: W, to: se } = pl(N.current, pe.length);
-    N.current = { from: W, to: se };
+    const S = Nt(oe, ce, ue, x), { from: W, to: se } = pl(L.current, pe.length);
+    L.current = { from: W, to: se };
     const xe = pe.slice(Math.max(0, Math.floor(W)), Math.min(pe.length, Math.ceil(se) + 1)), ye = (he) => {
-      const Ie = se - W + 1, Xe = T.plotWidth / Ie;
-      return T.plotLeft + (he - W + 0.5) * Xe;
-    }, We = T.plotWidth / (se - W + 1), Ee = X.map((he) => gl(he, pe)).filter((he) => he !== null).map((he) => ({ ...he, color: Me(he.color) })), De = sn(T.main, xe, Ee, W, se);
-    Lt(b, T.plotLeft, T.plotRight, De, O), xl(b, T, De, i, O), b.save(), b.beginPath(), b.rect(T.plotLeft, De.paneTop, T.plotWidth, De.paneHeight), b.clip();
+      const Ie = se - W + 1, Xe = S.plotWidth / Ie;
+      return S.plotLeft + (he - W + 0.5) * Xe;
+    }, We = S.plotWidth / (se - W + 1), Ee = X.map((he) => gl(he, pe)).filter((he) => he !== null).map((he) => ({ ...he, color: Me(he.color) })), De = sn(S.main, xe, Ee, W, se);
+    Lt(b, S.plotLeft, S.plotRight, De, O), xl(b, S, De, i, O), b.save(), b.beginPath(), b.rect(S.plotLeft, De.paneTop, S.plotWidth, De.paneHeight), b.clip();
     for (let he = 0; he < X.length; he++) {
       const Ie = X[he], Xe = Ee[he];
       Xe && $l(b, Xe, Ie, pe, W, se, ye, De);
     }
-    if (o === "candle" ? kl(b, pe, W, se, ye, We, De, { up: O.up, down: O.down }) : o === "bar" ? Ml(b, pe, W, se, ye, We, De, { up: O.up, down: O.down }) : wl(b, pe, W, se, ye, De, O.line, o === "area"), b.restore(), T.volume) {
-      const he = yl(T.volume, pe, W, se);
-      Lt(b, T.plotLeft, T.plotRight, he, O, !0), Ft(b, T, T.volume, "Volume", O), b.save(), b.beginPath(), b.rect(T.plotLeft, he.paneTop, T.plotWidth, he.paneHeight), b.clip(), Nl(b, pe, W, se, ye, We, he, { up: O.up, down: O.down }), b.restore();
+    if (o === "candle" ? kl(b, pe, W, se, ye, We, De, { up: O.up, down: O.down }) : o === "bar" ? Ml(b, pe, W, se, ye, We, De, { up: O.up, down: O.down }) : wl(b, pe, W, se, ye, De, O.line, o === "area"), b.restore(), S.volume) {
+      const he = yl(S.volume, pe, W, se);
+      Lt(b, S.plotLeft, S.plotRight, he, O, !0), Ft(b, S, S.volume, "Volume", O), b.save(), b.beginPath(), b.rect(S.plotLeft, he.paneTop, S.plotWidth, he.paneHeight), b.clip(), Nl(b, pe, W, se, ye, We, he, { up: O.up, down: O.down }), b.restore();
     }
-    if (T.rsi) {
+    if (S.rsi) {
       const he = X.find((Ve) => Ve.type === "rsi"), Ie = he && he.type === "rsi" ? he.period ?? 14 : 14, Xe = he && he.type === "rsi" ? he.overbought ?? 70 : 70, rt = he && he.type === "rsi" ? he.oversold ?? 30 : 30, ot = (he && he.type === "rsi" ? he.color : void 0) ?? "var(--crk-chart-5)", it = Me(ot), ze = ol(pe, Ie), He = {
-        paneTop: T.rsi.top,
-        paneBottom: T.rsi.bottom,
-        paneHeight: T.rsi.height,
+        paneTop: S.rsi.top,
+        paneBottom: S.rsi.bottom,
+        paneHeight: S.rsi.height,
         priceMin: 0,
         priceMax: 100,
         ticks: [rt, 50, Xe]
       };
-      Lt(b, T.plotLeft, T.plotRight, He, O, !0), Ft(b, T, T.rsi, `RSI ${Ie}`, O), b.save(), b.beginPath(), b.rect(T.plotLeft, He.paneTop, T.plotWidth, He.paneHeight), b.clip(), et(b, ze, W, se, ye, He, it), b.restore(), Ll(b, T, He, Xe, rt, O);
+      Lt(b, S.plotLeft, S.plotRight, He, O, !0), Ft(b, S, S.rsi, `RSI ${Ie}`, O), b.save(), b.beginPath(), b.rect(S.plotLeft, He.paneTop, S.plotWidth, He.paneHeight), b.clip(), et(b, ze, W, se, ye, He, it), b.restore(), Ll(b, S, He, Xe, rt, O);
     }
-    Tl(b, T, pe, W, se, n, O), te.current && Sl(
+    Tl(b, S, pe, W, se, n, O), te.current && Sl(
       b,
-      T,
+      S,
       te.current,
       pe,
       W,
@@ -3507,7 +3514,7 @@ function Zl({
       });
     }
   }, []);
-  Yt(() => {
+  _t(() => {
     const M = B.current;
     if (!M) return;
     const b = () => {
@@ -3521,36 +3528,36 @@ function Zl({
     return oe.observe(M), () => oe.disconnect();
   }, [R]), Re(() => {
     let M = !1;
-    const b = Math.floor(Date.now() / 1e3), oe = _t(n), ce = r === "MAX", le = r !== void 0 ? ln(r) : oe * l, O = r !== void 0 ? Math.max(10, Math.ceil(le / oe)) : l, Me = ce ? 0 : b - le;
-    q.current = [], N.current = { from: 0, to: 0 }, R(), e.getBars({ symbol: t, resolution: n, from: Me, to: b, countBack: O }).then((T) => {
+    const b = Math.floor(Date.now() / 1e3), oe = Yt(n), ce = r === "MAX", le = r !== void 0 ? ln(r) : oe * l, O = r !== void 0 ? Math.max(10, Math.ceil(le / oe)) : l, Me = ce ? 0 : b - le;
+    q.current = [], L.current = { from: 0, to: 0 }, R(), e.getBars({ symbol: t, resolution: n, from: Me, to: b, countBack: O }).then((S) => {
       if (M) return;
-      const W = [...T].sort((xe, ye) => xe.time - ye.time);
+      const W = [...S].sort((xe, ye) => xe.time - ye.time);
       q.current = W;
       const se = W.length - 1;
       if (r !== void 0)
-        N.current = { from: 0, to: se };
+        L.current = { from: 0, to: se };
       else {
         const xe = Math.min(W.length, Math.min(200, l));
-        N.current = {
+        L.current = {
           from: Math.max(0, se - xe + 1),
           to: se
         };
       }
-      G.current?.(N.current, W), R();
+      G.current?.(L.current, W), R();
     }).catch(() => {
     });
     const pe = e.subscribeBars({
       symbol: t,
       resolution: n,
-      onTick: (T) => {
+      onTick: (S) => {
         if (M) return;
         const W = q.current, se = W[W.length - 1];
-        if (se && se.time === T.time)
-          W[W.length - 1] = T;
-        else if (!se || T.time > se.time) {
-          W.push(T);
-          const xe = N.current;
-          xe.to >= W.length - 2 && (N.current = { from: xe.from + 1, to: xe.to + 1 });
+        if (se && se.time === S.time)
+          W[W.length - 1] = S;
+        else if (!se || S.time > se.time) {
+          W.push(S);
+          const xe = L.current;
+          xe.to >= W.length - 2 && (L.current = { from: xe.from + 1, to: xe.to + 1 });
         }
         R();
       }
@@ -3560,23 +3567,23 @@ function Zl({
     };
   }, [e, t, n, r, l]);
   const re = me((M) => {
-    L(M), de.current?.(M);
+    T(M), de.current?.(M);
   }, []), fe = me((M) => {
     M.currentTarget.setPointerCapture(M.pointerId);
-    const b = N.current;
+    const b = L.current;
     $.current = { startX: M.clientX, from: b.from, to: b.to };
   }, []), be = me(
     (M) => {
       const b = M.currentTarget.getBoundingClientRect(), oe = M.clientX - b.left, ce = M.clientY - b.top;
       if (te.current = { x: oe, y: ce }, $.current) {
-        const { startX: Me, from: pe, to: T } = $.current, { width: W } = z.current, se = Math.max(1, W - Ct), xe = T - pe + 1, ye = se / xe, We = -(M.clientX - Me) / ye;
-        let Ee = pe + We, De = T + We;
+        const { startX: Me, from: pe, to: S } = $.current, { width: W } = z.current, se = Math.max(1, W - Ct), xe = S - pe + 1, ye = se / xe, We = -(M.clientX - Me) / ye;
+        let Ee = pe + We, De = S + We;
         const he = q.current.length;
-        Ee < 0 && (ke(), Ee = 0, De = xe - 1), De > he - 1 && (De = he - 1, Ee = De - xe + 1), N.current = { from: Ee, to: De }, G.current?.(N.current, q.current);
+        Ee < 0 && (ke(), Ee = 0, De = xe - 1), De > he - 1 && (De = he - 1, Ee = De - xe + 1), L.current = { from: Ee, to: De }, G.current?.(L.current, q.current);
       }
-      const le = Nt(b.width, b.height, ue, x), O = N.current;
+      const le = Nt(b.width, b.height, ue, x), O = L.current;
       if (oe >= le.plotLeft && oe <= le.plotRight) {
-        const Me = O.to - O.from + 1, pe = le.plotWidth / Me, T = Math.round(O.from + (oe - le.plotLeft) / pe - 0.5), W = q.current, se = Math.max(0, Math.min(W.length - 1, T)), xe = W[se] ?? null, ye = Rl(ce, le, W, O.from, O.to);
+        const Me = O.to - O.from + 1, pe = le.plotWidth / Me, S = Math.round(O.from + (oe - le.plotLeft) / pe - 0.5), W = q.current, se = Math.max(0, Math.min(W.length - 1, S)), xe = W[se] ?? null, ye = Rl(ce, le, W, O.from, O.to);
         re({ barIndex: se, bar: xe, priceAtCursor: ye });
       } else
         re(null);
@@ -3587,22 +3594,22 @@ function Zl({
     M.currentTarget.releasePointerCapture(M.pointerId), $.current = null;
   }, []), Ae = me(() => {
     te.current = null, $.current = null, re(null), R();
-  }, [R, re]), _ = me(
+  }, [R, re]), Y = me(
     (M) => {
       M.preventDefault();
-      const b = M.currentTarget.getBoundingClientRect(), oe = M.clientX - b.left, ce = Nt(b.width, b.height, ue, x), le = N.current, O = q.current;
+      const b = M.currentTarget.getBoundingClientRect(), oe = M.clientX - b.left, ce = Nt(b.width, b.height, ue, x), le = L.current, O = q.current;
       if (O.length === 0) return;
-      const Me = le.to - le.from + 1, pe = M.deltaY > 0 ? 1 + Ot : 1 / (1 + Ot), T = Math.max(
+      const Me = le.to - le.from + 1, pe = M.deltaY > 0 ? 1 + Ot : 1 / (1 + Ot), S = Math.max(
         ce.plotWidth / al,
         Math.min(O.length, ce.plotWidth / sl, Me * pe)
       ), W = le.from + (oe - ce.plotLeft) / (ce.plotWidth / Me), se = (W - le.from) / Me;
-      let xe = W - se * T, ye = xe + T - 1;
-      xe < 0 && (xe = 0, ye = T - 1), ye > O.length - 1 && (ye = O.length - 1, xe = ye - T + 1), N.current = { from: xe, to: ye }, G.current?.(N.current, O), R();
+      let xe = W - se * S, ye = xe + S - 1;
+      xe < 0 && (xe = 0, ye = S - 1), ye > O.length - 1 && (ye = O.length - 1, xe = ye - S + 1), L.current = { from: xe, to: ye }, G.current?.(L.current, O), R();
     },
     [ue, x, R]
   ), ge = me(
     (M) => {
-      const b = N.current, oe = b.to - b.from + 1, ce = q.current;
+      const b = L.current, oe = b.to - b.from + 1, ce = q.current;
       if (ce.length === 0) return;
       let le = 0;
       if (M.key === "ArrowLeft") le = -Math.max(1, Math.floor(oe * 0.1));
@@ -3610,7 +3617,7 @@ function Zl({
       else return;
       M.preventDefault();
       let O = b.from + le, Me = b.to + le;
-      O < 0 && (O = 0, Me = oe - 1), Me > ce.length - 1 && (Me = ce.length - 1, O = Me - oe + 1), N.current = { from: O, to: Me }, G.current?.(N.current, ce), R();
+      O < 0 && (O = 0, Me = oe - 1), Me > ce.length - 1 && (Me = ce.length - 1, O = Me - oe + 1), L.current = { from: O, to: Me }, G.current?.(L.current, ce), R();
     },
     [R]
   ), ke = me(() => {
@@ -3618,19 +3625,19 @@ function Zl({
     const M = q.current;
     if (M.length === 0) return;
     Z.current = !0;
-    const b = _t(n), oe = M[0].time, ce = oe - b * l, le = oe - b;
+    const b = Yt(n), oe = M[0].time, ce = oe - b * l, le = oe - b;
     e.getBars({ symbol: t, resolution: n, from: ce, to: le, countBack: l }).then((O) => {
       if (O.length === 0) {
         Z.current = !1;
         return;
       }
-      const pe = [...O].sort((W, se) => W.time - se.time).filter((W) => W.time < oe), T = N.current;
-      q.current = [...pe, ...M], N.current = { from: T.from + pe.length, to: T.to + pe.length }, Z.current = !1, R();
+      const pe = [...O].sort((W, se) => W.time - se.time).filter((W) => W.time < oe), S = L.current;
+      q.current = [...pe, ...M], L.current = { from: S.from + pe.length, to: S.to + pe.length }, Z.current = !1, R();
     }).catch(() => {
       Z.current = !1;
     });
   }, [e, t, n, l, R]);
-  return /* @__PURE__ */ Y(
+  return /* @__PURE__ */ _(
     "div",
     {
       ref: B,
@@ -3650,11 +3657,11 @@ function Zl({
             onPointerMove: be,
             onPointerUp: Be,
             onPointerLeave: Ae,
-            onWheel: _,
+            onWheel: Y,
             style: { cursor: $.current ? "grabbing" : "crosshair", touchAction: "none" }
           }
         ),
-        /* @__PURE__ */ Y(
+        /* @__PURE__ */ _(
           "div",
           {
             className: k.tradingHeader,
@@ -3670,10 +3677,10 @@ function Zl({
               gap: 8
             },
             children: [
-              /* @__PURE__ */ Y("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: [
+              /* @__PURE__ */ _("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 }),
-                E?.bar && /* @__PURE__ */ Y("span", { style: { color: "var(--crk-color-text-muted)", whiteSpace: "nowrap" }, children: [
+                E?.bar && /* @__PURE__ */ _("span", { style: { color: "var(--crk-color-text-muted)", whiteSpace: "nowrap" }, children: [
                   "O ",
                   E.bar.open.toFixed(i),
                   " · H ",
@@ -3685,7 +3692,7 @@ function Zl({
                   E.bar.close.toFixed(i)
                 ] })
               ] }),
-              y && /* @__PURE__ */ s("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ s(
+              g && /* @__PURE__ */ s("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ s(
                 Zt,
                 {
                   position: "bottom",
@@ -3730,7 +3737,7 @@ function ml({
   timezone: e,
   onTimezoneChange: t
 }) {
-  return /* @__PURE__ */ Y("div", { style: { minWidth: 220, padding: 4 }, children: [
+  return /* @__PURE__ */ _("div", { style: { minWidth: 220, padding: 4 }, children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -3742,7 +3749,7 @@ function ml({
         children: "Settings"
       }
     ),
-    /* @__PURE__ */ Y("label", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "4px" }, children: [
+    /* @__PURE__ */ _("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(
         Gt,
@@ -3756,7 +3763,7 @@ function ml({
   ] });
 }
 function fl() {
-  return /* @__PURE__ */ Y(
+  return /* @__PURE__ */ _(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -3777,9 +3784,9 @@ function Nt(e, t, n, r) {
   const c = Math.max(0, e - Ct), i = cl, l = Math.max(i, t - At), a = Math.max(0, c - 0), h = Math.max(0, l - i);
   let d = h, u = i;
   const m = { top: i, bottom: l, height: h };
-  let p = null, S = null;
-  const y = n ? Ht.rsi : 0, C = r ? Ht.volume : 0;
-  return d = h * (1 - y - C), m.top = u, m.height = d, m.bottom = m.top + d, u = m.bottom, n && (p = { top: u, height: h * y, bottom: u + h * y }, u = p.bottom), r && (S = { top: u, height: h * C, bottom: u + h * C }), { width: e, height: t, plotLeft: 0, plotRight: c, plotTop: i, plotBottom: l, plotWidth: a, plotHeight: h, main: m, rsi: p, volume: S };
+  let p = null, N = null;
+  const g = n ? Ht.rsi : 0, C = r ? Ht.volume : 0;
+  return d = h * (1 - g - C), m.top = u, m.height = d, m.bottom = m.top + d, u = m.bottom, n && (p = { top: u, height: h * g, bottom: u + h * g }, u = p.bottom), r && (N = { top: u, height: h * C, bottom: u + h * C }), { width: e, height: t, plotLeft: 0, plotRight: c, plotTop: i, plotBottom: l, plotWidth: a, plotHeight: h, main: m, rsi: p, volume: N };
 }
 function pl(e, t) {
   if (t === 0) return { from: 0, to: 0 };
@@ -3815,8 +3822,8 @@ function sn(e, t, n, r, o) {
   for (const u of n) {
     const m = u.kind === "line" ? [u.values] : [u.upper, u.lower];
     for (const p of m) {
-      const S = Math.max(0, Math.floor(r)), y = Math.min(p.length - 1, Math.ceil(o));
-      for (let C = S; C <= y; C++) {
+      const N = Math.max(0, Math.floor(r)), g = Math.min(p.length - 1, Math.ceil(o));
+      for (let C = N; C <= g; C++) {
         const w = p[C];
         w != null && (w < c && (c = w), w > i && (i = w));
       }
@@ -3891,11 +3898,11 @@ function xl(e, t, n, r, o) {
 function kl(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)), d = Math.max(1, c * 0.7);
   for (let u = a; u <= h; u++) {
-    const m = t[u], p = o(u), S = Le(m.open, i), y = Le(m.close, i), C = Le(m.high, i), w = Le(m.low, i), D = m.close >= m.open ? l.up : l.down;
+    const m = t[u], p = o(u), N = Le(m.open, i), g = Le(m.close, i), C = Le(m.high, i), w = Le(m.low, i), D = m.close >= m.open ? l.up : l.down;
     e.strokeStyle = D, e.fillStyle = D, e.beginPath();
     const F = Math.round(p) + 0.5;
     e.moveTo(F, C), e.lineTo(F, w), e.stroke();
-    const V = Math.min(S, y), U = Math.max(1, Math.abs(y - S));
+    const V = Math.min(N, g), U = Math.max(1, Math.abs(g - N));
     e.fillRect(Math.round(p - d / 2), Math.round(V), Math.round(d), Math.round(U));
   }
 }
@@ -3903,8 +3910,8 @@ 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)), d = 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 u = a; u <= h; u++) {
-    const m = t[u], p = Math.round(o(u)) + 0.5, S = Le(m.high, i), y = Le(m.low, i), C = Le(m.open, i), w = Le(m.close, i), J = m.close >= m.open;
-    e.strokeStyle = J ? l.up : l.down, e.beginPath(), e.moveTo(p, S), e.lineTo(p, y), e.moveTo(p - d, C), e.lineTo(p, C), e.moveTo(p, w), e.lineTo(p + d, w), e.stroke();
+    const m = t[u], p = Math.round(o(u)) + 0.5, N = Le(m.high, i), g = Le(m.low, i), C = Le(m.open, i), w = Le(m.close, i), J = m.close >= m.open;
+    e.strokeStyle = J ? l.up : l.down, e.beginPath(), e.moveTo(p, N), e.lineTo(p, g), e.moveTo(p - d, C), e.lineTo(p, C), e.moveTo(p, w), e.lineTo(p + d, w), e.stroke();
   }
 }
 function wl(e, t, n, r, o, c, i, l) {
@@ -3927,8 +3934,8 @@ function $l(e, t, n, r, o, c, i, l) {
   for (let u = a; u <= h; u++) {
     const m = t.upper[u];
     if (m == null) continue;
-    const p = i(u), S = Le(m, l);
-    d ? e.lineTo(p, S) : (e.moveTo(p, S), d = !0);
+    const p = i(u), N = Le(m, l);
+    d ? e.lineTo(p, N) : (e.moveTo(p, N), d = !0);
   }
   for (let u = h; u >= a; u--) {
     const m = t.lower[u];
@@ -3956,10 +3963,10 @@ function Nl(e, t, n, r, o, c, i, l) {
   for (let u = a; u <= h; u++) {
     const m = t[u], p = m.volume ?? 0;
     if (p === 0) continue;
-    const S = m.close >= m.open;
-    e.fillStyle = S ? l.up : l.down, e.globalAlpha = 0.55;
-    const y = Le(p, i), C = i.paneBottom - y;
-    e.fillRect(Math.round(o(u) - d / 2), Math.round(y), Math.round(d), Math.round(C));
+    const N = m.close >= m.open;
+    e.fillStyle = N ? l.up : l.down, e.globalAlpha = 0.55;
+    const g = Le(p, i), C = i.paneBottom - g;
+    e.fillRect(Math.round(o(u) - d / 2), Math.round(g), Math.round(d), Math.round(C));
   }
   e.globalAlpha = 1;
 }
@@ -3979,13 +3986,13 @@ function Tl(e, t, n, r, o, c, i) {
   e.fillStyle = i.axis, e.font = "11px system-ui, sans-serif", e.textAlign = "center", e.textBaseline = "middle";
   const d = Math.max(0, Math.floor(r)), u = Math.min(n.length - 1, Math.ceil(o)), m = t.plotBottom + At / 2;
   for (let p = d; p <= u; p += h) {
-    const S = n[p], y = t.plotLeft + (p - r + 0.5) * a;
-    e.fillText(Cl(S.time, c), y, m);
+    const N = n[p], g = t.plotLeft + (p - r + 0.5) * a;
+    e.fillText(Cl(N.time, c), g, m);
   }
 }
-function Sl(e, t, n, r, o, c, i, l, a, h, d, u, m, p, S) {
+function Sl(e, t, n, r, o, c, i, l, a, h, d, u, m, p, N) {
   if (n.x < t.plotLeft || n.x > t.plotRight) return;
-  const y = c - o + 1, C = t.plotWidth / y, w = o + (n.x - t.plotLeft) / C - 0.5, J = Math.round(w), D = Math.max(0, Math.min(r.length - 1, J)), F = i(D);
+  const g = c - o + 1, C = t.plotWidth / g, w = o + (n.x - t.plotLeft) / C - 0.5, J = Math.round(w), D = Math.max(0, Math.min(r.length - 1, J)), F = i(D);
   if (e.save(), e.strokeStyle = d.textMuted, e.setLineDash([3, 3]), e.lineWidth = 1, e.beginPath(), e.moveTo(F + 0.5, t.plotTop), e.lineTo(F + 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 V = a.priceMax - (n.y - a.paneTop) / a.paneHeight * (a.priceMax - a.priceMin);
     e.fillStyle = d.text, e.fillRect(t.plotRight, n.y - 9, Ct, 18), e.fillStyle = d.bg, e.font = "11px system-ui, sans-serif", e.textAlign = "left", e.textBaseline = "middle", e.fillText(V.toFixed(l), t.plotRight + 6, n.y);
@@ -3993,30 +4000,30 @@ function Sl(e, t, n, r, o, c, i, l, a, h, d, u, m, p, S) {
   if (r[D]) {
     const V = un(r[D].time, h);
     e.font = "11px system-ui, sans-serif", e.textBaseline = "middle";
-    const ee = e.measureText(V).width + 8 * 2, q = At, N = Math.max(
+    const ee = e.measureText(V).width + 8 * 2, q = At, L = Math.max(
       t.plotLeft,
       Math.min(t.plotRight - ee, F - ee / 2)
     ), te = t.plotBottom;
-    e.fillStyle = d.text, e.fillRect(N, te, ee, q), e.fillStyle = d.bg, e.textAlign = "center", e.fillText(V, N + ee / 2, te + q / 2);
+    e.fillStyle = d.text, e.fillRect(L, te, ee, q), e.fillStyle = d.bg, e.textAlign = "center", e.fillText(V, L + ee / 2, te + q / 2);
   }
   if (r[D]) {
     const V = r[D], U = V.close.toFixed(l);
     let B = U;
     if (p) {
-      const I = (S ?? dn)(V.time, u, h);
+      const I = (N ?? dn)(V.time, u, h);
       I && (B = `${U} · ${I}`);
     }
     e.font = "11px system-ui, sans-serif", e.textBaseline = "middle";
-    const N = e.measureText(B).width + 8 * 2, te = 18, $ = Math.max(
+    const L = e.measureText(B).width + 8 * 2, te = 18, $ = Math.max(
       t.plotLeft,
-      Math.min(t.plotRight - N, F - N / 2)
+      Math.min(t.plotRight - L, F - L / 2)
     ), Z = Math.max(0, t.plotTop - te - 2);
     if (m) {
       const I = V.close >= V.open;
-      e.fillStyle = I ? d.up : d.down, e.fillRect($, Z, N, te), e.fillStyle = "#ffffff";
+      e.fillStyle = I ? d.up : d.down, e.fillRect($, Z, L, te), e.fillStyle = "#ffffff";
     } else
-      e.fillStyle = d.text, e.fillRect($, Z, N, te), e.fillStyle = d.bg;
-    e.textAlign = "center", e.fillText(B, $ + N / 2, Z + te / 2);
+      e.fillStyle = d.text, e.fillRect($, Z, L, te), e.fillStyle = d.bg;
+    e.textAlign = "center", e.fillText(B, $ + L / 2, Z + te / 2);
   }
   e.restore();
 }
@@ -4063,8 +4070,8 @@ function dn(e, t, n) {
         hourCycle: "h23"
       }).formatToParts(r), p = (C) => m.find((w) => w.type === C)?.value ?? "";
       c = Number(p("day")), i = Number(p("month")) - 1, l = Number(p("year")), a = Number(p("hour")), h = Number(p("minute"));
-      const S = p("weekday"), y = Ut.indexOf(S);
-      d = y >= 0 ? y : 0;
+      const N = p("weekday"), g = Ut.indexOf(N);
+      d = g >= 0 ? g : 0;
     } catch {
       return dn(e, t, "utc");
     }
@@ -4101,7 +4108,7 @@ function Al(e) {
 function Se(e) {
   return e < 10 ? `0${e}` : String(e);
 }
-function _t(e) {
+function Yt(e) {
   if (e === "D") return 86400;
   if (e === "W") return 86400 * 7;
   if (e === "M") return 86400 * 30;
@@ -4142,12 +4149,12 @@ const Il = Te(
     className: h,
     style: d
   }, u) => {
-    const { line: m, area: p, last: S } = we(() => {
+    const { line: m, area: p, last: N } = we(() => {
       if (e.length === 0) return { line: "", area: "", last: null };
-      const y = o, C = Math.max(1, t - y * 2), w = Math.max(1, n - y * 2), [J, D] = kt(e), F = tt([0, Math.max(1, e.length - 1)], [y, y + C]), V = tt([J, D], [y + w, y]), U = e.map((q, N) => ({ x: F(N), y: V(q) })), B = Dl(U, c), ee = i ? `${B} L ${U[U.length - 1].x} ${y + w} L ${U[0].x} ${y + w} Z` : "";
+      const g = o, C = Math.max(1, t - g * 2), w = Math.max(1, n - g * 2), [J, D] = kt(e), F = tt([0, Math.max(1, e.length - 1)], [g, g + C]), V = tt([J, D], [g + w, g]), U = e.map((q, L) => ({ x: F(L), y: V(q) })), B = Dl(U, c), ee = i ? `${B} L ${U[U.length - 1].x} ${g + w} L ${U[0].x} ${g + w} Z` : "";
       return { line: B, area: ee, last: U[U.length - 1] };
     }, [e, t, n, o, c, i]);
-    return /* @__PURE__ */ Y(
+    return /* @__PURE__ */ _(
       "svg",
       {
         ref: u,
@@ -4171,7 +4178,7 @@ const Il = Te(
               strokeLinecap: "round"
             }
           ),
-          l && S && /* @__PURE__ */ s("circle", { cx: S.x, cy: S.y, r: o + 1, fill: r })
+          l && N && /* @__PURE__ */ s("circle", { cx: N.x, cy: N.y, r: o + 1, fill: r })
         ]
       }
     );
@@ -4179,10 +4186,10 @@ const Il = Te(
 );
 Il.displayName = "Sparkline";
 export {
-  _l as AreaChart,
-  Yl as BarChart,
+  Yl as AreaChart,
+  _l as BarChart,
   qt as Button,
-  Yi as Checkbox,
+  _i as Checkbox,
   Gt as Dropdown,
   fo as DropdownItem,
   Ol as Form,
@@ -4190,7 +4197,7 @@ export {
   Xl as FormRow,
   ci as Input,
   Ul as LineChart,
-  Yn as Link,
+  _n as Link,
   Mr as List,
   wr as ListItem,
   bt as Modal,