@gearbox-protocol/ui-kit 4.0.0-next.62 → 4.0.0-next.64

package/dist/esm/components/graph/series-config.js

@@ -1 +1,10 @@
-
+function c(t) {
+  let r = 0;
+  return t.map((e) => {
+    const l = e.priceScaleId ?? (r === 0 ? "left" : "right");
+    return e.data.length > 0 && r++, { series: e, side: l };
+  });
+}
+export {
+  c as resolvePriceScaleSides
+};

package/dist/esm/components/index.js

@@ -9,7 +9,7 @@ import { BorrowRateBlock as h } from "./base/borrow-rate-block/borrow-rate-block
 import { BorrowRateBlockTest as I } from "./base/borrow-rate-block/constants.js";
 import { ChartWithSideCard as y } from "./base/chart-with-side-card/chart-with-side-card.js";
 import { ChartWithSideCardTest as H } from "./base/chart-with-side-card/constants.js";
-import { DetailedPageTitle as V } from "./base/detailed-page-title/detailed-page-title.js";
+import { DetailedPageTitle as R } from "./base/detailed-page-title/detailed-page-title.js";
 import { AsideAlignAnchor as E } from "./base/details-view/detail-aside/detail-aside-scope.js";
 import { DetailsView as W, DetailsViewLeftPane as q, DetailsViewManagePane as G } from "./base/details-view/details-view.js";
 import { HealthFactorBlockTest as U } from "./base/health-factor-block/constants.js";
@@ -31,7 +31,7 @@ import { NestedInfoStack as ko } from "./base/nested-info-stack/nested-info-stac
 import { PageHeadProvider as wo, PageTitle as Io } from "./base/page-title/page-title.js";
 import { PoolApyBreakdownCardTest as yo } from "./base/pool-apy-breakdown-card/constants.js";
 import { PoolApyBreakdownCard as Ho } from "./base/pool-apy-breakdown-card/pool-apy-breakdown-card.js";
-import { PositionAssetsTest as Vo } from "./base/position-assets/constants.js";
+import { PositionAssetsTest as Ro } from "./base/position-assets/constants.js";
 import { PositionAssets as Eo } from "./base/position-assets/position-assets.js";
 import { ReviewButton as Wo } from "./base/review-button/review-button.js";
 import { SectionHeading as Go } from "./base/section-heading/section-heading.js";
@@ -56,7 +56,7 @@ import { PositionShortLabel as ke } from "./base/values/position-short-label.js"
 import { PositionStatusBadge as we } from "./base/values/position-status-badge.js";
 import { PositionTypeBadge as Me } from "./base/values/position-type-badge.js";
 import { PriceImpactValue as Fe } from "./base/values/price-impact-value.js";
-import { ApyValue as Re, HealthFactorValue as Ve, LeverageValue as ve, TokenBigint as Ee, UsdValue as Ne, UtilizationValue as We } from "./base/values/scalars.js";
+import { ApyValue as Ve, HealthFactorValue as Re, LeverageValue as ve, TokenBigint as Ee, UsdValue as Ne, UtilizationValue as We } from "./base/values/scalars.js";
 import { BaseLink as Ge } from "./base-link/base-link.js";
 import { BaseTable as Ue } from "./base-table/base-table.js";
 import { BaseTableLine as ze } from "./base-table/base-table-line.js";
@@ -78,7 +78,7 @@ import { AllocationWheelTest as Lr, CollateralAllocationTooltipTest as kr } from
 import { NotificationCenter as wr } from "./composites/notification-center/notification-center.js";
 import { PoolAssetsTableTest as Mr } from "./composites/pool-assets-table/constants.js";
 import { PoolAssetsTable as Fr } from "./composites/pool-assets-table/pool-assets-table.js";
-import { TransactionConfirmAmountFieldTest as Rr } from "./composites/tx-preview/confirm/amounts/constants.js";
+import { TransactionConfirmAmountFieldTest as Vr } from "./composites/tx-preview/confirm/amounts/constants.js";
 import { TransactionConfirmAmountField as vr } from "./composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
 import { TransactionConfirmDialogTest as Nr } from "./composites/tx-preview/confirm/dialog/constants.js";
 import { TransactionConfirmShell as qr } from "./composites/tx-preview/confirm/dialog/TransactionConfirmShell.js";
@@ -103,7 +103,7 @@ import { DialogHeader as kt } from "./dialog/dialog-header.js";
 import { DialogModalContainer as wt } from "./dialog/dialog-modal-container.js";
 import { DialogTitle as Mt } from "./dialog/dialog-title.js";
 import { OneFieldDialog as Ft } from "./dialog/one-field-dialog.js";
-import { DisabledWrap as Rt } from "./disabled-wrap/disabled-wrap.js";
+import { DisabledWrap as Vt } from "./disabled-wrap/disabled-wrap.js";
 import { DropdownMenu as vt, DropdownMenuPortal as Et, DropdownMenuTrigger as Nt } from "./dropdown-menu/dropdown-menu.js";
 import { DropdownMenuContent as qt } from "./dropdown-menu/dropdown-menu-content.js";
 import { DropdownMenuItem as Ot } from "./dropdown-menu/dropdown-menu-item.js";
@@ -129,7 +129,7 @@ import { Col as ka } from "./layout/col/col.js";
 import { Container as wa } from "./layout/container/container.js";
 import { Grid as Ma } from "./layout/grid/grid.js";
 import { Layout as Fa } from "./layout/layout/layout.js";
-import { BlockedRegionDialog as Ra, LegalAgreementDialog as Va } from "./legal-agreement/legal-agreement-dialog.js";
+import { BlockedRegionDialog as Va, LegalAgreementDialog as Ra } from "./legal-agreement/legal-agreement-dialog.js";
 import { LegalAgreementLink as Ea } from "./legal-agreement/legal-agreement-link.js";
 import { Link as Wa } from "./link/link.js";
 import { Loader as Ga } from "./loader/loader.js";
@@ -153,7 +153,7 @@ import { SimpleDropdown as kp } from "./simple-dropdown/simple-dropdown.js";
 import { SimpleDropdownMenuItem as wp } from "./simple-dropdown/simple-dropdown-menu-item.js";
 import { Skeleton as Mp } from "./skeleton/skeleton.js";
 import { SkeletonStack as Fp } from "./skeleton/skeleton-stack.js";
-import { SliderTest as Rp } from "./slider/constants.js";
+import { SliderTest as Vp } from "./slider/constants.js";
 import { Spinner as vp } from "./spinner/spinner.js";
 import { SpinnerLoader as Np } from "./spinner-loader/spinner-loader.js";
 import { SplitList as qp } from "./split-list/split-list.js";
@@ -170,31 +170,32 @@ import { TokenSymbol as dm } from "./token-symbol/token-symbol.js";
 import { TokenTemplate as cm } from "./token-template/token-template.js";
 import { SimpleTooltip as Cm } from "./tooltip/simple-tooltip.js";
 import { Tooltip as Pm, TooltipContent as Dm, TooltipProvider as Bm, TooltipTrigger as bm } from "./tooltip/tooltip.js";
-import { TradingView as Lm } from "./trading-view/trading-view.js";
-import { TruncatedText as hm } from "./truncated-text/truncated-text.js";
-import { FormattedMessageTyped as Im, useIntlTyped as Mm } from "./typed-intl/index.js";
-import { Typography as Fm } from "./typography/typography.js";
-import { VerticalIndicator as Rm } from "./vertical-indicator/vertical-indicator.js";
-import { VSpace as vm } from "./vspace/vspace.js";
-import { WithCopy as Nm } from "./with-copy/with-copy.js";
-import { ApyBreakdownTooltip as qm } from "./yield-breakdown-tooltip/yield-breakdown-tooltip.js";
-import { AmountInputTest as Om } from "./base/amount-input/constants.js";
-import { DetailedPageTitleTest as _m } from "./base/detailed-page-title/constants.js";
-import { DetailsViewTest as Ym } from "./base/details-view/constants.js";
-import { HistoryChartTest as jm } from "./base/history-chart/constants.js";
-import { InfoListTest as Km } from "./base/info-list/constants.js";
-import { LeverageInputTest as Xm } from "./base/leverage-input/constants.js";
-import { ManagePaneTest as oi } from "./base/manage-pane/constants.js";
-import { PageTitleTest as ri } from "./base/page-title/constants.js";
-import { ReviewButtonTest as ai } from "./base/review-button/constants.js";
-import { SectionHeadingTest as mi } from "./base/section-heading/constants.js";
-import { SegmentedTabsTest as ni } from "./base/segmented-tabs/constants.js";
-import { StackTest as xi } from "./base/stack/constants.js";
-import { StatBadgeTest as si } from "./base/stat-badge/constants.js";
-import { TabberTest as di } from "./base/tabber/constants.js";
-import { TokenAmountTest as ci } from "./base/token-amount/constants.js";
-import { BaseTableLineTest as Ci, BaseTableTest as Si } from "./base-table/constants.js";
-import { tokenTemplateString as Di } from "../utils/templates.js";
+import { TradingViewTest as Lm } from "./trading-view/constants.js";
+import { TradingView as hm } from "./trading-view/trading-view.js";
+import { TruncatedText as Im } from "./truncated-text/truncated-text.js";
+import { FormattedMessageTyped as ym, useIntlTyped as Fm } from "./typed-intl/index.js";
+import { Typography as Vm } from "./typography/typography.js";
+import { VerticalIndicator as vm } from "./vertical-indicator/vertical-indicator.js";
+import { VSpace as Nm } from "./vspace/vspace.js";
+import { WithCopy as qm } from "./with-copy/with-copy.js";
+import { ApyBreakdownTooltip as Om } from "./yield-breakdown-tooltip/yield-breakdown-tooltip.js";
+import { AmountInputTest as _m } from "./base/amount-input/constants.js";
+import { DetailedPageTitleTest as Ym } from "./base/detailed-page-title/constants.js";
+import { DetailsViewTest as jm } from "./base/details-view/constants.js";
+import { HistoryChartTest as Km } from "./base/history-chart/constants.js";
+import { InfoListTest as Xm } from "./base/info-list/constants.js";
+import { LeverageInputTest as oi } from "./base/leverage-input/constants.js";
+import { ManagePaneTest as ri } from "./base/manage-pane/constants.js";
+import { PageTitleTest as ai } from "./base/page-title/constants.js";
+import { ReviewButtonTest as mi } from "./base/review-button/constants.js";
+import { SectionHeadingTest as ni } from "./base/section-heading/constants.js";
+import { SegmentedTabsTest as xi } from "./base/segmented-tabs/constants.js";
+import { StackTest as si } from "./base/stack/constants.js";
+import { StatBadgeTest as di } from "./base/stat-badge/constants.js";
+import { TabberTest as ci } from "./base/tabber/constants.js";
+import { TokenAmountTest as Ci } from "./base/token-amount/constants.js";
+import { BaseTableLineTest as Pi, BaseTableTest as Di } from "./base-table/constants.js";
+import { tokenTemplateString as bi } from "../utils/templates.js";
 export {
   r as AlertBadge,
   a as AlertDialog,
@@ -209,11 +210,11 @@ export {
   d as AlertModal,
   Lr as AllocationWheelTest,
   L as AmountInput,
-  Om as AmountInputTest,
+  _m as AmountInputTest,
   Ba as AppFooter,
   Aa as AppHeader,
-  qm as ApyBreakdownTooltip,
-  Re as ApyValue,
+  Om as ApyBreakdownTooltip,
+  Ve as ApyValue,
   E as AsideAlignAnchor,
   c as AssetsListCell,
   Qe as BackButton,
@@ -221,9 +222,9 @@ export {
   Ge as BaseLink,
   Ue as BaseTable,
   ze as BaseTableLine,
-  Ci as BaseTableLineTest,
-  Si as BaseTableTest,
-  Ra as BlockedRegionDialog,
+  Pi as BaseTableLineTest,
+  Di as BaseTableTest,
+  Va as BlockedRegionDialog,
   h as BorrowRateBlock,
   I as BorrowRateBlockTest,
   Ze as BreadCrumbs,
@@ -250,13 +251,13 @@ export {
   er as CopyButton,
   oa as DEFAULT_SERIES_COLORS,
   Tr as DangerZone,
-  V as DetailedPageTitle,
+  R as DetailedPageTitle,
   ft as DetailedPageTitleExplorerDropdown,
-  _m as DetailedPageTitleTest,
+  Ym as DetailedPageTitleTest,
   W as DetailsView,
   q as DetailsViewLeftPane,
   G as DetailsViewManagePane,
-  Ym as DetailsViewTest,
+  jm as DetailsViewTest,
   Tt as Dialog,
   ct as DialogContainer,
   Ct as DialogContent,
@@ -267,7 +268,7 @@ export {
   wt as DialogModalContainer,
   Mt as DialogTitle,
   dt as DialogTrigger,
-  Rt as DisabledWrap,
+  Vt as DisabledWrap,
   vt as DropdownMenu,
   qt as DropdownMenuContent,
   Ot as DropdownMenuItem,
@@ -280,7 +281,7 @@ export {
   tr as ExternalButton,
   da as FaIcon,
   Kt as FadeoutLoading,
-  Im as FormattedMessageTyped,
+  ym as FormattedMessageTyped,
   Xt as FormattedNumberString,
   Ma as Grid,
   _p as GridErrorLine,
@@ -290,22 +291,22 @@ export {
   ma as HealthFactor,
   z as HealthFactorBlock,
   U as HealthFactorBlockTest,
-  Ve as HealthFactorValue,
+  Re as HealthFactorValue,
   na as HelpTip,
   Z as HistoryChart,
-  jm as HistoryChartTest,
+  Km as HistoryChartTest,
   sa as IconButton,
   ca as InfiniteScrollWrapper,
   J as InfoLine,
   K as InfoList,
-  Km as InfoListTest,
+  Xm as InfoListTest,
   Ca as Input,
   Pa as Label,
   Fa as Layout,
-  Va as LegalAgreementDialog,
+  Ra as LegalAgreementDialog,
   Ea as LegalAgreementLink,
   $ as LeverageInput,
-  Xm as LeverageInputTest,
+  oi as LeverageInputTest,
   to as LeveragePresetChips,
   eo as LeveragePresetChipsTest,
   ve as LeverageValue,
@@ -321,7 +322,7 @@ export {
   co as ManagePaneMessage,
   uo as ManagePaneTab,
   Co as ManagePaneTabDropdown,
-  oi as ManagePaneTest,
+  ri as ManagePaneTest,
   za as MarkdownText,
   lt as Modal,
   Bo as MoreAccordion,
@@ -336,7 +337,7 @@ export {
   Ft as OneFieldDialog,
   wo as PageHeadProvider,
   Io as PageTitle,
-  ri as PageTitleTest,
+  ai as PageTitleTest,
   Ae as PnlValue,
   $a as PointsIcon,
   Q as PointsInfoLine,
@@ -346,7 +347,7 @@ export {
   Mr as PoolAssetsTableTest,
   ep as PoolPointsIndicator,
   Eo as PositionAssets,
-  Vo as PositionAssetsTest,
+  Ro as PositionAssetsTest,
   ke as PositionShortLabel,
   De as PositionShortLabelTest,
   we as PositionStatusBadge,
@@ -358,15 +359,15 @@ export {
   tp as RadioGroup,
   ap as RadioGroupItem,
   Wo as ReviewButton,
-  ai as ReviewButtonTest,
+  mi as ReviewButtonTest,
   xp as SdkStatusPill,
   np as SdkStatusPillTest,
   sp as SearchLine,
   Go as SectionHeading,
-  mi as SectionHeadingTest,
+  ni as SectionHeadingTest,
   dp as SegmentedControl,
   Uo as SegmentedTabs,
-  ni as SegmentedTabsTest,
+  xi as SegmentedTabsTest,
   cp as Select,
   up as SelectContent,
   Cp as SelectItem,
@@ -379,15 +380,15 @@ export {
   Cm as SimpleTooltip,
   Mp as Skeleton,
   Fp as SkeletonStack,
-  Rp as SliderTest,
+  Vp as SliderTest,
   vp as Spinner,
   Np as SpinnerLoader,
   qp as SplitList,
   zo as Stack,
-  xi as StackTest,
+  si as StackTest,
   Zo as StatBadge,
   jo as StatBadgeGrid,
-  si as StatBadgeTest,
+  di as StatBadgeTest,
   Xo as StrategyApyBreakdownCard,
   Ko as StrategyApyBreakdownCardTest,
   Dr as StyledButton,
@@ -396,7 +397,7 @@ export {
   Op as TabControl,
   oe as Tabber,
   ee as TabberSection,
-  di as TabberTest,
+  ci as TabberTest,
   Yp as Table,
   Zp as TableBody,
   jp as TableCell,
@@ -416,7 +417,7 @@ export {
   le as TitleMeta,
   fe as TitleMetaTest,
   Te as TokenAmount,
-  ci as TokenAmountTest,
+  Ci as TokenAmountTest,
   Ee as TokenBigint,
   sm as TokenIcon,
   ue as TokenPairSymbol,
@@ -427,9 +428,10 @@ export {
   Dm as TooltipContent,
   Bm as TooltipProvider,
   bm as TooltipTrigger,
-  Lm as TradingView,
+  hm as TradingView,
+  Lm as TradingViewTest,
   vr as TransactionConfirmAmountField,
-  Rr as TransactionConfirmAmountFieldTest,
+  Vr as TransactionConfirmAmountFieldTest,
   Nr as TransactionConfirmDialogTest,
   Or as TransactionConfirmExecuteButton,
   _r as TransactionConfirmExecuteButtonTest,
@@ -440,15 +442,15 @@ export {
   Yr as TransactionConfirmSuccessResultTest,
   $r as TransactionConfirmTxHashRow,
   Zr as TransactionConfirmTxHashRowTest,
-  hm as TruncatedText,
-  Fm as Typography,
+  Im as TruncatedText,
+  Vm as Typography,
   Ne as UsdValue,
   We as UtilizationValue,
-  vm as VSpace,
+  Nm as VSpace,
   Be as ValueTest,
-  Rm as VerticalIndicator,
-  Nm as WithCopy,
-  Di as tokenTemplateString,
-  Mm as useIntlTyped,
+  vm as VerticalIndicator,
+  qm as WithCopy,
+  bi as tokenTemplateString,
+  Fm as useIntlTyped,
   te as useTitleText
 };

package/dist/esm/components/table/grid-table.js

@@ -1,10 +1,10 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { cva as g } from "class-variance-authority";
 import * as n from "react";
 import { BaseLink as H } from "../base-link/base-link.js";
-import { Col as j } from "../layout/col/col.js";
-import { Grid as k } from "../layout/grid/grid.js";
-import { cn as r } from "../../utils/cn.js";
+import { Col as z } from "../layout/col/col.js";
+import { Grid as C } from "../layout/grid/grid.js";
+import { cn as a } from "../../utils/cn.js";
 const D = g("w-full", {
   variants: {
     size: {
@@ -16,24 +16,24 @@ const D = g("w-full", {
   defaultVariants: {
     size: "default"
   }
-}), C = n.forwardRef(
-  ({ className: e, size: t, cols: a = 12, gap: d = 0, wrapperClassName: s, ...f }, c) => /* @__PURE__ */ i("div", { className: r("relative w-full overflow-auto", s), children: /* @__PURE__ */ i(
-    k,
+}), K = n.forwardRef(
+  ({ className: e, size: t, cols: r = 12, gap: d = 0, wrapperClassName: s, ...f }, u) => /* @__PURE__ */ o("div", { className: a("relative w-full overflow-auto", s), children: /* @__PURE__ */ o(
+    C,
     {
-      ref: c,
-      cols: a,
+      ref: u,
+      cols: r,
       gap: d,
-      className: r(D({ size: t, className: e })),
+      className: a(D({ size: t, className: e })),
       ...f
     }
   ) })
 );
-C.displayName = "GridTable";
-const K = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
+K.displayName = "GridTable";
+const A = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   "div",
   {
-    ref: a,
-    className: r(
+    ref: r,
+    className: a(
       "contents",
       // Full-width border for header (no insets)
       "[&>*>*]:after:absolute [&>*>*]:after:bottom-0 [&>*>*]:after:inset-x-0 [&>*>*]:after:h-px [&>*>*]:after:bg-border",
@@ -44,126 +44,130 @@ const K = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
     ...t
   }
 ));
-K.displayName = "GridTableHeader";
-const A = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
+A.displayName = "GridTableHeader";
+const E = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   "div",
   {
-    ref: a,
-    className: r("contents [&>*:last-child>*]:after:hidden", e),
+    ref: r,
+    className: a("contents [&>*:last-child>*]:after:hidden", e),
     ...t
   }
 ));
-A.displayName = "GridTableBody";
+E.displayName = "GridTableBody";
+function j(e) {
+  const t = e.target.closest(
+    "a, button, input, select, textarea, [role='button']"
+  );
+  return t !== null && t !== e.currentTarget;
+}
 const S = n.forwardRef(
   ({
     className: e,
     cols: t,
-    gap: a = 0,
+    gap: r = 0,
     last: d,
     height: s,
     hideValue: f,
-    noHover: c,
-    noRound: y,
+    noHover: u,
+    noRound: x,
     onRowClick: l,
-    href: x,
-    target: z,
-    rel: w,
-    style: B,
-    children: u,
-    ...m
-  }, b) => {
-    const T = typeof s == "number" ? `${s}px` : s, v = n.useCallback(
-      (o) => {
-        !l || o.target.closest(
-          "a, button, input, select, textarea, [role='button']"
-        ) || l(o);
+    href: c,
+    target: w,
+    rel: B,
+    style: V,
+    children: m,
+    ...b
+  }, p) => {
+    const v = typeof s == "number" ? `${s}px` : s, T = n.useCallback(
+      (i) => {
+        l && (j(i) || l(i));
       },
       [l]
     ), h = n.useCallback(
-      (o) => {
-        if (l && (o.key === "Enter" || o.key === " ")) {
-          if (o.preventDefault(), o.target.closest(
-            "a, button, input, select, textarea, [role='button']"
-          ))
-            return;
-          l(o);
+      (i) => {
+        if (l && !(i.key !== "Enter" && i.key !== " ") && !j(i)) {
+          if (c) {
+            if (i.key !== "Enter") return;
+          } else
+            i.preventDefault();
+          l(i);
         }
       },
-      [l]
-    ), N = r(
+      [l, c]
+    ), N = a(
       "[&>*]:relative [&>*]:transition-colors data-[state=selected]:[&>*]:bg-muted",
       "[&>*]:after:absolute [&>*]:after:bottom-0 [&>*]:after:inset-x-0 [&>*]:after:h-px [&>*]:after:bg-border",
-      !y && [
+      !x && [
         "[&>*:first-child]:after:left-3",
         "[&>*:last-child]:after:right-3"
       ],
-      !c && [
+      !u && [
         "[&>*]:z-0",
         "[&>*]:before:absolute [&>*]:before:inset-x-0 [&>*]:before:top-0 [&>*]:before:bottom-px [&>*]:before:-z-10 [&>*]:before:bg-muted/50 [&>*]:before:opacity-0 [&>*]:before:transition-opacity",
         "hover:[&>*]:before:opacity-100",
-        !y && "[&>*:first-child]:before:rounded-l-lg [&>*:last-child]:before:rounded-r-lg"
+        !x && "[&>*:first-child]:before:rounded-l-lg [&>*:last-child]:before:rounded-r-lg"
       ],
       d && "[&>*]:after:hidden",
       f && "[&>*]:opacity-0"
-    ), G = r(
+    ), G = a(
       "grid grid-cols-subgrid col-span-full",
       N,
       "cursor-pointer",
       e
-    ), p = {
-      ...B,
-      ...T ? { height: T } : {}
+    ), y = {
+      ...V,
+      ...v ? { height: v } : {}
     };
-    return x ? /* @__PURE__ */ i(
+    return c ? /* @__PURE__ */ o(
       H,
       {
-        ref: b,
-        href: x,
-        target: z,
-        rel: w,
+        ref: p,
+        href: c,
+        target: w,
+        rel: B,
         size: "unset",
         variant: "unset",
-        className: r("no-underline text-foreground!", G),
-        style: p,
-        onClick: l ? v : void 0,
+        className: a("no-underline text-foreground!", G),
+        style: y,
+        onClick: l ? T : void 0,
         onKeyDown: l ? h : void 0,
-        ...m,
-        children: u
+        ...b,
+        children: m
       }
     ) : l ? (
       // biome-ignore lint/a11y/useSemanticElements: Using div with subgrid layout, not a semantic table
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ o(
         "div",
         {
-          ref: b,
+          ref: p,
           role: "row",
           tabIndex: 0,
           className: G,
-          style: p,
-          onClick: v,
+          style: y,
+          onClick: T,
           onKeyDown: h,
-          ...m,
-          children: u
+          ...b,
+          children: m
         }
       )
-    ) : /* @__PURE__ */ i(
+    ) : /* @__PURE__ */ o(
       "div",
       {
-        ref: b,
-        className: r(
+        ref: p,
+        className: a(
           "grid grid-cols-subgrid col-span-full",
           N,
           e
         ),
-        style: p,
-        ...m,
-        children: u
+        style: y,
+        ...b,
+        children: m
       }
     );
   }
 );
 S.displayName = "GridTableRow";
-const E = g(
+const k = g(
   "flex items-center justify-start text-left align-middle font-medium text-muted-foreground !bg-transparent",
   {
     variants: {
@@ -190,13 +194,13 @@ const E = g(
     }
   }
 ), I = n.forwardRef(
-  ({ className: e, size: t, span: a = 1, justify: d = "start", gapBefore: s, ...f }, c) => /* @__PURE__ */ i(
-    j,
+  ({ className: e, size: t, span: r = 1, justify: d = "start", gapBefore: s, ...f }, u) => /* @__PURE__ */ o(
+    z,
     {
-      ref: c,
-      span: a,
-      className: r(
-        E({ size: t, justify: d, gapBefore: s, className: e })
+      ref: u,
+      span: r,
+      className: a(
+        k({ size: t, justify: d, gapBefore: s, className: e })
       ),
       ...f
     }
@@ -226,25 +230,25 @@ const L = g("flex items-center align-middle", {
     textAlign: "left",
     gapBefore: "none"
   }
-}), $ = n.forwardRef(
-  ({ className: e, size: t, span: a = 1, textAlign: d, gapBefore: s, ...f }, c) => /* @__PURE__ */ i(
-    j,
+}), O = n.forwardRef(
+  ({ className: e, size: t, span: r = 1, textAlign: d, gapBefore: s, ...f }, u) => /* @__PURE__ */ o(
+    z,
     {
-      ref: c,
-      span: a,
-      className: r(
+      ref: u,
+      span: r,
+      className: a(
         L({ size: t, textAlign: d, gapBefore: s, className: e })
       ),
       ...f
     }
   )
 );
-$.displayName = "GridTableCell";
+O.displayName = "GridTableCell";
 export {
-  C as GridTable,
-  A as GridTableBody,
-  $ as GridTableCell,
+  K as GridTable,
+  E as GridTableBody,
+  O as GridTableCell,
   I as GridTableHead,
-  K as GridTableHeader,
+  A as GridTableHeader,
   S as GridTableRow
 };

package/dist/esm/components/trading-view/constants.js

@@ -0,0 +1,7 @@
+class t {
+  static priceScaleTitles = "trading-view-price-scale-titles";
+  static priceScaleTitle = (e) => `trading-view-price-scale-title-${e}`;
+}
+export {
+  t as TradingViewTest
+};

package/dist/esm/components/trading-view/index.js

@@ -1,4 +1,6 @@
-import { TradingView as i } from "./trading-view.js";
+import { TradingViewTest as i } from "./constants.js";
+import { TradingView as t } from "./trading-view.js";
 export {
-  i as TradingView
+  t as TradingView,
+  i as TradingViewTest
 };