@gearbox-protocol/permissionless-ui 1.22.0-next.7 → 1.22.0-next.70

package/dist/esm/components/detailed-apy/detailed-apy.js

@@ -1,29 +1,31 @@
 import { jsx as n, Fragment as f, jsxs as r } from "react/jsx-runtime";
 import { Skeleton as y } from "../skeleton/skeleton.js";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
+import "luxon";
+import "../tooltip/simple-tooltip.js";
 import { TooltipProvider as x, Tooltip as N, TooltipTrigger as g, TooltipContent as b } from "../tooltip/tooltip.js";
-function S({
-  totalAPY: d,
+function D({
+  totalAPY: t,
   totalAPYLoading: p,
   baseAPY: l,
   extraAPY: a,
-  tokensList: t,
+  tokensList: i,
   children: m,
-  className: i
+  className: o
 }) {
   const h = l && l.length > 0 || a && a.length > 0;
   if (p)
-    return /* @__PURE__ */ n(y, { className: c("h-4 w-12", i) });
-  const o = m ?? /* @__PURE__ */ n("span", { className: c("tabular-nums", i), children: d !== void 0 ? `${d.toFixed(2)}%` : "N/A" });
+    return /* @__PURE__ */ n(y, { className: c("h-4 w-12", o) });
+  const s = m ?? /* @__PURE__ */ n("span", { className: c("tabular-nums", o), children: t !== void 0 ? `${t.toFixed(2)}%` : "N/A" });
   return h ? /* @__PURE__ */ n(x, { children: /* @__PURE__ */ r(N, { children: [
-    /* @__PURE__ */ n(g, { asChild: !0, children: /* @__PURE__ */ n("span", { className: "cursor-help underline decoration-dotted underline-offset-2", children: o }) }),
+    /* @__PURE__ */ n(g, { asChild: !0, children: /* @__PURE__ */ n("span", { className: "cursor-help underline decoration-dotted underline-offset-2", children: s }) }),
     /* @__PURE__ */ n(b, { className: "max-w-xs", children: /* @__PURE__ */ r("div", { className: "space-y-2 text-sm", children: [
       l && l.length > 0 && /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ n("div", { className: "font-medium text-muted-foreground mb-1", children: "Base APY" }),
-        l.map((e, s) => /* @__PURE__ */ r(
+        l.map((e, d) => /* @__PURE__ */ r(
           "div",
           {
             className: "flex justify-between gap-4",
@@ -35,13 +37,13 @@ function S({
               ] })
             ]
           },
-          `base-${e.type || s}-${e.apy}`
+          `base-${e.type || d}-${e.apy}`
         ))
       ] }),
       a && a.length > 0 && /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ n("div", { className: "font-medium text-muted-foreground mb-1", children: "Extra Rewards" }),
-        a.map((e, s) => {
-          const u = e.token && t ? t[e.token]?.symbol : e.token;
+        a.map((e, d) => {
+          const u = e.token && i ? i[e.token]?.symbol : e.token;
           return /* @__PURE__ */ r(
             "div",
             {
@@ -54,20 +56,20 @@ function S({
                 ] })
               ]
             },
-            `extra-${e.token || s}-${e.apy}`
+            `extra-${e.token || d}-${e.apy}`
           );
         })
       ] }),
-      d !== void 0 && /* @__PURE__ */ r("div", { className: "border-t pt-2 flex justify-between gap-4 font-medium", children: [
+      t !== void 0 && /* @__PURE__ */ r("div", { className: "border-t pt-2 flex justify-between gap-4 font-medium", children: [
         /* @__PURE__ */ n("span", { children: "Total" }),
         /* @__PURE__ */ r("span", { className: "tabular-nums", children: [
-          d.toFixed(2),
+          t.toFixed(2),
           "%"
         ] })
       ] })
     ] }) })
-  ] }) }) : /* @__PURE__ */ n(f, { children: o });
+  ] }) }) : /* @__PURE__ */ n(f, { children: s });
 }
 export {
-  S as DetailedApy
+  D as DetailedApy
 };

package/dist/esm/components/detailed-page-title/detailed-page-title.js

@@ -1,34 +1,37 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { Check as g, Copy as y, ExternalLink as m } from "lucide-react";
+import { IconCopy as g, IconExternal as m } from "@gearbox-protocol/static";
 import * as p from "react";
 import { Button as d } from "../buttons/button/button.js";
-import { DropdownMenu as w, DropdownMenuTrigger as N } from "../dropdown-menu/dropdown-menu.js";
+import { DropdownMenu as y, DropdownMenuTrigger as z } from "../dropdown-menu/dropdown-menu.js";
 import "../dropdown-menu/dropdown-menu-checkbox-item.js";
-import { DropdownMenuContent as C } from "../dropdown-menu/dropdown-menu-content.js";
-import { DropdownMenuItem as x } from "../dropdown-menu/dropdown-menu-item.js";
+import { DropdownMenuContent as N } from "../dropdown-menu/dropdown-menu-content.js";
+import { DropdownMenuItem as C } from "../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 { faCheck as x } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as w } from "../icons/fa-icon.js";
 import { PageTitle as T } from "../page-title/page-title.js";
 import { TokenIcon as b } from "../token-icon/token-icon.js";
+import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
-function H({
-  title: u,
-  token: l,
+import "luxon";
+function Q({
+  title: f,
+  token: c,
   toCopy: i,
   explorerLinks: o,
-  className: f
+  className: u
 }) {
-  const [a, c] = p.useState(!1), n = p.useRef(null), h = async () => {
+  const [a, l] = p.useState(!1), n = p.useRef(null), h = async () => {
     if (i)
       try {
-        await navigator.clipboard.writeText(i), n.current && clearTimeout(n.current), c(!0), n.current = setTimeout(() => {
-          c(!1);
+        await navigator.clipboard.writeText(i), n.current && clearTimeout(n.current), l(!0), n.current = setTimeout(() => {
+          l(!1);
         }, 1500);
       } catch (t) {
         console.error("Failed to copy:", t);
@@ -37,7 +40,7 @@ function H({
   return /* @__PURE__ */ e(
     T,
     {
-      icon: l?.symbol && /* @__PURE__ */ e(b, { symbol: l.symbol, size: 36 }),
+      icon: c?.symbol && /* @__PURE__ */ e(b, { symbol: c.symbol, size: 36 }),
       actions: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
         i && /* @__PURE__ */ r(
           d,
@@ -55,7 +58,7 @@ function H({
                     "absolute inset-0 flex items-center justify-center transition-all duration-200",
                     a ? "opacity-100 scale-100 text-green-500" : "opacity-0 scale-50 text-green-500"
                   ),
-                  children: /* @__PURE__ */ e(g, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(w, { icon: x, className: "size-4" })
                 }
               ),
               /* @__PURE__ */ e(
@@ -65,15 +68,15 @@ function H({
                     "flex items-center justify-center transition-all duration-200",
                     a ? "opacity-0 scale-50" : "opacity-100 scale-100"
                   ),
-                  children: /* @__PURE__ */ e(y, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(g, { size: 16, className: "size-4" })
                 }
               )
             ]
           }
         ),
-        o && o.length > 0 && /* @__PURE__ */ r(w, { children: [
-          /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(d, { variant: "ghost", size: "icon", title: "View in explorer", children: /* @__PURE__ */ e(m, { className: "h-4 w-4" }) }) }),
-          /* @__PURE__ */ e(C, { align: "end", children: o.map((t) => /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ r(
+        o && o.length > 0 && /* @__PURE__ */ r(y, { children: [
+          /* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ e(d, { variant: "ghost", size: "icon", title: "View in explorer", children: /* @__PURE__ */ e(m, { size: 16, className: "size-4" }) }) }),
+          /* @__PURE__ */ e(N, { align: "end", children: o.map((t) => /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ r(
             "a",
             {
               href: t.url,
@@ -82,17 +85,17 @@ function H({
               className: "flex items-center gap-2",
               children: [
                 t.name,
-                /* @__PURE__ */ e(m, { className: "h-3 w-3 ml-auto" })
+                /* @__PURE__ */ e(m, { size: 12, className: "ml-auto size-3" })
               ]
             }
           ) }, t.url)) })
         ] })
       ] }),
-      className: s(f),
-      children: u
+      className: s(u),
+      children: f
     }
   );
 }
 export {
-  H as DetailedPageTitle
+  Q as DetailedPageTitle
 };

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

@@ -1,32 +1,67 @@
-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";
+import "luxon";
+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,21 @@
 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 * as d from "react";
+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 "luxon";
+import { DialogPortal as p } from "./dialog.js";
+import { DialogOverlay as c } from "./dialog-overlay.js";
+const f = d.forwardRef(({ className: e, children: r, ...s }, i) => /* @__PURE__ */ t(p, { children: [
+  /* @__PURE__ */ o(c, {}),
   /* @__PURE__ */ t(
     a.Content,
     {
-      ref: d,
-      className: l(
+      ref: i,
+      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 +23,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,18 +1,19 @@
 import { jsx as m } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dialog";
 import * as e from "react";
-import { cn as a } from "../../utils/cn.js";
-import "sonner";
 import "@gearbox-protocol/sdk";
-const p = e.forwardRef(({ className: i, ...r }, t) => /* @__PURE__ */ m(
+import { cn as p } from "../../utils/cn.js";
+import "sonner";
+import "luxon";
+const a = e.forwardRef(({ className: i, ...r }, t) => /* @__PURE__ */ m(
   o.Description,
   {
     ref: t,
-    className: a("text-sm text-muted-foreground", i),
+    className: p("text-sm text-muted-foreground", i),
     ...r
   }
 ));
-p.displayName = o.Description.displayName;
+a.displayName = o.Description.displayName;
 export {
-  p as DialogDescription
+  a as DialogDescription
 };

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

@@ -1,22 +1,23 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as e } 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 = ({
+import "luxon";
+const i = ({
   className: o,
-  ...e
-}) => /* @__PURE__ */ r(
+  ...r
+}) => /* @__PURE__ */ e(
   "div",
   {
     className: m(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       o
     ),
-    ...e
+    ...r
   }
 );
-s.displayName = "DialogFooter";
+i.displayName = "DialogFooter";
 export {
-  s as DialogFooter
+  i as DialogFooter
 };

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

@@ -1,15 +1,16 @@
 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 "luxon";
 import { Dialog as g } from "./dialog.js";
 import { DialogContent as v } from "./dialog-content.js";
 import { DialogFooter as D } from "./dialog-footer.js";
 import { DialogHeader as w } from "./dialog-header.js";
 import { DialogTitle as N } from "./dialog-title.js";
-function E({
+function G({
   title: c,
   isFormValid: s,
   isLoading: l,
@@ -60,5 +61,5 @@ function E({
   ) });
 }
 export {
-  E as DialogForm
+  G as DialogForm
 };

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

@@ -1,8 +1,9 @@
 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";
+import "luxon";
 const m = ({
   className: e,
   ...t

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

@@ -1,26 +1,48 @@
 import { jsx as o } from "react/jsx-runtime";
-import * as t from "react";
-import { cn as e } from "../../utils/cn.js";
-import "sonner";
+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 "luxon";
+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: a, onClickOutside: r, modal: i, dialog: t, children: l }, m) => {
+  const {
+    className: d,
+    colorTheme: e = "modal",
+    padding: n = "xl",
+    width: s,
+    ...p
+  } = t || {};
+  return /* @__PURE__ */ o(g, { ...i, show: a, onClickOutside: r, children: /* @__PURE__ */ o(
+    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: l
     }
   ) });
 });
-f.displayName = "DialogModalContainer";
+x.displayName = "DialogModalContainer";
 export {
-  f as DialogModalContainer
+  x as DialogModalContainer
 };

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

@@ -1,9 +1,10 @@
 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";
+import "luxon";
 const s = r.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ i(
   a.Overlay,
   {

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

@@ -1,9 +1,10 @@
 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";
+import "luxon";
 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,38 +1,41 @@
 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({
+import "luxon";
+function N({
   children: n,
-  label: s,
-  opened: i,
+  label: i,
+  opened: m,
   size: t,
-  as: m = "span",
-  onClick: r,
-  icon: a,
+  as: a = "span",
+  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,
+    a,
     {
-      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,
+        i || n,
+        s ?? /* @__PURE__ */ c(
+          y,
           {
-            size: p,
-            className: e("transition-transform", i && "rotate-180")
+            icon: u,
+            style: { fontSize: p },
+            className: e("transition-transform", m && "rotate-180")
           }
         )
       ]
@@ -40,5 +43,5 @@ function j({
   );
 }
 export {
-  j as DefaultDropdownLabel
+  N as DefaultDropdownLabel
 };