@gearbox-protocol/permissionless-ui 1.22.0-next.4 → 1.22.0-next.40

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

@@ -0,0 +1,141 @@
+import { jsx as p } from "react/jsx-runtime";
+import * as e from "react";
+import "../../accordion/accordion.js";
+import "@gearbox-protocol/static";
+import "@fortawesome/free-solid-svg-icons";
+import "../../icons/fa-icon.js";
+import "@gearbox-protocol/sdk";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import "../../alert-badge/alert-badge.js";
+import "../../alert-dialog/alert-dialog.js";
+import "../../tooltip/simple-tooltip.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 "../../token-icon/token-icon.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 "../styled-dialog-container/styled-dialog-container.js";
+import "../../colored-text/colored-text.js";
+import "../../input/input.js";
+import "../../text-button/text-button.js";
+import "../../with-title/with-title.js";
+import "../../description/description.js";
+import "react-intl";
+import "../../icon-button/icon-button.js";
+import "../../token-symbol/token-symbol.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 "../../modal/modal.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-container.js";
+import "../../dialog/dialog-overlay.js";
+import "viem";
+import "../../label/label.js";
+import "../../edit-input/edit-input.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 "../../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: m, ...t }, i) => /* @__PURE__ */ p(
+  d,
+  {
+    ref: i,
+    size: o,
+    rounded: r,
+    defaultIcon: m,
+    ...t
+  }
+));
+a.displayName = "StyledRoundedImage";
+export {
+  a as StyledRoundedImage
+};

package/dist/esm/components/colored-text/colored-text.js

@@ -1,17 +1,17 @@
 import { jsx as l } from "react/jsx-runtime";
 import { cva as x } from "class-variance-authority";
 import * as d from "react";
+import "@gearbox-protocol/sdk";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const f = x("", {
   variants: {
     color: {
       inherit: "text-inherit",
       default: "text-foreground",
       muted: "text-muted-foreground",
-      success: "text-green-500",
-      warning: "text-yellow-500",
+      success: "text-success",
+      warning: "text-warning",
       alert: "text-destructive",
       primary: "text-primary"
     },
@@ -45,11 +45,11 @@ const f = x("", {
     as: s = "span",
     textTransform: i,
     style: a,
-    ...m
-  }, n) => /* @__PURE__ */ l(
+    ...n
+  }, m) => /* @__PURE__ */ l(
     s,
     {
-      ref: n,
+      ref: m,
       className: u(
         f({
           color: e,
@@ -62,7 +62,7 @@ const f = x("", {
         textTransform: i,
         ...a
       },
-      ...m
+      ...n
     }
   )
 );

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

@@ -1,85 +1,241 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { Input as T } from "../input/input.js";
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { Input as S } from "../input/input.js";
+import { TextButton as y } from "../text-button/text-button.js";
 import { WithTitle as k } from "../with-title/with-title.js";
 import "react";
-import { bnToInputView as y } from "../../utils/bn-to-input-view.js";
-import { cn as M } from "../../utils/cn.js";
-import "sonner";
+import { bnToInputView as z } from "../../utils/bn-to-input-view.js";
 import "@gearbox-protocol/sdk";
-import { parseInputToBN as N } from "../../utils/parse-input-to-bn.js";
-function P({
-  title: i = "Max",
-  maxAmount: r,
+import { parseInputToBN as V } from "../../utils/parse-input-to-bn.js";
+import { cn as f } from "../../utils/cn.js";
+import "sonner";
+import "../accordion/accordion.js";
+import "@gearbox-protocol/static";
+import "@fortawesome/free-solid-svg-icons";
+import "../icons/fa-icon.js";
+import "../alert-badge/alert-badge.js";
+import "../alert-dialog/alert-dialog.js";
+import "../tooltip/simple-tooltip.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 "../token-icon/token-icon.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 "../client-adapters/styled-button/styled-button.js";
+import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
+import "../colored-text/colored-text.js";
+import "../description/description.js";
+import "react-intl";
+import "../icon-button/icon-button.js";
+import "../token-symbol/token-symbol.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 "../modal/modal.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-container.js";
+import "../dialog/dialog-overlay.js";
+import "viem";
+import "../label/label.js";
+import "../edit-input/edit-input.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 { ShortString as j } from "../short-string/short-string.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 "../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 "../textarea/textarea.js";
+import "../theme-provider.js";
+import "../tip-card/tip-card.js";
+import { TokenTemplate as M } from "../token-template/token-template.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 P = {
+  sm: "text-xs",
+  md: "text-sm"
+};
+function A({
+  title: e = "Balance",
+  maxAmount: n,
   token: s,
-  disabled: a,
-  maxButton: t = !0,
-  onMaxButtonClick: l
+  disabled: l,
+  maxButton: a = !0,
+  onMaxButtonClick: r,
+  size: o = "sm"
 }) {
-  const { decimals: c = 18 } = s || {}, m = y(r, c);
-  return /* @__PURE__ */ p("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
-    /* @__PURE__ */ p("span", { children: [
-      "Balance: ",
-      m
-    ] }),
-    t && /* @__PURE__ */ o(
+  const i = !l && a, m = /* @__PURE__ */ t(M, { value: n, token: s, showSymbol: !1 });
+  return /* @__PURE__ */ x("div", { className: "flex flex-nowrap items-center", children: [
+    /* @__PURE__ */ x(
+      "span",
+      {
+        className: f(
+          "leading-[130%] font-normal",
+          P[o],
+          "text-foreground"
+        ),
+        children: [
+          e,
+          ": ",
+          i && o === "sm" ? /* @__PURE__ */ t(y, { onClick: r, children: m }) : m
+        ]
+      }
+    ),
+    i && o !== "sm" && /* @__PURE__ */ t("div", { className: "ml-2", children: /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        onClick: l,
-        disabled: a,
-        className: M(
-          "px-1.5 py-0.5 text-xs font-medium rounded",
-          "bg-secondary hover:bg-secondary/80 text-secondary-foreground",
-          "disabled:opacity-50 disabled:cursor-not-allowed"
+        onClick: r,
+        className: f(
+          "py-[3px] px-1 text-[11px] leading-[13px] text-center uppercase",
+          "text-foreground bg-gray-70 hover:bg-gray-90 border-0 rounded-[6px]",
+          "transition-colors"
         ),
-        children: i
+        children: "max"
       }
-    )
+    ) })
   ] });
 }
-function G({
-  titleProps: i,
-  inputProps: r,
+function pr({
+  titleProps: e,
+  inputProps: n,
   balanceIndicatorProps: s
 }) {
-  const { title: a, size: t = "sm", ...l } = i, {
-    size: c = "sm",
+  const {
+    title: l,
+    className: a,
+    size: r = "md",
+    ...o
+  } = e, {
+    size: i = "sm",
     title: m = "Max",
-    maxButton: z = !0,
-    token: f,
+    maxButton: T = !0,
+    token: c,
     maxAmount: u,
-    ...B
-  } = s, { decimals: x = 18 } = f || {}, { onChange: g, inputSize: e, ...C } = r, I = (n) => {
-    const d = n.target.value, [h, b] = N(d, x);
-    h === null || b === null || g?.(h, b);
-  }, v = () => {
-    const n = u || 0n, d = y(n, x);
-    g?.(n, d);
-  }, w = typeof e == "string" && (e === "sm" || e === "lg" || e === "default") ? e : t === "sm" ? "sm" : t === "lg" ? "lg" : "default";
-  return /* @__PURE__ */ o(
+    ...v
+  } = s, { decimals: h = 18 } = c || {}, {
+    colorTheme: C = "filledLight",
+    onChange: g,
+    ...I
+  } = n, N = (p) => {
+    const d = p.target.value, [b, w] = V(d, h);
+    b === null || w === null || g?.(b, w);
+  }, B = () => {
+    const p = u || 0n, d = z(p, h);
+    g?.(p, d);
+  };
+  return /* @__PURE__ */ t(
     k,
     {
-      size: t,
-      title: /* @__PURE__ */ p("div", { className: "flex justify-between items-center", children: [
-        a,
-        u !== void 0 && /* @__PURE__ */ o(
-          P,
+      className: f(a),
+      size: r,
+      title: /* @__PURE__ */ x("div", { className: "flex flex-nowrap justify-between items-center", children: [
+        l,
+        u !== void 0 && /* @__PURE__ */ t(
+          A,
           {
-            token: f,
+            token: c,
             title: m,
-            size: c,
-            maxButton: z,
+            size: i,
+            maxButton: T,
             maxAmount: u,
-            onMaxButtonClick: v,
-            ...B
+            onMaxButtonClick: B,
+            ...v
           }
         )
       ] }),
-      ...l,
-      children: /* @__PURE__ */ o(T, { onChange: I, size: w, ...C })
+      ...o,
+      children: /* @__PURE__ */ t(
+        S,
+        {
+          colorTheme: C,
+          onChange: N,
+          endingIcon: /* @__PURE__ */ t(j, { maxLength: 15, children: c?.title }),
+          ...I
+        }
+      )
     }
   );
 }
 export {
-  G as ComplexInput
+  A as BalanceIndicator,
+  pr as ComplexInput
 };

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

@@ -1,4 +1,5 @@
-import { ComplexInput as e } from "./complex-input.js";
+import { BalanceIndicator as e, ComplexInput as n } from "./complex-input.js";
 export {
-  e as ComplexInput
+  e as BalanceIndicator,
+  n as ComplexInput
 };