@gearbox-protocol/permissionless-ui 1.22.0-next.16 → 1.22.0-next.18

package/dist/esm/components/modal/index.js

@@ -0,0 +1,4 @@
+import { Modal as a } from "./modal.js";
+export {
+  a as Modal
+};

package/dist/esm/components/modal/modal.js

@@ -0,0 +1,108 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-dialog";
+import { cva as C } from "class-variance-authority";
+import * as i from "react";
+import { cn as o } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk";
+import { Z_INDEX as c } from "../../utils/z-index.js";
+const f = "gb-modal-open";
+let n = 0;
+const m = "before:content-[''] before:absolute before:inset-0 after:z-[-1] before:opacity-40", v = C("", {
+  variants: {
+    colorTheme: {
+      default: "bg-black/30",
+      dark: "bg-black",
+      "dark-transparent": "bg-black/85"
+    },
+    backdrop: {
+      success: `${m} before:bg-[linear-gradient(180deg,rgba(146,255,176,0.85)_0%,rgba(146,255,176,0)_50%)]`,
+      failure: `${m} before:bg-[linear-gradient(180deg,rgba(255,61,64,0.85)_0%,rgba(255,61,64,0)_50%)]`,
+      default: ""
+    }
+  },
+  defaultVariants: {
+    colorTheme: "default",
+    backdrop: "default"
+  }
+}), _ = i.forwardRef(
+  ({
+    show: t = !0,
+    colorTheme: u = "default",
+    backdrop: b = "default",
+    onClickOutside: d,
+    className: p,
+    children: g,
+    ...h
+  }, y) => {
+    i.useEffect(() => {
+      if (!(typeof document > "u") && t)
+        return n += 1, document.body.classList.add(f), () => {
+          n = Math.max(0, n - 1), n === 0 && document.body.classList.remove(f);
+        };
+    }, [t]);
+    const l = i.useCallback(
+      (e) => {
+        e || d?.();
+      },
+      [d]
+    );
+    return t ? /* @__PURE__ */ a(r.Root, { open: t, onOpenChange: l, modal: !0, children: /* @__PURE__ */ s(r.Portal, { children: [
+      /* @__PURE__ */ a(
+        r.Overlay,
+        {
+          className: o(
+            "fixed inset-0",
+            "pointer-events-auto",
+            c.MODAL,
+            v({ colorTheme: u, backdrop: b })
+          )
+        }
+      ),
+      /* @__PURE__ */ a(
+        r.Content,
+        {
+          className: o("fixed inset-0", "overflow-y-auto", c.MODAL),
+          onClick: (e) => {
+            e.target === e.currentTarget && l(!1);
+          },
+          children: /* @__PURE__ */ a(
+            "div",
+            {
+              className: o(
+                "min-h-full",
+                "flex flex-col justify-center items-center",
+                "animate-[modalContentShow_225ms_cubic-bezier(0.4,0,0.2,1)]"
+              ),
+              role: "presentation",
+              onClick: (e) => {
+                e.target === e.currentTarget && l(!1);
+              },
+              children: /* @__PURE__ */ s(
+                "div",
+                {
+                  ref: y,
+                  className: o(
+                    "relative",
+                    "w-full sm:w-auto",
+                    "m-auto py-0 px-0 sm:py-5",
+                    p
+                  ),
+                  ...h,
+                  children: [
+                    /* @__PURE__ */ a(r.Title, { className: "sr-only", children: "Modal Window" }),
+                    g
+                  ]
+                }
+              )
+            }
+          )
+        }
+      )
+    ] }) }) : null;
+  }
+);
+_.displayName = "Modal";
+export {
+  _ as Modal
+};

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

@@ -1,15 +1,15 @@
-import { jsx as s } from "react/jsx-runtime";
-import { cva as u } from "class-variance-authority";
+import { jsx as i } from "react/jsx-runtime";
+import { cva as c } from "class-variance-authority";
 import * as r from "react";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk";
-const c = u("flex flex-col", {
+const u = c("flex flex-col [&>li:empty]:hidden", {
   variants: {
     rowGap: {
-      xs: "gap-1",
-      default: "gap-4",
-      md: "gap-6"
+      xs: "gap-1 [&>li:empty+li]:-mt-1",
+      default: "gap-4 [&>li:empty+li]:-mt-4",
+      md: "gap-6 [&>li:empty+li]:-mt-6"
     },
     divided: {
       true: "",
@@ -29,47 +29,47 @@ const c = u("flex flex-col", {
     divided: !1,
     nested: !1
   }
-}), v = r.forwardRef(
+}), y = r.forwardRef(
   ({
-    className: f,
-    rowGap: i = "default",
-    divided: a = !1,
-    nested: n = !1,
+    className: s,
+    rowGap: f = "default",
+    divided: l = !1,
+    nested: m = !1,
     children: p,
-    ...m
-  }, b) => {
-    const o = r.Children.toArray(p).filter(
+    ...n
+  }, d) => {
+    const a = r.Children.toArray(p).filter(
       (e) => e != null
     );
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ i(
       "ul",
       {
-        ref: b,
+        ref: d,
         className: t(
-          c({ rowGap: i, divided: a, nested: n }),
+          u({ rowGap: f, divided: l, nested: m }),
           "list-none",
-          f
+          s
         ),
-        ...m,
-        children: o.map((e, l) => {
-          const d = r.isValidElement(e) && e.key ? e.key : `vertical-list-item-${l}`;
-          return e != null && /* @__PURE__ */ s(
+        ...n,
+        children: a.map((e, o) => {
+          const b = r.isValidElement(e) && e.key ? e.key : `vertical-list-item-${o}`;
+          return /* @__PURE__ */ i(
             "li",
             {
               className: t(
-                a && l !== o.length - 1 && "pb-3 border-b border-border"
+                l && o !== a.length - 1 && "pb-3 border-b border-border"
               ),
               children: e
             },
-            d
+            b
           );
         })
       }
     );
   }
 );
-v.displayName = "VerticalList";
+y.displayName = "VerticalList";
 export {
-  v as VerticalList,
-  c as verticalListVariants
+  y as VerticalList,
+  u as verticalListVariants
 };