@gearbox-protocol/permissionless-ui 1.22.0-next.1 → 1.22.0-next.10

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

@@ -1,11 +1,11 @@
 import { jsx as p } from "react/jsx-runtime";
 import { Slot as c } from "@radix-ui/react-slot";
-import { cva as x } from "class-variance-authority";
-import * as y from "react";
+import { cva as y } from "class-variance-authority";
+import * as x from "react";
 import { cn as e } from "../../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk";
-const f = x(
+const h = y(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer disabled:!cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([style*='width']):not([style*='height'])]:size-4 [&_svg]:shrink-0 border border-transparent outline-none focus-visible:outline-none",
   {
     variants: {
@@ -35,6 +35,11 @@ const f = x(
           "hover:bg-gray-90 hover:border-gray-90",
           "disabled:text-secondary-foreground disabled:bg-gray-20 disabled:border-gray-20"
         ),
+        success: e(
+          "font-medium text-success-foreground bg-success border border-success",
+          "hover:bg-success-hover hover:border-success-hover",
+          "disabled:text-secondary-foreground disabled:bg-gray-20 disabled:border-gray-20"
+        ),
         link: "text-primary underline-offset-4 hover:underline disabled:opacity-50",
         text: "text-muted-foreground hover:text-foreground hover:bg-transparent disabled:opacity-50",
         pink: "bg-pink-700 hover:bg-pink-600 disabled:bg-pink-700 text-primary-foreground disabled:opacity-50",
@@ -48,7 +53,7 @@ const f = x(
         sm: "h-7 px-3 !text-xs !leading-[14px] rounded-sm",
         default: "px-4 h-10 !text-[15px] !leading-[18px] rounded-xl",
         lg: "px-4 h-11 !text-[16px] !leading-[19px] rounded-full",
-        icon: "h-9 w-9"
+        icon: "h-9 w-9 p-2"
       },
       width: {
         compact: "w-auto",
@@ -61,28 +66,28 @@ const f = x(
       width: "compact"
     }
   }
-), h = y.forwardRef(
+), f = x.forwardRef(
   ({
     className: t,
     variant: d,
     size: a,
     width: i,
-    asChild: n = !1,
+    asChild: s = !1,
     disabled: o,
-    onClick: s,
+    onClick: n,
     ...b
   }, l) => {
-    const g = n ? c : "button", u = (r) => {
+    const g = s ? c : "button", u = (r) => {
       if (o) {
         r.preventDefault(), r.stopPropagation();
         return;
       }
-      s?.(r);
+      n?.(r);
     };
     return /* @__PURE__ */ p(
       g,
       {
-        className: e(f({ variant: d, size: a, className: t, width: i })),
+        className: e(h({ variant: d, size: a, className: t, width: i })),
         ref: l,
         disabled: o,
         onClick: u,
@@ -91,8 +96,8 @@ const f = x(
     );
   }
 );
-h.displayName = "Button";
+f.displayName = "Button";
 export {
-  h as Button,
-  f as buttonVariants
+  f as Button,
+  h as buttonVariants
 };

package/dist/esm/components/checkbox/checkbox-labeled.js

@@ -30,6 +30,7 @@ import "../carousel/carousel.js";
 import { Checkbox as g } from "./checkbox.js";
 import "../checkbox-item/checkbox-item.js";
 import "../client-adapters/styled-button/styled-button.js";
+import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
 import "../colored-text/colored-text.js";
 import "../input/input.js";
 import "react-intl";
@@ -92,6 +93,7 @@ import "../navitem/navitem.js";
 import "../points-icon/points-icon.js";
 import "../progress/progress.js";
 import "../radio-group/radio-group.js";
+import "../rounded-image/rounded-image.js";
 import "../search-bar/search-bar.js";
 import "../segmented-control/segmented-control.js";
 import "../select/select.js";

package/dist/esm/components/client-adapters/index.js

@@ -1,4 +1,6 @@
-import { StyledButton as e } from "./styled-button/styled-button.js";
+import { StyledButton as t } from "./styled-button/styled-button.js";
+import { StyledRoundedImage as r } from "./styled-rounded-image/styled-rounded-image.js";
 export {
-  e as StyledButton
+  t as StyledButton,
+  r as StyledRoundedImage
 };

package/dist/esm/components/client-adapters/styled-button/styled-button.js

@@ -1,24 +1,25 @@
-import { jsx as i } from "react/jsx-runtime";
-import l from "react";
-import { Button as m } from "../../buttons/button/button.js";
-const n = {
+import { jsx as u } from "react/jsx-runtime";
+import i from "react";
+import { Button as l } from "../../buttons/button/button.js";
+const m = {
   primary: "default",
   outlined: "outline",
   neutral: "neutral",
-  white: "white"
-}, u = l.forwardRef(
-  ({ $size: t = "lg", $width: r = "compact", $color: e = "primary", ...o }, a) => /* @__PURE__ */ i(
-    m,
+  white: "white",
+  success: "success"
+}, n = i.forwardRef(
+  ({ $size: t = "lg", $width: e = "compact", $color: r = "primary", ...o }, a) => /* @__PURE__ */ u(
+    l,
     {
       ref: a,
       size: t === "md" ? "default" : t,
-      width: r,
-      variant: n[e],
+      width: e,
+      variant: m[r],
       ...o
     }
   )
 );
-u.displayName = "StyledButton";
+n.displayName = "StyledButton";
 export {
-  u as StyledButton
+  n as StyledButton
 };

package/dist/esm/components/client-adapters/styled-rounded-image/index.js

@@ -0,0 +1,4 @@
+import { StyledRoundedImage as o } from "./styled-rounded-image.js";
+export {
+  o as StyledRoundedImage
+};

package/dist/esm/components/client-adapters/styled-rounded-image/styled-rounded-image.js

@@ -0,0 +1,132 @@
+import { jsx as p } from "react/jsx-runtime";
+import e from "react";
+import "../../accordion/accordion.js";
+import "lucide-react";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import "@gearbox-protocol/sdk";
+import "../../alert-badge/alert-badge.js";
+import "../../alert-dialog/alert-dialog.js";
+import "../../tooltip/tooltip.js";
+import "../../asset-line/asset-line.js";
+import "../../buttons/back-button/back-button.js";
+import "../../buttons/button/button.js";
+import "../../buttons/copy-button/copy-button.js";
+import "../../buttons/external-button/external-button.js";
+import "../../buttons/filter-button/filter-button.js";
+import "../../buttons/navigation-button/navigation-button.js";
+import "../../buttons/tab-button/tab-button.js";
+import "connectkit";
+import "wagmi";
+import "viem/siwe";
+import "../../avatar/avatar.js";
+import "../../badge/badge.js";
+import "../../base-link/base-link.js";
+import "react-router-dom";
+import "../../card-grid/card-grid.js";
+import "../../cards/card/card.js";
+import "../../carousel/carousel.js";
+import "../../checkbox/checkbox.js";
+import "../../checkbox/checkbox-labeled.js";
+import "../../checkbox-item/checkbox-item.js";
+import "../styled-button/styled-button.js";
+import "../../colored-text/colored-text.js";
+import "../../input/input.js";
+import "react-intl";
+import "../../icon-button/icon-button.js";
+import "../../skeleton/skeleton.js";
+import "../../dropdown-menu/dropdown-menu.js";
+import "../../dropdown-menu/dropdown-menu-checkbox-item.js";
+import "../../dropdown-menu/dropdown-menu-content.js";
+import "../../dropdown-menu/dropdown-menu-item.js";
+import "../../dropdown-menu/dropdown-menu-label.js";
+import "../../dropdown-menu/dropdown-menu-radio-item.js";
+import "../../dropdown-menu/dropdown-menu-separator.js";
+import "../../dropdown-menu/dropdown-menu-shortcut.js";
+import "../../dropdown-menu/dropdown-menu-sub-content.js";
+import "../../dropdown-menu/dropdown-menu-sub-trigger.js";
+import "../../page-title/page-title.js";
+import "@radix-ui/react-dialog";
+import "../../dialog/dialog-container.js";
+import "../../dialog/dialog-content.js";
+import "../../dialog/dialog-description.js";
+import "../../dialog/dialog-footer.js";
+import "../../dialog/dialog-header.js";
+import "../../dialog/dialog-title.js";
+import "../../dialog/dialog-modal.js";
+import "../../dialog/dialog-modal-container.js";
+import "../../dialog/dialog-overlay.js";
+import "viem";
+import "../../label/label.js";
+import "../../fadeout-loading/fadeout-loading.js";
+import "../../filter/filter-block.js";
+import "../../filter/filter-checkbox-item.js";
+import "../../filter/filter-chip.js";
+import "../../filter/filter-chips.js";
+import "../../filter/filter-dropdown-item.js";
+import "../../filter/filter-group.js";
+import "../../filter/filter-label.js";
+import "../../search-line/search-line.js";
+import "../../tabs/tabs.js";
+import "../../filter/filter-modal-item.js";
+import "../../filter/filter-radio-item.js";
+import "../../filter/filter-separator.js";
+import "../../filter/variants.js";
+import "../../graph/formatters.js";
+import "lightweight-charts";
+import "../../graph/graph-view.js";
+import "../../help-tip/help-tip.js";
+import "../../horizontal-indicator/horizontal-indicator.js";
+import "../../layout/col/col.js";
+import "../../layout/container/container.js";
+import "../../layout/footer/footer.js";
+import "../../layout/grid/grid.js";
+import "../../layout/header/header.js";
+import "../../layout/layout/layout.js";
+import "../../../utils/reactochart-compat.js";
+import "react-markdown";
+import "remark-gfm";
+import "../../navbar/navbar.js";
+import "../../navbar/navbar-indicator-context.js";
+import "../../navitem/navitem.js";
+import "../../points-icon/points-icon.js";
+import "../../progress/progress.js";
+import "../../radio-group/radio-group.js";
+import { RoundedImage as d } from "../../rounded-image/rounded-image.js";
+import "../../search-bar/search-bar.js";
+import "../../segmented-control/segmented-control.js";
+import "../../select/select.js";
+import "../../separator/separator.js";
+import "../../slider/slider.js";
+import "../../smart-number-input/smart-number-input.js";
+import "../../spinner/spinner.js";
+import "../../stat-badge/stat-badge.js";
+import "../../status-dot/status-dot.js";
+import "../../stepper/stepper.js";
+import "../../switch/switch.js";
+import "../../table/grid-table.js";
+import "../../table/table.js";
+import "../../table/grid-table-loader.js";
+import "../../text-button/text-button.js";
+import "../../textarea/textarea.js";
+import "../../theme-provider.js";
+import "../../tip-card/tip-card.js";
+import "../../typography/typography.js";
+import "../../vertical-indicator/vertical-indicator.js";
+import "../../vertical-list/vertical-list.js";
+import "../../with-filter-button/with-filter-button.js";
+const a = e.forwardRef(({ $size: o, $rounded: r, $defaultIcon: t, ...m }, i) => /* @__PURE__ */ p(
+  d,
+  {
+    ref: i,
+    size: o,
+    rounded: r,
+    defaultIcon: t,
+    ...m
+  }
+));
+a.displayName = "StyledRoundedImage";
+export {
+  a as StyledRoundedImage
+};