@gearbox-protocol/ui-kit 2.1.0-next.1

package/dist/esm/components/assets-list-cell/assets-list-cell.js

@@ -0,0 +1,275 @@
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { IconExternal as M } from "@gearbox-protocol/static";
+import { useMemo as A } from "react";
+import "../buttons/back-button/back-button.js";
+import { Button as O } 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 "@gearbox-protocol/sdk";
+import { cn as g } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+import "../buttons/tab-button/tab-button.js";
+import { TokenIcon as b } from "../token-icon/token-icon.js";
+import { SimpleTooltip as y } from "../tooltip/simple-tooltip.js";
+import "../tooltip/tooltip.js";
+import "../accordion/accordion.js";
+import "@fortawesome/free-solid-svg-icons";
+import "../icons/fa-icon.js";
+import "../alert-badge/alert-badge.js";
+import "../alert-dialog/alert-dialog.js";
+import "../alert-modal/alert-modal.js";
+import "react-intl";
+import "../arc-loader/arc-loader.js";
+import "../asset-line/asset-line.js";
+import "wagmi";
+import "../auth/wallet-ui-context.js";
+import "../avatar/avatar.js";
+import "../badge/badge.js";
+import "../base-link/base-link.js";
+import "../navigation-context/navigation-context.js";
+import "../button-checkbox/button-checkbox.js";
+import "../card-grid/card-grid.js";
+import "../cards/card/card.js";
+import "../carousel/carousel.js";
+import "../checkbox/checkbox.js";
+import "../checkbox/checkbox-labeled.js";
+import "../checkbox-item/checkbox-item.js";
+import "../client-adapters/styled-button/styled-button.js";
+import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
+import "../colored-text/colored-text.js";
+import "../input/input.js";
+import "../with-title/with-title.js";
+import "../smart-number-input/balance-indicator.js";
+import "../smart-number-input/smart-number-input.js";
+import "../points-icon/points-icon.js";
+import "../skeleton/skeleton.js";
+import "../vertical-indicator/vertical-indicator.js";
+import "../vertical-list/vertical-list.js";
+import "../confirm-menu/confirm-menu.js";
+import "../currency-button/currency-button.js";
+import "../description/description.js";
+import "../detailed-apy/detailed-apy.js";
+import "../detailed-page-title/detailed-page-title.js";
+import "../detailed-page-title/detailed-page-title-copy-button.js";
+import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
+import "../modal/modal.js";
+import "@radix-ui/react-dialog";
+import "../dialog/dialog-container.js";
+import "../dialog/dialog-content.js";
+import "../dialog/dialog-description.js";
+import "../dialog/dialog-footer.js";
+import "../dialog/dialog-header.js";
+import "../dialog/dialog-title.js";
+import "../dialog/dialog-modal-container.js";
+import "../dialog/dialog-overlay.js";
+import "viem";
+import "../label/label.js";
+import "../dropdown-menu/dropdown-menu.js";
+import "../dropdown-menu/dropdown-menu-checkbox-item.js";
+import "../dropdown-menu/dropdown-menu-content.js";
+import "../dropdown-menu/dropdown-menu-item.js";
+import "../dropdown-menu/dropdown-menu-label.js";
+import "../dropdown-menu/dropdown-menu-radio-item.js";
+import "../dropdown-menu/dropdown-menu-separator.js";
+import "../dropdown-menu/dropdown-menu-shortcut.js";
+import "../dropdown-menu/dropdown-menu-sub-content.js";
+import "../dropdown-menu/dropdown-menu-sub-trigger.js";
+import "../edit-input/edit-input.js";
+import "../fadeout-loading/fadeout-loading.js";
+import "../filter/filter-block.js";
+import "../filter/filter-checkbox-item.js";
+import "../filter/filter-chip.js";
+import "../filter/filter-chips.js";
+import "../filter/filter-dropdown-item.js";
+import "../filter/filter-group.js";
+import "../filter/filter-label.js";
+import "../search-line/search-line.js";
+import "../tabs/tabs.js";
+import "../filter/filter-modal-item.js";
+import "../filter/filter-radio-item.js";
+import "../filter/filter-separator.js";
+import "../filter/variants.js";
+import "../graph/formatters.js";
+import "lightweight-charts";
+import "../graph/graph-view.js";
+import "../help-tip/help-tip.js";
+import "../health-factor/health-factor.js";
+import "../horizontal-indicator/horizontal-indicator.js";
+import "../icon-button/icon-button.js";
+import "../layout/col/col.js";
+import "../layout/container/container.js";
+import "../layout/footer/footer.js";
+import "../layout/grid/grid.js";
+import "../layout/header/header.js";
+import "../layout/layout/layout.js";
+import "../page-title/page-title.js";
+import "../layout/social-icons/social-icons.js";
+import "../link/link.js";
+import { getSymbolOrIcon as z } from "../token-symbol/token-symbol.js";
+import "../../utils/reactochart-compat.js";
+import "../status-elements/status-elements.js";
+import "../text-button/text-button.js";
+import "../loader/loader.js";
+import "../loading/loading.js";
+import "../loading-bar/loading-bar.js";
+import "react-markdown";
+import "remark-gfm";
+import "../navbar/navbar.js";
+import "../navbar/navbar-indicator-context.js";
+import "../app-bar/app-bar.js";
+import "../navitem/navitem.js";
+import "../simple-dropdown/simple-dropdown.js";
+import "../progress/progress.js";
+import "../pool-indicator-icon/pool-indicator-icon.js";
+import "../progress-bar/progress-bar.js";
+import "../radio-group/radio-group.js";
+import "../rounded-image/rounded-image.js";
+import "../search-bar/search-bar.js";
+import "../segmented-control/segmented-control.js";
+import "../select/select.js";
+import "../separate-line/separate-line.js";
+import "../separator/separator.js";
+import "../simple-accordion/simple-accordion.js";
+import "../simple-dropdown/simple-dropdown-menu-item.js";
+import "../slider/slider.js";
+import "../slider/slider-context.js";
+import "@radix-ui/react-slider";
+import "../spinner/spinner.js";
+import "../spinner-loader/spinner-loader.js";
+import "../split-list/split-list.js";
+import "../stat-badge/stat-badge.js";
+import "../status-dot/status-dot.js";
+import "../stepper/stepper.js";
+import "../switch/switch.js";
+import "../table/grid-table.js";
+import "../table/table.js";
+import "../table/grid-table-loader.js";
+import "../textarea/textarea.js";
+import "../theme-provider.js";
+import "../time-to-liquidation/time-to-liquidation.js";
+import "../tip-card/tip-card.js";
+import "../toggle/toggle.js";
+import "../typography/typography.js";
+import "../with-filter-button/with-filter-button.js";
+function S(o) {
+  return "balances" in o && o.balances !== void 0;
+}
+function $({
+  assetAddress: o,
+  symbol: i,
+  iconSymbol: p,
+  comment: r,
+  explorerUrl: d,
+  iconSize: u = 24,
+  className: f
+}) {
+  return /* @__PURE__ */ c("div", { className: g("flex items-center gap-3", f), children: [
+    /* @__PURE__ */ t(b, { symbol: p ?? i, size: u }),
+    /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ t("div", { className: "font-medium", children: i }),
+      r && /* @__PURE__ */ c("div", { className: "text-md text-muted-foreground", children: [
+        "(",
+        r,
+        ")"
+      ] }),
+      d && /* @__PURE__ */ t(
+        O,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "text-muted-foreground hover:text-foreground p-0 h-auto",
+          onClick: () => window.open(`${d}/address/${o}`, "_blank"),
+          children: /* @__PURE__ */ t(M, { size: 12, className: "size-3" })
+        }
+      )
+    ] })
+  ] });
+}
+function B({
+  balances: o,
+  tokensList: i,
+  maxAssets: p = 3,
+  iconSize: r = 24,
+  options: d,
+  className: u
+}) {
+  const {
+    mode: f = "default",
+    showIconTooltip: N = !0,
+    otherTooltip: w,
+    onOtherClick: k
+  } = d || {}, x = f === "cascade", [C, I, T, j] = A(() => {
+    const m = o, e = m.slice(0, p), n = m.slice(p), a = n.map((l) => {
+      const h = typeof l == "string" ? l : l.token;
+      return i[h]?.title || i[h]?.symbol || "unknown";
+    }).join(", "), s = m.length > p;
+    return [e, n, a, s];
+  }, [o, p, i]);
+  return /* @__PURE__ */ c("div", { className: g("relative inline-flex items-center", u), children: [
+    C.map((m, e, n) => {
+      const a = typeof m == "string" ? m : m.token, s = i[a], l = e === n.length - 1, h = x ? n.length - e : void 0, v = /* @__PURE__ */ t(b, { symbol: z(s), size: r });
+      return /* @__PURE__ */ t(
+        "div",
+        {
+          className: "flex-shrink-0 flex",
+          style: {
+            zIndex: h,
+            marginRight: l ? 0 : x ? -Math.round(r * 0.5) : 4
+          },
+          children: N ? /* @__PURE__ */ t(
+            y,
+            {
+              title: /* @__PURE__ */ t("span", { className: "inline-flex", children: v }),
+              placement: "top",
+              children: s?.title || s?.symbol || "unknown"
+            }
+          ) : v
+        },
+        a ?? e
+      );
+    }),
+    j && /* @__PURE__ */ t(
+      y,
+      {
+        title: /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            onClick: k,
+            className: g(
+              "inline-flex items-center justify-center rounded-full shrink-0",
+              "cursor-pointer",
+              "bg-gray-50 hover:bg-gray-70 text-foreground transition-colors",
+              "ml-1!"
+            ),
+            style: {
+              width: r,
+              height: r,
+              minWidth: r,
+              minHeight: r,
+              zIndex: 0
+            },
+            children: /* @__PURE__ */ c("span", { className: "text-[10px]! leading-[10px] font-medium", children: [
+              "+",
+              I.length
+            ] })
+          }
+        ),
+        placement: "top",
+        children: w || T
+      }
+    )
+  ] });
+}
+function $r(o) {
+  return S(o) ? /* @__PURE__ */ t(B, { ...o }) : /* @__PURE__ */ t($, { ...o });
+}
+export {
+  $r as AssetsListCell
+};

package/dist/esm/components/assets-list-cell/index.js

@@ -0,0 +1,4 @@
+import { AssetsListCell as t } from "./assets-list-cell.js";
+export {
+  t as AssetsListCell
+};

package/dist/esm/components/assets-ratio/assets-ratio.js

@@ -0,0 +1,82 @@
+import { jsx as p, jsxs as E } from "react/jsx-runtime";
+import { PERCENTAGE_FACTOR as u, PERCENTAGE_DECIMALS as N } from "@gearbox-protocol/sdk";
+import * as P from "react";
+import { TooltipProvider as R, Tooltip as _, TooltipTrigger as v, TooltipContent as x } from "../tooltip/tooltip.js";
+import { cn as g } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const C = (e) => e.reduce((n, c) => n + c.balanceInUSD, 0n), D = {
+  0: "bg-[#4976FE]",
+  1: "bg-[#FFE55A]",
+  2: "bg-[#CA5AFF]"
+}, F = "bg-[#5ABAFF]", s = 4;
+function L(e) {
+  const n = e.filter((t) => t > 0);
+  if (n.length === 0) return e;
+  const c = n.length * s;
+  if (e.reduce((t, o) => t + o, 0) === 0 || !n.some((t) => t < s)) return e;
+  const d = 100 - c, i = n.filter((t) => t > s).reduce((t, o) => t + o - s, 0);
+  return e.map((t) => {
+    if (t === 0) return 0;
+    if (t < s) return s;
+    if (i === 0) return t;
+    const o = t - s;
+    return s + o / i * d;
+  });
+}
+function z({
+  assets: e,
+  labels: n,
+  className: c
+}) {
+  const [b, h] = P.useMemo(() => {
+    const l = e.slice(0, 3), r = C(e), m = C(e.slice(3)), A = l.map(
+      (I) => r > 0 ? Number(
+        I.balanceInUSD * u * N / r
+      ) / Number(u) : Number(u)
+    ), a = r > 0n ? Number(m * u * N / r) / Number(u) : 0, f = [...A, a], T = L(f);
+    return [T.slice(0, 3), T[3] || 0];
+  }, [e]), d = h > 0, i = n?.slice(3), t = i && i.length > 0 ? i.join(", ") : void 0, o = (l, r, m, A, a) => {
+    const f = /* @__PURE__ */ p(
+      "span",
+      {
+        className: g(
+          "relative inline-flex h-full",
+          m,
+          A ? "border-r-2 border-muted" : ""
+        ),
+        style: { width: `${l}%` }
+      }
+    );
+    return a ? /* @__PURE__ */ E(_, { children: [
+      /* @__PURE__ */ p(v, { asChild: !0, children: f }),
+      /* @__PURE__ */ p(x, { children: a })
+    ] }, `tooltip-${r}-${e.length}`) : f;
+  };
+  return /* @__PURE__ */ p(R, { children: /* @__PURE__ */ E(
+    "span",
+    {
+      className: g(
+        "relative inline-flex overflow-hidden w-full h-[10px] bg-muted border-2 border-muted rounded-[20px]",
+        c
+      ),
+      children: [
+        b.map(
+          (l, r, m) => o(
+            l,
+            r,
+            D[r] || F,
+            d || r !== m.length - 1,
+            n?.[r]
+          )
+        ),
+        d && o(h, 3, F, !1, t)
+      ]
+    }
+  ) });
+}
+export {
+  z as AssetsRatio
+};

package/dist/esm/components/assets-ratio/index.js

@@ -0,0 +1,4 @@
+import { AssetsRatio as t } from "./assets-ratio.js";
+export {
+  t as AssetsRatio
+};

package/dist/esm/components/auth/connect-required.js

@@ -0,0 +1,37 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useAccount as a } from "wagmi";
+import { useWalletUI as l } from "./wallet-ui-context.js";
+import "../buttons/back-button/back-button.js";
+import { Button as c } 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 "react";
+import "@gearbox-protocol/sdk";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+import { TabButton as d } from "../buttons/tab-button/tab-button.js";
+function A({
+  children: n,
+  owner: t,
+  hideConnectButton: u,
+  ...o
+}) {
+  const m = l(), { isConnected: p, address: r } = a(), e = Object.keys(o).length > 0 ? c : d;
+  return m ? p && r ? t && r?.toLowerCase() !== t.toLowerCase() ? /* @__PURE__ */ i(e, { ...o, disabled: !0, children: "You are not the author" }) : n : u ? null : /* @__PURE__ */ i(
+    e,
+    {
+      ...o,
+      onClick: () => m.openConnectModal(),
+      children: "Connect Wallet"
+    }
+  ) : p && r && t && r.toLowerCase() !== t.toLowerCase() ? /* @__PURE__ */ i(e, { ...o, disabled: !0, children: "You are not the author" }) : n;
+}
+export {
+  A as ConnectRequired
+};

package/dist/esm/components/auth/index.js

@@ -0,0 +1,9 @@
+import { ConnectRequired as o } from "./connect-required.js";
+import { SignInRequired as i } from "./signin-required.js";
+import { WalletUIProvider as n, useWalletUI as d } from "./wallet-ui-context.js";
+export {
+  o as ConnectRequired,
+  i as SignInRequired,
+  n as WalletUIProvider,
+  d as useWalletUI
+};

package/dist/esm/components/auth/signin-required.js

@@ -0,0 +1,55 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useAccount as C } from "wagmi";
+import { useWalletUI as h } from "./wallet-ui-context.js";
+import "../buttons/back-button/back-button.js";
+import { Button as L } 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 "react";
+import "@gearbox-protocol/sdk";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import { shortenHash as b } from "../../utils/format.js";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+import { TabButton as g } from "../buttons/tab-button/tab-button.js";
+function $({
+  children: a,
+  owner: e,
+  skipSignIn: u,
+  hideConnectButton: f,
+  ...t
+}) {
+  const n = h(), { isConnected: s, address: r } = C(), o = Object.keys(t).length > 0 ? L : g, d = n?.siwe, m = d?.isSignedIn ?? !1, c = d?.isRejected ?? !1, l = d?.isLoading ?? !1, p = d?.data ?? null;
+  return n ? m || u ? e && p?.address?.toLowerCase() !== e.toLowerCase() ? /* @__PURE__ */ i(o, { ...t, disabled: !0, children: "You are not the author" }) : a : s && r ? n.openSIWE ? c ? /* @__PURE__ */ i(
+    o,
+    {
+      ...t,
+      onClick: () => n.openConnectModal(),
+      disabled: l,
+      children: "Try Again"
+    }
+  ) : /* @__PURE__ */ i(
+    o,
+    {
+      ...t,
+      onClick: () => n.openSIWE?.(),
+      disabled: l,
+      children: l ? "Awaiting request..." : `Sign In as ${b(r)}`
+    }
+  ) : e && r.toLowerCase() !== e.toLowerCase() ? /* @__PURE__ */ i(o, { ...t, disabled: !0, children: "You are not the author" }) : a : f ? null : /* @__PURE__ */ i(
+    o,
+    {
+      ...t,
+      onClick: () => n.openConnectModal(),
+      children: "Connect Wallet"
+    }
+  ) : u ? s && r && e && r.toLowerCase() !== e.toLowerCase() ? /* @__PURE__ */ i(o, { ...t, disabled: !0, children: "You are not the author" }) : a : s && r && e && r.toLowerCase() !== e.toLowerCase() ? /* @__PURE__ */ i(o, { ...t, disabled: !0, children: "You are not the author" }) : a;
+}
+export {
+  $ as SignInRequired
+};

package/dist/esm/components/auth/wallet-ui-context.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { createContext as n, useContext as l } from "react";
+const t = n(null);
+function x({ value: e, children: r }) {
+  return /* @__PURE__ */ o(t.Provider, { value: e, children: r });
+}
+function a() {
+  return l(t);
+}
+export {
+  x as WalletUIProvider,
+  a as useWalletUI
+};

package/dist/esm/components/avatar/avatar.js

@@ -0,0 +1,47 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-avatar";
+import * as l from "react";
+import "@gearbox-protocol/sdk";
+import { cn as o } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const i = l.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ m(
+  a.Root,
+  {
+    ref: t,
+    className: o(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      e
+    ),
+    ...r
+  }
+));
+i.displayName = a.Root.displayName;
+const s = l.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ m(
+  a.Image,
+  {
+    ref: t,
+    className: o("aspect-square h-full w-full", e),
+    ...r
+  }
+));
+s.displayName = a.Image.displayName;
+const f = l.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ m(
+  a.Fallback,
+  {
+    ref: t,
+    className: o(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium",
+      e
+    ),
+    ...r
+  }
+));
+f.displayName = a.Fallback.displayName;
+export {
+  i as Avatar,
+  f as AvatarFallback,
+  s as AvatarImage
+};

package/dist/esm/components/avatar/index.js

@@ -0,0 +1,6 @@
+import { Avatar as t, AvatarFallback as v, AvatarImage as A } from "./avatar.js";
+export {
+  t as Avatar,
+  v as AvatarFallback,
+  A as AvatarImage
+};

package/dist/esm/components/badge/badge.js

@@ -0,0 +1,32 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as i } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const a = n(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-auto",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "border-input text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function v({ className: r, variant: t, ...o }) {
+  return /* @__PURE__ */ e("div", { className: i(a({ variant: t }), r), ...o });
+}
+export {
+  v as Badge,
+  a as badgeVariants
+};

package/dist/esm/components/badge/index.js

@@ -0,0 +1,5 @@
+import { Badge as r, badgeVariants as d } from "./badge.js";
+export {
+  r as Badge,
+  d as badgeVariants
+};

package/dist/esm/components/base-link/base-link.js

@@ -0,0 +1,90 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Slot as b } from "@radix-ui/react-slot";
+import { cva as k } from "class-variance-authority";
+import * as y from "react";
+import { useNavigationAdapter as N } from "../navigation-context/navigation-context.js";
+import "@gearbox-protocol/sdk";
+import { cn as j } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const L = k("transition-colors", {
+  variants: {
+    size: {
+      default: "text-base leading-breadcrumb",
+      sm: "text-sm leading-breadcrumb",
+      xs: "text-xs leading-breadcrumb",
+      unset: "text-[unset] leading-[unset]"
+    },
+    variant: {
+      default: "no-underline",
+      underlined: "underline",
+      unset: "no-underline"
+    },
+    color: {
+      main: [
+        "text-foreground! decoration-gray-110!",
+        "hover:text-foreground! hover:decoration-foreground!"
+      ].join(" "),
+      secondary: [
+        "text-secondary-foreground! decoration-gray-80!",
+        "hover:text-foreground! hover:decoration-foreground!"
+      ].join(" "),
+      default: "text-foreground no-underline hover:text-foreground/80 transition-colors"
+    }
+  },
+  defaultVariants: { size: "default", variant: "default", color: "default" }
+}), R = y.forwardRef(
+  ({
+    className: d,
+    href: e,
+    target: l,
+    rel: u,
+    asChild: m = !1,
+    external: f = !1,
+    size: c = "default",
+    variant: g = "default",
+    color: x = "default",
+    children: r,
+    ...o
+  }, a) => {
+    const { Link: p } = N(), t = f ? "_blank" : l, n = t === "_blank" ? "noopener noreferrer" : u, s = j(L({ size: c, variant: g, color: x }), d);
+    if (m) {
+      const v = {
+        href: e,
+        target: t,
+        rel: n,
+        ...o
+      };
+      return /* @__PURE__ */ i(b, { ref: a, className: s, ...v, children: r });
+    }
+    return e?.startsWith("/") ? /* @__PURE__ */ i(
+      p,
+      {
+        ref: a,
+        className: s,
+        to: e,
+        target: t,
+        rel: n,
+        ...o,
+        children: r
+      }
+    ) : /* @__PURE__ */ i(
+      "a",
+      {
+        ref: a,
+        className: s,
+        href: e,
+        target: t,
+        rel: n,
+        ...o,
+        children: r
+      }
+    );
+  }
+);
+R.displayName = "BaseLink";
+export {
+  R as BaseLink
+};

package/dist/esm/components/base-link/index.js

@@ -0,0 +1,4 @@
+import { BaseLink as r } from "./base-link.js";
+export {
+  r as BaseLink
+};