@gearbox-protocol/permissionless-ui 1.7.3 → 1.7.5

package/dist/cjs/utils/colors.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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
+  };
+}
+
+exports.generateColorsFromBase = generateColorsFromBase;
+exports.getCSSVariable = getCSSVariable;
+exports.hexToRgba = hexToRgba;
+exports.resolveCSSColor = resolveCSSColor;

package/dist/cjs/utils/copy.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const sonner = require('sonner');
+
+const copyToClipboard = ({
+  text,
+  name = "Address"
+}) => {
+  navigator.clipboard.writeText(text);
+  sonner.toast.success(`${name} copied to clipboard`);
+};
+
+exports.copyToClipboard = copyToClipboard;

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

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const 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 = 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;
+}
+
+exports.formatAssetAmount = formatAssetAmount;

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

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const 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)) : sdk.BigIntMath.abs(money);
+  const lessThanCent = moneyBn < ONE_CENT && moneyBn > 0n;
+  const formattedBn = lessThanCent ? "0.01" : sdk.formatBN(moneyBn, 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)}%`;
+}
+
+exports.PERCENTAGE_FACTOR = PERCENTAGE_FACTOR;
+exports.formatMoney = formatMoney;
+exports.formatPercentAmount = formatPercentAmount;
+exports.percentTemplate = percentTemplate;
+exports.percentageTemplate = percentageTemplate;

package/dist/cjs/utils/format-number.cjs

@@ -0,0 +1,101 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const EPSILON = 1e-10;
+const MIN_DISPLAY_THRESHOLD = 1e-4;
+const MAX_EXPONENTIAL_THRESHOLD = 1e11;
+function getAdaptiveDecimals(scaledValue) {
+  const absScaled = Math.abs(scaledValue);
+  if (absScaled < 1) {
+    return 2;
+  }
+  if (absScaled < 10) {
+    return 2;
+  }
+  if (absScaled < 100) {
+    return 1;
+  }
+  return 0;
+}
+function formatNumberWithSuffix(amount, options = {}) {
+  const {
+    format = "full",
+    minimumFractionDigits = 0,
+    maximumFractionDigits,
+    maxExponentialThreshold = MAX_EXPONENTIAL_THRESHOLD,
+    adaptiveDecimals = false
+  } = options;
+  const defaultMaxFractionDigits = maximumFractionDigits !== void 0 ? maximumFractionDigits : format === "short" ? 1 : 0;
+  const absAmount = Math.abs(amount);
+  if (format === "short") {
+    if (absAmount >= 5e8) {
+      const scaled = amount / 1e9;
+      const decimals = adaptiveDecimals ? getAdaptiveDecimals(scaled) : defaultMaxFractionDigits;
+      return `${scaled.toFixed(decimals)}B`;
+    }
+    if (absAmount >= 1e6) {
+      const scaled = amount / 1e6;
+      const decimals = adaptiveDecimals ? getAdaptiveDecimals(scaled) : defaultMaxFractionDigits;
+      return `${scaled.toFixed(decimals)}M`;
+    }
+    if (absAmount >= 1e3) {
+      const scaled = amount / 1e3;
+      const decimals = adaptiveDecimals ? getAdaptiveDecimals(scaled) : defaultMaxFractionDigits;
+      return `${scaled.toFixed(decimals)}K`;
+    }
+  }
+  if (maxExponentialThreshold && absAmount > maxExponentialThreshold) {
+    return amount.toExponential(2);
+  }
+  return new Intl.NumberFormat("en-US", {
+    minimumFractionDigits,
+    maximumFractionDigits: defaultMaxFractionDigits
+  }).format(amount);
+}
+function toSignificantDigits(value, decimals) {
+  const multiplier = 10 ** decimals;
+  const result = Math.floor(value * multiplier) / multiplier;
+  return result.toFixed(decimals).replace(/\.?0+$/, "");
+}
+function isEffectivelyZero(value) {
+  return Math.abs(value) < EPSILON;
+}
+function isBelowDisplayThreshold(value) {
+  const absValue = Math.abs(value);
+  return absValue < EPSILON && absValue > 0;
+}
+function formatSmallValue(value, suffix) {
+  if (!isBelowDisplayThreshold(value)) return null;
+  const formatted = `<${MIN_DISPLAY_THRESHOLD}`;
+  return suffix ? `${formatted}${suffix}` : formatted;
+}
+const FORMAT_CONSTANTS = {
+  EPSILON,
+  MIN_DISPLAY_THRESHOLD,
+  MAX_EXPONENTIAL_THRESHOLD
+};
+function formatPrice(value, decimals = 2, maxSmallDecimals = 6) {
+  if (!Number.isFinite(value)) return "∞";
+  const minNonExp = 1 / 10 ** decimals;
+  if (value < minNonExp && value !== 0) {
+    const formatted = value.toFixed(maxSmallDecimals);
+    return formatted.replace(/\.?0+$/, "");
+  }
+  if (value > 1) {
+    return new Intl.NumberFormat("en-US", {
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals
+    }).format(value);
+  }
+  return value.toFixed(decimals);
+}
+
+exports.FORMAT_CONSTANTS = FORMAT_CONSTANTS;
+exports.formatNumberWithSuffix = formatNumberWithSuffix;
+exports.formatPrice = formatPrice;
+exports.formatSmallValue = formatSmallValue;
+exports.getAdaptiveDecimals = getAdaptiveDecimals;
+exports.isBelowDisplayThreshold = isBelowDisplayThreshold;
+exports.isEffectivelyZero = isEffectivelyZero;
+exports.toSignificantDigits = toSignificantDigits;

package/dist/cjs/utils/format.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function formatBytecodeSize(size) {
+  return `${(size / 1024).toFixed(2)} KB`;
+}
+function formatBytecodeVersion(version) {
+  if (version === 0) return "-";
+  const major = Math.floor(version / 100);
+  const minor = Math.floor(version % 100 / 10);
+  const patch = version % 10;
+  return `v${major}.${minor}.${patch}`;
+}
+function formatTimestamp(timestamp) {
+  return new Date(timestamp * 1e3).toLocaleString("en-GB", {
+    dateStyle: "short",
+    timeStyle: "short"
+  });
+}
+function shortenHash(hash, chars = 4) {
+  if (!hash) return "";
+  const start = hash.slice(0, chars + 2);
+  const end = hash.slice(-chars);
+  return `${start}...${end}`;
+}
+function convertPercent(percent) {
+  return Math.floor(percent * 100);
+}
+function significantTrunc(x) {
+  if (x === 0) return "0";
+  if (x >= 1) return x.toFixed(0);
+  const str = x.toPrecision(2);
+  if (str.includes("e")) {
+    const value = Number(str);
+    return value.toFixed(20).replace(/\.?0+$/, "");
+  }
+  return str.replace(/\.?0+$/, "");
+}
+
+exports.convertPercent = convertPercent;
+exports.formatBytecodeSize = formatBytecodeSize;
+exports.formatBytecodeVersion = formatBytecodeVersion;
+exports.formatTimestamp = formatTimestamp;
+exports.shortenHash = shortenHash;
+exports.significantTrunc = significantTrunc;

package/dist/cjs/utils/index.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const utils_a11y = require('./a11y.cjs');
+const utils_bnToInputView = require('./bn-to-input-view.cjs');
+const utils_cn = require('./cn.cjs');
+const utils_colors = require('./colors.cjs');
+const utils_copy = require('./copy.cjs');
+const utils_format = require('./format.cjs');
+const utils_formatAssetAmount = require('./format-asset-amount.cjs');
+const utils_formatMoney = require('./format-money.cjs');
+const utils_formatNumber = require('./format-number.cjs');
+const utils_react = require('./react.cjs');
+const utils_shortSha = require('./short-sha.cjs');
+const utils_templates = require('./templates.cjs');
+
+
+
+exports.generateId = utils_a11y.generateId;
+exports.useFormFieldIds = utils_a11y.useFormFieldIds;
+exports.bnToInputView = utils_bnToInputView.bnToInputView;
+exports.cn = utils_cn.cn;
+exports.default = utils_cn.cn;
+exports.generateColorsFromBase = utils_colors.generateColorsFromBase;
+exports.getCSSVariable = utils_colors.getCSSVariable;
+exports.hexToRgba = utils_colors.hexToRgba;
+exports.resolveCSSColor = utils_colors.resolveCSSColor;
+exports.copyToClipboard = utils_copy.copyToClipboard;
+exports.convertPercent = utils_format.convertPercent;
+exports.formatBytecodeSize = utils_format.formatBytecodeSize;
+exports.formatBytecodeVersion = utils_format.formatBytecodeVersion;
+exports.formatTimestamp = utils_format.formatTimestamp;
+exports.shortenHash = utils_format.shortenHash;
+exports.significantTrunc = utils_format.significantTrunc;
+exports.formatAssetAmount = utils_formatAssetAmount.formatAssetAmount;
+exports.PERCENTAGE_FACTOR = utils_formatMoney.PERCENTAGE_FACTOR;
+exports.formatMoney = utils_formatMoney.formatMoney;
+exports.formatPercentAmount = utils_formatMoney.formatPercentAmount;
+exports.percentTemplate = utils_formatMoney.percentTemplate;
+exports.percentageTemplate = utils_formatMoney.percentageTemplate;
+exports.FORMAT_CONSTANTS = utils_formatNumber.FORMAT_CONSTANTS;
+exports.formatNumberWithSuffix = utils_formatNumber.formatNumberWithSuffix;
+exports.formatPrice = utils_formatNumber.formatPrice;
+exports.getAdaptiveDecimals = utils_formatNumber.getAdaptiveDecimals;
+exports.isBelowDisplayThreshold = utils_formatNumber.isBelowDisplayThreshold;
+exports.isEffectivelyZero = utils_formatNumber.isEffectivelyZero;
+exports.toSignificantDigits = utils_formatNumber.toSignificantDigits;
+exports.extractTextFromLabel = utils_react.extractTextFromLabel;
+exports.serializeValue = utils_react.serializeValue;
+exports.shortSHA = utils_shortSha.shortSHA;
+exports.tokenTemplate = utils_templates.tokenTemplate;
+exports.tokenTemplateNumber = utils_templates.tokenTemplateNumber;

package/dist/cjs/utils/interface.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/utils/react.cjs

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(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__namespace.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}]`;
+    }
+  }
+}
+
+exports.extractTextFromLabel = extractTextFromLabel;
+exports.serializeValue = serializeValue;

package/dist/cjs/utils/reactochart-compat.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ColorHeatmapImport = require('reactochart/ColorHeatmap');
+const XAxisImport = require('reactochart/XAxis');
+const XLineImport = require('reactochart/XLine');
+const XYPlotImport = require('reactochart/XYPlot');
+const YAxisImport = require('reactochart/YAxis');
+const YLineImport = require('reactochart/YLine');
+
+function resolveDefault(mod) {
+  return mod.default || mod;
+}
+const ColorHeatmap = resolveDefault(ColorHeatmapImport);
+const XAxis = resolveDefault(XAxisImport);
+const XLine = resolveDefault(XLineImport);
+const XYPlot = resolveDefault(XYPlotImport);
+const YAxis = resolveDefault(YAxisImport);
+const YLine = resolveDefault(YLineImport);
+
+exports.ColorHeatmap = ColorHeatmap;
+exports.XAxis = XAxis;
+exports.XLine = XLine;
+exports.XYPlot = XYPlot;
+exports.YAxis = YAxis;
+exports.YLine = YLine;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shortSHA = (sha) => sha.slice(0, 7);
+
+exports.shortSHA = shortSHA;

package/dist/cjs/utils/sort.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/utils/templates.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const sdk = require('@gearbox-protocol/sdk');
+const utils_formatMoney = require('./format-money.cjs');
+
+function percentageTemplate(value, decimals = 2) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: utils_formatMoney.percentTemplate(value, decimals) });
+}
+function tokenTemplate(value, token, precision, spaceSymbol = " ") {
+  const { decimals = 18 } = token || {};
+  const formattedBn = sdk.formatBN(value, decimals, precision);
+  const tokenName = token?.title || token?.symbol || "undefined";
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.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}`;
+}
+
+exports.percentageTemplate = percentageTemplate;
+exports.tokenTemplate = tokenTemplate;
+exports.tokenTemplateNumber = tokenTemplateNumber;

package/dist/esm/components/alert-dialog/alert-dialog.js

@@ -0,0 +1,114 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as React from 'react';
+import '../buttons/back-button/back-button.js';
+import { buttonVariants } from '../buttons/button/button.js';
+import '../buttons/copy-button/copy-button.js';
+import '../buttons/external-button/external-button.js';
+import '../buttons/filter-button/filter-button.js';
+import '../buttons/navigation-button/navigation-button.js';
+import { cn } from '../../utils/cn.js';
+import 'sonner';
+import '@gearbox-protocol/sdk';
+import '../buttons/tab-button/tab-button.js';
+
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-input bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+const AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariants(), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/esm/components/alert-dialog/index.js

@@ -0,0 +1 @@
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './alert-dialog.js';