@gearbox-protocol/permissionless-ui 1.22.0-next.98 → 1.22.0

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

@@ -1,8 +1,8 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
+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 z } from "../buttons/button/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";
@@ -11,38 +11,180 @@ import "@gearbox-protocol/sdk";
 import { cn as g } from "../../utils/cn.js";
 import "sonner";
 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";
-function O(e) {
-  return "balances" in e && e.balances !== void 0;
+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 "connectkit";
+import "wagmi";
+import "viem/siwe";
+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 "../pool-indicator-icon/pool-indicator-icon.js";
+import "../progress/progress.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: e,
-  symbol: o,
-  iconSymbol: s,
-  comment: n,
-  explorerUrl: a,
-  iconSize: p = 24,
+  assetAddress: o,
+  symbol: i,
+  iconSymbol: p,
+  comment: r,
+  explorerUrl: d,
+  iconSize: u = 24,
   className: f
 }) {
-  return /* @__PURE__ */ d("div", { className: g("flex items-center gap-3", f), children: [
-    /* @__PURE__ */ t(b, { symbol: s ?? o, size: p }),
-    /* @__PURE__ */ d("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ t("div", { className: "font-medium", children: o }),
-      n && /* @__PURE__ */ d("div", { className: "text-md text-muted-foreground", children: [
+  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: [
         "(",
-        n,
+        r,
         ")"
       ] }),
-      a && /* @__PURE__ */ t(
-        z,
+      d && /* @__PURE__ */ t(
+        O,
         {
           variant: "ghost",
           size: "sm",
           className: "text-muted-foreground hover:text-foreground p-0 h-auto",
-          onClick: () => window.open(`${a}/address/${e}`, "_blank"),
+          onClick: () => window.open(`${d}/address/${o}`, "_blank"),
           children: /* @__PURE__ */ t(M, { size: 12, className: "size-3" })
         }
       )
@@ -50,46 +192,46 @@ function $({
   ] });
 }
 function B({
-  balances: e,
-  tokensList: o,
-  maxAssets: s = 3,
-  iconSize: n = 24,
-  options: a,
-  className: p
+  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
-  } = a || {}, x = f === "cascade", [C, I, T, j] = A(() => {
-    const r = e, i = r.slice(0, s), l = r.slice(s), h = l.map((m) => {
-      const u = typeof m == "string" ? m : m.token;
-      return o[u]?.title || o[u]?.symbol || "unknown";
-    }).join(", "), c = r.length > s;
-    return [i, l, h, c];
-  }, [e, s, o]);
-  return /* @__PURE__ */ d("div", { className: g("relative inline-flex items-center", p), children: [
-    C.map((r, i, l) => {
-      const h = typeof r == "string" ? r : r.token, c = o[h], m = i === l.length - 1, u = x ? l.length - i : void 0, v = /* @__PURE__ */ t(b, { symbol: c?.symbol, size: n });
+  } = 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: u,
-            marginRight: m ? 0 : x ? -Math.round(n * 0.5) : 4
+            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: c?.title || c?.symbol || "unknown"
+              children: s?.title || s?.symbol || "unknown"
             }
           ) : v
         },
-        h ?? i
+        a ?? e
       );
     }),
     j && /* @__PURE__ */ t(
@@ -107,13 +249,13 @@ function B({
               "ml-1!"
             ),
             style: {
-              width: n,
-              height: n,
-              minWidth: n,
-              minHeight: n,
+              width: r,
+              height: r,
+              minWidth: r,
+              minHeight: r,
               zIndex: 0
             },
-            children: /* @__PURE__ */ d("span", { className: "text-[10px]! leading-[10px] font-medium", children: [
+            children: /* @__PURE__ */ c("span", { className: "text-[10px]! leading-[10px] font-medium", children: [
               "+",
               I.length
             ] })
@@ -125,9 +267,9 @@ function B({
     )
   ] });
 }
-function Z(e) {
-  return O(e) ? /* @__PURE__ */ t(B, { ...e }) : /* @__PURE__ */ t($, { ...e });
+function $r(o) {
+  return S(o) ? /* @__PURE__ */ t(B, { ...o }) : /* @__PURE__ */ t($, { ...o });
 }
 export {
-  Z as AssetsListCell
+  $r as AssetsListCell
 };

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

@@ -1,10 +1,11 @@
-import { jsx as h, jsxs as E } from "react/jsx-runtime";
+import { jsx as p, jsxs as E } from "react/jsx-runtime";
 import { PERCENTAGE_FACTOR as m, 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 "luxon";
+import "../../utils/z-index.js";
 const C = (e) => e.reduce((n, c) => n + c.balanceInUSD, 0n), D = {
   0: "bg-[#4976FE]",
   1: "bg-[#FFE55A]",
@@ -24,20 +25,20 @@ function L(e) {
     return s + o / i * d;
   });
 }
-function U({
+function $({
   assets: e,
   labels: n,
   className: c
 }) {
-  const [b, p] = P.useMemo(() => {
+  const [b, h] = P.useMemo(() => {
     const l = e.slice(0, 3), r = C(e), u = C(e.slice(3)), A = l.map(
       (I) => r > 0 ? Number(
         I.balanceInUSD * m * N / r
       ) / Number(m) : Number(m)
     ), a = r > 0n ? Number(u * m * N / r) / Number(m) : 0, f = [...A, a], T = L(f);
     return [T.slice(0, 3), T[3] || 0];
-  }, [e]), d = p > 0, i = n?.slice(3), t = i && i.length > 0 ? i.join(", ") : void 0, o = (l, r, u, A, a) => {
-    const f = /* @__PURE__ */ h(
+  }, [e]), d = h > 0, i = n?.slice(3), t = i && i.length > 0 ? i.join(", ") : void 0, o = (l, r, u, A, a) => {
+    const f = /* @__PURE__ */ p(
       "span",
       {
         className: g(
@@ -49,11 +50,11 @@ function U({
       }
     );
     return a ? /* @__PURE__ */ E(_, { children: [
-      /* @__PURE__ */ h(v, { asChild: !0, children: f }),
-      /* @__PURE__ */ h(x, { children: a })
+      /* @__PURE__ */ p(v, { asChild: !0, children: f }),
+      /* @__PURE__ */ p(x, { children: a })
     ] }, `tooltip-${r}-${e.length}`) : f;
   };
-  return /* @__PURE__ */ h(R, { children: /* @__PURE__ */ E(
+  return /* @__PURE__ */ p(R, { children: /* @__PURE__ */ E(
     "span",
     {
       className: g(
@@ -70,11 +71,11 @@ function U({
             n?.[r]
           )
         ),
-        d && o(p, 3, F, !1, t)
+        d && o(h, 3, F, !1, t)
       ]
     }
   ) });
 }
 export {
-  U as AssetsRatio
+  $ as AssetsRatio
 };

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

@@ -13,8 +13,9 @@ import "clsx";
 import "tailwind-merge";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 import { TabButton as a } from "../buttons/tab-button/tab-button.js";
-function A({
+function M({
   children: n,
   owner: o,
   ...t
@@ -23,5 +24,5 @@ function A({
   return p && r ? o && r?.toLowerCase() !== o.toLowerCase() ? /* @__PURE__ */ i(e, { ...t, disabled: !0, children: "You are not the author" }) : n : /* @__PURE__ */ i(e, { ...t, onClick: () => m(!0), children: "Connect Wallet" });
 }
 export {
-  A as ConnectRequired
+  M as ConnectRequired
 };

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

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

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

@@ -5,6 +5,7 @@ import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const s = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
   a.Root,
   {
@@ -17,7 +18,7 @@ const s = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
   }
 ));
 s.displayName = a.Root.displayName;
-const f = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
+const i = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
   a.Image,
   {
     ref: t,
@@ -25,8 +26,8 @@ const f = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
     ...r
   }
 ));
-f.displayName = a.Image.displayName;
-const i = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
+i.displayName = a.Image.displayName;
+const f = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
   a.Fallback,
   {
     ref: t,
@@ -37,9 +38,9 @@ const i = m.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
     ...r
   }
 ));
-i.displayName = a.Fallback.displayName;
+f.displayName = a.Fallback.displayName;
 export {
   s as Avatar,
-  i as AvatarFallback,
-  f as AvatarImage
+  f as AvatarFallback,
+  i as AvatarImage
 };

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

@@ -1,10 +1,11 @@
-import { jsx as o } from "react/jsx-runtime";
+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 a } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const i = 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",
   {
@@ -21,10 +22,10 @@ const i = n(
     }
   }
 );
-function g({ className: r, variant: t, ...e }) {
-  return /* @__PURE__ */ o("div", { className: a(i({ variant: t }), r), ...e });
+function b({ className: r, variant: t, ...o }) {
+  return /* @__PURE__ */ e("div", { className: a(i({ variant: t }), r), ...o });
 }
 export {
-  g as Badge,
+  b as Badge,
   i as badgeVariants
 };

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

@@ -1,13 +1,14 @@
 import { jsx as i } from "react/jsx-runtime";
 import { Slot as b } from "@radix-ui/react-slot";
-import { cva as p } from "class-variance-authority";
-import * as k from "react";
-import { Link as y } from "react-router-dom";
+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 N } from "../../utils/cn.js";
+import { cn as j } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-const j = p("transition-colors", {
+import "../../utils/z-index.js";
+const L = k("transition-colors", {
   variants: {
     size: {
       default: "text-base leading-breadcrumb",
@@ -33,40 +34,40 @@ const j = p("transition-colors", {
     }
   },
   defaultVariants: { size: "default", variant: "default", color: "default" }
-}), L = k.forwardRef(
+}), R = y.forwardRef(
   ({
-    className: l,
+    className: d,
     href: e,
-    target: d,
+    target: l,
     rel: u,
     asChild: f = !1,
     external: m = !1,
     size: c = "default",
     variant: g = "default",
     color: x = "default",
-    children: t,
+    children: r,
     ...o
   }, a) => {
-    const r = m ? "_blank" : d, n = r === "_blank" ? "noopener noreferrer" : u, s = N(j({ size: c, variant: g, color: x }), l);
+    const { Link: v } = N(), t = m ? "_blank" : l, n = t === "_blank" ? "noopener noreferrer" : u, s = j(L({ size: c, variant: g, color: x }), d);
     if (f) {
-      const v = {
+      const p = {
         href: e,
-        target: r,
+        target: t,
         rel: n,
         ...o
       };
-      return /* @__PURE__ */ i(b, { ref: a, className: s, ...v, children: t });
+      return /* @__PURE__ */ i(b, { ref: a, className: s, ...p, children: r });
     }
     return e?.startsWith("/") ? /* @__PURE__ */ i(
-      y,
+      v,
       {
         ref: a,
         className: s,
         to: e,
-        target: r,
+        target: t,
         rel: n,
         ...o,
-        children: t
+        children: r
       }
     ) : /* @__PURE__ */ i(
       "a",
@@ -74,15 +75,15 @@ const j = p("transition-colors", {
         ref: a,
         className: s,
         href: e,
-        target: r,
+        target: t,
         rel: n,
         ...o,
-        children: t
+        children: r
       }
     );
   }
 );
-L.displayName = "BaseLink";
+R.displayName = "BaseLink";
 export {
-  L as BaseLink
+  R as BaseLink
 };