@gearbox-protocol/ui-kit 4.0.0-next.48 → 4.0.0-next.49

package/dist/esm/components/table/table.js

@@ -1,13 +1,12 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { faCaretUp as h, faCaretDown as T } from "@fortawesome/free-solid-svg-icons";
 import { cva as d } from "class-variance-authority";
 import * as i from "react";
-import { faCaretUp as h, faCaretDown as T } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as y } from "../icons/fa-icon.js";
 import "../tooltip/simple-tooltip.js";
 import { TooltipProvider as N, Tooltip as v, TooltipTrigger as w, TooltipContent as R } from "../tooltip/tooltip.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as o } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const C = d("w-full caption-bottom", {
@@ -192,12 +191,9 @@ const I = i.forwardRef(function({
 });
 I.displayName = "SortingTableHead";
 export {
-  I as SortingTableHead,
   z as Table,
   V as TableBody,
-  D as TableCaption,
   B as TableCell,
-  _ as TableFooter,
   c as TableHead,
   H as TableHeader,
   F as TableRow,

package/dist/esm/components/tabs/tabs.js

@@ -1,15 +1,14 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-tabs";
 import * as i from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as s } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-const u = e.Root, n = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
+const p = e.Root, n = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ o(
   e.List,
   {
-    ref: o,
+    ref: a,
     className: s(
       "inline-flex h-fit items-center justify-start bg-muted p-1 text-muted-foreground bg-transparent p-0 space-x-6 overflow-x-auto overflow-y-hidden navbar-scrollbar min-w-max",
       t
@@ -18,10 +17,10 @@ const u = e.Root, n = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ *
   }
 ));
 n.displayName = e.List.displayName;
-const d = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
+const d = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ o(
   e.Trigger,
   {
-    ref: o,
+    ref: a,
     className: s(
       "inline-flex items-center justify-center whitespace-nowrap px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow rounded-none border-b-2 border-transparent px-2 py-2 text-gray-400 hover:text-foreground data-[state=active]:border-foreground data-[state=active]:bg-transparent data-[state=active]:text-foreground focus:outline-none cursor-pointer shrink-0",
       t
@@ -30,10 +29,10 @@ const d = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
   }
 ));
 d.displayName = e.Trigger.displayName;
-const f = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
+const f = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ o(
   e.Content,
   {
-    ref: o,
+    ref: a,
     className: s(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       t
@@ -43,7 +42,7 @@ const f = i.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ a(
 ));
 f.displayName = e.Content.displayName;
 export {
-  u as Tabs,
+  p as Tabs,
   f as TabsContent,
   n as TabsList,
   d as TabsTrigger

package/dist/esm/components/text-button/text-button.js

@@ -3,7 +3,6 @@ import { cva as n } from "class-variance-authority";
 import * as g from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as o } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const f = n("", {

package/dist/esm/components/textarea/textarea.js

@@ -3,7 +3,6 @@ import { cva as l } from "class-variance-authority";
 import * as s from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as n } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const d = l(

package/dist/esm/components/theme-provider.js

@@ -1,54 +1,47 @@
 import { jsx as k } from "react/jsx-runtime";
-import { createContext as y, useContext as S, useState as f, useCallback as v, useEffect as w } from "react";
-const g = y(void 0);
-function L() {
-  const i = S(g);
-  if (!i)
-    throw new Error("useTheme must be used within ThemeProvider");
-  return i;
-}
+import { createContext as y, useState as u, useCallback as f, useEffect as v } from "react";
+const T = y(void 0);
 function A({
-  children: i,
+  children: w,
   defaultTheme: d = "system",
   storageKey: s = "ui-theme",
-  attribute: a = "class",
-  enableColorScheme: m = !0
+  attribute: i = "class",
+  enableColorScheme: a = !0
 }) {
-  const [o, h] = f(() => {
+  const [o, m] = u(() => {
     if (typeof window < "u") {
       const t = localStorage.getItem(s) || d, r = t === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : t, n = document.documentElement;
-      return n.classList.remove("light", "dark"), n.removeAttribute("data-theme"), a === "class" ? n.classList.add(r) : n.setAttribute("data-theme", r), m && (n.style.colorScheme = r), t;
+      return n.classList.remove("light", "dark"), n.removeAttribute("data-theme"), i === "class" ? n.classList.add(r) : n.setAttribute("data-theme", r), a && (n.style.colorScheme = r), t;
     }
     return d;
-  }), [p, l] = f(() => {
+  }), [g, l] = u(() => {
     if (typeof window < "u") {
       const t = localStorage.getItem(s) || d;
       return t === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : t;
     }
     return "light";
-  }), c = v(() => typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", []), u = v(
+  }), c = f(() => typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", []), h = f(
     (e) => e === "system" ? c() : e,
     [c]
   );
-  w(() => {
+  v(() => {
     if (typeof window > "u") return;
     const e = localStorage.getItem(s);
-    e && h(e);
+    e && m(e);
     const t = window.matchMedia("(prefers-color-scheme: dark)"), r = () => {
       o === "system" && l(c());
     };
     return t.addEventListener("change", r), () => t.removeEventListener("change", r);
-  }, [s, o, c]), w(() => {
+  }, [s, o, c]), v(() => {
     if (typeof window > "u") return;
-    const e = document.documentElement, t = u(o);
-    l(t), e.classList.remove("light", "dark"), e.removeAttribute("data-theme"), a === "class" ? e.classList.add(t) : e.setAttribute("data-theme", t), m && (e.style.colorScheme = t), localStorage.setItem(s, o);
-  }, [o, a, m, s, u]);
-  const T = (e) => {
-    h(e);
+    const e = document.documentElement, t = h(o);
+    l(t), e.classList.remove("light", "dark"), e.removeAttribute("data-theme"), i === "class" ? e.classList.add(t) : e.setAttribute("data-theme", t), a && (e.style.colorScheme = t), localStorage.setItem(s, o);
+  }, [o, i, a, s, h]);
+  const p = (e) => {
+    m(e);
   };
-  return /* @__PURE__ */ k(g.Provider, { value: { theme: o, setTheme: T, actualTheme: p }, children: i });
+  return /* @__PURE__ */ k(T.Provider, { value: { theme: o, setTheme: p, actualTheme: g }, children: w });
 }
 export {
-  A as ThemeProvider,
-  L as useTheme
+  A as ThemeProvider
 };

package/dist/esm/components/tip-card/tip-card.js

@@ -3,7 +3,6 @@ import { cva as t } from "class-variance-authority";
 import * as f from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as e } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const p = t("rounded-lg p-5 text-sm", {

package/dist/esm/components/token-icon/index.js

@@ -1,5 +1,4 @@
-import { TokenIcon as n, preloadTokenIcons as r } from "./token-icon.js";
+import { TokenIcon as n } from "./token-icon.js";
 export {
-  n as TokenIcon,
-  r as preloadTokenIcons
+  n as TokenIcon
 };

package/dist/esm/components/token-icon/token-icon.js

@@ -1,103 +1,99 @@
-import { jsx as r, jsxs as R, Fragment as _ } from "react/jsx-runtime";
-import N from "react";
+import { jsx as r, jsxs as x, Fragment as R } from "react/jsx-runtime";
+import b from "react";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as T } from "../../utils/cn.js";
-import "sonner";
-import { getStatic as g } from "../../utils/static.js";
-import { getTokenIcon as w } from "../../utils/token-icon-source.js";
+import { cn as I } from "../../utils/cn.js";
+import { getStatic as k } from "../../utils/static.js";
+import { getTokenIcon as y } from "../../utils/token-icon-source.js";
 import "luxon";
 import "../../utils/z-index.js";
 import { RoundedImage as m } from "../rounded-image/rounded-image.js";
-const s = g("/tokens/default.svg");
-function U(t) {
+const p = k("/tokens/default.svg");
+function w(t) {
   return t.replace("/", "").replace(" ", "").replace("-f", "").replace("-", "_").toLowerCase();
 }
-function j(t) {
+function _(t) {
   return typeof t == "object" && t !== null && "icon" in t && !("kind" in t);
 }
-function I(t) {
+function N(t) {
   return typeof t == "object" && t !== null && "kind" in t && t.kind === "composite";
 }
-function k(t) {
+function T(t) {
   if (t.type === "url") return t.url;
-  const o = U(t.symbol);
-  return o ? g(`/tokens/${o}.svg`) : s;
+  const e = w(t.symbol);
+  return e ? k(`/tokens/${e}.svg`) : p;
 }
-function C(t) {
-  if (!t || I(t))
-    return s;
-  if (j(t))
+function j(t) {
+  if (!t || N(t))
+    return p;
+  if (_(t))
     return t.icon;
-  const o = U(t);
-  return o ? g(`/tokens/${o}.svg`) : s;
-}
-function F(t) {
-  return t ? I(t) ? t.layers.map(k) : [C(t)] : [s];
+  const e = w(t);
+  return e ? k(`/tokens/${e}.svg`) : p;
 }
-const L = 0.65;
-function v(t, o) {
-  return t !== void 0 ? w(t) : typeof o == "string" ? w(o) : o;
+const F = 0.65;
+function L(t, e) {
+  return t !== void 0 ? y(t) : typeof e == "string" ? y(e) : e;
 }
-const D = N.forwardRef(function({
-  token: o,
-  symbol: e,
-  size: n = 48,
+const v = b.forwardRef(function({
+  token: e,
+  symbol: n,
+  size: o = 48,
   fit: c = "contain",
-  rounded: a = !1,
-  className: l,
-  ...f
-}, u) {
-  const i = v(o, e);
-  if (I(i))
+  rounded: s = !1,
+  className: a,
+  ...l
+}, f) {
+  const i = L(e, n);
+  if (N(i))
     return /* @__PURE__ */ r(
-      S,
+      C,
       {
-        ref: u,
+        ref: f,
         composite: i,
-        size: n,
+        size: o,
         fit: c,
-        rounded: a,
-        className: l
+        rounded: s,
+        className: a
       }
     );
-  const p = C(i);
+  const u = j(i);
   return /* @__PURE__ */ r(
     m,
     {
-      ref: u,
-      className: l,
-      src: p,
+      ref: f,
+      className: a,
+      src: u,
       alt: "",
-      rounded: a,
+      rounded: s,
       fit: c,
-      width: n,
-      height: n,
-      size: n,
-      ...f
+      width: o,
+      height: o,
+      size: o,
+      ...l
     }
   );
-}), S = N.forwardRef(function({ composite: o, size: e, fit: n, rounded: c, className: a }, l) {
-  const { preset: f, layers: u, scaleFactor: i = L } = o, [p, b] = u, h = k(p), x = k(b), d = Math.round(e * i);
-  let y;
-  switch (f) {
+}), C = b.forwardRef(function({ composite: e, size: n, fit: o, rounded: c, className: s }, a) {
+  const { preset: l, layers: f, scaleFactor: i = F } = e, [u, S] = f, g = T(u), U = T(S), d = Math.round(n * i);
+  let h;
+  switch (l) {
     case "centered_foreground":
-      y = /* @__PURE__ */ R(_, { children: [
+      h = /* @__PURE__ */ x(R, { children: [
         /* @__PURE__ */ r(
           m,
           {
             className: "absolute inset-0",
             style: { zIndex: 0 },
-            src: h,
+            src: g,
             alt: "background",
             rounded: c,
-            fit: n,
-            size: e
+            fit: o,
+            size: n
           }
         ),
         /* @__PURE__ */ r(
           "div",
           {
-            className: T(
+            className: I(
               "absolute left-1/2 top-1/2 z-[1] -translate-x-1/2 -translate-y-1/2",
               "flex items-center justify-center"
             ),
@@ -108,10 +104,10 @@ const D = N.forwardRef(function({
             children: /* @__PURE__ */ r(
               m,
               {
-                src: x,
+                src: U,
                 alt: "foreground",
                 rounded: c,
-                fit: n,
+                fit: o,
                 size: d
               }
             )
@@ -120,37 +116,29 @@ const D = N.forwardRef(function({
       ] });
       break;
     default:
-      return console.error("Unknown TokenIcon composite preset", f), /* @__PURE__ */ r(
+      return console.error("Unknown TokenIcon composite preset", l), /* @__PURE__ */ r(
         m,
         {
-          src: h,
+          src: g,
           alt: "error",
           rounded: c,
-          fit: n,
-          size: e
+          fit: o,
+          size: n
         }
       );
   }
   return /* @__PURE__ */ r(
     "div",
     {
-      ref: l,
-      className: T("relative inline-block shrink-0", a),
-      style: { width: e, height: e },
-      children: y
+      ref: a,
+      className: I("relative inline-block shrink-0", s),
+      style: { width: n, height: n },
+      children: h
     }
   );
 });
-S.displayName = "TokenIconComposite";
-D.displayName = "TokenIcon";
-function J(t) {
-  for (const o of t)
-    for (const e of F(o)) {
-      const n = new window.Image();
-      n.src = e;
-    }
-}
+C.displayName = "TokenIconComposite";
+v.displayName = "TokenIcon";
 export {
-  D as TokenIcon,
-  J as preloadTokenIcons
+  v as TokenIcon
 };

package/dist/esm/components/token-symbol/token-symbol.js

@@ -8,7 +8,6 @@ import { SimpleTooltip as T } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as y } from "../../utils/cn.js";
-import "sonner";
 import { getNetworkIcon as I } from "../../utils/network-icons.js";
 import "luxon";
 import "../../utils/z-index.js";
@@ -36,8 +35,8 @@ const _ = N.forwardRef(
     title: o,
     size: a = 24,
     showSymbol: d = !1,
-    showIcon: p = !0,
-    maxLength: f,
+    showIcon: f = !0,
+    maxLength: p,
     chainId: j,
     comment: l,
     network: i,
@@ -73,12 +72,12 @@ const _ = N.forwardRef(
         ),
         ...g,
         children: [
-          p && m && (i !== void 0 ? /* @__PURE__ */ t(T, { title: n(), children: [
+          f && m && (i !== void 0 ? /* @__PURE__ */ t(T, { title: n(), children: [
             "Network: ",
             i
           ] }) : n()),
           (o || d) && /* @__PURE__ */ t("div", { className: "flex items-center gap-1 self-center", children: [
-            /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(S, { maxLength: f, children: h }) }),
+            /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(S, { maxLength: p, children: h }) }),
             l && /* @__PURE__ */ t("div", { className: "text-md text-muted-foreground leading-tight", children: [
               "(",
               l,

package/dist/esm/components/token-template/index.js

@@ -1,4 +1,6 @@
-import { TokenTemplate as m } from "./token-template.js";
+import { TokenTemplate as t } from "./token-template.js";
+import { tokenTemplateString as m } from "../../utils/templates.js";
 export {
-  m as TokenTemplate
+  t as TokenTemplate,
+  m as tokenTemplateString
 };

package/dist/esm/components/token-template/token-template.js

@@ -1,34 +1,31 @@
-import { jsxs as T, jsx as o } from "react/jsx-runtime";
-import "react";
-import { bnToPrettyView as d } from "../../utils/bn-to-pretty-view.js";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { bnToPrettyView as x } from "../../utils/bn-to-pretty-view.js";
 import "clsx";
 import "tailwind-merge";
-import "sonner";
 import "@gearbox-protocol/sdk/onchain";
-import { negativeTokenTemplate as V, tokenTemplateString as q } from "../../utils/templates.js";
+import { tokenTemplateString as N } from "../../utils/templates.js";
 import "luxon";
 import "../../utils/z-index.js";
-import { FormattedNumberString as g } from "../formatted-number/formatted-number.js";
-import { ShortString as x } from "../short-string/short-string.js";
-function I({
+import { FormattedNumberString as S } from "../formatted-number/formatted-number.js";
+import { ShortString as T } from "../short-string/short-string.js";
+function B({
   value: r,
-  token: e,
-  precision: m,
-  formatter: i = d,
+  token: m,
+  precision: e,
+  formatter: i = x,
   noFormattedAmountValue: n = "-",
   showSymbol: p = !0,
-  maxLength: a = 1 / 0,
-  ...l
+  maxLength: s = 1 / 0,
+  ...f
 }) {
-  const { decimals: s = 18, title: f, symbol: c } = e || {}, t = i(r, s, m), u = t === n;
-  return /* @__PURE__ */ T("span", { children: [
-    /* @__PURE__ */ o(g, { value: t, ...l }),
+  const { decimals: l = 18, title: a, symbol: c } = m || {}, t = i(r, l, e), u = t === n;
+  return /* @__PURE__ */ d("span", { children: [
+    /* @__PURE__ */ o(S, { value: t, ...f }),
     " ",
-    !u && p && /* @__PURE__ */ o(x, { maxLength: a, children: f ?? c })
+    !u && p && /* @__PURE__ */ o(T, { maxLength: s, children: a ?? c })
   ] });
 }
 export {
-  I as TokenTemplate,
-  V as negativeTokenTemplate,
-  q as tokenTemplateString
+  B as TokenTemplate,
+  N as tokenTemplateString
 };

package/dist/esm/components/tooltip/simple-tooltip.js

@@ -3,7 +3,6 @@ import * as a from "@radix-ui/react-tooltip";
 import * as e from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as k } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import { Z_INDEX as F } from "../../utils/z-index.js";
 const A = e.createContext({ lockParent: () => {

package/dist/esm/components/tooltip/tooltip.js

@@ -3,10 +3,9 @@ import * as o from "@radix-ui/react-tooltip";
 import * as a from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as m } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import { Z_INDEX as s } from "../../utils/z-index.js";
-const b = o.Provider, v = o.Root, x = o.Trigger, n = a.forwardRef(({ className: e, sideOffset: r = 4, ...i }, d) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+const g = o.Provider, b = o.Root, v = o.Trigger, n = a.forwardRef(({ className: e, sideOffset: r = 4, ...i }, d) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
   o.Content,
   {
     ref: d,
@@ -21,8 +20,8 @@ const b = o.Provider, v = o.Root, x = o.Trigger, n = a.forwardRef(({ className:
 ) }));
 n.displayName = o.Content.displayName;
 export {
-  v as Tooltip,
+  b as Tooltip,
   n as TooltipContent,
-  b as TooltipProvider,
-  x as TooltipTrigger
+  g as TooltipProvider,
+  v as TooltipTrigger
 };

package/dist/esm/components/typography/typography.js

@@ -3,7 +3,6 @@ import { cva as x } from "class-variance-authority";
 import * as c from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as p } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const g = x("", {
@@ -86,12 +85,12 @@ const g = x("", {
     truncate: a,
     as: l,
     ...h
-  }, m) => {
-    const d = l || f[t || "body"];
+  }, d) => {
+    const m = l || f[t || "body"];
     return /* @__PURE__ */ s(
-      d,
+      m,
       {
-        ref: m,
+        ref: d,
         className: p(
           g({
             variant: t,

package/dist/esm/components/vertical-indicator/vertical-indicator.js

@@ -2,8 +2,7 @@ import { jsxs as t, jsx as e, Fragment as b } from "react/jsx-runtime";
 import { cva as l } from "class-variance-authority";
 import * as v from "react";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as r } from "../../utils/cn.js";
-import "sonner";
+import { cn as n } from "../../utils/cn.js";
 import "luxon";
 import "../../utils/z-index.js";
 import { HelpTip as V } from "../help-tip/help-tip.js";
@@ -68,7 +67,7 @@ const k = l(
   ({
     className: h,
     align: p,
-    label: n,
+    label: r,
     description: s,
     valueDescription: o,
     tip: d,
@@ -84,12 +83,12 @@ const k = l(
     "div",
     {
       ref: N,
-      className: r(k({ align: p }), h),
+      className: n(k({ align: p }), h),
       ...y,
       children: [
-        (n || s) && /* @__PURE__ */ t("div", { className: "grow shrink-0 basis-[0%] h-min flex flex-col", children: [
-          n && /* @__PURE__ */ t("div", { className: r(j({ size: i })), children: [
-            n,
+        (r || s) && /* @__PURE__ */ t("div", { className: "grow shrink-0 basis-[0%] h-min flex flex-col", children: [
+          r && /* @__PURE__ */ t("div", { className: n(j({ size: i })), children: [
+            r,
             d && /* @__PURE__ */ e("span", { className: "ml-2 inline-block leading-none", children: /* @__PURE__ */ e(V, { onPointerEnter: w, children: d }) })
           ] }),
           s && /* @__PURE__ */ e(
@@ -107,7 +106,7 @@ const k = l(
           /* @__PURE__ */ t(
             "div",
             {
-              className: r(
+              className: n(
                 "flex flex-nowrap",
                 "w-full max-w-full grow-0 shrink-0 basis-full",
                 "justify-end items-center"
@@ -116,7 +115,7 @@ const k = l(
                 /* @__PURE__ */ e(
                   "span",
                   {
-                    className: r(
+                    className: n(
                       g({
                         size: i,
                         weight: x,
@@ -130,7 +129,7 @@ const k = l(
                 ),
                 a && /* @__PURE__ */ t(b, { children: [
                   /* @__PURE__ */ e("span", { className: "px-1.5 text-gray-70", children: "→" }),
-                  /* @__PURE__ */ e("span", { className: r(g({ size: i, weight: x, color: f })), children: a })
+                  /* @__PURE__ */ e("span", { className: n(g({ size: i, weight: x, color: f })), children: a })
                 ] })
               ]
             }