@gearbox-protocol/permissionless-ui 1.2.33 → 1.4.0

package/dist/cjs/utils/a11y.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var a11y_exports = {};
+__export(a11y_exports, {
+  generateId: () => generateId,
+  useFormFieldIds: () => useFormFieldIds
+});
+module.exports = __toCommonJS(a11y_exports);
+var import_react = require("react");
+function generateId(prefix) {
+  return `${prefix}-${Math.random().toString(36).substr(2, 9)}`;
+}
+function useFormFieldIds(_name) {
+  const inputId = (0, import_react.useId)();
+  const errorId = `${inputId}-error`;
+  const helperId = `${inputId}-helper`;
+  return { inputId, errorId, helperId };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateId,
+  useFormFieldIds
+});

package/dist/cjs/utils/bn-to-input-view.js

@@ -0,0 +1,60 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var bn_to_input_view_exports = {};
+__export(bn_to_input_view_exports, {
+  bnToInputView: () => bnToInputView
+});
+module.exports = __toCommonJS(bn_to_input_view_exports);
+const applyPrecision = (num, decimals, precision) => {
+  if (precision === void 0) return num;
+  const pr = Math.max(0, Math.min(decimals, precision));
+  const prD = decimals - pr;
+  return num / 10n ** BigInt(prD) * 10n ** BigInt(prD);
+};
+function removeTrailingZeros(numStr) {
+  const removeZeros = /\.0*$|(\.\d*[1-9])0+$/gm;
+  const withoutZeros = numStr.replace(removeZeros, "$1");
+  return withoutZeros;
+}
+function bnWithDecimals(num, decimals) {
+  const numStr = num.toString();
+  const numLength = numStr.length;
+  if (numLength <= decimals) {
+    const missingZeros = "0".repeat(decimals - numLength);
+    return `0.${missingZeros}${numStr}`;
+  }
+  const pointPlace = numLength - decimals;
+  const integerPart = numStr.slice(0, pointPlace);
+  const decimalPart = numStr.slice(pointPlace, numLength);
+  return `${integerPart}.${decimalPart}`;
+}
+function bnToInputView(number, decimals, allowNegative = false, precision) {
+  const n = applyPrecision(number, decimals, precision);
+  if (n < 0 && !allowNegative) {
+    return "";
+  }
+  if (n < 0 && allowNegative) {
+    return removeTrailingZeros(bnWithDecimals(n, decimals));
+  }
+  return removeTrailingZeros(bnWithDecimals(n, decimals));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  bnToInputView
+});

package/dist/cjs/utils/colors.js

@@ -0,0 +1,96 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var colors_exports = {};
+__export(colors_exports, {
+  generateColorsFromBase: () => generateColorsFromBase,
+  getCSSVariable: () => getCSSVariable,
+  hexToRgba: () => hexToRgba,
+  resolveCSSColor: () => resolveCSSColor
+});
+module.exports = __toCommonJS(colors_exports);
+function resolveCSSColor(color, fallback = "#000000") {
+  if (!color.includes("var(")) {
+    return color;
+  }
+  try {
+    const tempElement = document.createElement("div");
+    tempElement.style.color = color;
+    tempElement.style.display = "none";
+    document.body.appendChild(tempElement);
+    const computedColor = window.getComputedStyle(tempElement).color;
+    document.body.removeChild(tempElement);
+    if (computedColor && computedColor !== "rgba(0, 0, 0, 0)") {
+      return computedColor;
+    }
+  } catch (error) {
+    console.warn(`Failed to resolve CSS color: ${color}`, error);
+  }
+  return fallback;
+}
+function getCSSVariable(variableName, fallback = "#000000") {
+  const name = variableName.startsWith("--") ? variableName : `--${variableName}`;
+  try {
+    const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+    if (value) {
+      if (/^[\d\s.%]+$/.test(value)) {
+        return `hsl(${value})`;
+      }
+      return value;
+    }
+  } catch (error) {
+    console.warn(`Failed to get CSS variable: ${name}`, error);
+  }
+  return fallback;
+}
+function hexToRgba(hex, alpha) {
+  const r = parseInt(hex.slice(1, 3), 16);
+  const g = parseInt(hex.slice(3, 5), 16);
+  const b = parseInt(hex.slice(5, 7), 16);
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+function generateColorsFromBase(color) {
+  if (color.startsWith("rgba")) {
+    const rgbaMatch = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+    if (rgbaMatch) {
+      const [, r, g, b] = rgbaMatch;
+      return {
+        topColor: `rgba(${r}, ${g}, ${b}, 0.56)`,
+        bottomColor: `rgba(${r}, ${g}, ${b}, 0.04)`
+      };
+    }
+  }
+  if (color.startsWith("#") && (color.length === 7 || color.length === 4)) {
+    const fullHex = color.length === 4 ? `#${color[1]}${color[1]}${color[2]}${color[2]}${color[3]}${color[3]}` : color;
+    return {
+      topColor: hexToRgba(fullHex, 0.56),
+      bottomColor: hexToRgba(fullHex, 0.04)
+    };
+  }
+  return {
+    topColor: color,
+    bottomColor: color
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateColorsFromBase,
+  getCSSVariable,
+  hexToRgba,
+  resolveCSSColor
+});

package/dist/cjs/utils/format-asset-amount.js

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var format_asset_amount_exports = {};
+__export(format_asset_amount_exports, {
+  formatAssetAmount: () => formatAssetAmount
+});
+module.exports = __toCommonJS(format_asset_amount_exports);
+var import_sdk = require("@gearbox-protocol/sdk");
+const AMOUNT_PRECISION = 3;
+function isZero(precision) {
+  const zero = `0.${"0".repeat(precision)}`;
+  return (formattedBn) => zero === formattedBn;
+}
+function formatAssetAmount(amount, decimals, precision = AMOUNT_PRECISION) {
+  const formatted = (0, import_sdk.formatBN)(amount, decimals, precision);
+  if (amount < 10n) {
+    return `0.${"0".repeat(precision)}`;
+  }
+  if (isZero(precision)(formatted)) {
+    return `< 0.${"0".repeat(precision - 1)}1`;
+  }
+  return formatted;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatAssetAmount
+});

package/dist/cjs/utils/format-money.js

@@ -0,0 +1,68 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var format_money_exports = {};
+__export(format_money_exports, {
+  PERCENTAGE_FACTOR: () => PERCENTAGE_FACTOR,
+  formatMoney: () => formatMoney,
+  formatPercentAmount: () => formatPercentAmount,
+  percentTemplate: () => percentTemplate,
+  percentageTemplate: () => percentageTemplate
+});
+module.exports = __toCommonJS(format_money_exports);
+var import_sdk = require("@gearbox-protocol/sdk");
+const ONE_CENT = 10000000000000000n;
+function moneyToBn(money) {
+  return BigInt(money.toFixed(18).replace(".", ""));
+}
+function formatMoney(money, precision) {
+  const isNegative = typeof money === "number" && money < 0 || typeof money === "bigint" && money < 0n;
+  const sign = isNegative ? "-" : "";
+  const moneyBn = typeof money === "number" ? moneyToBn(Math.abs(money)) : import_sdk.BigIntMath.abs(money);
+  const lessThanCent = moneyBn < ONE_CENT && moneyBn > 0n;
+  const formattedBn = lessThanCent ? "0.01" : (0, import_sdk.formatBN)(moneyBn, import_sdk.WAD_DECIMALS_POW, precision);
+  const moneyTemplated = `${sign}$${formattedBn}`;
+  return lessThanCent ? `< ${moneyTemplated}` : moneyTemplated;
+}
+const MAX_EXPONENTIAL_PERCENT_THRESHOLD = 1e4;
+function formatPercentAmount(value, decimals) {
+  const numValue = typeof value === "number" ? value : Number(value);
+  if (Number.isNaN(numValue) || numValue === void 0 || numValue === null) {
+    return "0";
+  }
+  if (numValue === 0) return 0;
+  if (numValue > MAX_EXPONENTIAL_PERCENT_THRESHOLD)
+    return numValue.toExponential(decimals);
+  return numValue.toFixed(decimals);
+}
+function percentTemplate(value, decimals = 2) {
+  return `${formatPercentAmount(value, decimals)}%`;
+}
+const PERCENTAGE_FACTOR = 1e4;
+function percentageTemplate(value, decimals = 2) {
+  const formatted = Number(value) / Number(PERCENTAGE_FACTOR);
+  return `${formatPercentAmount(formatted, decimals)}%`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PERCENTAGE_FACTOR,
+  formatMoney,
+  formatPercentAmount,
+  percentTemplate,
+  percentageTemplate
+});

package/dist/cjs/utils/index.js

@@ -19,16 +19,43 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {
-  default: () => import_cn.cn
+  PERCENTAGE_FACTOR: () => import_format_money.PERCENTAGE_FACTOR,
+  default: () => import_cn.cn,
+  formatMoney: () => import_format_money.formatMoney,
+  formatPercentAmount: () => import_format_money.formatPercentAmount,
+  percentTemplate: () => import_format_money.percentTemplate,
+  percentageTemplate: () => import_format_money.percentageTemplate
 });
 module.exports = __toCommonJS(utils_exports);
+__reExport(utils_exports, require('./a11y.js'), module.exports);
+__reExport(utils_exports, require('./bn-to-input-view.js'), module.exports);
 __reExport(utils_exports, require('./cn.js'), module.exports);
 var import_cn = require('./cn.js');
+__reExport(utils_exports, require('./colors.js'), module.exports);
 __reExport(utils_exports, require('./copy.js'), module.exports);
 __reExport(utils_exports, require('./format.js'), module.exports);
+__reExport(utils_exports, require('./format-asset-amount.js'), module.exports);
+var import_format_money = require('./format-money.js');
+__reExport(utils_exports, require('./interface.js'), module.exports);
+__reExport(utils_exports, require('./react.js'), module.exports);
+__reExport(utils_exports, require('./short-sha.js'), module.exports);
+__reExport(utils_exports, require('./templates.js'), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  PERCENTAGE_FACTOR,
+  formatMoney,
+  formatPercentAmount,
+  percentTemplate,
+  percentageTemplate,
+  ...require('./a11y.js'),
+  ...require('./bn-to-input-view.js'),
   ...require('./cn.js'),
+  ...require('./colors.js'),
   ...require('./copy.js'),
-  ...require('./format.js')
+  ...require('./format.js'),
+  ...require('./format-asset-amount.js'),
+  ...require('./interface.js'),
+  ...require('./react.js'),
+  ...require('./short-sha.js'),
+  ...require('./templates.js')
 });

package/dist/cjs/utils/interface.js

@@ -0,0 +1,16 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var interface_exports = {};
+module.exports = __toCommonJS(interface_exports);

package/dist/cjs/utils/react.js

@@ -0,0 +1,105 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_exports = {};
+__export(react_exports, {
+  extractTextFromLabel: () => extractTextFromLabel,
+  serializeValue: () => serializeValue
+});
+module.exports = __toCommonJS(react_exports);
+var React = __toESM(require("react"));
+function extractTextFromLabel(label) {
+  if (label === null || label === void 0) {
+    return "";
+  }
+  if (typeof label === "string" || typeof label === "number") {
+    return String(label);
+  }
+  if (typeof label === "boolean") {
+    return label ? "true" : "false";
+  }
+  if (React.isValidElement(label)) {
+    const props = label.props;
+    const children = props?.children;
+    if (children === void 0 || children === null) {
+      return "";
+    }
+    if (Array.isArray(children)) {
+      return children.map(extractTextFromLabel).join(" ");
+    }
+    return extractTextFromLabel(children);
+  }
+  if (Array.isArray(label)) {
+    return label.map(extractTextFromLabel).join(" ");
+  }
+  try {
+    return String(label);
+  } catch {
+    return "";
+  }
+}
+function serializeValue(value) {
+  if (value === null || value === void 0) {
+    return String(value);
+  }
+  const valueType = typeof value;
+  if (valueType === "string" || valueType === "number" || valueType === "boolean") {
+    return String(value);
+  }
+  if (valueType === "bigint") {
+    return `bigint:${value.toString()}`;
+  }
+  if (valueType === "symbol" || valueType === "function") {
+    return `${valueType}:${String(value)}`;
+  }
+  try {
+    return JSON.stringify(value, (_, val) => {
+      if (typeof val === "bigint") {
+        return `bigint:${val.toString()}`;
+      }
+      if (typeof val === "symbol") {
+        return `symbol:${String(val)}`;
+      }
+      if (typeof val === "function") {
+        return `function:${val.name || "anonymous"}`;
+      }
+      return val;
+    });
+  } catch {
+    try {
+      return `${valueType}:${String(value)}`;
+    } catch {
+      return `[unserializable:${valueType}]`;
+    }
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  extractTextFromLabel,
+  serializeValue
+});

package/dist/cjs/utils/short-sha.js

@@ -0,0 +1,28 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var short_sha_exports = {};
+__export(short_sha_exports, {
+  shortSHA: () => shortSHA
+});
+module.exports = __toCommonJS(short_sha_exports);
+const shortSHA = (sha) => sha.slice(0, 7);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  shortSHA
+});

package/dist/cjs/utils/sort.js

@@ -0,0 +1,16 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sort_exports = {};
+module.exports = __toCommonJS(sort_exports);

package/dist/cjs/utils/templates.js

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var templates_exports = {};
+__export(templates_exports, {
+  percentageTemplate: () => percentageTemplate,
+  tokenTemplate: () => tokenTemplate,
+  tokenTemplateNumber: () => tokenTemplateNumber
+});
+module.exports = __toCommonJS(templates_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_sdk = require("@gearbox-protocol/sdk");
+var import_format_money = require('./format-money.js');
+function percentageTemplate(value, decimals = 2) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (0, import_format_money.percentTemplate)(value, decimals) });
+}
+function tokenTemplate(value, token, precision, spaceSymbol = " ") {
+  const { decimals = 18 } = token || {};
+  const formattedBn = (0, import_sdk.formatBN)(value, decimals, precision);
+  const tokenName = token?.title || token?.symbol || "undefined";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: formattedBn === "-" ? formattedBn : `${formattedBn}${spaceSymbol}${tokenName}` });
+}
+function tokenTemplateNumber(value, token, precision = 2) {
+  if (value === void 0) return "-";
+  const formattedValue = value.toFixed(precision);
+  const sign = Math.abs(Number(formattedValue)) > 0 ? "" : "< ";
+  const result = sign ? `${formattedValue.slice(0, formattedValue.length - 1)}1` : formattedValue;
+  return `${sign}${result} ${token?.title}`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  percentageTemplate,
+  tokenTemplate,
+  tokenTemplateNumber
+});

package/dist/esm/components/asset-line.js

@@ -0,0 +1,83 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import cn from "../utils/index.js";
+import { Description } from "./description.js";
+import { ShortString } from "./short-string.js";
+import { GridTableCell, GridTableRow } from "./table/grid-table.js";
+import { TokenSymbol } from "./token-symbol.js";
+import { VSpace } from "./vspace.js";
+const ICON_SIZES = {
+  default: 24,
+  sm: 20,
+  md: 24,
+  lg: 28
+};
+const GAP_SIZES = {
+  default: 0,
+  sm: 2,
+  md: 4,
+  lg: 4
+};
+const AssetLine = React.forwardRef(
+  ({
+    token,
+    tokenLabel,
+    tokenDescription,
+    network,
+    chainId,
+    value,
+    valueDescription,
+    size = "default",
+    iconSize = size,
+    gapSize = size,
+    last,
+    symbolMaxLength,
+    descriptionMaxLength,
+    onSelect,
+    hideValue = false,
+    className
+  }, ref) => {
+    const label = tokenLabel || token?.title;
+    const cellSize = size === "md" ? "default" : size;
+    return /* @__PURE__ */ jsxs(
+      GridTableRow,
+      {
+        ref,
+        className: cn(
+          last && "[&>*]:border-0",
+          onSelect && "cursor-pointer",
+          className
+        ),
+        onClick: onSelect,
+        cols: hideValue ? "1fr" : "1fr 1fr",
+        children: [
+          /* @__PURE__ */ jsx(GridTableCell, { size: cellSize, className: "text-left", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              TokenSymbol,
+              {
+                token,
+                size: ICON_SIZES[iconSize],
+                chainId,
+                network
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+              label && /* @__PURE__ */ jsx(ShortString, { maxLength: symbolMaxLength, children: label }),
+              label && tokenDescription && /* @__PURE__ */ jsx(VSpace, { height: GAP_SIZES[gapSize] }),
+              tokenDescription && /* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsx(ShortString, { maxLength: descriptionMaxLength, children: String(tokenDescription) }) })
+            ] })
+          ] }) }),
+          !hideValue && /* @__PURE__ */ jsxs(GridTableCell, { size: cellSize, className: "text-right", children: [
+            value,
+            value && valueDescription && /* @__PURE__ */ jsx(VSpace, { height: GAP_SIZES[gapSize] }),
+            valueDescription && /* @__PURE__ */ jsx(Description, { children: valueDescription })
+          ] })
+        ]
+      }
+    );
+  }
+);
+AssetLine.displayName = "AssetLine";
+export {
+  AssetLine
+};