@gearbox-protocol/ui-kit 4.0.0-next.4 → 4.0.0-next.40

package/dist/types/locale/en.json.d.ts

@@ -6,6 +6,8 @@ declare const _default: {
   "errors.tooManyRequests": "Too many requests",
   "errors.incorrectAddress": "Incorrect address",
   "components.errorMessage.oops": "Oops...",
+  "components.networkIndicator.title": "Network",
+  "components.infiniteScrollWrapper.showMore": "Show more",
 
   "components.alertModal.ok": "Ok",
 
@@ -18,9 +20,9 @@ declare const _default: {
   "components.footer.built": "Built at ETHGlobal MarketMake hackathon.",
   "components.footer.version": "Version {value}",
 
-  "components.blockSyncPill.syncError": ", sync error",
-  "components.blockSyncPill.syncedAt": ", synced at {time}",
-  "components.blockSyncPill.syncing": ", syncing…",
+  "components.sdkStatus.connecting": "Connecting…",
+  "components.sdkStatus.connected": "Connected",
+  "components.sdkStatus.disconnected": "Not connected",
 
   "components.creditAccountHistory.table.protocol": "Protocol",
   "components.creditAccountHistory.table.operation": "Operation",
@@ -61,20 +63,20 @@ declare const _default: {
   "components.APY.tip": "These APYs are derived from the underlying protocols’ APIs and may differ in reality. Check respective protocols for their methodology.",
 
   "components.creditSessionDetailedLiquidation.graph.noData": "No data",
-  "components.creditSessionDetailedLiquidation.graph.legend.point": "Current price",
+  "components.creditSessionDetailedLiquidation.graph.legend.point": "Current Price",
   "components.creditSessionDetailedLiquidation.graph.legend.area": "Liquidation Area",
   "components.creditSessionDetailedLiquidation.graph.tip.hf": "Health Factor",
   "components.creditSessionDetailedLiquidation.graph.tip.price": "Price",
   "components.creditSessionDetailedLiquidation.table.noData": "No data",
   "components.creditSessionDetailedLiquidation.table.seeGraph": "See graph",
   "components.creditSessionDetailedLiquidation.table.asset": "Asset",
-  "components.creditSessionDetailedLiquidation.table.currentPrice": "Current price",
-  "components.creditSessionDetailedLiquidation.table.modelPrice": "Model price",
+  "components.creditSessionDetailedLiquidation.table.currentPrice": "Current Price",
+  "components.creditSessionDetailedLiquidation.table.modelPrice": "Model Price",
 
   "components.apyParts.features.points": "Points",
   "components.apyParts.features.incent": "Incent.",
   "components.apyParts.supplyAPY": "Organic APY",
-  "components.apyParts.title": "APY type",
+  "components.apyParts.title": "APY Type",
   "components.apyParts.supplyAPY.tip": "Yield from lending funds",
   "components.apyParts.tokenYield": "Intrinsic APY",
   "components.apyParts.tokenYield.tip": "Yield from holding wstETH",
@@ -84,21 +86,30 @@ declare const _default: {
   "components.apyParts.points": "{symbol} Incentive",
   "components.apyParts.points.condition.crossDeposit": "For cross-chain deposits made via Omni",
 
-  "components.yieldBreakdown.title": "Yield Breakdown",
-  "components.yieldBreakdown.atLeverage": "at {leverage}× leverage",
-  "components.yieldBreakdown.baseYield": "Base Yield",
-  "components.yieldBreakdown.incentiveYield": "Incentive Yield",
+  "components.yieldBreakdown.titleNetAtLeverage": "Net APY at {leverage}× Leverage",
+  "components.yieldBreakdown.titleNetAtLeverage7d": "Net APY at {leverage}× Leverage (7d)",
+  "components.yieldBreakdown.titleNet": "Net APY",
+  "components.yieldBreakdown.titleNet7d": "Net APY (7d)",
+  "components.yieldBreakdown.collateralApy": "Collateral APY",
+  "components.yieldBreakdown.collateralApy7d": "Collateral APY (7d)",
+  "components.yieldBreakdown.baseApy": "Base APY",
+  "components.yieldBreakdown.baseApy7d": "Base APY (7d)",
+  "components.yieldBreakdown.incentive": "Incentive",
+  "components.yieldBreakdown.incentiveApy": "Incentive APY",
+  "components.yieldBreakdown.incentiveApy7d": "Incentive APY (7d)",
   "components.yieldBreakdown.borrowRate": "Borrow Rate",
-  "components.yieldBreakdown.baseRate": "Base Rate",
-  "components.yieldBreakdown.additionalRate": "Additional Rate",
-  "components.yieldBreakdown.netYield": "Net Yield",
+  "components.yieldBreakdown.borrowRate7d": "Borrow Rate (7d)",
+  "components.yieldBreakdown.programPoints": "{name} Points",
   "components.yieldBreakdown.points": "Points",
 
   "components.openCopyButtons.copy": "Copy to clipboard",
+  "components.openCopyButtons.explorer": "View in explorer",
 
-  "components.poolAssetsTable.asset": "Asset",
-  "components.poolAssetsTable.rate": "Effective rate",
-  "components.poolAssetsTable.limits": "Limits Usage",
+  "components.poolAssetsTable.asset": "Name",
+  "components.poolAssetsTable.rate": "Effective Rate",
+  "components.poolAssetsTable.exposure": "Exposure",
+  "components.poolAssetsTable.cap": "Cap",
+  "components.poolAssetsTable.capUtilization": "Cap Utilization",
   "components.poolAssetsTable.usage": "{amount} of {total}",
   "components.poolAssetsTable.head.name": "Credit Manager",
   "components.poolAssetsTable.head.currentDebt": "Current Debt",
@@ -109,13 +120,13 @@ declare const _default: {
   "components.creditManagerInfo.title": "Assets and LT’s",
   "components.creditManagerInfo.info.title": "Credit Managers",
   "components.creditManagerInfo.info.copy.tip": "Copy Credit Manager address",
-  "components.creditManagerInfo.info.minDebt": "Min debt",
-  "components.creditManagerInfo.info.maxDebt": "Max debt",
-  "components.creditManagerInfo.info.liquidationFee": "Liquid. fee",
-  "components.creditManagerInfo.info.liquidationPremium": "Liquid. premium",
-  "components.creditManagerInfo.info.interestFee": "Interest fee",
-  "components.creditManagerInfo.info.debtLimit": "Debt limit",
-  "components.creditManagerInfo.info.maxEnabledTokens": "Max tokens",
+  "components.creditManagerInfo.info.minDebt": "Min Debt",
+  "components.creditManagerInfo.info.maxDebt": "Max Debt",
+  "components.creditManagerInfo.info.liquidationFee": "Liquid. Fee",
+  "components.creditManagerInfo.info.liquidationPremium": "Liquid. Premium",
+  "components.creditManagerInfo.info.interestFee": "Interest Fee",
+  "components.creditManagerInfo.info.debtLimit": "Debt Limit",
+  "components.creditManagerInfo.info.maxEnabledTokens": "Max Tokens",
 
   "dialogs.oraclesAndLTInfo.filter.hide0Quota": "Hide 0-Quota",
 
@@ -134,9 +145,9 @@ declare const _default: {
   "components.poolTable.supplyApy.tip": "Annual percentage yield that you earn for supplying capital. This number constantly changes as the utilization of the Markets goes up and down",
   "components.poolTable.depositApy": "Deposit APY",
   "components.poolTable.depositApy.tip": "Deposit APY breakdown: base rate, extra rewards, and points",
-  "components.poolTable.borrowApy": "Borrow APY",
+  "components.poolTable.borrowApy": "Borrow Rate",
   "components.poolTable.utilizationApy": "Utilization APY",
-  "components.poolTable.borrowApy.tip": "On top of the utilization borrow APY, there is a borrow quota APY for different assets",
+  "components.poolTable.borrowApy.tip": "On top of the utilization borrow rate, there is a borrow quota rate for different assets",
   "components.poolTable.utilization": "Utilization",
   "components.poolTable.collateral": "Collateral",
   "components.poolTable.collateral.showAll": "Show All",
@@ -155,7 +166,7 @@ declare const _default: {
   "components.rewardsTooltip.without.extra.tip": "Any deposit through Gearbox",
   "components.rewardsTooltip.with.title": "With {leverage} Leverage",
   "components.rewardsTooltip.with.borrowRate": "{symbol} borrow rate",
-  "components.rewardsTooltip.with.quotaRate": "Quota rate",
+  "components.rewardsTooltip.with.quotaRate": "Quota Rate",
   "components.rewardsTooltip.with.extra": "+ Extra APR",
   "components.rewardsTooltip.button": "Click to show rewards details",
 
@@ -184,51 +195,57 @@ declare const _default: {
 
   "components.leverageInput.label": "Leverage",
   "components.leverageInput.reset": "Reset",
-  "components.leverageInput.available": "Available leverage",
+  "components.leverageInput.available": "Available Leverage",
 
-  "components.healthFactorBlock.label": "Health factor",
+  "components.healthFactorBlock.label": "Health Factor",
   "components.healthFactorBlock.tip": "Health Factor is a numeric representation of your account 'health'. If your health factor drops below 1 or close to it, you might be liquidated.",
 
   "components.liquidationPriceBlock.label": "Liquidation Price",
   "components.liquidationPriceBlock.tip": "The asset price at which the account's health factor would reach 1 and become eligible for liquidation.",
 
-  "components.timeToLiquidationBlock.label": "Time to liquidation",
+  "components.timeToLiquidationBlock.label": "Time to Liquidation",
   "components.timeToLiquidationBlock.tip": "Time to liquidation estimates how long the account can stay open if prices remain constant and no yield is earned—only accounting for borrow interest accrual.",
 
   "components.historyChart.error": "Couldn't load chart data",
   "components.historyChart.empty": "No data",
 
-  "components.positionTypeBadge.pool": "Lender",
+  "components.positionTypeBadge.pool": "LP",
   "components.positionTypeBadge.strategy": "Strategy",
   "components.positionTypeBadge.liquidation": "Liquidation",
 
+  "components.positionStatusBadge.active": "Active",
+  "components.positionStatusBadge.repaid": "Repaid",
+
   "components.titleMeta.unknownCurator": "Curator",
 
   "components.moreAccordion.more": "More details",
   "components.moreAccordion.less": "Less details",
 
-  "components.poolApyBreakdownCard.title": "APY Breakdown",
-  "components.poolApyBreakdownCard.apy1d": "APY 24H",
-  "components.poolApyBreakdownCard.apy7d": "APY 7d",
-  "components.poolApyBreakdownCard.apy30d": "APY 30d",
+  "components.poolApyBreakdownCard.title": "Net APY",
+  "components.poolApyBreakdownCard.title7d": "Net APY (7d)",
+  "components.poolApyBreakdownCard.organicApy": "Base APY",
+  "components.poolApyBreakdownCard.organicApy7d": "Base APY (7d)",
+  "components.poolApyBreakdownCard.incentiveApy": "Incentive APY",
+  "components.poolApyBreakdownCard.incentiveApy7d": "Incentive APY (7d)",
+  "components.strategyApyBreakdownCard.formula": "{leverage} × {base}",
+  "components.strategyApyBreakdownCard.borrowFormula": "{leverage} × {totalRate} − {borrowRate}",
 
-  "components.strategyApyBreakdownCard.title": "APY Breakdown",
-  "components.strategyApyBreakdownCard.formula": "How strategy APY is calculated: Collateral APY x Leverage - Base borrow rate x (Leverage - 1) - Additional borrow rate x Leverage x 1.05",
-  "components.strategyApyBreakdownCard.collateralApy": "Collateral APY",
-  "components.strategyApyBreakdownCard.baseBorrowRate": "Base borrow rate",
-  "components.strategyApyBreakdownCard.additionalBorrowRate": "Additional borrow rate",
+  "components.leveragePresetChips.label": "Leverage:",
 
-  "components.liquidationParamsTable.lt": "Liquidation threshold",
-  "components.liquidationParamsTable.penalty": "Liquidation penalty",
-  "components.liquidationParamsTable.premium": "Liquidation premium",
-  "components.liquidationParamsTable.fee": "Liquidation fee",
+  "components.liquidationParamsTable.lt": "Liquidation Threshold",
+  "components.liquidationParamsTable.penalty": "Liquidation Discount",
+  "components.liquidationParamsTable.premium": "Liquidation Premium",
+  "components.liquidationParamsTable.fee": "Liquidation Fee",
 
-  "components.borrowRateBlock.label": "Borrow rate",
+  "components.borrowRateBlock.label": "Borrow Rate",
   "components.borrowRateBlock.tip": "Borrow rate is displayed for your entire position size in total. You can reduce it in quota management.",
   "components.borrowRateBlock.description": "Your borrow rate consists of the Base Rate plus the Quota Rates for every asset separately.",
   "components.borrowRateBlock.baseRate": "Base Rate for Debt",
-  "components.borrowRateBlock.normalization": "Rates normalization",
-  "components.borrowRateBlock.normalization.tip": "Borrowers pay {quota} and {utilization}, which have a different base. Therefore, the total borrow rate value is normalized by Account value or Debt amount."
+  "components.borrowRateBlock.normalization": "Rates Normalization",
+  "components.borrowRateBlock.normalization.tip": "Borrowers pay {quota} and {utilization}, which have a different base. Therefore, the total borrow rate value is normalized by Account value or Debt amount.",
+
+  "components.transactionConfirm.previewLoading": "Parsing transaction…",
+  "components.transactionConfirm.previewErrorTitle": "Preview error"
 }
 ;
 

package/dist/types/types/index.d.ts

@@ -1,4 +1,3 @@
 export type * from './filter';
-export type * from './footer';
 export type * from './graph';
 export type * from './range-item';

package/dist/types/utils/format-money.d.ts

@@ -14,21 +14,27 @@
  */
 export declare function formatMoney(money: number | bigint, precision?: number): string;
 /**
- * Formats a percentage amount with exponential notation for very large values
+ * Formats a percentage with compact suffixes (`K` / `M` / `B` / `T`) instead
+ * of scientific notation. Input is already in percent form (`14000` → `14K%`).
+ */
+export declare function formatCompactPercent(value: number, decimals?: number): string;
+/**
+ * Formats a percentage amount. Values of 1,000% and above use compact
+ * suffixes (`14K`) instead of exponential notation.
  *
  * @param value - The percentage value (already in percent form, e.g., 2.81 for 2.81%)
  * @param decimals - Number of decimal places (default: 2)
- * @param allowExponential - Whether to allow exponential notation for large values (default: true)
+ * @param compact - Whether to compact large values (default: true)
  * @returns Formatted number (without % sign)
  *
  * @example
  * ```ts
  * formatPercentAmount(2.81, 2) // "2.81"
- * formatPercentAmount(15000, 2) // "1.50e+4"
- * formatPercentAmount(15000, 2, false) // "15000.00"
+ * formatPercentAmount(14000, 2) // "14K"
+ * formatPercentAmount(14000, 2, false) // "14000.00"
  * ```
  */
-export declare function formatPercentAmount(value: number, decimals: number, allowExponential?: boolean): string | number;
+export declare function formatPercentAmount(value: number, decimals: number, compact?: boolean): string | number;
 /**
  * Formats a percentage value that is already in percent form
  * Use this when your value is already 2.81 (meaning 2.81%), not 0.0281

package/dist/types/utils/index.d.ts

@@ -10,16 +10,17 @@ export * from './copy';
 export * from './format';
 export * from './format-asset-amount';
 export * from './format-leverage';
-export { formatMoney, formatMoneyAmount, formatPercentAmount, percentageTemplate, percentTemplate, } from './format-money';
+export { formatCompactPercent, formatMoney, formatMoneyAmount, formatPercentAmount, percentageTemplate, percentTemplate, } from './format-money';
 export { FORMAT_CONSTANTS, type FormatNumberOptions, formatNumberWithSuffix, formatPrice, getAdaptiveDecimals, isBelowDisplayThreshold, isEffectivelyZero, toSignificantDigits, } from './format-number';
 export * from './format-slippage';
 export * from './interface';
+export * from './leverage-presets';
 export * from './loading';
 export * from './math';
 export * from './network-icons';
 export * from './parse-input-to-bn';
 export * from './plural';
-export { getAvailableRanges } from './ranges';
+export { type ColorInterval, getAvailableRanges } from './ranges';
 export * from './react';
 export * from './search';
 export * from './search-in-token';

package/dist/types/utils/leverage-presets.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Leverage chips beside the strategy yield chart: 30% and 70% of the
+ * (1 → max) span, rounded to 0.5, plus max itself.
+ */
+export declare function leveragePresets(max: number): number[];
+/** Chip / subtitle leverage without trailing zeros: `5`, `5.5`, `9.54`. */
+export declare function formatChipLeverage(leverage: number): string;

package/dist/types/utils/network-icons.d.ts

@@ -1,4 +1,4 @@
-import { NetworkType } from '@gearbox-protocol/sdk';
+import { NetworkType } from '@gearbox-protocol/sdk/onchain';
 /**
  * Known network icons type.
  * Accepts any NetworkType from SDK plus "AllNetworks" and arbitrary strings

package/dist/types/utils/token-icon-source.d.ts

@@ -1,4 +1,28 @@
-import { IconComposite } from '@gearbox-protocol/sdk/common-utils';
+/** One layer of a composite icon: a token symbol to resolve, or a ready URL. */
+export type TokenIconLayerSource = {
+    type: "symbol";
+    symbol: string;
+} | {
+    type: "url";
+    url: string;
+};
+/**
+ * Named layout preset for a composite icon. The pixel layout is `TokenIcon`'s,
+ * never an API payload's — which is why these types live here and not in the
+ * SDK read model.
+ *
+ * `centered_foreground`: background full size, foreground centered at ~65%
+ * (a token on a plate).
+ */
+export type TokenIconCompositePreset = "centered_foreground";
+/** Client-composed token icon: layers stacked by preset. */
+export type IconComposite = {
+    kind: "composite";
+    preset: TokenIconCompositePreset;
+    scaleFactor?: number;
+    /** Exactly two layers (bottom then top). */
+    layers: readonly [TokenIconLayerSource, TokenIconLayerSource];
+};
 /** Same shape as `TokenIcon`'s `symbol` prop — kept here to avoid a cycle. */
 export type TokenIconSource = string | {
     icon: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "4.0.0-next.4",
+  "version": "4.0.0-next.40",
   "description": "Internal UI components",
   "repository": {
     "type": "git",
@@ -55,10 +55,10 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^7.1.0",
-    "@fortawesome/free-solid-svg-icons": "^7.1.0",
-    "@fortawesome/react-fontawesome": "^3.1.1",
-    "@gearbox-protocol/static": "^1.117.2",
+    "@fortawesome/fontawesome-svg-core": "^7.3.1",
+    "@fortawesome/free-solid-svg-icons": "^7.3.1",
+    "@fortawesome/react-fontawesome": "^3.5.0",
+    "@gearbox-protocol/static": "^1.131.2",
     "@radix-ui/react-accordion": "^1.2.2",
     "@radix-ui/react-alert-dialog": "^1.1.4",
     "@radix-ui/react-avatar": "^1.1.2",
@@ -78,25 +78,25 @@
     "@radix-ui/react-tooltip": "^1.1.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lightweight-charts": "^5.2.0",
+    "lightweight-charts": "^5.2.1",
     "luxon": "^3.5.0",
-    "sonner": "^2.0.7",
+    "sonner": "^2.0.8",
     "tailwind-merge": "^3.4.0",
     "tailwindcss-animate": "^1.0.7"
   },
   "peerDependencies": {
-    "axios": "^1.0.0",
     "@gearbox-protocol/sdk": "*",
     "@tanstack/react-query": "^5.64.1",
     "@types/react": "^18 || ^19",
     "@types/react-dom": "^18 || ^19",
+    "axios": "^1.0.0",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19",
-    "react-intl": "^6.0.0 || ^7.0.0",
+    "react-intl": "^6.0.0 || ^7.0.0 || ^10.0.0",
     "react-router-dom": "^6.0.0 || ^7.0.0",
     "sonner": "^2.0.0",
     "viem": "^2.0.0",
-    "wagmi": "^2.0.0"
+    "wagmi": "^2.0.0 || ^3.0.0"
   },
   "peerDependenciesMeta": {
     "react-intl": {
@@ -110,13 +110,12 @@
     }
   },
   "devDependencies": {
-    "axios": "^1.12.2",
     "@biomejs/biome": "^2.2.4",
     "@chromatic-com/storybook": "^4.1.3",
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@gearbox-protocol/biome-config": "^1.0.2",
-    "@gearbox-protocol/sdk": "15.1.0-next.8",
+    "@gearbox-protocol/sdk": "16.0.0-next.10",
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-a11y": "^10.0.8",
     "@storybook/addon-docs": "^10.0.8",
@@ -124,16 +123,17 @@
     "@storybook/addon-themes": "^10.0.8",
     "@storybook/addon-vitest": "^10.0.8",
     "@storybook/react-vite": "^10.0.8",
-    "@tailwindcss/postcss": "^4.1.14",
+    "@tailwindcss/postcss": "^4.3.3",
     "@tanstack/react-query": "^5.64.1",
     "@types/cross-spawn": "^6.0.6",
-    "@types/luxon": "^3.4.2",
-    "@types/react": "^19.1.16",
-    "@types/react-dom": "^19.1.9",
+    "@types/luxon": "^3.7.5",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
     "@vitejs/plugin-react": "^5.1.1",
     "@vitest/browser-playwright": "^4.0.14",
     "@vitest/coverage-v8": "^4.0.14",
     "autoprefixer": "^10.4.21",
+    "axios": "^1.12.2",
     "browserslist": "^4.28.0",
     "buffer": "^6.0.3",
     "cross-spawn": "^7.0.6",
@@ -143,17 +143,17 @@
     "lightningcss": "^1.30.2",
     "lint-staged": "^16.2.3",
     "playwright": "^1.57.0",
-    "postcss": "^8.5.6",
+    "postcss": "^8.5.26",
     "postcss-cli": "^11.0.0",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "react-intl": "^6.7.4",
-    "react-router-dom": "^7.9.6",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-intl": "^10.1.23",
+    "react-router-dom": "^7.18.2",
     "storybook": "^10.0.8",
     "tailwind-scrollbar": "^4.0.2",
-    "tailwindcss": "^4.1.14",
+    "tailwindcss": "^4.3.3",
     "typescript": "^5.9.3",
-    "viem": "^2.45.3",
+    "viem": "^2.55.19",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^5.1.4",

package/src/styles/base.css

@@ -71,6 +71,8 @@ html.dark {
     --success-foreground: 0 0% 0%;
     --success-hover: 136.58 100% 85.1%;
     --warning: 38 95% 45%;
+    --info: 214 80% 46%;
+    --info-foreground: 0 0% 100%;
     --liquidation: 274 67% 48%;
     --liquidation-line: 38 92% 50%;
     --input: 225 10% 88%;
@@ -93,6 +95,19 @@ html.dark {
     --white-foreground: 240 2.56% 7.65%;
     --black: 0 0% 0%;
     --border: 225 10% 88%;
+    --divider: 225 10% 88%;
+    --chart-1: 18 83.05% 65.29%;
+    --chart-2: 188 62.26% 58.43%;
+    --chart-3: 326 73.71% 65.69%;
+    --chart-4: 130 44.33% 61.96%;
+    --chart-5: 257 88.96% 68.04%;
+    --chart-6: 40 72.04% 63.53%;
+    --chart-7: 212 92.43% 63.73%;
+    --chart-8: 347 78.53% 65.29%;
+    --chart-9: 167 44.1% 55.1%;
+    --chart-10: 288 64.32% 63.73%;
+    --chart-11: 76 57.14% 61.57%;
+    --chart-12: 235 89.54% 70%;
   }
 
   .dark {
@@ -119,6 +134,8 @@ html.dark {
     --success-hover: 136.58 100% 85.1%;
     --destructive-foreground: 0 0% 100%;
     --warning: 43.12 100% 68.63%;
+    --info: 215 88% 67%;
+    --info-foreground: 0 0% 100%;
     --liquidation: 277.22 74.53% 58.43%;
     --liquidation-line: 38 92% 50%;
     --input: 225 6% 19%;
@@ -140,6 +157,19 @@ html.dark {
     --white-foreground: 240 2.56% 7.65%;
     --black: 0 0% 0%;
     --border: 0 0% 100% / 0.07;
+    --divider: 218 8% 19%;
+    --chart-1: 18 83.05% 65.29%;
+    --chart-2: 188 62.26% 58.43%;
+    --chart-3: 326 73.71% 65.69%;
+    --chart-4: 130 44.33% 61.96%;
+    --chart-5: 257 88.96% 68.04%;
+    --chart-6: 40 72.04% 63.53%;
+    --chart-7: 212 92.43% 63.73%;
+    --chart-8: 347 78.53% 65.29%;
+    --chart-9: 167 44.1% 55.1%;
+    --chart-10: 288 64.32% 63.73%;
+    --chart-11: 76 57.14% 61.57%;
+    --chart-12: 235 89.54% 70%;
   }
 }
 

package/src/styles/theme.css

@@ -48,9 +48,12 @@
   --color-success-foreground: hsl(var(--success-foreground));
   --color-success-hover: hsl(var(--success-hover));
   --color-warning: hsl(var(--warning));
+  --color-info: hsl(var(--info));
+  --color-info-foreground: hsl(var(--info-foreground));
   --color-liquidation: hsl(var(--liquidation));
   --color-liquidation-line: hsl(var(--liquidation-line));
   --color-border: hsl(var(--border));
+  --color-divider: hsl(var(--divider));
   --color-input: hsl(var(--input));
   --color-ring: hsl(var(--ring));
   --color-text-secondary: hsl(var(--text-secondary));
@@ -74,6 +77,19 @@
   --color-additional-success: hsl(var(--success));
   --color-additional-warning: hsl(var(--warning));
   --color-additional-alert: hsl(var(--destructive));
+  --color-additional-info: hsl(var(--info));
+  --color-chart-1: hsl(var(--chart-1));
+  --color-chart-2: hsl(var(--chart-2));
+  --color-chart-3: hsl(var(--chart-3));
+  --color-chart-4: hsl(var(--chart-4));
+  --color-chart-5: hsl(var(--chart-5));
+  --color-chart-6: hsl(var(--chart-6));
+  --color-chart-7: hsl(var(--chart-7));
+  --color-chart-8: hsl(var(--chart-8));
+  --color-chart-9: hsl(var(--chart-9));
+  --color-chart-10: hsl(var(--chart-10));
+  --color-chart-11: hsl(var(--chart-11));
+  --color-chart-12: hsl(var(--chart-12));
 
   --radius-lg: var(--radius);
   --radius-md: calc(var(--radius) - 2px);

package/dist/cjs/components/block-sync-pill/block-sync-pill.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),E=require("../tooltip/simple-tooltip.cjs");require("../tooltip/tooltip.cjs");const M=require("../typed-intl/index.cjs"),g=require("../../utils/cn.cjs");require("../accordion/accordion.cjs");require("../alert-badge/alert-badge.cjs");require("../alert-dialog/alert-dialog.cjs");require("../alert-modal/alert-modal.cjs");require("@gearbox-protocol/static");require("../buttons/back-button/back-button.cjs");require("../buttons/button/button.cjs");require("../buttons/copy-button/copy-button.cjs");require("../buttons/external-button/external-button.cjs");require("../buttons/filter-button/filter-button.cjs");require("../buttons/navigation-button/navigation-button.cjs");require("@gearbox-protocol/sdk");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");require("../buttons/tab-button/tab-button.cjs");require("../token-icon/token-icon.cjs");require("../badge/badge.cjs");require("../base/amount-input/amount-input.cjs");require("../confirm-menu/confirm-menu.cjs");require("react-intl");require("../table/grid-table.cjs");require("../skeleton/skeleton.cjs");require("../table/table.cjs");require("../token-symbol/token-symbol.cjs");require("../simple-accordion/simple-accordion.cjs");require("../tip-card/tip-card.cjs");require("../typography/typography.cjs");require("../points-icon/points-icon.cjs");require("@fortawesome/free-solid-svg-icons");require("../icons/fa-icon.cjs");require("../vertical-indicator/vertical-indicator.cjs");require("../base/page-title/page-title.cjs");require("../detailed-page-title/detailed-page-title-copy-button.cjs");require("../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../base/details-view/detail-aside/detail-aside-scope.cjs");require("../layout/main-aside-layout/main-aside-layout.cjs");require("../base/details-view/details-view.cjs");require("../fadeout-loading/fadeout-loading.cjs");require("../health-factor/health-factor.cjs");require("../checkbox/checkbox.cjs");require("../checkbox/checkbox-labeled.cjs");require("../select/select.cjs");require("../breakpoint-provider.cjs");require("lightweight-charts");require("../graph/formatters.cjs");require("../graph/graph-view.cjs");require("../base/info-portal/info-portal.cjs");require("../edit-input/edit-input.cjs");require("../slider/slider.cjs");require("../slider/slider-context.cjs");require("../text-button/text-button.cjs");require("../with-title/with-title.cjs");require("../status-elements/status-elements.cjs");require("react-router-dom");require("../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../modal/modal.cjs");require("@radix-ui/react-dialog");require("../dialog/dialog-container.cjs");require("../dialog/dialog-content.cjs");require("../dialog/dialog-description.cjs");require("../dialog/dialog-footer.cjs");require("../dialog/dialog-header.cjs");require("../dialog/dialog-title.cjs");require("../dialog/dialog-modal-container.cjs");require("../dialog/dialog-overlay.cjs");require("viem");require("../input/input.cjs");require("../label/label.cjs");require("../simple-dropdown/simple-dropdown.cjs");require("../simple-dropdown/simple-dropdown-menu-item.cjs");require("../help-tip/help-tip.cjs");require("../base/tabber/tabber.cjs");require("../link/link.cjs");require("../rounded-image/rounded-image.cjs");require("../base-link/base-link.cjs");require("../navigation-context/navigation-context.cjs");require("../cards/card/card.cjs");require("../checkbox-item/checkbox-item.cjs");require("../client-adapters/styled-button/styled-button.cjs");require("../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.cjs");require("../composites/tx-preview/confirm/dialog/constants.cjs");require("../spinner-loader/spinner-loader.cjs");require("../detailed-apy/detailed-apy.cjs");require("../dropdown-menu/dropdown-menu.cjs");require("../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../dropdown-menu/dropdown-menu-content.cjs");require("../dropdown-menu/dropdown-menu-item.cjs");require("../dropdown-menu/dropdown-menu-label.cjs");require("../dropdown-menu/dropdown-menu-radio-item.cjs");require("../dropdown-menu/dropdown-menu-separator.cjs");require("../dropdown-menu/dropdown-menu-shortcut.cjs");require("../dropdown-menu/dropdown-menu-sub-content.cjs");require("../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../filter/filter-block.cjs");require("../filter/filter-checkbox-item.cjs");require("../filter/filter-chip.cjs");require("../filter/filter-chips.cjs");require("../filter/filter-dropdown-item.cjs");require("../filter/filter-group.cjs");require("../filter/filter-label.cjs");require("../search-line/search-line.cjs");require("../tabs/tabs.cjs");require("../filter/filter-modal-item.cjs");require("../filter/filter-radio-item.cjs");require("../filter/filter-separator.cjs");require("../filter/variants.cjs");require("../icon-button/icon-button.cjs");require("../layout/app-footer/app-footer.cjs");require("../layout/app-header/app-header.cjs");require("../layout/col/col.cjs");require("../layout/container/container.cjs");require("../layout/grid/grid.cjs");require("../layout/layout/layout.cjs");require("../legal-agreement/legal-agreement-theme.cjs");require("../loader/loader.cjs");require("../loading/loading.cjs");require("../loading-bar/loading-bar.cjs");require("../segmented-control/segmented-control.cjs");require("../separate-line/separate-line.cjs");require("../spinner/spinner.cjs");require("../split-list/split-list.cjs");const R=require("../status-dot/status-dot.cjs");require("../textarea/textarea.cjs");require("../theme-provider.cjs");const U=require("./block-sync-status.cjs"),$=300*1e3,F=2.5;function O({blockByChain:n,explorerAddresses:y,networkById:f,syncIntervalMs:b=$,staleMultiplier:j=F,statusLabel:T="Status",className:_}){const{formatMessage:s}=M.useIntlTyped(),[c,k]=o.useState(Date.now());o.useEffect(()=>{const t=()=>{k(Date.now())},r=window.setInterval(t,1e3);return()=>{clearInterval(r)}},[]);const l=b*j,{state:u,isSyncing:h}=o.useMemo(()=>U.getBlockSyncStatus({blockByChain:n,now:c,staleAfterMs:l}),[n,c,l]),v=u==="error"?"alert":u==="loading"?"default":"success",L=u==="loading"||u==="synced"&&h,a=()=>e.jsxs("span",{className:g.cn("inline-flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs",u==="error"?"text-destructive":"text-muted-foreground",_),children:[e.jsx(R.StatusDot,{variant:v,size:"xs",pulse:L}),T]}),d=(()=>{if(!n)return null;const t=Object.entries(n).filter(r=>!!r[1]);return t.length===0?null:e.jsx("div",{className:"flex flex-col text-left text-xs",children:t.map(([r,N],P)=>{const{lastSyncBlock:p,error:w}=N,q=p?.block||0n,m=p?.localTimestamp,i=y[Number(r)],x=typeof i=="string"?i:i&&typeof i=="object"&&"url"in i?i.url:void 0,D=f[Number(r)]||"Unknown",S=`[${q.toString()}]`,I=P===t.length-1,A=q>0n&&!!m;return e.jsxs("div",{className:g.cn(!I&&"mb-2"),children:[e.jsxs("span",{children:[D," "]}),x&&q>0?e.jsx("a",{href:`${x}/block/${q}`,target:"_blank",rel:"noopener noreferrer",className:"underline hover:text-foreground",children:S}):e.jsx("span",{children:S}),w?e.jsx("span",{className:"text-destructive",children:s({messageId:"components.blockSyncPill.syncError"})}):A?e.jsx("span",{children:s({messageId:"components.blockSyncPill.syncedAt"},{time:new Date(m).toLocaleTimeString()})}):e.jsx("span",{children:s({messageId:"components.blockSyncPill.syncing"})})]},r)})})})();return d?e.jsx(E.SimpleTooltip,{title:a(),children:d}):e.jsx("div",{className:"select-none",children:a()})}exports.BlockSyncPill=O;

package/dist/cjs/components/block-sync-pill/block-sync-status.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function m({blockByChain:l,now:o,staleAfterMs:a}){const s=l?Object.values(l).filter(t=>!!t):[],i=s.some(t=>!!t.error),r=s.some(t=>!!t.loading),n=s.filter(t=>t.lastSyncBlock.block>0n&&t.lastSyncBlock.localTimestamp).map(t=>t.lastSyncBlock.localTimestamp),c=n.length?Math.min(...n):0,S=c>0&&o-c>a;let e;return i||S?e="error":c===0?e="loading":e="synced",{state:e,isSyncing:r}}exports.getBlockSyncStatus=m;

package/dist/cjs/components/block-sync-pill/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./block-sync-pill.cjs");exports.BlockSyncPill=l.BlockSyncPill;

package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmModalView.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../../../accordion/accordion.cjs");require("../../../../alert-badge/alert-badge.cjs");require("../../../../alert-dialog/alert-dialog.cjs");require("../../../../alert-modal/alert-modal.cjs");require("@gearbox-protocol/static");require("react");require("../../../../buttons/back-button/back-button.cjs");require("../../../../buttons/button/button.cjs");require("../../../../buttons/copy-button/copy-button.cjs");require("../../../../buttons/external-button/external-button.cjs");require("../../../../buttons/filter-button/filter-button.cjs");require("../../../../buttons/navigation-button/navigation-button.cjs");require("@gearbox-protocol/sdk");const m=require("../../../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");require("../../../../buttons/tab-button/tab-button.cjs");require("../../../../token-icon/token-icon.cjs");require("../../../../tooltip/simple-tooltip.cjs");require("../../../../tooltip/tooltip.cjs");require("../../../../badge/badge.cjs");require("../../../../base/amount-input/amount-input.cjs");const _=require("../../../../confirm-menu/confirm-menu.cjs");require("react-intl");require("../../../../table/grid-table.cjs");require("../../../../skeleton/skeleton.cjs");require("../../../../table/table.cjs");require("../../../../token-symbol/token-symbol.cjs");require("../../../../simple-accordion/simple-accordion.cjs");require("../../../../tip-card/tip-card.cjs");require("../../../../typography/typography.cjs");require("../../../../points-icon/points-icon.cjs");require("@fortawesome/free-solid-svg-icons");require("../../../../icons/fa-icon.cjs");require("../../../../vertical-indicator/vertical-indicator.cjs");require("../../../../base/page-title/page-title.cjs");require("../../../../detailed-page-title/detailed-page-title-copy-button.cjs");require("../../../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../../../../base/details-view/detail-aside/detail-aside-scope.cjs");require("../../../../layout/main-aside-layout/main-aside-layout.cjs");require("../../../../base/details-view/details-view.cjs");require("../../../../fadeout-loading/fadeout-loading.cjs");require("../../../../health-factor/health-factor.cjs");require("../../../../checkbox/checkbox.cjs");require("../../../../checkbox/checkbox-labeled.cjs");require("../../../../select/select.cjs");require("../../../../breakpoint-provider.cjs");require("lightweight-charts");require("../../../../graph/formatters.cjs");require("../../../../graph/graph-view.cjs");require("../../../../base/info-portal/info-portal.cjs");require("../../../../edit-input/edit-input.cjs");require("../../../../slider/slider.cjs");require("../../../../slider/slider-context.cjs");require("../../../../text-button/text-button.cjs");require("../../../../with-title/with-title.cjs");require("../../../../status-elements/status-elements.cjs");require("react-router-dom");const f=require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs"),C=require("../../../../modal/modal.cjs");require("@radix-ui/react-dialog");require("../../../../dialog/dialog-container.cjs");require("../../../../dialog/dialog-content.cjs");require("../../../../dialog/dialog-description.cjs");require("../../../../dialog/dialog-footer.cjs");require("../../../../dialog/dialog-header.cjs");require("../../../../dialog/dialog-title.cjs");require("../../../../dialog/dialog-modal-container.cjs");require("../../../../dialog/dialog-overlay.cjs");require("viem");require("../../../../input/input.cjs");require("../../../../label/label.cjs");require("../../../../simple-dropdown/simple-dropdown.cjs");require("../../../../simple-dropdown/simple-dropdown-menu-item.cjs");require("../../../../help-tip/help-tip.cjs");require("../../../../base/tabber/tabber.cjs");require("../../../../link/link.cjs");require("../../../../rounded-image/rounded-image.cjs");require("../../../../base-link/base-link.cjs");require("../../../../navigation-context/navigation-context.cjs");require("../../../../cards/card/card.cjs");require("../../../../checkbox-item/checkbox-item.cjs");require("../../../../client-adapters/styled-button/styled-button.cjs");require("../../../../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../amounts/TransactionConfirmAmountField.cjs");const i=require("./constants.cjs"),g=require("./TransactionConfirmShell.cjs");require("../../../../spinner-loader/spinner-loader.cjs");require("../../../../detailed-apy/detailed-apy.cjs");require("../../../../dropdown-menu/dropdown-menu.cjs");require("../../../../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../../../../dropdown-menu/dropdown-menu-content.cjs");require("../../../../dropdown-menu/dropdown-menu-item.cjs");require("../../../../dropdown-menu/dropdown-menu-label.cjs");require("../../../../dropdown-menu/dropdown-menu-radio-item.cjs");require("../../../../dropdown-menu/dropdown-menu-separator.cjs");require("../../../../dropdown-menu/dropdown-menu-shortcut.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-content.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../../../../filter/filter-block.cjs");require("../../../../filter/filter-checkbox-item.cjs");require("../../../../filter/filter-chip.cjs");require("../../../../filter/filter-chips.cjs");require("../../../../filter/filter-dropdown-item.cjs");require("../../../../filter/filter-group.cjs");require("../../../../filter/filter-label.cjs");require("../../../../search-line/search-line.cjs");require("../../../../tabs/tabs.cjs");require("../../../../filter/filter-modal-item.cjs");require("../../../../filter/filter-radio-item.cjs");require("../../../../filter/filter-separator.cjs");require("../../../../filter/variants.cjs");require("../../../../icon-button/icon-button.cjs");require("../../../../layout/app-footer/app-footer.cjs");require("../../../../layout/app-header/app-header.cjs");require("../../../../layout/col/col.cjs");require("../../../../layout/container/container.cjs");require("../../../../layout/grid/grid.cjs");require("../../../../layout/layout/layout.cjs");require("../../../../legal-agreement/legal-agreement-theme.cjs");require("../../../../loader/loader.cjs");require("../../../../loading/loading.cjs");require("../../../../loading-bar/loading-bar.cjs");require("../../../../segmented-control/segmented-control.cjs");require("../../../../separate-line/separate-line.cjs");require("../../../../spinner/spinner.cjs");require("../../../../split-list/split-list.cjs");require("../../../../status-dot/status-dot.cjs");require("../../../../textarea/textarea.cjs");require("../../../../theme-provider.cjs");function M({open:u,onClose:q,title:n,titleAddon:o,hideTitleAddonOnResult:t=!0,containerClassName:a,containerTestId:s,shellTestId:c,phase:r="confirm",...l}){if(!u)return null;const d=r!=="confirm"&&r!=="awaiting_receipt"&&t?void 0:o;return e.jsx(C.Modal,{show:u,onClickOutside:q,zIndexLayer:"MODAL",children:e.jsx(f.StyledDialogContainer,{className:m.cn(i.transactionConfirmDialogShellVariants(),a??i.transactionConfirmModalContainerVariants()),"data-testid":s,children:e.jsx(g.TransactionConfirmShell,{...l,header:e.jsx(_.ConfirmMenu,{title:n,titleAddon:d,onClose:q}),"data-testid":c??i.TransactionConfirmDialogTest.root,phase:r})})})}exports.TransactionConfirmModalView=M;

package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmPageView.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs"),_=require("../../../../confirm-menu/confirm-menu.cjs");require("react");require("@gearbox-protocol/sdk");const f=require("../../../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");const i=require("./constants.cjs"),g=require("./TransactionConfirmShell.cjs");function q({onClose:r,title:o,titleAddon:t,hideTitleAddonOnResult:s=!0,containerClassName:a,containerTestId:c,shellTestId:l,phase:e="confirm",...u}){const m=e!=="confirm"&&e!=="awaiting_receipt"&&s?void 0:t;return n.jsx(d.StyledDialogContainer,{className:f.cn(i.transactionConfirmDialogShellVariants(),a),"data-testid":c,children:n.jsx(g.TransactionConfirmShell,{...u,header:n.jsx(_.ConfirmMenu,{title:o,titleAddon:m,onClose:r}),"data-testid":l??i.TransactionConfirmDialogTest.root,phase:e})})}exports.TransactionConfirmPageView=q;

package/dist/cjs/hooks/use-hf.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@gearbox-protocol/sdk/common-utils"),s=require("react");function i({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:f,allowZeroDebt:l=!1,tokensList:a}){return{hf:s.useMemo(()=>{try{return e===0n&&!l?0:m.calcHealthFactor({assets:t,quotas:c,prices:u,liquidationThresholds:n,underlyingToken:o,debt:e,quotasInfo:f,tokensList:a})}catch(r){return typeof r=="object"&&r!==null&&"reason"in r&&r.reason==="overflow"?Number.MAX_SAFE_INTEGER:0}},[t,c,u,n,o,e,f,l,a])}}exports.useHF=i;

package/dist/cjs/node_modules/.pnpm/tailwind-scrollbar@4.0.2_react@19.2.0_tailwindcss@4.1.17/node_modules/tailwind-scrollbar/src/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../../../../tailwindcss@4.1.17/node_modules/tailwindcss/dist/plugin.cjs"),f=require("./utilities.cjs"),p=require("./variants.cjs");var s,i;function q(){if(i)return s;i=1;const a=S.__require(),{addBaseStyles:d,addBaseSizeUtilities:u,addColorUtilities:n,addRoundedUtilities:o,addSizeUtilities:l}=f.__require(),{addVariants:c}=p.__require();return s=a.withOptions((t={})=>e=>{let r=t.preferredStrategy??t.preferredstrategy??"standard";r!=="standard"&&r!=="pseudoelements"&&(console.warn("WARNING: tailwind-scrollbar preferredStrategy should be 'standard' or 'pseudoelements'"),r="standard"),d(e,r),u(e,r),n(e),c(e),t.nocompatible&&(o(e),l(e))}),s}exports.__require=q;

package/dist/cjs/node_modules/.pnpm/tailwind-scrollbar@4.0.2_react@19.2.0_tailwindcss@4.1.17/node_modules/tailwind-scrollbar/src/utilities.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../../../tailwindcss@4.1.17/node_modules/tailwindcss/dist/flatten-color-palette.cjs"),U=require("./helpers.cjs");var c,n;function k(){if(n)return c;n=1;const u=w.__require(),{importDefault:h}=U.__require(),f=h(u),o=["track","thumb","corner"],i=(r,l)=>l?{"@supports (-moz-appearance:none)":r}:r,p=({addBase:r},l)=>{r({"*":i({"scrollbar-color":"initial","scrollbar-width":"initial"},l==="pseudoelements")})},b=()=>({...Object.fromEntries(o.map(r=>[[`&::-webkit-scrollbar-${r}`,{"background-color":`var(--scrollbar-${r})`,"border-radius":`var(--scrollbar-${r}-radius)`}]]).flat())}),v=({preferPseudoElements:r})=>({".scrollbar":{...b(),...i({"scrollbar-width":"auto","scrollbar-color":"var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)"},r),"&::-webkit-scrollbar":{display:"block",width:"var(--scrollbar-width, 16px)",height:"var(--scrollbar-height, 16px)"}},".scrollbar-thin":{...b(),...i({"scrollbar-width":"thin","scrollbar-color":"var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)"},r),"&::-webkit-scrollbar":{display:"block",width:"8px",height:"8px"}},".scrollbar-none":{...i({"scrollbar-width":"none"},r),"&::-webkit-scrollbar":{display:"none"}}}),d=r=>typeof r=="function"?r({}):r;return c={addBaseStyles:p,addBaseSizeUtilities:({addUtilities:r},l)=>{r(v({preferPseudoElements:l==="pseudoelements"}))},addColorUtilities:({matchUtilities:r,theme:l})=>{const t=f(l("colors")),e=Object.fromEntries(Object.entries(t).map(([a,s])=>[a,d(s)]));o.forEach(a=>{r({[`scrollbar-${a}`]:s=>({[`--scrollbar-${a}`]:d(s)})},{values:e,type:"color"})})},addRoundedUtilities:({theme:r,matchUtilities:l})=>{o.forEach(t=>{l({[`scrollbar-${t}-rounded`]:e=>({[`--scrollbar-${t}-radius`]:e})},{values:r("borderRadius")})})},addSizeUtilities:({matchUtilities:r,theme:l})=>{["width","height"].forEach(t=>{r({[`scrollbar-${t[0]}`]:e=>({[`--scrollbar-${t}`]:e})},{values:l(t)})})}},c}exports.__require=k;