@gearbox-protocol/ui-kit 4.0.0-next.60 → 4.0.0-next.61

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

@@ -1,5 +1,4 @@
-import { Input as p, inputVariants as r } from "./input.js";
+import { Input as r } from "./input.js";
 export {
-  p as Input,
-  r as inputVariants
+  r as Input
 };

package/dist/esm/components/input/input.js

@@ -1,9 +1,8 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
 import { cva as T } from "class-variance-authority";
 import * as R from "react";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as e } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 import { useIconSlotWidths as S } from "./use-icon-slot-widths.js";
 const z = T(
@@ -69,11 +68,11 @@ const z = T(
       variant: "default"
     }
   }
-), B = R.forwardRef(
+), A = R.forwardRef(
   ({
     hasError: o,
     errorMessage: d,
-    value: g,
+    value: p,
     size: u,
     colorTheme: b,
     variant: m,
@@ -97,8 +96,8 @@ const z = T(
       ...y,
       ...C(!!i, !!s)
     };
-    return /* @__PURE__ */ p("div", { className: "flex flex-col space-y-2", children: [
-      /* @__PURE__ */ p("div", { className: "relative", children: [
+    return /* @__PURE__ */ g("div", { className: "flex flex-col space-y-2", children: [
+      /* @__PURE__ */ g("div", { className: "relative", children: [
         i && /* @__PURE__ */ t(
           "button",
           {
@@ -120,7 +119,7 @@ const z = T(
           {
             ref: w,
             ...a,
-            value: g,
+            value: p,
             "data-error": o ? "true" : "false",
             style: j,
             className: e(
@@ -156,6 +155,5 @@ const z = T(
   }
 );
 export {
-  B as Input,
-  z as inputVariants
+  A as Input
 };

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

@@ -1,5 +1,4 @@
-import { Label as l, labelVariants as r } from "./label.js";
+import { Label as r } from "./label.js";
 export {
-  l as Label,
-  r as labelVariants
+  r as Label
 };

package/dist/esm/components/label/label.js

@@ -1,10 +1,9 @@
 import { jsx as x } from "react/jsx-runtime";
-import * as d from "@radix-ui/react-label";
+import * as o from "@radix-ui/react-label";
 import { cva as v } from "class-variance-authority";
 import * as r from "react";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as g } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 const y = v(
   "flex leading-none peer-disabled:cursor-not-allowed",
@@ -52,15 +51,15 @@ const y = v(
       s();
       const i = document.getElementById(e);
       if (!i) return;
-      const o = new MutationObserver(s);
-      return o.observe(i, {
+      const d = new MutationObserver(s);
+      return d.observe(i, {
         attributes: !0,
         attributeFilter: ["disabled"]
       }), () => {
-        o.disconnect();
+        d.disconnect();
       };
     }, [e]), /* @__PURE__ */ x(
-      d.Root,
+      o.Root,
       {
         ref: b,
         className: g(
@@ -74,8 +73,7 @@ const y = v(
     );
   }
 );
-w.displayName = d.Root.displayName;
+w.displayName = o.Root.displayName;
 export {
-  w as Label,
-  y as labelVariants
+  w as Label
 };

package/dist/esm/components/layout/app-footer/app-footer.js

@@ -46,6 +46,5 @@ const d = [
 );
 x.displayName = "AppFooter";
 export {
-  x as AppFooter,
-  d as DEFAULT_APP_FOOTER_LINKS
+  x as AppFooter
 };

package/dist/esm/components/layout/app-footer/index.js

@@ -1,5 +1,4 @@
-import { AppFooter as r, DEFAULT_APP_FOOTER_LINKS as A } from "./app-footer.js";
+import { AppFooter as r } from "./app-footer.js";
 export {
-  r as AppFooter,
-  A as DEFAULT_APP_FOOTER_LINKS
+  r as AppFooter
 };

package/dist/esm/components/layout/app-header/app-header.js

@@ -1,100 +1,89 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import * as w from "react";
-import { AppBar as L, AppBarSidePanel as i, AppBarCenter as k, AppBarCenterContent as v } from "../../app-bar/app-bar.js";
-import { BaseLink as a } from "../../base-link/base-link.js";
-import { NavBarLogo as l } from "../../navbar-logo/navbar-logo.js";
-import { cn as A } from "../../../utils/cn.js";
-import { getStatic as e } from "../../../utils/static.js";
-function B({ href: r }) {
-  return /* @__PURE__ */ o(
-    a,
-    {
-      size: "unset",
-      variant: "unset",
-      color: "main",
-      href: r,
-      className: "inline-flex",
-      children: /* @__PURE__ */ o(
-        l,
-        {
-          src: e("/logo/logo_monochrome_white.png"),
-          srcSet: `${e(
-            "/logo/logo_monochrome_white.png"
-          )} 1x, ${e(
-            "/logo/logo_monochrome_white@2x.png"
-          )} 2x, ${e("/logo/logo_monochrome_white@2x.png")} 3x`,
-          alt: "Logo",
-          style: { height: "32px" },
-          className: "w-auto cursor-pointer"
-        }
-      )
-    }
-  );
-}
-function $({ href: r }) {
-  return /* @__PURE__ */ o(
-    a,
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import * as A from "react";
+import { AppBar as B, AppBarSidePanel as s, AppBarCenter as k, AppBarCenterContent as v } from "../../app-bar/app-bar-frame.js";
+import { BaseLink as L } from "../../base-link/base-link.js";
+import { NavBarLogo as $ } from "../../navbar-logo/navbar-logo.js";
+import { cn as w } from "../../../utils/cn.js";
+import { getStatic as l } from "../../../utils/internal/static.js";
+function c({
+  href: a,
+  asset: t,
+  style: i
+}) {
+  const r = l(`/logo/${t}.png`), o = l(`/logo/${t}@2x.png`);
+  return /* @__PURE__ */ e(
+    L,
     {
       size: "unset",
       variant: "unset",
       color: "main",
-      href: r,
+      href: a,
       className: "inline-flex",
-      children: /* @__PURE__ */ o(
-        l,
+      children: /* @__PURE__ */ e(
+        $,
         {
-          src: e("/logo/sign_monochrome_white.png"),
-          srcSet: `${e(
-            "/logo/sign_monochrome_white.png"
-          )} 1x, ${e(
-            "/logo/sign_monochrome_white@2x.png"
-          )} 2x, ${e("/logo/sign_monochrome_white@2x.png")} 3x`,
+          src: r,
+          srcSet: `${r} 1x, ${o} 2x, ${o} 3x`,
           alt: "Logo",
-          style: { height: "34px", marginLeft: "4px", marginTop: "4px" },
+          style: i,
           className: "w-auto cursor-pointer"
         }
       )
     }
   );
 }
-const b = w.forwardRef(
+const _ = A.forwardRef(
   ({
-    homeHref: r = "/",
-    desktopLogo: s,
-    mobileLogo: m,
-    mobileMenu: t,
-    tabs: c,
-    actions: p,
-    wallet: g,
-    extraMenu: h,
-    leftTestId: d,
-    centerTestId: x,
-    rightTestId: f,
-    className: _,
-    ...u
-  }, N) => /* @__PURE__ */ n(
-    L,
+    homeHref: a = "/",
+    desktopLogo: t,
+    mobileLogo: i,
+    mobileMenu: r,
+    tabs: o,
+    actions: d,
+    wallet: m,
+    extraMenu: p,
+    leftTestId: h,
+    centerTestId: g,
+    rightTestId: x,
+    className: f,
+    ...N
+  }, u) => /* @__PURE__ */ n(
+    B,
     {
-      ref: N,
-      className: A("!h-14 md:px-4 lg:px-10", _),
-      ...u,
+      ref: u,
+      className: w("!h-14 md:px-4 lg:px-10", f),
+      ...N,
       children: [
-        /* @__PURE__ */ n(i, { "data-testid": d, children: [
-          t && /* @__PURE__ */ o("div", { className: "block lg:hidden", children: t }),
-          /* @__PURE__ */ o("div", { className: "hidden lg:block", children: s ?? /* @__PURE__ */ o(B, { href: r }) }),
-          /* @__PURE__ */ o("div", { className: "block lg:hidden", children: m ?? /* @__PURE__ */ o($, { href: r }) })
+        /* @__PURE__ */ n(s, { "data-testid": h, children: [
+          r && /* @__PURE__ */ e("div", { className: "block lg:hidden", children: r }),
+          /* @__PURE__ */ e("div", { className: "hidden lg:block", children: t ?? /* @__PURE__ */ e(
+            c,
+            {
+              href: a,
+              asset: "logo_monochrome_white",
+              style: { height: "32px" }
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "block lg:hidden", children: i ?? /* @__PURE__ */ e(
+            c,
+            {
+              href: a,
+              asset: "sign_monochrome_white",
+              style: { height: "34px", marginLeft: "4px", marginTop: "4px" }
+            }
+          ) })
         ] }),
-        /* @__PURE__ */ o(k, { "data-testid": x, className: "md:px-0 lg:px-3", children: /* @__PURE__ */ o(v, { className: "md:hidden lg:block", children: c }) }),
-        /* @__PURE__ */ n(i, { "data-testid": f, className: "ml-auto", children: [
-          p,
-          g,
-          h
+        /* @__PURE__ */ e(k, { "data-testid": g, className: "md:px-0 lg:px-3", children: /* @__PURE__ */ e(v, { className: "md:hidden lg:block", children: o }) }),
+        /* @__PURE__ */ n(s, { "data-testid": x, className: "ml-auto", children: [
+          d,
+          m,
+          p
         ] })
       ]
     }
   )
 );
-b.displayName = "AppHeader";
+_.displayName = "AppHeader";
 export {
-  b as AppHeader
+  _ as AppHeader
 };

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

@@ -1,17 +1,14 @@
-import { AppFooter as e, DEFAULT_APP_FOOTER_LINKS as p } from "./app-footer/app-footer.js";
-import { AppHeader as f } from "./app-header/app-header.js";
-import { Col as x } from "./col/col.js";
-import { Container as A } from "./container/container.js";
-import { Grid as L } from "./grid/grid.js";
-import { Layout as n } from "./layout/layout.js";
-import { MainAsideLayout as _ } from "./main-aside-layout/main-aside-layout.js";
+import { AppFooter as e } from "./app-footer/app-footer.js";
+import { AppHeader as t } from "./app-header/app-header.js";
+import { Col as m } from "./col/col.js";
+import { Container as a } from "./container/container.js";
+import { Grid as i } from "./grid/grid.js";
+import { Layout as A } from "./layout/layout.js";
 export {
   e as AppFooter,
-  f as AppHeader,
-  x as Col,
-  A as Container,
-  p as DEFAULT_APP_FOOTER_LINKS,
-  L as Grid,
-  n as Layout,
-  _ as MainAsideLayout
+  t as AppHeader,
+  m as Col,
+  a as Container,
+  i as Grid,
+  A as Layout
 };

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

@@ -1,25 +1,7 @@
-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";
+import { LegalAgreementLink as a } from "./legal-agreement-link.js";
 export {
   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
+  a as LegalAgreementLink
 };

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

@@ -1,6 +1,6 @@
 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";
+import { legalAgreementAwaitingRootVariants as r, legalAgreementAwaitingTitleVariants as s, legalAgreementAwaitingDescriptionVariants as l } from "./legal-agreement.variants.js";
 class g {
   static root = "legal-agreement-awaiting-panel-root";
 }

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

@@ -0,0 +1 @@
+

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

@@ -1,7 +1,7 @@
 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";
+import { legalAgreementLinkVariants as o } from "./legal-agreement.variants.js";
 function f({
   href: r,
   children: e,

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

@@ -3,7 +3,7 @@ import { faTriangleExclamation as h } from "@fortawesome/free-solid-svg-icons";
 import { Checkbox as b } from "../checkbox/checkbox.js";
 import { CheckboxLabeled as u } from "../checkbox/checkbox-labeled.js";
 import { FaIcon as N } from "../icons/fa-icon.js";
-import { legalAgreementPanelRootVariants as k, legalAgreementPanelNotificationVariants as p, legalAgreementPanelV2BannerVariants as f, legalAgreementPanelCheckboxListVariants as v, legalAgreementPanelCheckboxListTitleVariants as A, legalAgreementPanelCheckboxRowVariants as x, legalAgreementPanelCheckboxLabelVariants as g } from "./legal-agreement-theme.js";
+import { legalAgreementPanelRootVariants as k, legalAgreementPanelNotificationVariants as p, legalAgreementPanelV2BannerVariants as f, legalAgreementPanelCheckboxListVariants as v, legalAgreementPanelCheckboxListTitleVariants as A, legalAgreementPanelCheckboxRowVariants as x, legalAgreementPanelCheckboxLabelVariants as g } from "./legal-agreement.variants.js";
 class P {
   static root = "legal-agreement-panel-root";
 }

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

@@ -1,137 +1 @@
-import { cva as e } from "class-variance-authority";
-const t = {
-  theme: {
-    default: "",
-    gearboxV3: ""
-  }
-}, r = e("space-y-4", {
-  variants: {
-    theme: {
-      default: "",
-      gearboxV3: "mx-auto w-full min-w-0 max-w-[750px]"
-    }
-  },
-  defaultVariants: {
-    theme: "default"
-  }
-}), n = e("", {
-  variants: {
-    theme: {
-      default: "text-center leading-relaxed text-base text-foreground",
-      gearboxV3: "mb-6 text-center text-xl font-semibold leading-normal text-foreground"
-    }
-  },
-  defaultVariants: {
-    theme: "default"
-  }
-}), l = e("space-y-4", {
-  variants: t,
-  defaultVariants: {
-    theme: "default"
-  }
-}), o = e("", {
-  variants: {
-    theme: {
-      default: "text-base text-foreground",
-      gearboxV3: "mb-5 text-center text-base text-foreground"
-    }
-  },
-  defaultVariants: {
-    theme: "default"
-  }
-}), i = e("", {
-  variants: {
-    theme: {
-      default: "group flex cursor-pointer items-start gap-3",
-      gearboxV3: "min-w-0 break-words"
-    }
-  },
-  defaultVariants: {
-    theme: "default"
-  }
-}), s = e("", {
-  variants: {
-    theme: {
-      default: "text-sm leading-relaxed transition-colors",
-      gearboxV3: "relative min-w-0 break-words"
-    }
-  },
-  defaultVariants: {
-    theme: "default"
-  }
-}), m = e(
-  "flex items-start gap-2 rounded-lg border border-yellow-500/50 bg-yellow-500/10 p-3",
-  {
-    variants: {
-      theme: {
-        default: "",
-        gearboxV3: "mx-auto w-full min-w-0 max-w-[750px]"
-      }
-    },
-    defaultVariants: {
-      theme: "default"
-    }
-  }
-), g = e(
-  "flex flex-col items-center gap-4 py-8 text-center",
-  {
-    variants: {
-      theme: {
-        default: "",
-        gearboxV3: "mx-auto w-full min-w-0 max-w-[750px]"
-      }
-    },
-    defaultVariants: {
-      theme: "default"
-    }
-  }
-), d = e(
-  "flex items-center justify-center gap-2 text-foreground",
-  {
-    variants: {
-      theme: {
-        default: "text-lg font-semibold",
-        gearboxV3: "text-base font-normal"
-      }
-    },
-    defaultVariants: {
-      theme: "default"
-    }
-  }
-), x = e(
-  "text-secondary-foreground",
-  {
-    variants: {
-      theme: {
-        default: "text-sm",
-        gearboxV3: "text-base"
-      }
-    },
-    defaultVariants: {
-      theme: "default"
-    }
-  }
-), f = e("underline", {
-  variants: {
-    theme: {
-      default: "text-primary hover:text-primary/80",
-      gearboxV3: ""
-    }
-  },
-  defaultVariants: {
-    theme: "default"
-  }
-});
-export {
-  x as legalAgreementAwaitingDescriptionVariants,
-  g as legalAgreementAwaitingRootVariants,
-  d as legalAgreementAwaitingTitleVariants,
-  f as legalAgreementLinkVariants,
-  s as legalAgreementPanelCheckboxLabelVariants,
-  o as legalAgreementPanelCheckboxListTitleVariants,
-  l as legalAgreementPanelCheckboxListVariants,
-  i as legalAgreementPanelCheckboxRowVariants,
-  n as legalAgreementPanelNotificationVariants,
-  r as legalAgreementPanelRootVariants,
-  m as legalAgreementPanelV2BannerVariants
-};
+

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

@@ -0,0 +1,137 @@
+import { cva as e } from "class-variance-authority";
+const t = {
+  theme: {
+    default: "",
+    gearboxV3: ""
+  }
+}, r = e("space-y-4", {
+  variants: {
+    theme: {
+      default: "",
+      gearboxV3: "mx-auto w-full min-w-0 max-w-[750px]"
+    }
+  },
+  defaultVariants: {
+    theme: "default"
+  }
+}), n = e("", {
+  variants: {
+    theme: {
+      default: "text-center leading-relaxed text-base text-foreground",
+      gearboxV3: "mb-6 text-center text-xl font-semibold leading-normal text-foreground"
+    }
+  },
+  defaultVariants: {
+    theme: "default"
+  }
+}), l = e("space-y-4", {
+  variants: t,
+  defaultVariants: {
+    theme: "default"
+  }
+}), o = e("", {
+  variants: {
+    theme: {
+      default: "text-base text-foreground",
+      gearboxV3: "mb-5 text-center text-base text-foreground"
+    }
+  },
+  defaultVariants: {
+    theme: "default"
+  }
+}), i = e("", {
+  variants: {
+    theme: {
+      default: "group flex cursor-pointer items-start gap-3",
+      gearboxV3: "min-w-0 break-words"
+    }
+  },
+  defaultVariants: {
+    theme: "default"
+  }
+}), s = e("", {
+  variants: {
+    theme: {
+      default: "text-sm leading-relaxed transition-colors",
+      gearboxV3: "relative min-w-0 break-words"
+    }
+  },
+  defaultVariants: {
+    theme: "default"
+  }
+}), m = e(
+  "flex items-start gap-2 rounded-lg border border-yellow-500/50 bg-yellow-500/10 p-3",
+  {
+    variants: {
+      theme: {
+        default: "",
+        gearboxV3: "mx-auto w-full min-w-0 max-w-[750px]"
+      }
+    },
+    defaultVariants: {
+      theme: "default"
+    }
+  }
+), g = e(
+  "flex flex-col items-center gap-4 py-8 text-center",
+  {
+    variants: {
+      theme: {
+        default: "",
+        gearboxV3: "mx-auto w-full min-w-0 max-w-[750px]"
+      }
+    },
+    defaultVariants: {
+      theme: "default"
+    }
+  }
+), d = e(
+  "flex items-center justify-center gap-2 text-foreground",
+  {
+    variants: {
+      theme: {
+        default: "text-lg font-semibold",
+        gearboxV3: "text-base font-normal"
+      }
+    },
+    defaultVariants: {
+      theme: "default"
+    }
+  }
+), x = e(
+  "text-secondary-foreground",
+  {
+    variants: {
+      theme: {
+        default: "text-sm",
+        gearboxV3: "text-base"
+      }
+    },
+    defaultVariants: {
+      theme: "default"
+    }
+  }
+), f = e("underline", {
+  variants: {
+    theme: {
+      default: "text-primary hover:text-primary/80",
+      gearboxV3: ""
+    }
+  },
+  defaultVariants: {
+    theme: "default"
+  }
+});
+export {
+  x as legalAgreementAwaitingDescriptionVariants,
+  g as legalAgreementAwaitingRootVariants,
+  d as legalAgreementAwaitingTitleVariants,
+  f as legalAgreementLinkVariants,
+  s as legalAgreementPanelCheckboxLabelVariants,
+  o as legalAgreementPanelCheckboxListTitleVariants,
+  l as legalAgreementPanelCheckboxListVariants,
+  i as legalAgreementPanelCheckboxRowVariants,
+  n as legalAgreementPanelNotificationVariants,
+  r as legalAgreementPanelRootVariants,
+  m as legalAgreementPanelV2BannerVariants
+};

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

@@ -2,9 +2,8 @@ import { jsxs as s, Fragment as b, jsx as n } from "react/jsx-runtime";
 import { IconExternal as g } from "@gearbox-protocol/static";
 import { cva as x } from "class-variance-authority";
 import { BaseLink as N } from "../base-link/base-link.js";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as h } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 const v = x(
   "[&_.icon-wrap]:-mt-px [&_.icon-wrap]:pl-1.5 [&_.icon-wrap]:leading-none [&_.icon-wrap]:text-secondary-foreground hover:[&_.icon-wrap]:text-foreground",