@gearbox-protocol/permissionless-ui 1.7.3 → 1.7.5

package/dist/cjs/components/next/markdown-viewer.cjs

@@ -0,0 +1,215 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const navigation = require('next/navigation');
+const React = require('react');
+const ReactMarkdown = require('react-markdown');
+const remarkGfm = require('remark-gfm');
+require('clsx');
+require('tailwind-merge');
+require('../layout/col/col.cjs');
+require('../layout/container/container.cjs');
+require('../layout/footer/footer.cjs');
+require('../layout/grid/grid.cjs');
+require('../layout/header/header.cjs');
+require('../layout/layout/layout.cjs');
+require('../base-link/base-link.cjs');
+const components_layout_pageLayout_pageLayout = require('../layout/page-layout/page-layout.cjs');
+
+function slugify(text) {
+  return text.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
+}
+function getTextContent(children) {
+  if (typeof children === "string") {
+    return children;
+  }
+  if (typeof children === "number") {
+    return String(children);
+  }
+  if (Array.isArray(children)) {
+    return children.map(getTextContent).join("");
+  }
+  if (children && typeof children === "object" && "props" in children && typeof children.props === "object" && children.props !== null && "children" in children.props) {
+    return getTextContent(
+      children.props.children
+    );
+  }
+  return "";
+}
+function extractCustomId(children) {
+  const text = getTextContent(children);
+  const customIdMatch = text.match(/\{#([a-z0-9-]+)\}\s*$/i);
+  if (customIdMatch) {
+    const id = customIdMatch[1];
+    if (typeof children === "string") {
+      const displayText = text.replace(/\s*\{#[a-z0-9-]+\}\s*$/i, "").trim();
+      return { id, displayText };
+    }
+    return { id, displayText: children };
+  }
+  return { id: slugify(text), displayText: children };
+}
+function MarkdownViewer({ content, title }) {
+  const router = navigation.useRouter();
+  React.useEffect(() => {
+    const hash = window.location.hash;
+    if (hash) {
+      setTimeout(() => {
+        const element = document.getElementById(hash.slice(1));
+        if (element) {
+          element.scrollIntoView({ behavior: "smooth", block: "start" });
+        }
+      }, 100);
+    }
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components_layout_pageLayout_pageLayout.PageLayout,
+    {
+      title: title || "",
+      backButton: { href: "/", text: "Back", onClick: () => router.back() },
+      children: /* @__PURE__ */ jsxRuntime.jsx("article", { className: "prose prose-invert prose-lg max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(
+        ReactMarkdown,
+        {
+          remarkPlugins: [remarkGfm],
+          components: {
+            h1: ({ children, ...props }) => {
+              const { id, displayText } = extractCustomId(children);
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "h1",
+                {
+                  id,
+                  className: "text-3xl font-bold text-foreground mt-8 mb-4 scroll-mt-24",
+                  ...props,
+                  children: displayText
+                }
+              );
+            },
+            h2: ({ children, ...props }) => {
+              const { id, displayText } = extractCustomId(children);
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  id,
+                  className: "text-2xl font-semibold text-foreground mt-6 mb-3 scroll-mt-24",
+                  ...props,
+                  children: displayText
+                }
+              );
+            },
+            h3: ({ children, ...props }) => {
+              const { id, displayText } = extractCustomId(children);
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "h3",
+                {
+                  id,
+                  className: "text-xl font-semibold text-foreground mt-5 mb-2 scroll-mt-24",
+                  ...props,
+                  children: displayText
+                }
+              );
+            },
+            h4: ({ children, ...props }) => {
+              const { id, displayText } = extractCustomId(children);
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "h4",
+                {
+                  id,
+                  className: "text-lg font-semibold text-foreground mt-4 mb-2 scroll-mt-24",
+                  ...props,
+                  children: displayText
+                }
+              );
+            },
+            p: ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: "text-muted-foreground mb-4 leading-relaxed",
+                ...props
+              }
+            ),
+            a: ({ href, ...props }) => {
+              const isAnchorLink = href?.startsWith("#");
+              if (isAnchorLink && href) {
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  "a",
+                  {
+                    href,
+                    className: "text-blue-400 hover:text-blue-300 underline transition-colors duration-200",
+                    onClick: (e) => {
+                      e.preventDefault();
+                      const targetId = href.slice(1);
+                      const element = document.getElementById(targetId);
+                      if (element) {
+                        element.scrollIntoView({
+                          behavior: "smooth",
+                          block: "start"
+                        });
+                        window.history.pushState(null, "", href);
+                      }
+                    },
+                    ...props
+                  }
+                );
+              }
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href,
+                  className: "text-blue-400 hover:text-blue-300 underline transition-colors duration-200",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  ...props
+                }
+              );
+            },
+            ul: ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+              "ul",
+              {
+                className: "list-disc list-inside mb-4 text-muted-foreground space-y-2",
+                ...props
+              }
+            ),
+            ol: ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+              "ol",
+              {
+                className: "list-decimal list-inside mb-4 text-muted-foreground space-y-2",
+                ...props
+              }
+            ),
+            li: ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "ml-4 text-muted-foreground", ...props }),
+            blockquote: ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+              "blockquote",
+              {
+                className: "border-l-4 border-gray-700 pl-4 my-4 italic text-muted-foreground",
+                ...props
+              }
+            ),
+            code: ({ className, ...props }) => {
+              const isInline = !className?.includes("language-");
+              return isInline ? /* @__PURE__ */ jsxRuntime.jsx(
+                "code",
+                {
+                  className: "bg-gray-800 text-gray-200 px-1.5 py-0.5 rounded text-sm font-mono",
+                  ...props
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                "code",
+                {
+                  className: "block bg-gray-800 text-gray-200 p-4 rounded-lg my-4 font-mono text-sm overflow-x-auto",
+                  ...props
+                }
+              );
+            },
+            strong: ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-bold text-foreground", ...props }),
+            em: ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx("em", { className: "italic text-foreground", ...props })
+          },
+          children: content
+        }
+      ) })
+    }
+  );
+}
+
+exports.MarkdownViewer = MarkdownViewer;

package/dist/cjs/components/next/siwe-provider.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const navigation = require('next/navigation');
+const components_auth_siweProvider = require('../auth/siwe-provider.cjs');
+
+function SIWEClientProvider(props) {
+  const router = navigation.useRouter();
+  return /* @__PURE__ */ jsxRuntime.jsx(components_auth_siweProvider.SIWEClientProvider, { ...props, onRefresh: () => router.refresh() });
+}
+
+exports.SIWEClientProvider = SIWEClientProvider;

package/dist/cjs/components/next/token-icon.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const NextImage = require('next/image');
+const components_tokenIcon_tokenIcon = require('../token-icon/token-icon.cjs');
+
+function TokenIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components_tokenIcon_tokenIcon.TokenIcon, { ...props, ImageComponent: NextImage });
+}
+
+exports.TokenIcon = TokenIcon;

package/dist/cjs/components/not-found/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_notFound_notFound = require('./not-found.cjs');
+
+
+
+exports.NotFound = components_notFound_notFound.NotFound;

package/dist/cjs/components/not-found/not-found.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function NotFound({
+  icon,
+  message,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils_cn.cn(
+        "flex w-full flex-col items-center justify-center gap-4 py-8",
+        className
+      ),
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center text-muted-foreground opacity-50", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center text-center text-lg text-muted-foreground", children: message })
+      ]
+    }
+  );
+}
+
+exports.NotFound = NotFound;

package/dist/cjs/components/options-list/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_optionsList_optionsList = require('./options-list.cjs');
+
+
+
+exports.OptionsItem = components_optionsList_optionsList.OptionsItem;
+exports.OptionsList = components_optionsList_optionsList.OptionsList;

package/dist/cjs/components/options-list/options-list.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function OptionsList({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("m-0 p-0 w-full flex flex-wrap", className), ...props, children });
+}
+function OptionsItem({
+  icon,
+  title,
+  subTitle,
+  onClick,
+  endingIcon,
+  last = false,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: utils_cn.cn(
+        "relative z-0 pt-5 px-4 flex flex-row items-start gap-4 w-full cursor-pointer text-left",
+        "before:absolute before:-z-10 before:left-0 before:hidden before:w-full before:inset-y-0 before:content-[''] before:bg-foreground/10 before:rounded-sm",
+        "hover:before:block",
+        !last && "after:absolute after:bottom-0 after:left-0 after:w-full after:h-px after:content-[''] after:bg-border",
+        className
+      ),
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 text-muted-foreground flex items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-5 flex-1 flex flex-col gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base leading-[1.2] font-medium", children: title }),
+          subTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: subTitle })
+        ] }) }),
+        endingIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4 text-muted-foreground transition-colors", children: endingIcon })
+      ]
+    }
+  );
+}
+
+exports.OptionsItem = OptionsItem;
+exports.OptionsList = OptionsList;

package/dist/cjs/components/page-title/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_pageTitle_pageTitle = require('./page-title.cjs');
+
+
+
+exports.PageTitle = components_pageTitle_pageTitle.PageTitle;
+exports.pageTitleRootVariants = components_pageTitle_pageTitle.pageTitleRootVariants;
+exports.pageTitleVariants = components_pageTitle_pageTitle.pageTitleVariants;

package/dist/cjs/components/page-title/page-title.cjs

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const classVarianceAuthority = require('class-variance-authority');
+const React = require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const pageTitleVariants = classVarianceAuthority.cva(
+  "font-semibold leading-tight tracking-tight flex items-center gap-2",
+  {
+    variants: {
+      size: {
+        sm: "text-xl md:text-2xl",
+        default: "text-xl md:text-2xl",
+        lg: "text-3xl md:text-4xl",
+        xl: "text-4xl md:text-5xl"
+      },
+      variant: {
+        default: "text-foreground",
+        primary: "text-primary",
+        muted: "text-muted-foreground",
+        gradient: "bg-gradient-to-r from-primary to-purple-600 bg-clip-text text-transparent"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      variant: "default"
+    }
+  }
+);
+const pageTitleRootVariants = classVarianceAuthority.cva("flex items-center", {
+  variants: {
+    spacing: {
+      sm: "gap-2",
+      default: "gap-4",
+      lg: "gap-6"
+    }
+  },
+  defaultVariants: {
+    spacing: "default"
+  }
+});
+const PageTitle = React__namespace.forwardRef(
+  ({
+    className,
+    size,
+    variant,
+    spacing,
+    backButton,
+    icon,
+    actions,
+    subtitle,
+    as: Component = "h1",
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn("w-full", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn(pageTitleRootVariants({ spacing })), children: [
+      backButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: backButton }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+          icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: icon }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Component,
+              {
+                className: utils_cn.cn(pageTitleVariants({ size, variant }), "m-0"),
+                children
+              }
+            ),
+            subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground mt-1", children: subtitle })
+          ] })
+        ] }),
+        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 flex items-center gap-2", children: actions })
+      ] })
+    ] }) });
+  }
+);
+PageTitle.displayName = "PageTitle";
+
+exports.PageTitle = PageTitle;
+exports.pageTitleRootVariants = pageTitleRootVariants;
+exports.pageTitleVariants = pageTitleVariants;

package/dist/cjs/components/percent-indicator/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_percentIndicator_percentIndicator = require('./percent-indicator.cjs');
+
+
+
+exports.PercentIndicator = components_percentIndicator_percentIndicator.PercentIndicator;

package/dist/cjs/components/percent-indicator/percent-indicator.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+const utils_formatMoney = require('../../utils/format-money.cjs');
+
+function PercentIndicator({
+  percent,
+  decimals = 2,
+  showColor = true,
+  className,
+  ...props
+}) {
+  const getColorClass = () => {
+    if (!showColor) return "";
+    if (percent >= 90) return "text-destructive";
+    if (percent >= 70) return "text-orange-500";
+    if (percent >= 50) return "text-yellow-600";
+    return "text-green-600";
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("font-medium", getColorClass(), className), ...props, children: utils_formatMoney.percentTemplate(percent, decimals) });
+}
+
+exports.PercentIndicator = PercentIndicator;

package/dist/cjs/components/pool-points-indicator/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_poolPointsIndicator_poolPointsIndicator = require('./pool-points-indicator.cjs');
+
+
+
+exports.PoolPointsIndicator = components_poolPointsIndicator_poolPointsIndicator.PoolPointsIndicator;

package/dist/cjs/components/pool-points-indicator/pool-points-indicator.cjs

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+const COLOR_MAP = {
+  primary: "border-primary bg-primary",
+  secondary: "border-secondary bg-secondary",
+  green: "border-green-600 bg-green-600",
+  blue: "border-blue-600 bg-blue-600",
+  yellow: "border-yellow-600 bg-yellow-600"
+};
+function PoolPointsIndicator({
+  size = 24,
+  color = "primary",
+  className,
+  children
+}) {
+  const borderSize = size + 8;
+  const colorClasses = COLOR_MAP[color];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("relative inline-block", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: utils_cn.cn(
+          "absolute flex items-center justify-center rounded-full border-2",
+          colorClasses.split(" ")[0]
+          // border color
+        ),
+        style: {
+          top: -4,
+          left: -4,
+          width: borderSize,
+          height: borderSize
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: utils_cn.cn(
+          "absolute flex items-center justify-center rounded-full",
+          colorClasses.split(" ")[1]
+        ),
+        style: {
+          top: -size / 4,
+          right: -size / 4,
+          width: size * 7 / 12,
+          height: size * 7 / 12,
+          zIndex: 1
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "svg",
+          {
+            width: size / 3,
+            height: size / 3,
+            viewBox: "0 0 8 8",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            className: "text-foreground",
+            role: "img",
+            "aria-label": "Pool Points Indicator",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Pool Points" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.5 0L1 4.5h2.5L3 8l3.5-4.5H4L4.5 0z", fill: "currentColor" })
+            ]
+          }
+        )
+      }
+    ),
+    children
+  ] });
+}
+
+exports.PoolPointsIndicator = PoolPointsIndicator;

package/dist/cjs/components/search-bar/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_searchBar_searchBar = require('./search-bar.cjs');
+
+
+
+exports.SearchBar = components_searchBar_searchBar.SearchBar;