@gearbox-protocol/permissionless-ui 1.22.0-next.99 → 1.22.1

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

@@ -1,10 +1,11 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { cva as c } from "class-variance-authority";
 import * as r from "react";
 import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const u = c("flex flex-col [&>li:empty]:hidden", {
   variants: {
     rowGap: {
@@ -32,29 +33,29 @@ const u = c("flex flex-col [&>li:empty]:hidden", {
   }
 }), y = r.forwardRef(
   ({
-    className: i,
+    className: s,
     rowGap: f = "default",
     divided: a = !1,
-    nested: n = !1,
-    children: p,
+    nested: p = !1,
+    children: n,
     ...m
   }, d) => {
-    const o = r.Children.toArray(p).filter(
+    const o = r.Children.toArray(n).filter(
       (e) => e != null
     );
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ i(
       "ul",
       {
         ref: d,
         className: t(
-          u({ rowGap: f, divided: a, nested: n }),
+          u({ rowGap: f, divided: a, nested: p }),
           "list-none",
-          i
+          s
         ),
         ...m,
         children: o.map((e, l) => {
           const b = r.isValidElement(e) && e.key ? e.key : `vertical-list-item-${l}`;
-          return /* @__PURE__ */ s(
+          return /* @__PURE__ */ i(
             "li",
             {
               className: t(

package/dist/esm/components/with-copy/with-copy.js

@@ -7,6 +7,7 @@ import "@gearbox-protocol/sdk";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 import "../accordion/accordion.js";
 import "../alert-badge/alert-badge.js";
 import "../alert-dialog/alert-dialog.js";
@@ -30,7 +31,7 @@ import "viem/siwe";
 import "../avatar/avatar.js";
 import "../badge/badge.js";
 import "../base-link/base-link.js";
-import "react-router-dom";
+import "../navigation-context/navigation-context.js";
 import "../button-checkbox/button-checkbox.js";
 import "../card-grid/card-grid.js";
 import "../cards/card/card.js";
@@ -53,6 +54,7 @@ import "../vertical-list/vertical-list.js";
 import "../confirm-menu/confirm-menu.js";
 import "../currency-button/currency-button.js";
 import "../description/description.js";
+import "../detailed-apy/detailed-apy.js";
 import "../detailed-page-title/detailed-page-title.js";
 import "../detailed-page-title/detailed-page-title-copy-button.js";
 import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
@@ -120,7 +122,9 @@ import "react-markdown";
 import "remark-gfm";
 import "../navbar/navbar.js";
 import "../navbar/navbar-indicator-context.js";
+import "../app-bar/app-bar.js";
 import "../navitem/navitem.js";
+import "../simple-dropdown/simple-dropdown.js";
 import "../pool-indicator-icon/pool-indicator-icon.js";
 import "../progress/progress.js";
 import "../progress-bar/progress-bar.js";
@@ -132,10 +136,10 @@ import "../select/select.js";
 import "../separate-line/separate-line.js";
 import "../separator/separator.js";
 import "../simple-accordion/simple-accordion.js";
-import "../simple-dropdown/simple-dropdown.js";
 import "../simple-dropdown/simple-dropdown-menu-item.js";
 import "../slider/slider.js";
 import "../slider/slider-context.js";
+import "@radix-ui/react-slider";
 import "../spinner/spinner.js";
 import "../spinner-loader/spinner-loader.js";
 import "../split-list/split-list.js";
@@ -153,7 +157,7 @@ import "../tip-card/tip-card.js";
 import "../toggle/toggle.js";
 import "../typography/typography.js";
 import "../with-filter-button/with-filter-button.js";
-function vr({
+function jr({
   toCopy: u,
   children: d,
   onCopySuccess: f,
@@ -235,5 +239,5 @@ function vr({
   return a ? /* @__PURE__ */ t(T, { placement: "top", triangle: !0, title: c(), children: a }) : c();
 }
 export {
-  vr as WithCopy
+  jr as WithCopy
 };

package/dist/esm/components/with-filter-button/with-filter-button.js

@@ -6,6 +6,7 @@ import "@gearbox-protocol/sdk";
 import { cn as g } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const j = z.forwardRef(
   ({
     children: r,

package/dist/esm/components/with-title/with-title.js

@@ -5,7 +5,8 @@ import "@gearbox-protocol/sdk";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-const l = a("", {
+import "../../utils/z-index.js";
+const p = a("", {
   variants: {
     size: {
       sm: "text-[14px] mb-[14px]",
@@ -18,7 +19,7 @@ const l = a("", {
     size: "default"
   }
 });
-function v({
+function b({
   title: m,
   children: t,
   size: o = "default",
@@ -30,7 +31,7 @@ function v({
       {
         className: e(
           "text-foreground font-medium",
-          l({ size: o }),
+          p({ size: o }),
           r
         ),
         children: m
@@ -40,5 +41,5 @@ function v({
   ] });
 }
 export {
-  v as WithTitle
+  b as WithTitle
 };

package/dist/esm/configs/tailwind-preset.js

@@ -3,6 +3,14 @@ import a from "tailwindcss-animate";
 const e = {
   darkMode: "class",
   safelist: [
+    // Modal/layer z-index — must be in CSS so Loading (400) stays below other modals (600)
+    "z-[400]",
+    "z-[600]",
+    "z-[650]",
+    "z-[700]",
+    "z-[800]",
+    "z-[9000]",
+    "z-[10000]",
     // Grid columns - dynamically generated in Grid component
     { pattern: /^grid-cols-(1|2|3|4|5|6|7|8|9|10|11|12)$/ },
     { pattern: /^(xs|sm|md|lg|xl):grid-cols-(1|2|3|4|5|6|7|8|9|10|11|12)$/ },