@gearbox-protocol/ui-kit 4.0.0 → 4.0.1

package/dist/esm/components/base/position-assets/constants.js

@@ -1,9 +1,9 @@
-class t {
-  static root = "position-assets-root";
-  static row = "position-assets-row";
-  static worth = "position-assets-worth";
-  static empty = "position-assets-empty";
-}
+const s = {
+  root: "position-assets-root",
+  row: "position-assets-row",
+  worth: "position-assets-worth",
+  empty: "position-assets-empty"
+};
 export {
-  t as PositionAssetsTest
+  s as PositionAssetsTest
 };

package/dist/esm/components/base/review-button/constants.js

@@ -1,8 +1,8 @@
-class e {
-  static root = "review-button-root";
-  static error = "review-button-error";
-  static tip = "review-button-tip";
-}
+const t = {
+  root: "review-button-root",
+  error: "review-button-error",
+  tip: "review-button-tip"
+};
 export {
-  e as ReviewButtonTest
+  t as ReviewButtonTest
 };

package/dist/esm/components/base/section-heading/constants.js

@@ -1,6 +1,6 @@
-class o {
-  static root = "section-heading-root";
-}
+const o = {
+  root: "section-heading-root"
+};
 export {
   o as SectionHeadingTest
 };

package/dist/esm/components/base/segmented-tabs/constants.js

@@ -1,6 +1,6 @@
-class e {
-  static root = "segmented-tabs-root";
-}
+const e = {
+  root: "segmented-tabs-root"
+};
 export {
   e as SegmentedTabsTest
 };

package/dist/esm/components/base/stack/constants.js

@@ -1,6 +1,6 @@
-class o {
-  static root = "stack-root";
-}
+const t = {
+  root: "stack-root"
+};
 export {
-  o as StackTest
+  t as StackTest
 };

package/dist/esm/components/base/stat-badge/constants.js

@@ -1,9 +1,9 @@
-class a {
-  static root = "stat-badge-root";
-  static grid = "stat-badge-grid-root";
-  static action = "stat-badge-action";
-  static delta = "stat-badge-delta";
-}
+const t = {
+  root: "stat-badge-root",
+  grid: "stat-badge-grid-root",
+  action: "stat-badge-action",
+  delta: "stat-badge-delta"
+};
 export {
-  a as StatBadgeTest
+  t as StatBadgeTest
 };

package/dist/esm/components/base/strategy-apy-breakdown-card/constants.js

@@ -1,12 +1,12 @@
-class t {
-  static root = "strategy-apy-breakdown-card-root";
-  static net = "strategy-apy-breakdown-card-net";
-  static collateral = "strategy-apy-breakdown-card-collateral";
-  static borrow = "strategy-apy-breakdown-card-borrow";
-  static value = "strategy-apy-breakdown-card-value";
-  static points = "strategy-apy-breakdown-card-points";
-  static caption = "strategy-apy-breakdown-card-caption";
-}
+const a = {
+  root: "strategy-apy-breakdown-card-root",
+  net: "strategy-apy-breakdown-card-net",
+  collateral: "strategy-apy-breakdown-card-collateral",
+  borrow: "strategy-apy-breakdown-card-borrow",
+  value: "strategy-apy-breakdown-card-value",
+  points: "strategy-apy-breakdown-card-points",
+  caption: "strategy-apy-breakdown-card-caption"
+};
 export {
-  t as StrategyApyBreakdownCardTest
+  a as StrategyApyBreakdownCardTest
 };

package/dist/esm/components/base/tabber/constants.js

@@ -1,8 +1,8 @@
-class a {
-  static root = "tabber-root";
-  static bar = "tabber-bar";
-  static section = "tabber-section";
-}
+const b = {
+  root: "tabber-root",
+  bar: "tabber-bar",
+  section: "tabber-section"
+};
 export {
-  a as TabberTest
+  b as TabberTest
 };

package/dist/esm/components/base/time-to-liquidation-block/constants.js

@@ -1,8 +1,8 @@
-class i {
-  static root = "time-to-liquidation-block-root";
-  static value = "time-to-liquidation-block-value";
-  static valueTo = "time-to-liquidation-block-value-to";
-}
+const o = {
+  root: "time-to-liquidation-block-root",
+  value: "time-to-liquidation-block-value",
+  valueTo: "time-to-liquidation-block-value-to"
+};
 export {
-  i as TimeToLiquidationBlockTest
+  o as TimeToLiquidationBlockTest
 };

package/dist/esm/components/base/title-meta/constants.js

@@ -1,9 +1,9 @@
-class e {
-  static root = "title-meta-root";
-  static network = "title-meta-network";
-  static curator = "title-meta-curator";
-  static link = "title-meta-link";
-}
+const t = {
+  root: "title-meta-root",
+  network: "title-meta-network",
+  curator: "title-meta-curator",
+  link: "title-meta-link"
+};
 export {
-  e as TitleMetaTest
+  t as TitleMetaTest
 };

package/dist/esm/components/base/token-amount/constants.js

@@ -1,6 +1,6 @@
-class t {
-  static root = "token-amount-root";
-}
+const o = {
+  root: "token-amount-root"
+};
 export {
-  t as TokenAmountTest
+  o as TokenAmountTest
 };

package/dist/esm/components/base/token-pair-symbol/constants.js

@@ -1,6 +1,6 @@
-class t {
-  static root = "token-pair-symbol-root";
-}
+const o = {
+  root: "token-pair-symbol-root"
+};
 export {
-  t as TokenPairSymbolTest
+  o as TokenPairSymbolTest
 };

package/dist/esm/components/base/values/constants.js

@@ -1,20 +1,19 @@
-class a {
-  static apy = "value-apy";
-  static usd = "value-usd";
-  static leverage = "value-leverage";
-  static utilization = "value-utilization";
-  static healthFactor = "value-health-factor";
-  static pnl = "value-pnl";
-  static priceImpact = "value-price-impact";
-  static tokenBigint = "value-token-bigint";
-  static points = "value-points";
-  static placeholder = "value-placeholder";
-  static accruing = "value-accruing";
-}
-class e {
-  static root = "position-short-label";
-}
+const e = {
+  apy: "value-apy",
+  usd: "value-usd",
+  leverage: "value-leverage",
+  utilization: "value-utilization",
+  healthFactor: "value-health-factor",
+  pnl: "value-pnl",
+  priceImpact: "value-price-impact",
+  tokenBigint: "value-token-bigint",
+  points: "value-points",
+  placeholder: "value-placeholder",
+  accruing: "value-accruing"
+}, a = {
+  root: "position-short-label"
+};
 export {
-  e as PositionShortLabelTest,
-  a as ValueTest
+  a as PositionShortLabelTest,
+  e as ValueTest
 };

package/dist/esm/components/base-table/constants.js

@@ -1,12 +1,11 @@
-class t {
-  static root = "base-table-root";
-  static head = "base-table-head";
-  static empty = "base-table-empty";
-}
-class a {
-  static root = "base-table-line-root";
-}
+const e = {
+  root: "base-table-root",
+  head: "base-table-head",
+  empty: "base-table-empty"
+}, t = {
+  root: "base-table-line-root"
+};
 export {
-  a as BaseTableLineTest,
-  t as BaseTableTest
+  t as BaseTableLineTest,
+  e as BaseTableTest
 };

package/dist/esm/components/collateral-allocation-tooltip/constants.js

@@ -1,12 +1,11 @@
-class l {
-  static root = "collateral-allocation-tooltip-root";
-  static row = "collateral-allocation-tooltip-row";
-  static wheel = "collateral-allocation-tooltip-wheel";
-}
-class t {
-  static root = "allocation-wheel-root";
-}
+const o = {
+  root: "collateral-allocation-tooltip-root",
+  row: "collateral-allocation-tooltip-row",
+  wheel: "collateral-allocation-tooltip-wheel"
+}, l = {
+  root: "allocation-wheel-root"
+};
 export {
-  t as AllocationWheelTest,
-  l as CollateralAllocationTooltipTest
+  l as AllocationWheelTest,
+  o as CollateralAllocationTooltipTest
 };

package/dist/esm/components/composites/pool-assets-table/constants.js

@@ -1,10 +1,10 @@
-class t {
-  static root = "pool-assets-table-root";
-  static exposureCell = "pool-assets-table-exposure-cell";
-  static capCell = "pool-assets-table-cap-cell";
-  static capBelowExposureTip = "pool-assets-table-cap-below-exposure-tip";
-  static capUtilizationCell = "pool-assets-table-cap-utilization-cell";
-}
+const e = {
+  root: "pool-assets-table-root",
+  exposureCell: "pool-assets-table-exposure-cell",
+  capCell: "pool-assets-table-cap-cell",
+  capBelowExposureTip: "pool-assets-table-cap-below-exposure-tip",
+  capUtilizationCell: "pool-assets-table-cap-utilization-cell"
+};
 export {
-  t as PoolAssetsTableTest
+  e as PoolAssetsTableTest
 };

package/dist/esm/components/composites/tx-preview/confirm/amounts/constants.js

@@ -1,6 +1,6 @@
-class t {
-  static root = "transaction-confirm-amount-field-root";
-}
+const o = {
+  root: "transaction-confirm-amount-field-root"
+};
 export {
-  t as TransactionConfirmAmountFieldTest
+  o as TransactionConfirmAmountFieldTest
 };

package/dist/esm/components/composites/tx-preview/confirm/dialog/constants.js

@@ -1,9 +1,9 @@
-class o {
-  static root = "transaction-confirm-dialog-root";
-  static execution = "transaction-confirm-dialog-execution";
-  static progress = "transaction-confirm-dialog-progress";
-  static result = "transaction-confirm-dialog-result";
-}
+const o = {
+  root: "transaction-confirm-dialog-root",
+  execution: "transaction-confirm-dialog-execution",
+  progress: "transaction-confirm-dialog-progress",
+  result: "transaction-confirm-dialog-result"
+};
 export {
   o as TransactionConfirmDialogTest
 };

package/dist/esm/components/composites/tx-preview/confirm/result/constants.js

@@ -1,24 +1,21 @@
-class s {
-  static root = "transaction-confirm-success-result-root";
-  static headline = "transaction-confirm-success-result-headline";
-  static subtitle = "transaction-confirm-success-result-subtitle";
-  static footer = "transaction-confirm-success-result-footer";
-}
-class o {
-  static root = "transaction-confirm-failure-result-root";
-  static footer = "transaction-confirm-failure-result-footer";
-}
-class a {
-  static root = "transaction-confirm-tx-hash-row-root";
-  static txHashLink = "transaction-confirm-tx-hash-row-tx-hash-link";
-  static addToWallet = "transaction-confirm-tx-hash-row-add-to-wallet";
-}
-class r {
-  static root = "transaction-confirm-execute-button-root";
-}
+const t = {
+  root: "transaction-confirm-success-result-root",
+  headline: "transaction-confirm-success-result-headline",
+  subtitle: "transaction-confirm-success-result-subtitle",
+  footer: "transaction-confirm-success-result-footer"
+}, o = {
+  root: "transaction-confirm-failure-result-root",
+  footer: "transaction-confirm-failure-result-footer"
+}, r = {
+  root: "transaction-confirm-tx-hash-row-root",
+  txHashLink: "transaction-confirm-tx-hash-row-tx-hash-link",
+  addToWallet: "transaction-confirm-tx-hash-row-add-to-wallet"
+}, n = {
+  root: "transaction-confirm-execute-button-root"
+};
 export {
-  r as TransactionConfirmExecuteButtonTest,
+  n as TransactionConfirmExecuteButtonTest,
   o as TransactionConfirmFailureResultTest,
-  s as TransactionConfirmSuccessResultTest,
-  a as TransactionConfirmTxHashRowTest
+  t as TransactionConfirmSuccessResultTest,
+  r as TransactionConfirmTxHashRowTest
 };

package/dist/esm/components/composites/tx-preview/confirm/stepper/constants.js

@@ -1,6 +1,6 @@
-class s {
-  static root = "progress-stepper-root";
-}
+const r = {
+  root: "progress-stepper-root"
+};
 export {
-  s as ProgressStepperTest
+  r as ProgressStepperTest
 };

package/dist/esm/components/legal-agreement/legal-agreement-awaiting-panel.js

@@ -1,24 +1,24 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { IconPending as n } from "@gearbox-protocol/static";
-import { legalAgreementAwaitingRootVariants as r, legalAgreementAwaitingTitleVariants as s, legalAgreementAwaitingDescriptionVariants as l } from "./legal-agreement.variants.js";
-class g {
-  static root = "legal-agreement-awaiting-panel-root";
-}
+import { legalAgreementAwaitingRootVariants as r, legalAgreementAwaitingTitleVariants as l, legalAgreementAwaitingDescriptionVariants as s } from "./legal-agreement.variants.js";
+const g = {
+  root: "legal-agreement-awaiting-panel-root"
+};
 function A({
-  waitingForSignatureText: a = "Please sign the message in your wallet to agree to the Terms of Service.",
+  waitingForSignatureText: i = "Please sign the message in your wallet to agree to the Terms of Service.",
   theme: e = "default"
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ a(
     "div",
     {
       className: r({ theme: e }),
       "data-testid": g.root,
       children: [
-        /* @__PURE__ */ t("div", { className: s({ theme: e }), children: [
-          /* @__PURE__ */ i(n, { size: 20, className: "animate-spin" }),
+        /* @__PURE__ */ a("div", { className: l({ theme: e }), children: [
+          /* @__PURE__ */ t(n, { size: 20, className: "animate-spin" }),
           "Waiting for Signature"
         ] }),
-        /* @__PURE__ */ i("p", { className: l({ theme: e }), children: a })
+        /* @__PURE__ */ t("p", { className: s({ theme: e }), children: i })
       ]
     }
   );

package/dist/esm/components/legal-agreement/legal-agreement-panel.js

@@ -1,19 +1,19 @@
-import { jsx as l, jsxs as s } from "react/jsx-runtime";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
 import { faTriangleExclamation as h } from "@fortawesome/free-solid-svg-icons";
 import { Checkbox as b } from "../checkbox/checkbox.js";
 import { CheckboxLabeled as u } from "../checkbox/checkbox-labeled.js";
 import { FaIcon as N } from "../icons/fa-icon.js";
 import { legalAgreementPanelRootVariants as k, legalAgreementPanelNotificationVariants as p, legalAgreementPanelV2BannerVariants as f, legalAgreementPanelCheckboxListVariants as v, legalAgreementPanelCheckboxListTitleVariants as A, legalAgreementPanelCheckboxRowVariants as x, legalAgreementPanelCheckboxLabelVariants as g } from "./legal-agreement.variants.js";
-class P {
-  static root = "legal-agreement-panel-root";
-}
+const P = {
+  root: "legal-agreement-panel-root"
+};
 function T({
-  config: a,
+  config: l,
   checkedItems: i,
-  onCheckedChange: n,
+  onCheckedChange: t,
   hasV2Signature: r,
-  showTitle: c,
-  checkboxIdPrefix: o,
+  showTitle: o,
+  checkboxIdPrefix: c,
   theme: e
 }) {
   return /* @__PURE__ */ s(
@@ -22,79 +22,79 @@ function T({
       className: k({ theme: e }),
       "data-testid": P.root,
       children: [
-        c ? /* @__PURE__ */ l("h2", { className: "text-center text-xl font-semibold text-foreground", children: r ? a.updatedTitle || "Terms of Service Updated" : a.title || "Legal Agreement" }) : null,
-        /* @__PURE__ */ l("div", { className: p({ theme: e }), children: a.notificationText }),
+        o ? /* @__PURE__ */ a("h2", { className: "text-center text-xl font-semibold text-foreground", children: r ? l.updatedTitle || "Terms of Service Updated" : l.title || "Legal Agreement" }) : null,
+        /* @__PURE__ */ a("div", { className: p({ theme: e }), children: l.notificationText }),
         r ? /* @__PURE__ */ s("div", { className: f({ theme: e }), children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ a(
             N,
             {
               icon: h,
               className: "size-5 shrink-0 text-yellow-500 mt-0.5"
             }
           ),
-          /* @__PURE__ */ l("div", { className: "text-sm text-yellow-500", children: a.updatedTermsNoticeText ?? `Our Terms of Service have been updated. Please review and sign the new agreement to continue using ${a.productName}.` })
+          /* @__PURE__ */ a("div", { className: "text-sm text-yellow-500", children: l.updatedTermsNoticeText ?? `Our Terms of Service have been updated. Please review and sign the new agreement to continue using ${l.productName}.` })
         ] }) : null,
         /* @__PURE__ */ s("div", { className: v({ theme: e }), children: [
-          a.checkboxListTitle ? /* @__PURE__ */ l(
+          l.checkboxListTitle ? /* @__PURE__ */ a(
             "div",
             {
               className: A({ theme: e }),
-              children: a.checkboxListTitle
+              children: l.checkboxListTitle
             }
           ) : null,
-          a.checkboxItems.map((t) => {
-            const d = `${o}-${t.id}`, m = i[t.id] || !1;
-            return e === "gearboxV3" ? /* @__PURE__ */ l(
+          l.checkboxItems.map((n) => {
+            const d = `${c}-${n.id}`, m = i[n.id] || !1;
+            return e === "gearboxV3" ? /* @__PURE__ */ a(
               "div",
               {
                 className: x({ theme: e }),
-                children: /* @__PURE__ */ l(
+                children: /* @__PURE__ */ a(
                   u,
                   {
                     id: d,
                     checked: m,
-                    onChange: () => n(t.id),
+                    onChange: () => t(n.id),
                     boxAlign: "flex-start",
                     size: "lg",
                     color: "secondary",
-                    children: /* @__PURE__ */ l(
+                    children: /* @__PURE__ */ a(
                       "div",
                       {
                         className: g({
                           theme: e
                         }),
-                        children: t.content
+                        children: n.content
                       }
                     )
                   }
                 )
               },
-              t.id
+              n.id
             ) : /* @__PURE__ */ s(
               "label",
               {
                 htmlFor: d,
                 className: x({ theme: e }),
                 children: [
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ a(
                     b,
                     {
                       id: d,
                       checked: m,
-                      onCheckedChange: () => n(t.id),
+                      onCheckedChange: () => t(n.id),
                       className: "mt-1"
                     }
                   ),
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ a(
                     "span",
                     {
                       className: g({ theme: e }),
-                      children: t.content
+                      children: n.content
                     }
                   )
                 ]
               },
-              t.id
+              n.id
             );
           })
         ] })
@@ -103,23 +103,23 @@ function T({
   );
 }
 function $({
-  config: a,
+  config: l,
   checkedItems: i,
-  onCheckedChange: n,
+  onCheckedChange: t,
   hasV2Signature: r = !1,
-  showTitle: c = !1,
-  checkboxIdPrefix: o = "legal-checkbox",
+  showTitle: o = !1,
+  checkboxIdPrefix: c = "legal-checkbox",
   theme: e = "default"
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ a(
     T,
     {
-      config: a,
+      config: l,
       checkedItems: i,
-      onCheckedChange: n,
+      onCheckedChange: t,
       hasV2Signature: r,
-      showTitle: c,
-      checkboxIdPrefix: o,
+      showTitle: o,
+      checkboxIdPrefix: c,
       theme: e
     }
   );

package/dist/esm/components/sdk-status-pill/constants.js

@@ -1,8 +1,8 @@
-class s {
-  static root = "sdk-status-pill-root";
-  static dot = "sdk-status-pill-dot";
-  static tooltip = "sdk-status-pill-tooltip";
-}
+const t = {
+  root: "sdk-status-pill-root",
+  dot: "sdk-status-pill-dot",
+  tooltip: "sdk-status-pill-tooltip"
+};
 export {
-  s as SdkStatusPillTest
+  t as SdkStatusPillTest
 };

package/dist/esm/components/slider/constants.js

@@ -1,6 +1,6 @@
-class t {
-  static interval = "slider-interval";
-}
+const e = {
+  interval: "slider-interval"
+};
 export {
-  t as SliderTest
+  e as SliderTest
 };

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

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

package/dist/types/components/badge/chip.d.ts

@@ -1,11 +1,11 @@
 import { default as React, ReactNode } from 'react';
-export declare class ChipTest {
-    static root: string;
-}
-export declare class ChipsTest {
-    static root: string;
-    static chip: string;
-}
+export declare const ChipTest: {
+    readonly root: "chip-root";
+};
+export declare const ChipsTest: {
+    readonly root: "chips-root";
+    readonly chip: "chip-root";
+};
 export type ChipTone = "success" | "info" | "neutral" | "warning" | "danger" | "accent";
 export interface ChipProps {
     readonly children?: ReactNode;