@gearbox-protocol/permissionless-ui 1.7.3 → 1.7.5

package/dist/cjs/components/short-string.js

@@ -1,58 +0,0 @@
-"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_string_exports = {};
-__export(short_string_exports, {
-  ShortString: () => ShortString
-});
-module.exports = __toCommonJS(short_string_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_cn = require('../utils/cn.js');
-var import_tooltip = require('./tooltip.js');
-function ShortString({
-  children,
-  maxLength,
-  className,
-  showTooltip = true
-}) {
-  if (maxLength === void 0) {
-    const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_cn.cn)("inline-block max-w-full truncate", className), children });
-    if (!showTooltip) {
-      return content;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tooltip.Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipTrigger, { asChild: true, children: content }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children }) })
-    ] }) });
-  }
-  if (!children || children.length <= maxLength) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className, children });
-  }
-  const truncated = `${children.slice(0, maxLength)}...`;
-  if (!showTooltip) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className, children: truncated });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tooltip.Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className, children: truncated }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children }) })
-  ] }) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ShortString
-});

package/dist/cjs/components/signatures/confirmation-item.js

@@ -1,50 +0,0 @@
-"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 confirmation_item_exports = {};
-__export(confirmation_item_exports, {
-  ConfirmationItem: () => ConfirmationItem
-});
-module.exports = __toCommonJS(confirmation_item_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_utils = require('../../utils/index.js');
-var import_buttons = require('../buttons/index.js');
-var import_copy_button = require('../buttons/copy-button.js');
-var import_identicon = require('./identicon.js');
-function ConfirmationItem({
-  confirmation,
-  note,
-  explorerUrl
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "group relative flex items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute left-[8px] h-2 w-2 rounded-full bg-green-500" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ml-10 flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_identicon.Identicon, { address: confirmation, size: 32 }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-white whitespace-nowrap", children: (0, import_utils.shortenHash)(confirmation) }),
-      note && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-gray-500 text-xs whitespace-nowrap", children: note }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2 opacity-0 transition-opacity group-hover:opacity-100", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_copy_button.CopyButton, { text: confirmation }),
-        explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_buttons.ExternalButton, { url: explorerUrl })
-      ] })
-    ] })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ConfirmationItem
-});

package/dist/cjs/components/signatures/identicon.js

@@ -1,41 +0,0 @@
-"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 identicon_exports = {};
-__export(identicon_exports, {
-  Identicon: () => Identicon
-});
-module.exports = __toCommonJS(identicon_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-function Identicon({
-  address,
-  size = 32
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      className: "rounded-full bg-gray-700 flex items-center justify-center text-white text-xs",
-      style: { width: size, height: size },
-      children: address.slice(2, 4)
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Identicon
-});

package/dist/cjs/components/signatures/index.js

@@ -1,26 +0,0 @@
-"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var signatures_exports = {};
-module.exports = __toCommonJS(signatures_exports);
-__reExport(signatures_exports, require('./confirmation-item.js'), module.exports);
-__reExport(signatures_exports, require('./identicon.js'), module.exports);
-__reExport(signatures_exports, require('./vertical-timeline.js'), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require('./confirmation-item.js'),
-  ...require('./identicon.js'),
-  ...require('./vertical-timeline.js')
-});

package/dist/cjs/components/signatures/vertical-timeline.js

@@ -1,80 +0,0 @@
-"use strict";
-"use client";
-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 vertical_timeline_exports = {};
-__export(vertical_timeline_exports, {
-  VerticalTimeline: () => VerticalTimeline
-});
-module.exports = __toCommonJS(vertical_timeline_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_lucide_react = require("lucide-react");
-var import_react = require("react");
-function VerticalTimeline({
-  steps,
-  minWidth = 300
-}) {
-  const [showAll, setShowAll] = (0, import_react.useState)(steps.map(() => false));
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `relative min-w-[${minWidth}px]`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute left-[11px] top-[2px] bottom-[20px] w-[2px] h-[calc(100% - 20px)] bg-gray-800" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-4", children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "div",
-      {
-        children: [
-          step.type === "default" && step.status !== "not-started" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative flex items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              "div",
-              {
-                className: `absolute left-[2px] flex h-5 w-5 items-center justify-center rounded-full ${step.status === "success" ? "bg-green-500" : step.status === "error" ? "bg-red-500" : "border-2 border-gray-600 bg-transparent"}`,
-                children: [
-                  step.status === "success" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "h-3 w-3 text-black" }),
-                  step.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "h-3 w-3 text-black" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ml-10 text-white", children: step.title })
-          ] }),
-          step.type === "extention" && step.status !== "not-started" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative flex items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute left-[8px] h-2 w-2 rounded-full bg-green-500" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setShowAll([
-                    ...showAll.slice(0, index),
-                    !showAll[index],
-                    ...showAll.slice(index + 1)
-                  ]),
-                  className: "ml-10 text-green-500 hover:underline cursor-pointer",
-                  children: showAll[index] ? "Hide all" : "Show all"
-                }
-              )
-            ] }),
-            showAll[index] && step.children
-          ] })
-        ]
-      },
-      `step-${index}`
-    )) })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  VerticalTimeline
-});

package/dist/cjs/components/skeleton.js

@@ -1,104 +0,0 @@
-"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 skeleton_exports = {};
-__export(skeleton_exports, {
-  Skeleton: () => Skeleton,
-  skeletonVariants: () => skeletonVariants
-});
-module.exports = __toCommonJS(skeleton_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_class_variance_authority = require("class-variance-authority");
-var import_utils = __toESM(require('../utils/index.js'));
-const skeletonVariants = (0, import_class_variance_authority.cva)("animate-pulse rounded-md bg-muted", {
-  variants: {
-    variant: {
-      default: "",
-      lighter: "opacity-50",
-      darker: "opacity-80"
-    },
-    speed: {
-      slow: "[animation-duration:2s]",
-      default: "",
-      fast: "[animation-duration:0.5s]"
-    },
-    width: {
-      full: "w-full",
-      "3/4": "w-3/4",
-      "1/2": "w-1/2",
-      "1/3": "w-1/3",
-      "1/4": "w-1/4",
-      xs: "w-20",
-      sm: "w-32",
-      md: "w-48",
-      lg: "w-64",
-      xl: "w-80",
-      "2xl": "w-96"
-    },
-    height: {
-      xs: "h-3",
-      sm: "h-4",
-      md: "h-6",
-      lg: "h-8",
-      xl: "h-10",
-      "2xl": "h-12",
-      "3xl": "h-16",
-      "4xl": "h-20",
-      "5xl": "h-24"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    speed: "default",
-    width: "full",
-    height: "md"
-  }
-});
-function Skeleton({
-  className,
-  variant,
-  speed,
-  width,
-  height,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      className: (0, import_utils.default)(
-        skeletonVariants({ variant, speed, width, height, className })
-      ),
-      ...props
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Skeleton,
-  skeletonVariants
-});

package/dist/cjs/components/stat-badge.js

@@ -1,189 +0,0 @@
-"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 stat_badge_exports = {};
-__export(stat_badge_exports, {
-  StatBadge: () => StatBadge,
-  StatBadgeGrid: () => StatBadgeGrid,
-  statBadgeContentVariants: () => statBadgeContentVariants,
-  statBadgeGridVariants: () => statBadgeGridVariants,
-  statBadgeTitleVariants: () => statBadgeTitleVariants,
-  statBadgeVariants: () => statBadgeVariants
-});
-module.exports = __toCommonJS(stat_badge_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_class_variance_authority = require("class-variance-authority");
-var import_lucide_react = require("lucide-react");
-var React = __toESM(require("react"));
-var import_utils = __toESM(require('../utils/index.js'));
-var import_tooltip = require('./tooltip.js');
-const statBadgeVariants = (0, import_class_variance_authority.cva)(
-  "w-full h-full rounded-lg border transition-colors",
-  {
-    variants: {
-      variant: {
-        filled: "bg-card border-border",
-        outlined: "bg-transparent border-border",
-        elevated: "bg-card border-border shadow-md",
-        primary: "bg-primary/10 border-primary/20"
-      },
-      size: {
-        sm: "p-4",
-        default: "p-6"
-      }
-    },
-    defaultVariants: {
-      variant: "filled",
-      size: "default"
-    }
-  }
-);
-const statBadgeTitleVariants = (0, import_class_variance_authority.cva)("font-medium text-muted-foreground", {
-  variants: {
-    size: {
-      sm: "text-xs leading-[0.8125rem]",
-      default: "text-sm leading-[1.0625rem]"
-    }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-});
-const statBadgeContentVariants = (0, import_class_variance_authority.cva)("font-medium text-foreground flex", {
-  variants: {
-    size: {
-      sm: "text-sm leading-[1.0625rem]",
-      default: "text-xl leading-[1.5625rem]"
-    }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-});
-const StatBadge = React.forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    title,
-    value,
-    valueDescription,
-    delta,
-    ...props
-  }, ref) => {
-    const isNegative = delta && delta.value < 0;
-    const isPositive = delta && delta.value > 0;
-    const showDelta = delta && delta.value !== 0;
-    const deltaContent = showDelta && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "div",
-      {
-        className: (0, import_utils.default)(
-          "inline-flex items-center gap-1 text-xs font-medium",
-          isNegative && "text-destructive",
-          isPositive && "text-success"
-        ),
-        children: [
-          isPositive && (delta.positiveIcon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.TrendingUp, { className: "h-3 w-3" })),
-          isNegative && (delta.negativeIcon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.TrendingDown, { className: "h-3 w-3" })),
-          delta.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: delta.label })
-        ]
-      }
-    );
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "div",
-      {
-        ref,
-        className: (0, import_utils.default)(statBadgeVariants({ variant, size }), className),
-        ...props,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            "div",
-            {
-              className: (0, import_utils.default)("flex items-center", size === "sm" ? "mb-2.5" : "mb-3"),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_utils.default)(statBadgeTitleVariants({ size }), "flex-1"), children: title }),
-                showDelta && (delta.tooltip ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tooltip.Tooltip, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "cursor-help", children: deltaContent }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipContent, { children: delta.tooltip })
-                ] }) }) : deltaContent)
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_utils.default)(statBadgeContentVariants({ size })), children: [
-            value,
-            valueDescription && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-sm ml-1", children: valueDescription })
-          ] })
-        ]
-      }
-    );
-  }
-);
-StatBadge.displayName = "StatBadge";
-const statBadgeGridVariants = (0, import_class_variance_authority.cva)("grid w-full", {
-  variants: {
-    cols: {
-      1: "grid-cols-1",
-      2: "grid-cols-1 md:grid-cols-2",
-      3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-      4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-      5: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
-      6: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"
-    },
-    gap: {
-      sm: "gap-2",
-      default: "gap-4",
-      lg: "gap-6",
-      xl: "gap-8"
-    }
-  },
-  defaultVariants: {
-    cols: 4,
-    gap: "default"
-  }
-});
-const StatBadgeGrid = React.forwardRef(({ className, cols, gap, children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ref,
-      className: (0, import_utils.default)(statBadgeGridVariants({ cols, gap }), className),
-      ...props,
-      children
-    }
-  );
-});
-StatBadgeGrid.displayName = "StatBadgeGrid";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  StatBadge,
-  StatBadgeGrid,
-  statBadgeContentVariants,
-  statBadgeGridVariants,
-  statBadgeTitleVariants,
-  statBadgeVariants
-});