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

package/dist/esm/components/dialog/dialog-container.js

@@ -1,32 +1,66 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as n from "react";
-import { cn as t } from "../../utils/cn.js";
-import "sonner";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as s } from "class-variance-authority";
+import * as i from "react";
 import "@gearbox-protocol/sdk";
-const x = {
-  sm: "max-w-screen-sm",
-  md: "max-w-screen-md",
-  lg: "max-w-screen-lg",
-  xl: "max-w-screen-xl",
-  "2xl": "max-w-screen-2xl",
-  full: "max-w-full"
-}, d = n.forwardRef(
-  ({ maxWidth: r = "full", padding: e = !0, className: m, children: l, ...a }, o) => /* @__PURE__ */ s(
+import { cn as p } from "../../utils/cn.js";
+import "sonner";
+const x = s("", {
+  variants: {
+    padding: {
+      md: "p-5",
+      xl: "p-10",
+      true: "p-4 sm:p-6 lg:p-8",
+      false: ""
+    },
+    colorTheme: {
+      box: "bg-card border border-gray-10",
+      transparent: "bg-transparent border border-border",
+      modal: "bg-modal border border-gray-10 shadow-[0_4px_28px_4px_rgba(0,0,0,0.15)]",
+      default: "bg-card border border-border"
+    },
+    maxWidth: {
+      sm: "max-w-screen-sm",
+      md: "max-w-screen-md",
+      lg: "max-w-screen-lg",
+      xl: "max-w-screen-xl",
+      "2xl": "max-w-screen-2xl",
+      full: "max-w-full"
+    },
+    sticky: {
+      true: "sticky top-5 z-[1]",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    padding: !0,
+    colorTheme: "default",
+    maxWidth: "full"
+  }
+}), f = i.forwardRef(
+  ({
+    maxWidth: r = "full",
+    padding: a = !0,
+    colorTheme: e = "default",
+    sticky: o = !1,
+    className: d,
+    children: l,
+    ...t
+  }, m) => /* @__PURE__ */ n(
     "div",
     {
-      ref: o,
-      className: t(
-        "w-full border bg-card rounded-lg border-border",
-        x[r],
-        e && "p-4 sm:p-6 lg:p-8",
-        m
+      ref: m,
+      className: p(
+        "w-full",
+        "rounded-[10px] md:rounded-2xl",
+        x({ padding: a, colorTheme: e, maxWidth: r, sticky: o }),
+        d
       ),
-      ...a,
+      ...t,
       children: l
     }
   )
 );
-d.displayName = "DialogContainer";
+f.displayName = "DialogContainer";
 export {
-  d as DialogContainer
+  f as DialogContainer
 };

package/dist/esm/components/dialog/dialog-content.js

@@ -1,19 +1,20 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-dialog";
-import { X as n } from "lucide-react";
 import * as i from "react";
-import { cn as l } from "../../utils/cn.js";
-import "sonner";
+import { faXmark as n } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as l } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
-import { DialogPortal as m } from "./dialog.js";
-import { DialogOverlay as p } from "./dialog-overlay.js";
-const c = i.forwardRef(({ className: e, children: r, ...s }, d) => /* @__PURE__ */ t(m, { children: [
-  /* @__PURE__ */ o(p, {}),
+import { cn as m } from "../../utils/cn.js";
+import "sonner";
+import { DialogPortal as p } from "./dialog.js";
+import { DialogOverlay as c } from "./dialog-overlay.js";
+const f = i.forwardRef(({ className: e, children: r, ...s }, d) => /* @__PURE__ */ t(p, { children: [
+  /* @__PURE__ */ o(c, {}),
   /* @__PURE__ */ t(
     a.Content,
     {
       ref: d,
-      className: l(
+      className: m(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-card p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[-10%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[-10%] rounded-lg",
         e
       ),
@@ -21,14 +22,14 @@ const c = i.forwardRef(({ className: e, children: r, ...s }, d) => /* @__PURE__
       children: [
         r,
         /* @__PURE__ */ t(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none disabled:cursor-not-allowed disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground cursor-pointer hover:text-foreground", children: [
-          /* @__PURE__ */ o(n, { className: "h-4 w-4" }),
+          /* @__PURE__ */ o(l, { icon: n, className: "size-4" }),
           /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
-c.displayName = a.Content.displayName;
+f.displayName = a.Content.displayName;
 export {
-  c as DialogContent
+  f as DialogContent
 };

package/dist/esm/components/dialog/dialog-description.js

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

package/dist/esm/components/dialog/dialog-footer.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const s = ({
   className: o,
   ...e

package/dist/esm/components/dialog/dialog-form.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { Button as m } from "../buttons/button/button.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as b } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { Dialog as g } from "./dialog.js";
 import { DialogContent as v } from "./dialog-content.js";
 import { DialogFooter as D } from "./dialog-footer.js";

package/dist/esm/components/dialog/dialog-header.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const m = ({
   className: e,
   ...t

package/dist/esm/components/dialog/dialog-modal-container.js

@@ -1,26 +1,47 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as t from "react";
-import { cn as e } from "../../utils/cn.js";
-import "sonner";
+import { jsx as a } from "react/jsx-runtime";
+import { cva as f } from "class-variance-authority";
+import * as c from "react";
 import "@gearbox-protocol/sdk";
-import { DialogContainer as n } from "./dialog-container.js";
-import { DialogModal as p } from "./dialog-modal.js";
-const f = t.forwardRef(({ dialogProps: r, modalProps: a, children: m }, i) => {
-  const { className: l, ...s } = r || {};
-  return /* @__PURE__ */ o(p, { ...a, children: /* @__PURE__ */ o(
-    n,
+import { cn as w } from "../../utils/cn.js";
+import "sonner";
+import { Modal as g } from "../modal/modal.js";
+import { DialogContainer as h } from "./dialog-container.js";
+const u = f("", {
+  variants: {
+    width: {
+      default: "md:w-[640px]",
+      lg: "md:w-[720px]",
+      full: "md:w-full"
+    }
+  },
+  defaultVariants: {
+    width: "default"
+  }
+}), x = c.forwardRef(({ show: o, onClickOutside: r, modal: i, dialog: l, children: t }, m) => {
+  const {
+    className: d,
+    colorTheme: e = "modal",
+    padding: n = "xl",
+    width: s,
+    ...p
+  } = l || {};
+  return /* @__PURE__ */ a(g, { ...i, show: o, onClickOutside: r, children: /* @__PURE__ */ a(
+    h,
     {
-      ref: i,
-      className: e(
-        "w-full min-h-screen sm:min-h-0 sm:w-[440px] md:min-h-full md:w-full",
-        l
+      ref: m,
+      className: w(
+        "w-full sm:w-[440px] min-h-screen sm:min-h-0",
+        u({ width: s }),
+        d
       ),
-      ...s,
-      children: m
+      colorTheme: e,
+      padding: n,
+      ...p,
+      children: t
     }
   ) });
 });
-f.displayName = "DialogModalContainer";
+x.displayName = "DialogModalContainer";
 export {
-  f as DialogModalContainer
+  x as DialogModalContainer
 };

package/dist/esm/components/dialog/dialog-overlay.js

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

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

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

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

@@ -1,28 +1,28 @@
-import { Dialog as e, DialogPortal as a, DialogTrigger as i } from "./dialog.js";
-import { DialogContainer as t } from "./dialog-container.js";
-import { DialogContent as D } from "./dialog-content.js";
-import { DialogDescription as p } from "./dialog-description.js";
-import { DialogFooter as x } from "./dialog-footer.js";
-import { DialogForm as d } from "./dialog-form.js";
-import { DialogHeader as F } from "./dialog-header.js";
-import { DialogModal as O } from "./dialog-modal.js";
+import { Modal as e } from "../modal/modal.js";
+import { Dialog as i, DialogPortal as t, DialogTrigger as l } from "./dialog.js";
+import { DialogContainer as D } from "./dialog-container.js";
+import { DialogContent as p } from "./dialog-content.js";
+import { DialogDescription as x } from "./dialog-description.js";
+import { DialogFooter as d } from "./dialog-footer.js";
+import { DialogForm as F } from "./dialog-form.js";
+import { DialogHeader as O } from "./dialog-header.js";
 import { DialogModalContainer as c } from "./dialog-modal-container.js";
 import { DialogOverlay as v } from "./dialog-overlay.js";
 import { DialogTitle as H } from "./dialog-title.js";
 import { OneFieldDialog as b } from "./one-field-dialog.js";
 export {
-  e as Dialog,
-  t as DialogContainer,
-  D as DialogContent,
-  p as DialogDescription,
-  x as DialogFooter,
-  d as DialogForm,
-  F as DialogHeader,
-  O as DialogModal,
+  i as Dialog,
+  D as DialogContainer,
+  p as DialogContent,
+  x as DialogDescription,
+  d as DialogFooter,
+  F as DialogForm,
+  O as DialogHeader,
   c as DialogModalContainer,
   v as DialogOverlay,
-  a as DialogPortal,
+  t as DialogPortal,
   H as DialogTitle,
-  i as DialogTrigger,
+  l as DialogTrigger,
+  e as Modal,
   b as OneFieldDialog
 };

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

@@ -1,37 +1,39 @@
 import { jsxs as f, jsx as c } from "react/jsx-runtime";
-import { ChevronDown as u } from "lucide-react";
+import { faCaretDown as u } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as y } from "../icons/fa-icon.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
-function j({
+function E({
   children: n,
-  label: s,
+  label: a,
   opened: i,
   size: t,
   as: m = "span",
-  onClick: r,
-  icon: a,
+  onClick: o,
+  icon: s,
   iconSize: p = 16,
   className: l
 }) {
-  const o = typeof t == "string" ? t === "sm" ? 14 : t === "default" ? 16 : t === "lg" ? 18 : 16 : t;
+  const r = typeof t == "string" ? t === "sm" ? 14 : t === "default" ? 16 : t === "lg" ? 18 : 16 : t;
   return /* @__PURE__ */ f(
     m,
     {
-      onClick: r,
+      onClick: o,
       className: e(
         "inline-flex items-center gap-1 cursor-pointer",
-        r && "hover:text-primary transition-colors",
+        o && "hover:text-primary transition-colors",
         l
       ),
-      style: o ? { fontSize: o } : void 0,
+      style: r ? { fontSize: r } : void 0,
       children: [
-        s || n,
-        a ?? /* @__PURE__ */ c(
-          u,
+        a || n,
+        s ?? /* @__PURE__ */ c(
+          y,
           {
-            size: p,
+            icon: u,
+            style: { fontSize: p },
             className: e("transition-transform", i && "rotate-180")
           }
         )
@@ -40,5 +42,5 @@ function j({
   );
 }
 export {
-  j as DefaultDropdownLabel
+  E as DefaultDropdownLabel
 };

package/dist/esm/components/dropdown-menu/dropdown-menu-checkbox-item.js

@@ -1,31 +1,32 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dropdown-menu";
-import { Check as d } from "lucide-react";
-import * as l from "react";
-import { cn as p } from "../../utils/cn.js";
-import "sonner";
+import * as d from "react";
+import { faCheck as l } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as p } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
-const f = l.forwardRef(
-  ({ className: r, children: t, checked: s, onCheckedChange: n, disabled: a, ...i }, c) => /* @__PURE__ */ m(
+import { cn as f } from "../../utils/cn.js";
+import "sonner";
+const u = d.forwardRef(
+  ({ className: r, children: t, checked: n, onCheckedChange: s, disabled: i, ...a }, c) => /* @__PURE__ */ m(
     o.CheckboxItem,
     {
       ref: c,
-      className: p(
+      className: f(
         "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors hover:text-foreground hover:bg-secondary focus-visible:outline-none focus:bg-secondary focus:text-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         r
       ),
-      checked: s,
-      onCheckedChange: n,
-      disabled: a,
-      ...i,
+      checked: n,
+      onCheckedChange: s,
+      disabled: i,
+      ...a,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(o.ItemIndicator, { children: /* @__PURE__ */ e(d, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(o.ItemIndicator, { children: /* @__PURE__ */ e(p, { icon: l, className: "size-4" }) }) }),
         t
       ]
     }
   )
 );
-f.displayName = o.CheckboxItem.displayName;
+u.displayName = o.CheckboxItem.displayName;
 export {
-  f as DropdownMenuCheckboxItem
+  u as DropdownMenuCheckboxItem
 };

package/dist/esm/components/dropdown-menu/dropdown-menu-content.js

@@ -1,23 +1,23 @@
 import { jsx as o } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-dropdown-menu";
 import * as i from "react";
+import "@gearbox-protocol/sdk";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
-const m = i.forwardRef(({ className: e, sideOffset: a = 4, ...d }, r) => /* @__PURE__ */ o(t.Portal, { children: /* @__PURE__ */ o(
+const s = i.forwardRef(({ className: e, sideOffset: a = 4, ...d }, r) => /* @__PURE__ */ o(t.Portal, { children: /* @__PURE__ */ o(
   t.Content,
   {
     ref: r,
     sideOffset: a,
     className: n(
-      "z-50 min-w-[8rem] overflow-hidden rounded-lg border border-border bg-card p-1 text-popover-foreground shadow-lg",
+      "z-50 min-w-32 overflow-hidden rounded-lg border border-border bg-gray-40 p-1 text-popover-foreground shadow-lg",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
     ...d
   }
 ) }));
-m.displayName = t.Content.displayName;
+s.displayName = t.Content.displayName;
 export {
-  m as DropdownMenuContent
+  s as DropdownMenuContent
 };

package/dist/esm/components/dropdown-menu/dropdown-menu-item.js

@@ -1,9 +1,9 @@
 import { jsx as n } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-dropdown-menu";
 import * as i from "react";
+import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const d = i.forwardRef(({ className: o, inset: r, ...t }, s) => /* @__PURE__ */ n(
   e.Item,
   {

package/dist/esm/components/dropdown-menu/dropdown-menu-label.js

@@ -1,9 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dropdown-menu";
 import * as t from "react";
+import "@gearbox-protocol/sdk";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const s = t.forwardRef(({ className: m, inset: r, ...e }, p) => /* @__PURE__ */ a(
   o.Label,
   {

package/dist/esm/components/dropdown-menu/dropdown-menu-radio-item.js

@@ -1,26 +1,27 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-dropdown-menu";
-import { Circle as n } from "lucide-react";
-import * as c from "react";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-dropdown-menu";
+import * as s from "react";
+import { faCircle as c } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as m } from "../icons/fa-icon.js";
+import "@gearbox-protocol/sdk";
 import { cn as d } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
-const l = c.forwardRef(({ className: o, children: r, ...a }, i) => /* @__PURE__ */ s(
-  t.RadioItem,
+const l = s.forwardRef(({ className: t, children: r, ...a }, i) => /* @__PURE__ */ n(
+  o.RadioItem,
   {
     ref: i,
     className: d(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      o
+      t
     ),
     ...a,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(n, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ e("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(o.ItemIndicator, { children: /* @__PURE__ */ e(m, { icon: c, className: "size-2 fill-current" }) }) }),
       r
     ]
   }
 ));
-l.displayName = t.RadioItem.displayName;
+l.displayName = o.RadioItem.displayName;
 export {
   l as DropdownMenuRadioItem
 };

package/dist/esm/components/dropdown-menu/dropdown-menu-separator.js

@@ -1,9 +1,9 @@
 import { jsx as p } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-dropdown-menu";
 import * as t from "react";
+import "@gearbox-protocol/sdk";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const i = t.forwardRef(({ className: o, ...m }, a) => /* @__PURE__ */ p(
   r.Separator,
   {

package/dist/esm/components/dropdown-menu/dropdown-menu-shortcut.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as p } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const m = ({
   className: t,
   ...o

package/dist/esm/components/dropdown-menu/dropdown-menu-sub-content.js

@@ -1,15 +1,15 @@
 import { jsx as d } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-dropdown-menu";
 import * as i from "react";
+import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const n = i.forwardRef(({ className: o, ...e }, a) => /* @__PURE__ */ d(
   t.SubContent,
   {
     ref: a,
     className: r(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-50 min-w-32 overflow-hidden rounded-md border bg-gray-40 p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       o
     ),
     ...e

package/dist/esm/components/dropdown-menu/dropdown-menu-sub-trigger.js

@@ -1,11 +1,11 @@
-import { jsxs as i, jsx as m } from "react/jsx-runtime";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { IconExpand as m } from "@gearbox-protocol/static";
 import * as e from "@radix-ui/react-dropdown-menu";
-import { ChevronRight as a } from "lucide-react";
 import * as p from "react";
+import "@gearbox-protocol/sdk";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
-const g = p.forwardRef(({ className: r, inset: o, children: t, ...s }, n) => /* @__PURE__ */ i(
+const g = p.forwardRef(({ className: r, inset: o, children: s, ...t }, n) => /* @__PURE__ */ i(
   e.SubTrigger,
   {
     ref: n,
@@ -14,10 +14,10 @@ const g = p.forwardRef(({ className: r, inset: o, children: t, ...s }, n) => /*
       o && "pl-8",
       r
     ),
-    ...s,
+    ...t,
     children: [
-      t,
-      /* @__PURE__ */ m(a, { className: "ml-auto" })
+      s,
+      /* @__PURE__ */ a(m, { size: 16, className: "ml-auto [&_svg]:size-4" })
     ]
   }
 ));