@gearbox-protocol/permissionless-ui 1.7.2 → 1.7.4

package/dist/cjs/components/buttons/filter-button/filter-button.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const components_buttons_button_button = require('../button/button.cjs');
+
+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 FilterButton = React__namespace.forwardRef(
+  ({
+    className,
+    label = "Filter",
+    showIcon = true,
+    variant = "outline",
+    size = "default",
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      components_buttons_button_button.Button,
+      {
+        ref,
+        variant,
+        size,
+        className,
+        ...props,
+        children: [
+          showIcon && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "h-4 w-4" }),
+          children || label
+        ]
+      }
+    );
+  }
+);
+FilterButton.displayName = "FilterButton";
+
+exports.FilterButton = FilterButton;

package/dist/cjs/components/buttons/filter-button/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_buttons_filterButton_filterButton = require('./filter-button.cjs');
+
+
+
+exports.FilterButton = components_buttons_filterButton_filterButton.FilterButton;

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_buttons_backButton_backButton = require('./back-button/back-button.cjs');
+const components_buttons_button_button = require('./button/button.cjs');
+const components_buttons_copyButton_copyButton = require('./copy-button/copy-button.cjs');
+const components_buttons_externalButton_externalButton = require('./external-button/external-button.cjs');
+const components_buttons_filterButton_filterButton = require('./filter-button/filter-button.cjs');
+const components_buttons_navigationButton_navigationButton = require('./navigation-button/navigation-button.cjs');
+const components_buttons_rangeButtons_rangeButtons = require('./range-buttons/range-buttons.cjs');
+const components_buttons_tabButton_tabButton = require('./tab-button/tab-button.cjs');
+
+
+
+exports.BackButton = components_buttons_backButton_backButton.BackButton;
+exports.backButtonVariants = components_buttons_backButton_backButton.backButtonVariants;
+exports.Button = components_buttons_button_button.Button;
+exports.buttonVariants = components_buttons_button_button.buttonVariants;
+exports.CopyButton = components_buttons_copyButton_copyButton.CopyButton;
+exports.ExternalButton = components_buttons_externalButton_externalButton.ExternalButton;
+exports.FilterButton = components_buttons_filterButton_filterButton.FilterButton;
+exports.NavigationButton = components_buttons_navigationButton_navigationButton.NavigationButton;
+exports.RangeButtons = components_buttons_rangeButtons_rangeButtons.RangeButtons;
+exports.TabButton = components_buttons_tabButton_tabButton.TabButton;

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_buttons_navigationButton_navigationButton = require('./navigation-button.cjs');
+
+
+
+exports.NavigationButton = components_buttons_navigationButton_navigationButton.NavigationButton;

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

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const components_baseLink_baseLink = require('../../base-link/base-link.cjs');
+const utils_cn = require('../../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+const NavigationButton = React.forwardRef(({ href, text, isActive, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components_baseLink_baseLink.BaseLink,
+    {
+      href,
+      ref,
+      className: utils_cn.cn(
+        "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 relative",
+        "text-decoration-none text-foreground hover:text-foreground hover:bg-secondary px-4 py-2",
+        isActive ? "bg-secondary md:bg-transparent text-foreground" : ""
+      ),
+      "data-active": isActive,
+      ...props,
+      children: text
+    }
+  );
+});
+NavigationButton.displayName = "NavButton";
+
+exports.NavigationButton = NavigationButton;

package/dist/cjs/components/buttons/range-buttons/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_buttons_rangeButtons_rangeButtons = require('./range-buttons.cjs');
+
+
+
+exports.RangeButtons = components_buttons_rangeButtons_rangeButtons.RangeButtons;

package/dist/cjs/components/buttons/range-buttons/range-buttons.cjs

@@ -0,0 +1,36 @@
+'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 RangeButtons({
+  range,
+  rangeList,
+  setRange,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-row flex-nowrap", className), children: rangeList.map((r, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => setRange(r.value),
+      className: utils_cn.cn(
+        "px-2.5 py-2 flex min-w-[44px] min-h-[26px] justify-center items-center",
+        "text-xs leading-[14px] font-medium text-center",
+        "rounded-md border cursor-pointer transition-colors",
+        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        r.value === range ? "bg-secondary border-secondary text-secondary-foreground" : "bg-muted border-muted text-muted-foreground hover:border-secondary",
+        index < rangeList.length - 1 && "mr-1.5"
+      ),
+      children: r.label
+    },
+    String(r.value)
+  )) });
+}
+
+exports.RangeButtons = RangeButtons;

package/dist/cjs/components/buttons/tab-button/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_buttons_tabButton_tabButton = require('./tab-button.cjs');
+
+
+
+exports.TabButton = components_buttons_tabButton_tabButton.TabButton;

package/dist/cjs/components/buttons/tab-button/tab-button.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const components_buttons_button_button = require('../button/button.cjs');
+
+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 TabButton = React__namespace.forwardRef(
+  ({ className, children, size, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      components_buttons_button_button.Button,
+      {
+        ref,
+        variant: "outline",
+        size,
+        className,
+        ...props,
+        children
+      }
+    );
+  }
+);
+TabButton.displayName = "TabButton";
+
+exports.TabButton = TabButton;

package/dist/cjs/components/card-grid/card-grid.cjs

@@ -0,0 +1,117 @@
+'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 cardGridVariants = classVarianceAuthority.cva("grid w-full", {
+  variants: {
+    columns: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      5: "grid-cols-5",
+      6: "grid-cols-6"
+    },
+    columnsLg: {
+      1: "lg:grid-cols-1",
+      2: "lg:grid-cols-2",
+      3: "lg:grid-cols-3",
+      4: "lg:grid-cols-4",
+      5: "lg:grid-cols-5",
+      6: "lg:grid-cols-6"
+    },
+    columnsMd: {
+      1: "md:grid-cols-1",
+      2: "md:grid-cols-2",
+      3: "md:grid-cols-3",
+      4: "md:grid-cols-4",
+      5: "md:grid-cols-5",
+      6: "md:grid-cols-6"
+    },
+    columnsSm: {
+      1: "sm:grid-cols-1",
+      2: "sm:grid-cols-2",
+      3: "sm:grid-cols-3",
+      4: "sm:grid-cols-4",
+      5: "sm:grid-cols-5",
+      6: "sm:grid-cols-6"
+    },
+    gap: {
+      none: "gap-0",
+      sm: "gap-2",
+      md: "gap-4",
+      lg: "gap-6",
+      xl: "gap-8"
+    },
+    justifyItemContent: {
+      start: "justify-items-start",
+      center: "justify-items-center",
+      end: "justify-items-end",
+      stretch: "justify-items-stretch"
+    }
+  },
+  defaultVariants: {
+    columns: 1,
+    gap: "md",
+    justifyItemContent: "stretch"
+  }
+});
+const CardGrid = React__namespace.forwardRef(
+  ({
+    className,
+    columns,
+    columnsLg,
+    columnsMd,
+    columnsSm,
+    gap,
+    justifyItemContent,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils_cn.cn(
+        cardGridVariants({
+          columns,
+          columnsLg,
+          columnsMd,
+          columnsSm,
+          gap,
+          justifyItemContent,
+          className
+        })
+      ),
+      ...props
+    }
+  )
+);
+CardGrid.displayName = "CardGrid";
+
+exports.CardGrid = CardGrid;
+exports.cardGridVariants = cardGridVariants;

package/dist/cjs/components/card-grid/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_cardGrid_cardGrid = require('./card-grid.cjs');
+
+
+
+exports.CardGrid = components_cardGrid_cardGrid.CardGrid;
+exports.cardGridVariants = components_cardGrid_cardGrid.cardGridVariants;

package/dist/cjs/components/cards/card/card.cjs

@@ -0,0 +1,107 @@
+'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 cardVariants = classVarianceAuthority.cva(
+  "rounded-xl border border-border bg-card text-card-foreground",
+  {
+    variants: {
+      variant: {
+        default: "",
+        interactive: "hover:bg-secondary transition-colors cursor-pointer",
+        transparent: "bg-transparent hover:bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+const Card = React__namespace.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils_cn.cn(cardVariants({ variant, className })),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+const CardHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: utils_cn.cn(
+      "flex items-center py-2 px-4 border-b border-input",
+      className
+    ),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: utils_cn.cn(
+      "font-semibold leading-none tracking-tight text-lg",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: utils_cn.cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+const CardContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn("p-4", className), ...props }));
+CardContent.displayName = "CardContent";
+const CardFooter = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: utils_cn.cn("flex items-center p-4 border-t border-input", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;

package/dist/cjs/components/cards/card/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_cards_card_card = require('./card.cjs');
+
+
+
+exports.Card = components_cards_card_card.Card;
+exports.CardContent = components_cards_card_card.CardContent;
+exports.CardDescription = components_cards_card_card.CardDescription;
+exports.CardFooter = components_cards_card_card.CardFooter;
+exports.CardHeader = components_cards_card_card.CardHeader;
+exports.CardTitle = components_cards_card_card.CardTitle;

package/dist/cjs/components/cards/danger-zone/danger-zone.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const components_cards_card_card = require('../card/card.cjs');
+
+function DangerZone({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_cards_card_card.Card, { className: "border-destructive", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_cards_card_card.CardHeader, { className: "border-destructive", children: /* @__PURE__ */ jsxRuntime.jsx(components_cards_card_card.CardTitle, { className: "text-destructive", children: "Danger Zone" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(components_cards_card_card.CardContent, { children })
+  ] });
+}
+
+exports.DangerZone = DangerZone;

package/dist/cjs/components/cards/danger-zone/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_cards_dangerZone_dangerZone = require('./danger-zone.cjs');
+
+
+
+exports.DangerZone = components_cards_dangerZone_dangerZone.DangerZone;

package/dist/cjs/components/cards/expandable-call/expandable-call.cjs

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+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);
+
+function ExpandablCall({
+  header,
+  children,
+  index,
+  isExpandable = true
+}) {
+  const [isExpanded, setIsExpanded] = React__namespace.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded bg-gray-900/50", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `flex ${isExpandable ? "cursor-pointer" : ""} items-center gap-2 p-3`,
+        onClick: () => {
+          if (isExpandable) {
+            setIsExpanded(!isExpanded);
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+            "#",
+            index
+          ] }),
+          header,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronDown,
+            {
+              className: utils_cn.cn(
+                "ml-auto h-4 w-4 text-muted-foreground",
+                isExpanded ? "rotate-180" : "",
+                "transition-transform duration-200 ease-in-out"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-gray-800 p-4 space-y-2", children })
+  ] });
+}
+
+exports.ExpandablCall = ExpandablCall;

package/dist/cjs/components/cards/expandable-call/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_cards_expandableCall_expandableCall = require('./expandable-call.cjs');
+
+
+
+exports.ExpandablCall = components_cards_expandableCall_expandableCall.ExpandablCall;

package/dist/cjs/components/cards/expandable-card/expandable-card.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const utils_cn = require('../../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+const components_cards_card_card = require('../card/card.cjs');
+
+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);
+
+function ExpandableCard({
+  header,
+  children,
+  alwaysExpanded = false
+}) {
+  const [isExpanded, setIsExpanded] = React__namespace.useState(alwaysExpanded);
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_cards_card_card.Card, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils_cn.cn(
+          "flex items-center justify-between gap-4 p-4 rounded-t-xl",
+          alwaysExpanded ? "" : "cursor-pointer hover:bg-secondary",
+          isExpanded ? "" : "rounded-b-xl"
+        ),
+        onClick: () => {
+          if (alwaysExpanded) return;
+          setIsExpanded(!isExpanded);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: header }),
+          !alwaysExpanded && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground transform transition-transform", children: /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronDown,
+            {
+              className: utils_cn.cn(
+                "h-4 w-4 text-muted-foreground",
+                isExpanded ? "rotate-180" : "",
+                "transition-transform duration-200 ease-in-out"
+              )
+            }
+          ) })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsxRuntime.jsx(components_cards_card_card.CardContent, { className: "border-t border-input bg-gray-900/30", children })
+  ] });
+}
+
+exports.ExpandableCard = ExpandableCard;

package/dist/cjs/components/cards/expandable-card/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_cards_expandableCard_expandableCard = require('./expandable-card.cjs');
+
+
+
+exports.ExpandableCard = components_cards_expandableCard_expandableCard.ExpandableCard;