@gearbox-protocol/permissionless-ui 1.22.0-next.3 → 1.22.0-next.31

package/dist/esm/components/separator/separator.js

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-separator";
 import * as e from "react";
+import "@gearbox-protocol/sdk";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const s = e.forwardRef(
   ({ className: a, orientation: r = "horizontal", decorative: t = !0, ...m }, p) => /* @__PURE__ */ i(
     o.Root,

package/dist/esm/components/short-string/short-string.js

@@ -1,27 +1,23 @@
-import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { TooltipProvider as p, Tooltip as c, TooltipTrigger as d, TooltipContent as f } from "../tooltip/tooltip.js";
-import { cn as a } from "../../utils/cn.js";
-function m({
-  children: t,
-  maxLength: i,
-  className: n,
-  showTooltip: o = !0
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { TooltipProvider as c, Tooltip as f, TooltipTrigger as m, TooltipContent as d } from "../tooltip/tooltip.js";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as u } from "../../utils/cn.js";
+import "sonner";
+import { isLongString as T, shortenString as a } from "../../utils/shorten-string.js";
+import { Z_INDEX as S } from "../../utils/z-index.js";
+function N({
+  children: o,
+  maxLength: t,
+  showTooltip: l = !0,
+  className: i
 }) {
-  if (i === void 0) {
-    const l = /* @__PURE__ */ r("span", { className: a("inline-block max-w-full truncate", n), children: t });
-    return o ? /* @__PURE__ */ r(p, { delayDuration: 200, children: /* @__PURE__ */ u(c, { children: [
-      /* @__PURE__ */ r(d, { asChild: !0, children: l }),
-      /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r("p", { children: t }) })
-    ] }) }) : l;
-  }
-  if (!t || t.length <= i)
-    return /* @__PURE__ */ r("span", { className: n, children: t });
-  const e = `${t.slice(0, i)}...`;
-  return o ? /* @__PURE__ */ r(p, { delayDuration: 200, children: /* @__PURE__ */ u(c, { children: [
-    /* @__PURE__ */ r(d, { asChild: !0, children: /* @__PURE__ */ r("span", { className: n, children: e }) }),
-    /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r("p", { children: t }) })
-  ] }) }) : /* @__PURE__ */ r("span", { className: n, children: e });
+  const e = (n, p) => p === "text-overflow" ? /* @__PURE__ */ r("span", { className: u("inline-block max-w-full truncate", i), children: n }) : /* @__PURE__ */ r("span", { className: i, children: a(n, p) });
+  return typeof o == "string" && t !== void 0 ? l && (t === "text-overflow" || T(o, t)) ? /* @__PURE__ */ r(c, { delayDuration: 200, children: /* @__PURE__ */ s(f, { children: [
+    /* @__PURE__ */ r(m, { asChild: !0, children: e(o, t) }),
+    /* @__PURE__ */ r(d, { className: S.TOOLTIP, children: /* @__PURE__ */ r("p", { children: o }) })
+  ] }) }) : e(o, t) : o;
 }
 export {
-  m as ShortString
+  N as ShortString
 };

package/dist/esm/components/signatures/confirmation-item.js

@@ -6,11 +6,11 @@ import { ExternalButton as p } from "../buttons/external-button/external-button.
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
 import { shortenHash as s } from "../../utils/format.js";
-import "@gearbox-protocol/sdk";
 import "../buttons/tab-button/tab-button.js";
 import { Identicon as a } from "./identicon.js";
 function B({

package/dist/esm/components/skeleton/skeleton-stack.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useMemo as c } from "react";
+import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { Skeleton as n } from "./skeleton.js";
 const l = {
   sm: "space-y-2",

package/dist/esm/components/skeleton/skeleton.js

@@ -1,9 +1,9 @@
 import { jsx as a, Fragment as f } from "react/jsx-runtime";
 import { cva as p } from "class-variance-authority";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as w } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const c = p("animate-pulse rounded-md bg-muted", {
   variants: {
     variant: {

package/dist/esm/components/slider/slider.js

@@ -2,9 +2,9 @@ import { jsxs as g, jsx as i } from "react/jsx-runtime";
 import * as l from "@radix-ui/react-slider";
 import * as D from "react";
 import { useMemo as v } from "react";
+import "@gearbox-protocol/sdk";
 import { cn as x } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function A(r) {
   return {
     start: r.start ?? r.from ?? 0,

package/dist/esm/components/slider-token/slider-token.js

@@ -2,9 +2,9 @@ import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import { Slider as b } from "../slider/slider.js";
 import { TokenSymbol as v } from "../token-symbol/token-symbol.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as N } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function z({
   from: s = 0,
   to: r = 100,

package/dist/esm/components/smart-number-input/smart-number-input.js

@@ -7,9 +7,9 @@ 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 "@gearbox-protocol/sdk";
 import { cn as g } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import "../buttons/tab-button/tab-button.js";
 import { TokenIcon as K } from "../token-icon/token-icon.js";
 function Q(o, r) {

package/dist/esm/components/spinner/spinner.js

@@ -1,9 +1,9 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { Loader2 as d } from "lucide-react";
 import * as i from "react";
+import "@gearbox-protocol/sdk";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const o = i.forwardRef(
   ({ className: s, size: t = "default", label: e, ...a }, m) => {
     const l = {

package/dist/esm/components/split-list/split-list.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as l from "react";
+import "@gearbox-protocol/sdk";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function d(t) {
   if (t === !0) return "flex-1";
   if (t === "auto") return "flex-none";

package/dist/esm/components/stat-badge/stat-badge.js

@@ -3,9 +3,9 @@ import { cva as l } from "class-variance-authority";
 import * as v from "react";
 import { StatusTriangle as x } from "../status-triangle/status-triangle.js";
 import { TooltipProvider as B, Tooltip as V, TooltipTrigger as T, TooltipContent as w } from "../tooltip/tooltip.js";
+import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const y = l(
   "w-full h-full rounded-lg border transition-colors",
   {

package/dist/esm/components/status-dot/status-dot.js

@@ -1,15 +1,15 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { cva as m } from "class-variance-authority";
 import * as n from "react";
+import "@gearbox-protocol/sdk";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const d = m("rounded-full shrink-0", {
   variants: {
     variant: {
       default: "bg-muted-foreground",
-      success: "bg-green-500",
-      warning: "bg-yellow-500",
+      success: "bg-success",
+      warning: "bg-warning",
       alert: "bg-destructive",
       primary: "bg-primary",
       secondary: "bg-secondary",
@@ -25,24 +25,24 @@ const d = m("rounded-full shrink-0", {
   },
   defaultVariants: {
     variant: "default",
-    size: "default"
+    size: "sm"
   }
-}), l = n.forwardRef(
-  ({ className: t, variant: a, size: r, pulse: e, ...s }, o) => /* @__PURE__ */ i(
+}), c = n.forwardRef(
+  ({ className: t, variant: a, size: r, pulse: s, ...e }, i) => /* @__PURE__ */ o(
     "div",
     {
-      ref: o,
+      ref: i,
       className: u(
         d({ variant: a, size: r }),
-        e && "animate-pulse",
+        s && "animate-pulse",
         t
       ),
-      ...s
+      ...e
     }
   )
 );
-l.displayName = "StatusDot";
+c.displayName = "StatusDot";
 export {
-  l as StatusDot,
+  c as StatusDot,
   d as statusDotVariants
 };

package/dist/esm/components/status-triangle/status-triangle.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as d } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const c = {
   xs: 4,
   sm: 5,

package/dist/esm/components/stepper/stepper.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { Check as p } from "lucide-react";
 import * as h from "react";
+import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const w = h.forwardRef(
   ({
     className: u,

package/dist/esm/components/styled-dropdown/styled-dropdown.js

@@ -10,9 +10,9 @@ import "../dropdown-menu/dropdown-menu-shortcut.js";
 import "../dropdown-menu/dropdown-menu-sub-content.js";
 import "../dropdown-menu/dropdown-menu-sub-trigger.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function U({
   children: g,
   open: u,

package/dist/esm/components/switch/switch.js

@@ -1,9 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-switch";
 import * as l from "react";
+import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const d = l.forwardRef(({ className: r, size: t = "default", ...o }, i) => {
   const n = {
     sm: "h-4 w-7",

package/dist/esm/components/tab-control/tab-control.js

@@ -1,9 +1,9 @@
 import { jsx as f, jsxs as C, Fragment as S } from "react/jsx-runtime";
 import { useRef as h, useState as v, useCallback as m, useMemo as w, useEffect as T } from "react";
 import { useLocation as U, useNavigate as N } from "react-router-dom";
+import "@gearbox-protocol/sdk";
 import { cn as b } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function $(r) {
   if (!r) return null;
   const { width: t = 0, height: o = 0 } = r?.getBoundingClientRect() || {}, i = r?.offsetTop || 0, s = r?.offsetLeft || 0;

package/dist/esm/components/table/edit-button.js

@@ -7,9 +7,9 @@ import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import "../buttons/tab-button/tab-button.js";
 function q({
   onClick: m,

package/dist/esm/components/table/editable-grid-table.js

@@ -9,10 +9,10 @@ import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { TabButton as u } from "../buttons/tab-button/tab-button.js";
 import { SignInRequired as b } from "../auth/signin-required.js";
 import "viem/siwe";

package/dist/esm/components/table/editable-table.js

@@ -8,10 +8,10 @@ import { ExternalButton as h } from "../buttons/external-button/external-button.
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { TabButton as f } from "../buttons/tab-button/tab-button.js";
 import { SignInRequired as x } from "../auth/signin-required.js";
 import "viem/siwe";

package/dist/esm/components/table/grid-loading-line.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Skeleton as n } from "../skeleton/skeleton.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as d } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function b({
   height: e = "70px",
   columns: i = 6,