@gearbox-protocol/permissionless-ui 1.1.7 → 1.2.0

package/dist/cjs/components/buttons/button.js

@@ -38,7 +38,7 @@ var import_class_variance_authority = require("class-variance-authority");
 var React = __toESM(require("react"));
 var import_utils = __toESM(require('../../utils/index.js'));
 const buttonVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
       variant: {

package/dist/cjs/components/buttons/copy-button.js

@@ -46,18 +46,11 @@ const CopyButton = React.forwardRef(
         size: "sm",
         className: (0, import_utils.default)(
           "text-muted-foreground hover:text-white hover:bg-accent/0 p-0 h-auto",
-          Number(size) ? `[&_svg]:!size-[${Number(size) / 4}rem]` : "",
           className
         ),
         onClick: () => (0, import_utils.copyToClipboard)({ text, name }),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_lucide_react.Copy,
-          {
-            className: `!h-${size} !w-${size}`,
-            size: Number(size) ? Number(size) * 4 : void 0
-          }
-        )
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Copy, { className: `h-${size} w-${size}` })
       }
     );
   }

package/dist/cjs/components/buttons/external-button.js

@@ -46,18 +46,11 @@ const ExternalButton = React.forwardRef(
         size: "sm",
         className: (0, import_utils.default)(
           "text-muted-foreground hover:text-white hover:bg-accent/0 p-0 h-auto",
-          Number(size) ? `[&_svg]:!size-[${Number(size) / 4}rem]` : "",
           className
         ),
         onClick: () => window.open(url, "_blank"),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_lucide_react.ExternalLink,
-          {
-            className: `!h-${size} !w-${size}`,
-            size: Number(size) ? Number(size) * 4 : void 0
-          }
-        )
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: `h-${size} w-${size}` })
       }
     );
   }

package/dist/cjs/components/buttons/index.js

@@ -19,6 +19,7 @@ __reExport(buttons_exports, require('./back-button.js'), module.exports);
 __reExport(buttons_exports, require('./button.js'), module.exports);
 __reExport(buttons_exports, require('./copy-button.js'), module.exports);
 __reExport(buttons_exports, require('./external-button.js'), module.exports);
+__reExport(buttons_exports, require('./navigation-button.js'), module.exports);
 __reExport(buttons_exports, require('./tab-button.js'), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -26,5 +27,6 @@ __reExport(buttons_exports, require('./tab-button.js'), module.exports);
   ...require('./button.js'),
   ...require('./copy-button.js'),
   ...require('./external-button.js'),
+  ...require('./navigation-button.js'),
   ...require('./tab-button.js')
 });

package/dist/cjs/components/buttons/navigation-button.js

@@ -0,0 +1,58 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var navigation_button_exports = {};
+__export(navigation_button_exports, {
+  NavigationButton: () => NavigationButton
+});
+module.exports = __toCommonJS(navigation_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"));
+var import_react = __toESM(require("react"));
+var import_utils = __toESM(require('../../utils/index.js'));
+const NavigationButton = import_react.default.forwardRef(({ href, text, isActive, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_link.default,
+    {
+      href,
+      ref,
+      className: (0, import_utils.default)(
+        "text-foreground px-2 py-1 rounded transition-colors duration-200 ease-in-out ",
+        isActive ? "bg-muted" : "hover:bg-muted"
+      ),
+      ...props,
+      children: text
+    }
+  );
+});
+NavigationButton.displayName = "NavButton";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavigationButton
+});

package/dist/cjs/components/index.js

@@ -27,7 +27,8 @@ __reExport(components_exports, require('./dropdown-menu.js'), module.exports);
 __reExport(components_exports, require('./editable-table/index.js'), module.exports);
 __reExport(components_exports, require('./input.js'), module.exports);
 __reExport(components_exports, require('./label.js'), module.exports);
-__reExport(components_exports, require('./page-layout.js'), module.exports);
+__reExport(components_exports, require('./layout/index.js'), module.exports);
+__reExport(components_exports, require('./markdown-viewer.js'), module.exports);
 __reExport(components_exports, require('./search-bar.js'), module.exports);
 __reExport(components_exports, require('./select.js'), module.exports);
 __reExport(components_exports, require('./signatures/index.js'), module.exports);
@@ -51,7 +52,8 @@ __reExport(components_exports, require('./tooltip.js'), module.exports);
   ...require('./editable-table/index.js'),
   ...require('./input.js'),
   ...require('./label.js'),
-  ...require('./page-layout.js'),
+  ...require('./layout/index.js'),
+  ...require('./markdown-viewer.js'),
   ...require('./search-bar.js'),
   ...require('./select.js'),
   ...require('./signatures/index.js'),

package/dist/cjs/components/layout/app-logo.js

@@ -0,0 +1,67 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var app_logo_exports = {};
+__export(app_logo_exports, {
+  AppLogo: () => AppLogo
+});
+module.exports = __toCommonJS(app_logo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_image = __toESM(require("next/image"));
+var import_utils = __toESM(require('../../utils/index.js'));
+function AppLogo({
+  appName,
+  size = "default"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_utils.default)(
+        "font-bold text-foreground flex items-center gap-2",
+        size === "default" ? "text-xl" : "text-md"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_image.default,
+          {
+            src: "https://static.gearbox.fi/logo/logo_monochrome_white@2x.png",
+            alt: "Gearbox Protocol",
+            width: size === "default" ? 120 : 100,
+            height: size === "default" ? 24 : 20,
+            priority: true
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-bold italic", children: appName })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AppLogo
+});

package/dist/cjs/components/layout/footer.js

@@ -0,0 +1,116 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var footer_exports = {};
+__export(footer_exports, {
+  Footer: () => Footer
+});
+module.exports = __toCommonJS(footer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_app_logo = require('./app-logo.js');
+var import_legal_disclaimer = require('./legal-disclaimer.js');
+function FooterLink({ href, text }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "a",
+    {
+      href,
+      className: "text-muted-foreground hover:text-foreground transition-colors duration-200 text-sm",
+      children: text
+    }
+  );
+}
+function FooterLinkSection({
+  title,
+  links
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-1 md:items-end", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-4", children: links.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterLink, { href: link.href, text: link.text }),
+      index < links.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm", children: "\u2022" })
+    ] }, link.href)) })
+  ] });
+}
+function Footer({
+  appName,
+  legalReferences
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("footer", { className: "border-t border-gray-800 bg-background px-4 py-8 mt-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "max-w-7xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 items-top", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-8 h-full justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_logo.AppLogo, { appName, size: "small" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_legal_disclaimer.LegalDisclaimer, { hrefs: legalReferences })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-8 h-full justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        FooterLinkSection,
+        {
+          title: "Legal",
+          links: [
+            {
+              href: legalReferences.termsOfService,
+              text: "Terms of Service"
+            },
+            {
+              href: legalReferences.privacyNotice,
+              text: "Privacy Notice"
+            },
+            {
+              href: legalReferences.riskDisclosure,
+              text: "Risk Disclosure"
+            }
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        FooterLinkSection,
+        {
+          title: "Developers",
+          links: [
+            {
+              href: "https://docs.gearbox.fi/gearbox-permissionless-doc",
+              text: "Documentation"
+            },
+            {
+              href: "https://docs.gearbox.finance/risk-and-security/audits-bug-bounty",
+              text: "Audits"
+            },
+            {
+              href: "https://github.com/Gearbox-protocol",
+              text: "GitHub"
+            }
+          ]
+        }
+      )
+    ] })
+  ] }) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Footer
+});

package/dist/cjs/components/layout/header.js

@@ -0,0 +1,41 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var header_exports = {};
+__export(header_exports, {
+  Header: () => Header
+});
+module.exports = __toCommonJS(header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_buttons = require('../buttons/index.js');
+var import_app_logo = require('./app-logo.js');
+function Header({
+  appName,
+  navigation,
+  connectKitButton
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: "sticky top-0 z-50 border-b border-gray-800 bg-background px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_logo.AppLogo, { appName }),
+    navigation.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: "hidden md:flex space-x-4", children: navigation.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_buttons.NavigationButton, { ...item }, item.href)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-4", children: connectKitButton })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Header
+});

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

@@ -0,0 +1,30 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var layout_exports = {};
+module.exports = __toCommonJS(layout_exports);
+__reExport(layout_exports, require('./app-logo.js'), module.exports);
+__reExport(layout_exports, require('./footer.js'), module.exports);
+__reExport(layout_exports, require('./header.js'), module.exports);
+__reExport(layout_exports, require('./legal-disclaimer.js'), module.exports);
+__reExport(layout_exports, require('./page-layout.js'), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require('./app-logo.js'),
+  ...require('./footer.js'),
+  ...require('./header.js'),
+  ...require('./legal-disclaimer.js'),
+  ...require('./page-layout.js')
+});

package/dist/cjs/components/layout/legal-disclaimer.js

@@ -0,0 +1,75 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var legal_disclaimer_exports = {};
+__export(legal_disclaimer_exports, {
+  LegalDisclaimer: () => LegalDisclaimer
+});
+module.exports = __toCommonJS(legal_disclaimer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"));
+function LegalDisclaimer({ hrefs }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-sm text-muted-foreground max-w-md", children: [
+    "Any use of and/or interaction with the Permissionless Interface is subject to the",
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_link.default,
+      {
+        href: hrefs.termsOfService,
+        className: "underline hover:text-foreground transition-colors",
+        children: "Terms of Service"
+      }
+    ),
+    " ",
+    "and",
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_link.default,
+      {
+        href: hrefs.privacyNotice,
+        className: "underline hover:text-foreground transition-colors",
+        children: "Privacy Notice"
+      }
+    ),
+    ", and acceptance of risks described in the",
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_link.default,
+      {
+        href: hrefs.riskDisclosure,
+        className: "underline hover:text-foreground transition-colors",
+        children: "Risk Disclosure Statement"
+      }
+    ),
+    "."
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LegalDisclaimer
+});

package/dist/cjs/components/{page-layout.js → layout/page-layout.js}

@@ -22,8 +22,8 @@ __export(page_layout_exports, {
 });
 module.exports = __toCommonJS(page_layout_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_back_button = require('./buttons/back-button.js');
-var import_card = require('./card.js');
+var import_back_button = require('../buttons/back-button.js');
+var import_card = require('../card.js');
 function PageLayout({
   children,
   title,