@gearbox-protocol/ui-kit 3.14.0-next.8 → 4.0.0-next.1

package/dist/esm/components/composites/pool-table/pool-table.js

@@ -1,206 +0,0 @@
-import { jsx as t, Fragment as I, jsxs as N } from "react/jsx-runtime";
-import * as C from "react";
-import { HeadCell as q } from "../../head-cell/head-cell.js";
-import { HelpTip as R } from "../../help-tip/help-tip.js";
-import { GridLoadingLine as J } from "../../table/grid-loading-line.js";
-import { GridTable as K, GridTableHeader as Q, GridTableBody as U, GridTableRow as O, GridTableHead as V, GridTableCell as j } from "../../table/grid-table.js";
-import { TableLoaderGuard as W } from "../../table/table-loader-guard.js";
-import { TableLineSm as Y, TableCellSm as Z } from "../../table/table-sm.js";
-import "@gearbox-protocol/sdk/common-utils";
-import "@gearbox-protocol/sdk";
-import { useIsMobile as _, useIsMedium as w } from "../../../hooks/use-media-query.js";
-import { poolTableTestIds as k } from "../../../test-ids/pool-table.js";
-import { cn as L } from "../../../utils/cn.js";
-function H({
-  last: e,
-  className: l,
-  ...d
-}) {
-  return /* @__PURE__ */ t(
-    O,
-    {
-      className: L(e && "*:after:hidden", l),
-      ...d
-    }
-  );
-}
-function ee({
-  columns: e,
-  sort: l,
-  isMedium: d
-}) {
-  return /* @__PURE__ */ t(O, { noHover: !0, height: "35px", children: e.map((i) => {
-    if (i.hideOnMedium && d) return null;
-    const s = i.sort, a = s && l ? {
-      direction: l.state?.field === s.field ? l.state.sort : null,
-      onSort: () => l.set(s.field, s.defaultDirection ?? "desc")
-    } : void 0, p = typeof i.header == "function" ? i.header(a) : i.header;
-    return /* @__PURE__ */ t(
-      V,
-      {
-        justify: i.align === "right" ? "end" : i.align === "center" ? "center" : "start",
-        size: "sm",
-        gapBefore: i.gapBefore,
-        className: L(i.className, i.headerClassName),
-        children: a ? /* @__PURE__ */ N(I, { children: [
-          /* @__PURE__ */ t(
-            q,
-            {
-              title: p,
-              sortDirection: a.direction ?? void 0,
-              onSort: a.onSort
-            }
-          ),
-          i.headerTip && /* @__PURE__ */ t(R, { className: "ml-1.5", children: i.headerTip })
-        ] }) : /* @__PURE__ */ N(I, { children: [
-          p,
-          i.headerTip && /* @__PURE__ */ t(R, { className: "ml-1.5", children: i.headerTip })
-        ] })
-      },
-      i.id
-    );
-  }) });
-}
-function ie({
-  row: e,
-  columns: l,
-  last: d,
-  rowHeight: i,
-  isSmall: s,
-  isMedium: a,
-  mobileColumnsXs: p,
-  mobileColumnsMd: c,
-  rowTestId: u
-}) {
-  const f = C.useMemo(
-    () => ({
-      pool: e.pool,
-      tokensList: e.tokensList,
-      underlyingToken: e.tokensList?.[e.pool.underlyingToken],
-      apy: e.apy,
-      points: e.points,
-      loading: e.loading,
-      chainId: e.chainId,
-      isMobile: s
-    }),
-    [e, s]
-  ), M = a ? l.filter((n) => !n.hideOnMedium) : l;
-  if (s) {
-    const n = l.filter((r) => !r.hideOnMobile), [g, ...x] = n, T = (r) => r.mobileCell ? r.mobileCell(f) : r.cell(f);
-    return /* @__PURE__ */ t(H, { last: d, href: e.href, "data-testid": u, children: /* @__PURE__ */ t(j, { span: "full", size: "sm", className: "px-3 py-0!", children: /* @__PURE__ */ t(
-      Y,
-      {
-        title: g ? T(g) : void 0,
-        columnsXs: p,
-        columnsMd: c,
-        className: "w-full",
-        children: x.map((r) => /* @__PURE__ */ t(Z, { title: r.mobileTitle, children: T(r) }, r.id))
-      }
-    ) }) });
-  }
-  return /* @__PURE__ */ t(
-    H,
-    {
-      last: d,
-      href: e.href,
-      height: `${i}px`,
-      "data-testid": u,
-      children: M.map((n) => /* @__PURE__ */ t(
-        j,
-        {
-          textAlign: n.align ?? "left",
-          size: "sm",
-          gapBefore: n.gapBefore,
-          className: n.className,
-          children: n.cell(f)
-        },
-        n.id
-      ))
-    }
-  );
-}
-function fe({
-  columns: e,
-  rows: l,
-  loading: d = !1,
-  partialLoading: i = !1,
-  error: s,
-  emptyContent: a,
-  skeletonRows: p = 5,
-  rowHeight: c = 75,
-  size: u = "lg",
-  mobileColumnsXs: f = 3,
-  mobileColumnsMd: M = 3,
-  className: n,
-  wrapperClassName: g,
-  sort: x,
-  rowTestId: T,
-  loaderTestId: r
-}) {
-  const z = T ?? k.poolLine, B = r ?? k.poolLineLoading, h = _(), b = w(), m = C.useMemo(
-    () => b ? e.filter((o) => !o.hideOnMedium) : e,
-    [e, b]
-  ), D = C.useMemo(() => h ? "1fr" : m.map((o) => o.width ?? "1fr").join(" "), [h, m]), S = C.useMemo(() => {
-    const o = m.map((E, F) => {
-      const G = E.gapBefore;
-      if (!G || G === "none") return null;
-      const X = G === "md" ? "pl-10" : "pl-5";
-      return `[&:nth-child(${F + 1})]:${X}`;
-    }).filter(Boolean).join(" "), v = m[m.length - 1]?.className?.includes("pr-4") ? "last:pr-4" : "";
-    return L("px-1 py-2 first:pl-4", v, o);
-  }, [m]), y = d || !l, A = !y && l && l.length === 0, $ = i && !y;
-  return s ? null : A && a ? /* @__PURE__ */ t(I, { children: a }) : /* @__PURE__ */ N(
-    K,
-    {
-      cols: D,
-      gap: 0,
-      size: u,
-      wrapperClassName: L("overflow-visible", g),
-      className: n,
-      children: [
-        !h && /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(ee, { columns: e, sort: x, isMedium: b }) }),
-        /* @__PURE__ */ t(
-          W,
-          {
-            showGuard: y,
-            rows: p,
-            columns: h ? 1 : m.length,
-            height: `${c}px`,
-            "data-testid": B,
-            cellClassName: h ? "px-1 py-2 first:pl-4 last:pr-4" : S,
-            children: /* @__PURE__ */ N(U, { children: [
-              l?.map((o, P, v) => /* @__PURE__ */ t(
-                ie,
-                {
-                  row: o,
-                  columns: e,
-                  last: P === v.length - 1 && !$,
-                  rowHeight: c,
-                  isSmall: h,
-                  isMedium: b,
-                  mobileColumnsXs: f,
-                  mobileColumnsMd: M,
-                  rowTestId: z
-                },
-                `${o.chainId}-${o.pool.address}`
-              )),
-              $ && /* @__PURE__ */ t(
-                J,
-                {
-                  height: `${c}px`,
-                  columns: m.length,
-                  cellClassName: S,
-                  "data-testid": B,
-                  last: !0
-                }
-              )
-            ] })
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  fe as PoolTable
-};

package/dist/esm/components/composites/pool-table/types.js

@@ -1 +0,0 @@
-

package/dist/esm/components/composites/strategies-table/columns.js

@@ -1,176 +0,0 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { formatLeverage as f } from "@gearbox-protocol/sdk";
-import { NetworkIcon as u } from "../../network-icon/network-icon.js";
-import { ShortString as w } from "../../short-string/short-string.js";
-import { TokenSymbol as b } from "../../token-symbol/token-symbol.js";
-import { FormattedMessageTyped as n } from "../../typed-intl/index.js";
-import { Typography as y } from "../../typography/typography.js";
-import { RWAFeature as T, ZeroSlippageFeature as R, StrategiesRewardsCell as k } from "./components/cells/cells.js";
-import { TitleGrid as v, DisabledWrap as g } from "./components/cells/cells.styles.js";
-import { RewardsTooltip as x } from "./components/rewards-tooltip/rewards-tooltip.js";
-import "./components/rewards-tooltip/rewards-tooltip-root.js";
-import "../../tooltip/simple-tooltip.js";
-import "../../tooltip/tooltip.js";
-import "@fortawesome/free-solid-svg-icons";
-import "viem";
-import "../../icon-button/icon-button.js";
-import "../../icons/fa-icon.js";
-import "../../separate-line/separate-line.js";
-import "../../skeleton/skeleton.js";
-import "react";
-import "clsx";
-import "tailwind-merge";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../../utils/z-index.js";
-import "../../tip-card/tip-card.js";
-import "../../vertical-indicator/vertical-indicator.js";
-import "../../vertical-list/vertical-list.js";
-import "../../help-tip/help-tip.js";
-import "./components/feature/feature.styles.js";
-import "../../points-icon/points-icon.js";
-function m(e, i, r) {
-  const a = e?.header ?? /* @__PURE__ */ t(
-    n,
-    {
-      messageId: e?.headerMessageId ?? i
-    }
-  );
-  let d;
-  if (e?.headerTip !== null) {
-    const s = e?.headerTipMessageId ?? r;
-    d = e?.headerTip ?? (s && /* @__PURE__ */ t(n, { messageId: s }));
-  }
-  return { header: a, headerTip: d, mobileTitle: e?.mobileTitle ?? a };
-}
-function S({ ctx: e }) {
-  const { strategy: i, targetToken: r, row: a } = e, d = !!a.disabledStyle, s = !!i.strategyMarketType?.includes("rwa"), l = e.isMobile || e.isDesktop ? 38 : 26;
-  return /* @__PURE__ */ t("div", { className: "flex flex-col-auto", children: /* @__PURE__ */ o(v, { children: [
-    /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5 pr-2 leading-none", children: [
-      /* @__PURE__ */ t(g, { disabled: d, children: /* @__PURE__ */ t(
-        u,
-        {
-          network: i.network,
-          isTest: !1,
-          size: 14,
-          showTooltip: !0
-        }
-      ) }),
-      /* @__PURE__ */ t(g, { disabled: d, children: /* @__PURE__ */ t(b, { token: r, size: 24 }) })
-    ] }),
-    /* @__PURE__ */ o("div", { className: "flex items-center gap-x-2", children: [
-      /* @__PURE__ */ t(w, { maxLength: l, children: i.name }),
-      s && /* @__PURE__ */ t(T, { disabledStyle: d }),
-      a.isZeroSlippagePair && /* @__PURE__ */ t(
-        R,
-        {
-          token: a.zeroSlippageToken,
-          disabledStyle: d
-        }
-      )
-    ] }),
-    d && /* @__PURE__ */ t("div", {}),
-    d && /* @__PURE__ */ t(
-      y,
-      {
-        as: "span",
-        variant: "caption",
-        style: { lineHeight: "100%" },
-        children: /* @__PURE__ */ t(n, { messageId: "components.strategiesTable.line.name.disabled" })
-      }
-    )
-  ] }) });
-}
-function h({
-  ctx: e,
-  mobile: i = !1
-}) {
-  const { rewardsCellInfo: r, row: a, targetTokenAddress: d, tokensList: s } = e, l = !!a.disabledStyle, c = /* @__PURE__ */ t(
-    k,
-    {
-      maxAPY: r.maxAPY,
-      bonusAPY: r.bonusAPY,
-      rewards: r.rewards,
-      rewardRates: r.rewardRates,
-      debtRewards: r.debtRewards,
-      debtRewardRates: r.debtRewardRates,
-      hasAPY: r.hasAPY ?? !1,
-      hasRewards: r.hasRewards ?? !1,
-      hasDebtRewards: r.hasDebtRewards ?? !1,
-      apyLoading: r.apyLoading,
-      disabledStyle: l
-    }
-  ), p = i ? /* @__PURE__ */ t("div", { className: "pt-1", children: c }) : c;
-  return l ? p : /* @__PURE__ */ t(
-    x,
-    {
-      cellInfo: r,
-      targetToken: d,
-      apyListByNetwork: a.apyListByNetwork,
-      tokensList: s,
-      strategyCreditManagers: a.strategyCreditManagers,
-      children: /* @__PURE__ */ t("div", { children: p })
-    }
-  );
-}
-function ie(e) {
-  const { header: i, mobileTitle: r } = m(
-    e,
-    "components.strategiesTable.head.name"
-  );
-  return {
-    id: "strategy",
-    header: i,
-    width: e?.width ?? "1fr",
-    mediumWidth: e?.mediumWidth,
-    align: "left",
-    className: "pl-4",
-    sort: e?.sortField !== void 0 ? { field: e.sortField, defaultDirection: "desc" } : { field: "strategyName", defaultDirection: "desc" },
-    cell: (a) => /* @__PURE__ */ t(S, { ctx: a }),
-    mobileTitle: r
-  };
-}
-function de(e) {
-  const { header: i, mobileTitle: r } = m(
-    e,
-    "components.strategiesTable.head.rewards"
-  );
-  return {
-    id: "rewards",
-    header: i,
-    width: e?.width ?? "310px",
-    mediumWidth: e?.mediumWidth ?? "270px",
-    align: "left",
-    sort: e?.sortField !== void 0 ? { field: e.sortField, defaultDirection: "desc" } : { field: "apy", defaultDirection: "desc" },
-    cell: (a) => /* @__PURE__ */ t(h, { ctx: a }),
-    mobileCell: (a) => /* @__PURE__ */ t(h, { ctx: a, mobile: !0 }),
-    mobileTitle: r
-  };
-}
-function se(e) {
-  const { header: i, mobileTitle: r } = m(
-    e,
-    "components.strategiesTable.head.leverage"
-  );
-  return {
-    id: "leverage",
-    header: i,
-    width: e?.width ?? "150px",
-    mediumWidth: e?.mediumWidth ?? "76px",
-    align: "right",
-    className: "pr-4",
-    headerClassName: "pr-4",
-    cell: (a) => `×${f(Number(a.row.maxLeverage), 0)}`,
-    mobileTitle: r
-  };
-}
-function le(e) {
-  return e;
-}
-export {
-  le as customStrategyColumn,
-  ie as strategyColumn,
-  se as strategyLeverageColumn,
-  de as strategyRewardsColumn
-};

package/dist/esm/components/composites/strategies-table/components/apy-feature/apy-feature.js

@@ -1,39 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Typography as i } from "../../../../typography/typography.js";
-import { Feature as p } from "../feature/feature.js";
-import "../feature/feature.styles.js";
-function s({
-  theme: r = "light",
-  children: t
-}) {
-  return /* @__PURE__ */ a(
-    p,
-    {
-      theme: r,
-      padding: "4px 10px",
-      title: /* @__PURE__ */ a(i, { as: "span", variant: "bodySmall", children: t })
-    }
-  );
-}
-function u({
-  theme: r = "dark",
-  title: t = "APR",
-  value: n,
-  tip: o
-}) {
-  return /* @__PURE__ */ a(
-    p,
-    {
-      theme: r,
-      size: "md",
-      padding: "4px 10px",
-      title: /* @__PURE__ */ a(i, { as: "span", variant: "bodySmall", children: t }),
-      value: /* @__PURE__ */ a(i, { as: "span", variant: "bodySmall", children: n }),
-      tip: o
-    }
-  );
-}
-export {
-  s as APYFeature,
-  u as APYFeatureTooltip
-};

package/dist/esm/components/composites/strategies-table/components/apy-feature/index.js

@@ -1,5 +0,0 @@
-import { APYFeature as r, APYFeatureTooltip as t } from "./apy-feature.js";
-export {
-  r as APYFeature,
-  t as APYFeatureTooltip
-};

package/dist/esm/components/composites/strategies-table/components/cells/cells.js

@@ -1,171 +0,0 @@
-import { jsx as e, Fragment as N, jsxs as x } from "react/jsx-runtime";
-import { formatPercentage as c } from "@gearbox-protocol/sdk";
-import { RWA_GRADIENT_BORDER_CLASS as S } from "../../../../rwa-styles/index.js";
-import { Skeleton as P } from "../../../../skeleton/skeleton.js";
-import "react";
-import { cn as R } from "../../../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../../../../utils/z-index.js";
-import { SimpleTooltip as F } from "../../../../tooltip/simple-tooltip.js";
-import "../../../../tooltip/tooltip.js";
-import { FormattedMessageTyped as m } from "../../../../typed-intl/index.js";
-import { APYFeature as b } from "../apy-feature/apy-feature.js";
-import { PointsFeature as T } from "../points-feature/points-feature.js";
-import { Plus as v, DisabledWrap as L } from "./cells.styles.js";
-function K({
-  token: i,
-  disabledStyle: r
-}) {
-  const n = () => /* @__PURE__ */ e("span", { className: R(r && "opacity-60 pointer-events-none"), children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(m, { messageId: "components.strategiesTable.line.0slippage" }) }) });
-  return /* @__PURE__ */ e(N, { children: r ? n() : /* @__PURE__ */ e(
-    F,
-    {
-      placement: "top",
-      triangle: !1,
-      title: n(),
-      children: /* @__PURE__ */ e(
-        m,
-        {
-          messageId: "components.strategiesTable.line.0slippage.tip",
-          values: {
-            symbol: i?.title || ""
-          }
-        }
-      )
-    }
-  ) });
-}
-function Q({
-  disabledStyle: i,
-  tooltip: r = /* @__PURE__ */ e(m, { messageId: "components.strategiesTable.line.rwa.tip" })
-}) {
-  const n = /* @__PURE__ */ e(
-    "span",
-    {
-      className: R(
-        "rounded-xl px-[6px] py-1 text-xs leading-none",
-        S,
-        i && "opacity-60 pointer-events-none"
-      ),
-      children: /* @__PURE__ */ e(m, { messageId: "components.strategiesTable.line.rwa" })
-    }
-  );
-  return /* @__PURE__ */ e(N, { children: i ? n : /* @__PURE__ */ e(F, { placement: "top", triangle: !1, title: n, children: r }) });
-}
-function U({
-  maxAPY: i,
-  bonusAPY: r,
-  rewards: n,
-  rewardRates: d,
-  debtRewards: u,
-  debtRewardRates: f,
-  hasAPY: a,
-  hasRewards: s,
-  hasDebtRewards: g,
-  disabledStyle: p,
-  apyLoading: h,
-  apyFormat: t = "feature"
-}) {
-  const o = (l) => t === "feature" ? /* @__PURE__ */ x(b, { children: [
-    c(l),
-    "% APR"
-  ] }) : `${c(l)}%`, I = (l) => t === "feature" ? /* @__PURE__ */ x(b, { children: [
-    "exp. ",
-    c(l),
-    "% APR"
-  ] }) : `exp. ${c(l)}%`;
-  return /* @__PURE__ */ x("div", { className: "flex-row-row items-center gap-2", children: [
-    (() => {
-      const l = [
-        a ? /* @__PURE__ */ e(
-          P,
-          {
-            className: "inline-block align-text-bottom",
-            width: 50,
-            loading: h,
-            children: o(i)
-          },
-          "apy"
-        ) : void 0,
-        s || g ? /* @__PURE__ */ e(
-          j,
-          {
-            rewards: n,
-            rewardRates: d,
-            debtRewards: u,
-            debtRewardRates: f,
-            hasRewards: s,
-            hasDebtRewards: g,
-            disabledStyle: p
-          },
-          "points"
-        ) : void 0
-      ].filter(Boolean);
-      return l.flatMap((w, A) => A === l.length - 1 ? [w] : [w, /* @__PURE__ */ e(v, { children: "+" }, `plus-${A}`)]);
-    })(),
-    r && /* @__PURE__ */ e(v, { children: ":" }),
-    r && /* @__PURE__ */ e(
-      P,
-      {
-        className: "inline-block align-text-bottom",
-        loading: h,
-        width: 50,
-        children: I(r.value)
-      }
-    )
-  ] });
-}
-function j({
-  rewards: i,
-  rewardRates: r,
-  debtRewards: n,
-  debtRewardRates: d,
-  hasRewards: u,
-  hasDebtRewards: f,
-  disabledStyle: a,
-  theme: s
-}) {
-  return (() => {
-    const p = [
-      u ? i.map((t, o) => /* @__PURE__ */ e(
-        "span",
-        {
-          children: /* @__PURE__ */ e(L, { disabled: a, children: /* @__PURE__ */ e(
-            T,
-            {
-              reward: t,
-              points: r?.[o] || 0n,
-              theme: s
-            }
-          ) })
-        },
-        ["base", t.multiplier, t.name, t.type, t.units].join("-")
-      )) : void 0,
-      f ? n.map((t, o) => /* @__PURE__ */ e(
-        "span",
-        {
-          children: /* @__PURE__ */ e(L, { disabled: a, children: /* @__PURE__ */ e(
-            T,
-            {
-              reward: t,
-              points: d?.[o] || 0n,
-              theme: s
-            }
-          ) })
-        },
-        ["debt", t.multiplier, t.name, t.type, t.units, t.cm].join(
-          "-"
-        )
-      )) : void 0
-    ].filter(Boolean);
-    return p.flatMap((t, o) => o === p.length - 1 ? [t] : [t, /* @__PURE__ */ e(v, { children: "+" }, `plus-points-${o}`)]);
-  })();
-}
-export {
-  Q as RWAFeature,
-  U as StrategiesRewardsCell,
-  j as StrategyPoints,
-  K as ZeroSlippageFeature
-};

package/dist/esm/components/composites/strategies-table/components/cells/cells.styles.js

@@ -1,46 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as o } from "../../../../../utils/cn.js";
-const r = ({
-  disabled: a,
-  className: e,
-  ...s
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    className: o(
-      "leading-none",
-      a && "opacity-40 pointer-events-none",
-      e
-    ),
-    ...s
-  }
-), c = ({
-  className: a,
-  ...e
-}) => /* @__PURE__ */ t(
-  "span",
-  {
-    className: o(
-      "text-gray-90 text-base leading-[100%] font-normal",
-      a
-    ),
-    ...e
-  }
-), l = ({
-  className: a,
-  ...e
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    className: o(
-      "grid grid-cols-[auto_auto] items-center gap-x-0 gap-y-0.5",
-      a
-    ),
-    ...e
-  }
-);
-export {
-  r as DisabledWrap,
-  c as Plus,
-  l as TitleGrid
-};

package/dist/esm/components/composites/strategies-table/components/cells/index.js

@@ -1,11 +0,0 @@
-import { RWAFeature as t, StrategiesRewardsCell as a, StrategyPoints as i, ZeroSlippageFeature as l } from "./cells.js";
-import { DisabledWrap as p, Plus as s, TitleGrid as d } from "./cells.styles.js";
-export {
-  p as DisabledWrap,
-  s as Plus,
-  t as RWAFeature,
-  a as StrategiesRewardsCell,
-  i as StrategyPoints,
-  d as TitleGrid,
-  l as ZeroSlippageFeature
-};

package/dist/esm/components/composites/strategies-table/components/feature/feature.js

@@ -1,39 +0,0 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { HelpTip as l } from "../../../../help-tip/help-tip.js";
-import { FeatureRoot as t } from "./feature.styles.js";
-function g({
-  title: n,
-  value: r,
-  tip: i,
-  theme: a = "dark",
-  size: c = "sm",
-  padding: d
-}) {
-  return /* @__PURE__ */ e(t, { theme: a, size: c, padding: d, children: [
-    /* @__PURE__ */ o("div", { children: n }),
-    r && /* @__PURE__ */ o("div", { className: "font-semibold", children: i ? /* @__PURE__ */ o(m, { value: r, theme: a, tip: i }) : r })
-  ] });
-}
-function m({
-  value: n,
-  tip: r,
-  theme: i = "dark"
-}) {
-  return /* @__PURE__ */ e("div", { className: "inline-flex gap-2", children: [
-    n,
-    /* @__PURE__ */ o(
-      l,
-      {
-        placement: "top",
-        iconColor: i === "dark" ? "gray-40" : "gray-80",
-        iconHoverColor: i === "dark" ? "gray-70" : "gray-100",
-        iconVariant: "info",
-        iconSize: 16,
-        children: r
-      }
-    )
-  ] });
-}
-export {
-  g as Feature
-};