@gearbox-protocol/ui-kit 3.14.0-next.2 → 3.14.0-next.23

package/dist/esm/components/layout/main-aside-layout/main-aside-layout.js

@@ -1,83 +1,106 @@
-import { jsx as i, jsxs as c } from "react/jsx-runtime";
-import * as g from "react";
-import { cn as x } from "../../../utils/cn.js";
-const u = g.forwardRef(
+import { jsx as m, jsxs as o, Fragment as c } from "react/jsx-runtime";
+import * as E from "react";
+import { cn as n } from "../../../utils/cn.js";
+const _ = "56rem", I = "20rem", M = "1032px", T = E.forwardRef(
   ({
-    children: r,
-    aside: m,
-    asidePosition: e = "right",
-    asideClassName: n,
-    mainClassName: p,
-    mainRef: t,
-    variant: o = "default",
-    className: s,
-    ...w
-  }, f) => {
-    const l = o === "detail", a = m == null ? null : /* @__PURE__ */ i(
+    children: i,
+    aside: s,
+    asidePosition: x = "right",
+    asideClassName: w,
+    mainClassName: f,
+    mainRef: p,
+    variant: g = "default",
+    centeredMain: u = !1,
+    className: v,
+    ...d
+  }, N) => {
+    const e = g === "detail", t = x === "left", l = e && u, a = s == null ? null : /* @__PURE__ */ m(
       "aside",
       {
-        className: x(
+        className: n(
           "min-w-0 shrink-0",
-          l && [
+          e && !l && [
             "w-full",
             "z-30 lg:w-[420px] lg:min-w-[420px] lg:max-w-[420px]",
             "xl:w-[460px] xl:min-w-[460px] xl:max-w-[460px]",
             "max-h-full lg:max-h-[100vh] overflow-y-visible lg:overflow-y-auto",
             // sticky below 2450px, fixed at ≥2450px
             "lg:max-[2449px]:sticky lg:max-[2449px]:top-4",
-            "min-[2450px]:fixed min-[2450px]:top-28 min-[2450px]:right-32"
+            "min-[2450px]:fixed min-[2450px]:top-28",
+            // fixed anchor matches asidePosition
+            t ? "min-[2450px]:left-32" : "min-[2450px]:right-32"
+          ],
+          l && [
+            "w-full",
+            "z-30 lg:w-[420px] lg:min-w-[420px] lg:max-w-[420px]",
+            "xl:w-[460px] xl:min-w-[460px] xl:max-w-[460px]",
+            "overflow-y-visible lg:max-h-[100vh] lg:overflow-y-auto",
+            // LP-style in-flow fallback (lg…1519)
+            "lg:max-[1519px]:sticky lg:max-[1519px]:top-4",
+            // Gutter beside the viewport-centred shell (≥1520)
+            "min-[1520px]:absolute min-[1520px]:top-0",
+            t ? "min-[1520px]:right-full min-[1520px]:mr-6" : "min-[1520px]:left-full min-[1520px]:ml-6"
           ],
-          n
+          w
         ),
-        children: m
+        children: s
       }
-    );
-    return /* @__PURE__ */ c(
+    ), h = n(
+      // lg…1519: children join the outer LP-style flex row
+      "lg:contents",
+      // ≥1520: viewport-centred shell; aside hangs in the gutter
+      "min-[1520px]:block min-[1520px]:relative min-[1520px]:mx-auto min-[1520px]:w-full",
+      `min-[1520px]:max-w-[max(${I},min(${_},calc(100vw-${M})))]`
+    ), r = n(
+      "relative z-0 min-w-0 w-full",
+      !l && "flex-1",
+      e && !l && [
+        "relative z-0 w-full",
+        "min-[2450px]:mx-auto min-[2450px]:flex-none",
+        "min-[2450px]:max-w-[min(80rem,calc(100vw-460px-8rem))]",
+        t && "min-[2450px]:ml-[calc(460px+8rem)]"
+      ],
+      l && "flex-1 lg:max-w-none",
+      f
+    ), y = x === "left" ? /* @__PURE__ */ o(c, { children: [
+      a,
+      /* @__PURE__ */ m("div", { ref: p, className: r, children: i })
+    ] }) : /* @__PURE__ */ o(c, { children: [
+      /* @__PURE__ */ m("div", { ref: p, className: r, children: i }),
+      a
+    ] });
+    return /* @__PURE__ */ m(
       "div",
       {
-        ref: f,
-        className: x(
+        ref: N,
+        className: n(
           // base: mobile stack (column-reverse), desktop row
-          "flex w-full flex-col-reverse gap-6 lg:flex-row lg:items-start",
-          l && [
+          "flex w-full flex-col-reverse gap-6 lg:items-start",
+          !l && "lg:flex-row",
+          e && !l && [
             "relative mx-auto min-w-0",
-            // cap width so aside doesn't overflow on medium-wide screens
             "max-w-[calc(80rem+420px+1.5rem)]",
             "xl:max-w-[calc(80rem+460px+1.5rem)]",
-            // at ≥2450px aside is fixed → switch wrapper to block so main can
-            // centre independently
             "min-[2450px]:block min-[2450px]:max-w-none min-[2450px]:gap-0"
           ],
-          s
+          l && [
+            "relative mx-auto min-w-0 lg:flex-row",
+            "max-w-[calc(80rem+420px+1.5rem)] xl:max-w-[calc(80rem+460px+1.5rem)]",
+            "min-[1520px]:block min-[1520px]:max-w-none"
+          ],
+          v
         ),
-        ...w,
-        children: [
-          e === "left" && a,
-          /* @__PURE__ */ i(
-            "div",
-            {
-              ref: t,
-              className: x(
-                "min-w-0 flex-1",
-                l && [
-                  "relative z-0 w-full",
-                  // at ≥2450px: stop growing and centre with explicit max-width
-                  // (leaves room for the fixed 460px aside + 8rem right offset)
-                  "min-[2450px]:mx-auto min-[2450px]:flex-none",
-                  "min-[2450px]:max-w-[min(80rem,calc(100vw-460px-8rem))]"
-                ],
-                p
-              ),
-              children: r
-            }
-          ),
-          e === "right" && a
-        ]
+        ...d,
+        children: l ? /* @__PURE__ */ m("div", { className: h, children: y }) : /* @__PURE__ */ o(c, { children: [
+          x === "left" && a,
+          /* @__PURE__ */ m("div", { ref: p, className: r, children: i }),
+          x === "right" && a
+        ] })
       }
     );
   }
 );
-u.displayName = "MainAsideLayout";
+T.displayName = "MainAsideLayout";
 export {
-  u as MainAsideLayout
+  T as MainAsideLayout
 };

package/dist/esm/components/legal-agreement/index.js

@@ -1,9 +1,25 @@
-import { BlockedRegionDialog as r, LegalAgreementDialog as a, createGearboxAppConfig as g, createLegalAgreementConfig as i, createPermissionlessInterfaceConfig as n, createPermissionlessSafeConfig as s } from "./legal-agreement-dialog.js";
+import { LegalAgreementAwaitingPanel as n, LegalAgreementAwaitingPanelTest as t } from "./legal-agreement-awaiting-panel.js";
+import { BlockedRegionDialog as g, LegalAgreementDialog as r } from "./legal-agreement-dialog.js";
+import { LegalAgreementLink as o } from "./legal-agreement-link.js";
+import { LegalAgreementPanel as A, LegalAgreementPanelTest as s } from "./legal-agreement-panel.js";
+import { legalAgreementAwaitingDescriptionVariants as L, legalAgreementAwaitingRootVariants as P, legalAgreementAwaitingTitleVariants as x, legalAgreementLinkVariants as c, legalAgreementPanelCheckboxLabelVariants as k, legalAgreementPanelCheckboxListTitleVariants as f, legalAgreementPanelCheckboxListVariants as p, legalAgreementPanelCheckboxRowVariants as w, legalAgreementPanelNotificationVariants as b, legalAgreementPanelRootVariants as h, legalAgreementPanelV2BannerVariants as C } from "./legal-agreement-theme.js";
 export {
-  r as BlockedRegionDialog,
-  a as LegalAgreementDialog,
-  g as createGearboxAppConfig,
-  i as createLegalAgreementConfig,
-  n as createPermissionlessInterfaceConfig,
-  s as createPermissionlessSafeConfig
+  g as BlockedRegionDialog,
+  n as LegalAgreementAwaitingPanel,
+  t as LegalAgreementAwaitingPanelTest,
+  r as LegalAgreementDialog,
+  o as LegalAgreementLink,
+  A as LegalAgreementPanel,
+  s as LegalAgreementPanelTest,
+  L as legalAgreementAwaitingDescriptionVariants,
+  P as legalAgreementAwaitingRootVariants,
+  x as legalAgreementAwaitingTitleVariants,
+  c as legalAgreementLinkVariants,
+  k as legalAgreementPanelCheckboxLabelVariants,
+  f as legalAgreementPanelCheckboxListTitleVariants,
+  p as legalAgreementPanelCheckboxListVariants,
+  w as legalAgreementPanelCheckboxRowVariants,
+  b as legalAgreementPanelNotificationVariants,
+  h as legalAgreementPanelRootVariants,
+  C as legalAgreementPanelV2BannerVariants
 };

package/dist/esm/components/legal-agreement/legal-agreement-awaiting-panel.js

@@ -0,0 +1,29 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { IconPending as n } from "@gearbox-protocol/static";
+import { legalAgreementAwaitingRootVariants as r, legalAgreementAwaitingTitleVariants as s, legalAgreementAwaitingDescriptionVariants as l } from "./legal-agreement-theme.js";
+class g {
+  static root = "legal-agreement-awaiting-panel-root";
+}
+function A({
+  waitingForSignatureText: a = "Please sign the message in your wallet to agree to the Terms of Service.",
+  theme: e = "default"
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: r({ theme: e }),
+      "data-testid": g.root,
+      children: [
+        /* @__PURE__ */ t("div", { className: s({ theme: e }), children: [
+          /* @__PURE__ */ i(n, { size: 20, className: "animate-spin" }),
+          "Waiting for Signature"
+        ] }),
+        /* @__PURE__ */ i("p", { className: l({ theme: e }), children: a })
+      ]
+    }
+  );
+}
+export {
+  A as LegalAgreementAwaitingPanel,
+  g as LegalAgreementAwaitingPanelTest
+};

package/dist/esm/components/legal-agreement/legal-agreement-dialog.js

@@ -1,250 +1,110 @@
-import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
-import { IconExternal as A, IconPending as b } from "@gearbox-protocol/static";
-import * as B from "react";
-import { useState as j } from "react";
-import { AlertDialog as u, AlertDialogContent as f, AlertDialogHeader as x, AlertDialogTitle as g, AlertDialogDescription as h, AlertDialogFooter as w } from "../alert-dialog/alert-dialog.js";
-import { BaseLink as k } from "../base-link/base-link.js";
-import { Button as p } from "../buttons/button/button.js";
-import { Checkbox as R } from "../checkbox/checkbox.js";
-import "../checkbox/checkbox-labeled.js";
-import { faTriangleExclamation as I } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as T } from "../icons/fa-icon.js";
-function $({
-  open: r,
-  onClose: e,
-  onSign: n,
-  isSigning: o,
-  hasV2Signature: m = !1,
-  isAwaitingSignature: S = !1,
-  config: c
+import { jsx as e, jsxs as t, Fragment as C } from "react/jsx-runtime";
+import { IconExternal as k, IconPending as v } from "@gearbox-protocol/static";
+import * as b from "react";
+import { useState as D } from "react";
+import { AlertDialog as c, AlertDialogContent as m, AlertDialogHeader as T, AlertDialogTitle as F, AlertDialogDescription as o, AlertDialogFooter as x } from "../alert-dialog/alert-dialog.js";
+import { BaseLink as I } from "../base-link/base-link.js";
+import { Button as d } from "../buttons/button/button.js";
+import { faTriangleExclamation as j } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as z } from "../icons/fa-icon.js";
+import { LegalAgreementAwaitingPanel as B } from "./legal-agreement-awaiting-panel.js";
+import { LegalAgreementPanel as P } from "./legal-agreement-panel.js";
+function K({
+  open: a,
+  onClose: s,
+  onSign: r,
+  isSigning: n,
+  hasV2Signature: g = !1,
+  isAwaitingSignature: w = !1,
+  config: i,
+  theme: h = "default"
 }) {
-  const [y, N] = j({}), C = c.checkboxItems.every((s) => y[s.id]), D = (s) => {
-    N((d) => ({ ...d, [s]: !d[s] }));
-  }, P = async () => {
-    await n();
+  const [f, u] = D({}), N = i.checkboxItems.every((l) => f[l.id]), y = (l) => {
+    u((p) => ({ ...p, [l]: !p[l] }));
+  }, A = async () => {
+    await r();
   };
-  return B.useEffect(() => {
-    r || N({});
-  }, [r]), S ? /* @__PURE__ */ t(u, { open: r, children: /* @__PURE__ */ a(f, { className: "max-w-2xl w-[calc(100%-2rem)] sm:w-full", children: [
-    /* @__PURE__ */ t(x, { children: /* @__PURE__ */ a(g, { className: "flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ t(b, { size: 20, className: "animate-spin" }),
-      "Waiting for Signature"
-    ] }) }),
-    /* @__PURE__ */ t(h, { className: "text-center", children: c.waitingForSignatureText || "Please sign the message in your wallet to agree to the Terms of Service." })
-  ] }) }) : /* @__PURE__ */ t(u, { open: r, children: /* @__PURE__ */ a(f, { className: "max-w-2xl max-h-[90vh] overflow-y-auto w-[calc(100%-2rem)] sm:w-full", children: [
-    /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(g, { className: "text-center text-xl", children: m ? c.updatedTitle || "Terms of Service Updated" : c.title || "Legal Agreement" }) }),
-    /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ t("div", { className: "text-center leading-relaxed text-base", children: c.notificationText }),
-      m && /* @__PURE__ */ a("div", { className: "flex items-start gap-2 rounded-lg border border-yellow-500/50 bg-yellow-500/10 p-3", children: [
-        /* @__PURE__ */ t(
-          T,
-          {
-            icon: I,
-            className: "size-5 text-yellow-500 shrink-0 mt-0.5"
-          }
-        ),
-        /* @__PURE__ */ a("p", { className: "text-sm text-yellow-500", children: [
-          "Our Terms of Service have been updated. Please review and sign the new agreement to continue using ",
-          c.productName,
-          "."
-        ] })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "space-y-4", children: c.checkboxItems.map((s) => {
-        const d = `legal-checkbox-${s.id}`;
-        return /* @__PURE__ */ a(
-          "label",
-          {
-            htmlFor: d,
-            className: "flex items-start gap-3 cursor-pointer group",
-            children: [
-              /* @__PURE__ */ t(
-                R,
-                {
-                  id: d,
-                  checked: y[s.id] || !1,
-                  onCheckedChange: () => D(s.id),
-                  className: "mt-1"
-                }
-              ),
-              /* @__PURE__ */ t("span", { className: "text-sm leading-relaxed transition-colors", children: s.content })
-            ]
-          },
-          s.id
-        );
-      }) })
-    ] }),
-    /* @__PURE__ */ a(w, { className: "flex-row gap-3 sm:justify-center mt-6", children: [
-      /* @__PURE__ */ t(
-        p,
+  return b.useEffect(() => {
+    a || u({});
+  }, [a]), w ? /* @__PURE__ */ e(c, { open: a, children: /* @__PURE__ */ e(m, { className: "max-w-2xl w-[calc(100%-2rem)] sm:w-full", children: /* @__PURE__ */ e(
+    B,
+    {
+      waitingForSignatureText: i.waitingForSignatureText,
+      theme: h
+    }
+  ) }) }) : /* @__PURE__ */ e(c, { open: a, children: /* @__PURE__ */ t(m, { className: "max-w-2xl max-h-[90vh] overflow-y-auto w-[calc(100%-2rem)] sm:w-full", children: [
+    /* @__PURE__ */ e(
+      P,
+      {
+        config: i,
+        checkedItems: f,
+        onCheckedChange: y,
+        hasV2Signature: g,
+        showTitle: !0,
+        theme: h
+      }
+    ),
+    /* @__PURE__ */ t(x, { className: "flex-row gap-3 sm:justify-center mt-6", children: [
+      /* @__PURE__ */ e(
+        d,
         {
           variant: "outline",
-          onClick: e,
-          disabled: o,
+          onClick: s,
+          disabled: n,
           className: "flex-1 sm:flex-none sm:min-w-[140px]",
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ t(
-        p,
+      /* @__PURE__ */ e(
+        d,
         {
-          onClick: P,
-          disabled: !C || o,
+          onClick: A,
+          disabled: !N || n,
           className: "flex-1 sm:flex-none sm:min-w-[140px]",
-          children: o ? /* @__PURE__ */ a(l, { children: [
-            /* @__PURE__ */ t(b, { size: 16, className: "mr-2 animate-spin" }),
+          children: n ? /* @__PURE__ */ t(C, { children: [
+            /* @__PURE__ */ e(v, { size: 16, className: "mr-2 animate-spin" }),
             "Signing..."
-          ] }) : c.agreeButtonText || "Agree & Connect"
+          ] }) : i.agreeButtonText || "Agree & Connect"
         }
       )
     ] })
   ] }) });
 }
-function i(r, e) {
-  return /* @__PURE__ */ t(
-    k,
-    {
-      href: r,
-      external: !0,
-      className: "text-primary underline hover:text-primary/80",
-      children: e
-    }
-  );
-}
-function v(r, e, n) {
-  const o = {
-    id: "consent",
-    content: /* @__PURE__ */ a(l, { children: [
-      "I agree to the",
-      " ",
-      i(e.termsOfService, "Terms of Service"),
-      " and acknowledge the ",
-      i(e.privacyNotice, "Privacy Notice"),
-      ". I have read the",
-      " ",
-      i(e.riskDisclosure, "Risk Disclosure Statement"),
-      " and I voluntarily assume all risks described in it."
-    ] })
-  }, m = /* @__PURE__ */ a(l, { children: [
-    "Any use of and/or interaction with the ",
-    r,
-    " is subject to the",
-    " ",
-    i(e.termsOfService, "Terms of Service"),
-    " and",
-    " ",
-    i(e.privacyNotice, "Privacy Notice"),
-    ", and acceptance of risks described in the",
-    " ",
-    i(e.riskDisclosure, "Risk Disclosure Statement"),
-    "."
-  ] });
-  return r === "Permissionless Interface" ? {
-    productName: r,
-    notificationText: m,
-    checkboxItems: [o],
-    agreeButtonText: n?.agreeButtonText
-  } : r === "Permissionless Safe" ? {
-    productName: r,
-    notificationText: m,
-    checkboxItems: [o],
-    agreeButtonText: n?.agreeButtonText
-  } : {
-    productName: r,
-    notificationText: /* @__PURE__ */ a(l, { children: [
-      "By accessing or using ",
-      r,
-      ", I agree to the",
-      " ",
-      i(e.termsOfService, "Terms of Service"),
-      " and confirm that I have read and understood the",
-      " ",
-      i(e.privacyNotice, "Privacy Notice"),
-      " and",
-      " ",
-      i(e.riskDisclosure, "Risk Disclosure Statement"),
-      "."
-    ] }),
-    checkboxItems: [
-      {
-        id: "terms",
-        content: /* @__PURE__ */ a(l, { children: [
-          "I agree to the",
-          " ",
-          i(e.termsOfService, "Terms of Service"),
-          " and acknowledge the",
-          " ",
-          i(e.privacyNotice, "Privacy Notice"),
-          "."
-        ] })
-      },
-      {
-        id: "prohibited",
-        content: "I represent and confirm that I am not a Prohibited Person (as defined in the above Terms of Service) and am not acting on behalf of one."
-      },
-      {
-        id: "risks",
-        content: /* @__PURE__ */ a(l, { children: [
-          "I acknowledge that the ",
-          r,
-          ", related software, and smart contracts are experimental and may contain errors or vulnerabilities. I understand that their use may result in the complete loss of my funds. I have read the",
-          " ",
-          i(e.riskDisclosure, "Risk Disclosure Statement"),
-          " ",
-          "and I voluntarily assume all risks described in it."
-        ] })
-      }
-    ],
-    agreeButtonText: n?.agreeButtonText
-  };
-}
-function q(r, e) {
-  return v("Permissionless Interface", r, e);
-}
-function J(r, e) {
-  return v("Permissionless Safe", r, e);
-}
-function K(r, e) {
-  return v("Gearbox App", r, e);
-}
 function M({
-  open: r,
-  onClose: e,
-  termsOfServiceLink: n
+  open: a,
+  onClose: s,
+  termsOfServiceLink: r
 }) {
-  return /* @__PURE__ */ t(u, { open: r, children: /* @__PURE__ */ a(f, { className: "max-w-lg", children: [
-    /* @__PURE__ */ t(x, { children: /* @__PURE__ */ a(g, { className: "flex items-center justify-center gap-2 text-destructive", children: [
-      /* @__PURE__ */ t(T, { icon: I, className: "size-5" }),
+  return /* @__PURE__ */ e(c, { open: a, children: /* @__PURE__ */ t(m, { className: "max-w-lg", children: [
+    /* @__PURE__ */ e(T, { children: /* @__PURE__ */ t(F, { className: "flex items-center justify-center gap-2 text-destructive", children: [
+      /* @__PURE__ */ e(z, { icon: j, className: "size-5" }),
       "Access Restricted"
     ] }) }),
-    /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ t(h, { className: "text-center", children: "Your access to our web application has been restricted as part of our compliance screening process. Our automated system has identified potential risks associated with your wallet, which led to this action." }),
-      /* @__PURE__ */ t(h, { className: "text-center", children: "Please be aware that this screening outcome is final. We do not offer an appeal process or individual case reviews. Additionally, we do not perform manual assessments and are unable to override this restriction." }),
-      n && /* @__PURE__ */ a(h, { className: "text-center", children: [
+    /* @__PURE__ */ t("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ e(o, { className: "text-center", children: "Your access to our web application has been restricted as part of our compliance screening process. Our automated system has identified potential risks associated with your wallet, which led to this action." }),
+      /* @__PURE__ */ e(o, { className: "text-center", children: "Please be aware that this screening outcome is final. We do not offer an appeal process or individual case reviews. Additionally, we do not perform manual assessments and are unable to override this restriction." }),
+      r && /* @__PURE__ */ t(o, { className: "text-center", children: [
         "This restriction applies to your use of the web application. For more details, please review the",
         " ",
-        /* @__PURE__ */ a(
-          k,
+        /* @__PURE__ */ t(
+          I,
           {
-            href: n,
+            href: r,
             external: !0,
             className: "text-primary underline hover:text-primary/80 inline-flex items-center gap-1",
             children: [
               "Terms of Service",
-              /* @__PURE__ */ t(A, { size: 12, className: "size-3" })
+              /* @__PURE__ */ e(k, { size: 12, className: "size-3" })
             ]
           }
         ),
         "."
       ] })
     ] }),
-    /* @__PURE__ */ t(w, { className: "sm:justify-center mt-4", children: /* @__PURE__ */ t(p, { variant: "outline", onClick: e, children: "Close" }) })
+    /* @__PURE__ */ e(x, { className: "sm:justify-center mt-4", children: /* @__PURE__ */ e(d, { variant: "outline", onClick: s, children: "Close" }) })
   ] }) });
 }
 export {
   M as BlockedRegionDialog,
-  $ as LegalAgreementDialog,
-  K as createGearboxAppConfig,
-  v as createLegalAgreementConfig,
-  q as createPermissionlessInterfaceConfig,
-  J as createPermissionlessSafeConfig
+  K as LegalAgreementDialog
 };

package/dist/esm/components/legal-agreement/legal-agreement-link.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { BaseLink as a } from "../base-link/base-link.js";
+import { Link as i } from "../link/link.js";
+import { legalAgreementLinkVariants as o } from "./legal-agreement-theme.js";
+function f({
+  href: r,
+  children: e,
+  theme: n = "default"
+}) {
+  return n === "gearboxV3" ? /* @__PURE__ */ t(i, { href: r, variant: "underlined", size: "unset", color: "main", external: !0, children: e }) : /* @__PURE__ */ t(
+    a,
+    {
+      href: r,
+      external: !0,
+      className: o({ theme: n }),
+      children: e
+    }
+  );
+}
+export {
+  f as LegalAgreementLink
+};