@gearbox-protocol/ui-kit 2.1.0-next.1

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

@@ -0,0 +1,69 @@
+import { jsx as i } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import * as s from "react";
+import "@gearbox-protocol/sdk";
+import { cn as p } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const x = n("", {
+  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 = s.forwardRef(
+  ({
+    maxWidth: r = "full",
+    padding: a = !0,
+    colorTheme: e = "default",
+    sticky: o = !1,
+    className: d,
+    children: t,
+    ...l
+  }, m) => /* @__PURE__ */ i(
+    "div",
+    {
+      ref: m,
+      className: p(
+        "w-full",
+        "rounded-[10px] md:rounded-2xl",
+        x({ padding: a, colorTheme: e, maxWidth: r, sticky: o }),
+        d
+      ),
+      ...l,
+      children: t
+    }
+  )
+);
+f.displayName = "DialogContainer";
+export {
+  f as DialogContainer
+};

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

@@ -0,0 +1,39 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-dialog";
+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 { cn as m } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import { Z_INDEX as p } from "../../utils/z-index.js";
+import { DialogPortal as c } from "./dialog.js";
+import { DialogOverlay as f } from "./dialog-overlay.js";
+const u = d.forwardRef(({ className: e, children: r, ...s }, i) => /* @__PURE__ */ t(c, { children: [
+  /* @__PURE__ */ o(f, {}),
+  /* @__PURE__ */ t(
+    a.Content,
+    {
+      ref: i,
+      className: m(
+        p.MODAL,
+        "fixed left-[50%] top-[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
+      ),
+      ...s,
+      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(l, { icon: n, className: "size-4" }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+u.displayName = a.Content.displayName;
+export {
+  u as DialogContent
+};

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

@@ -0,0 +1,21 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-dialog";
+import * as p from "react";
+import "@gearbox-protocol/sdk";
+import { cn as e } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const a = p.forwardRef(({ className: i, ...r }, t) => /* @__PURE__ */ m(
+  o.Description,
+  {
+    ref: t,
+    className: e("text-sm text-muted-foreground", i),
+    ...r
+  }
+));
+a.displayName = o.Description.displayName;
+export {
+  a as DialogDescription
+};

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

@@ -0,0 +1,25 @@
+import { jsx as m } from "react/jsx-runtime";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as e } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const i = ({
+  className: o,
+  ...r
+}) => /* @__PURE__ */ m(
+  "div",
+  {
+    className: e(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      o
+    ),
+    ...r
+  }
+);
+i.displayName = "DialogFooter";
+export {
+  i as DialogFooter
+};

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

@@ -0,0 +1,67 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Button as n } 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/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+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 J({
+  title: c,
+  isFormValid: p,
+  isLoading: l,
+  saveButtonText: s = "Save changes",
+  loadingText: f = "Saving...",
+  onCancel: t,
+  onSubmit: d,
+  submitButtonVariant: r = "pink",
+  authWrapper: o,
+  className: u,
+  children: h,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  aiHelp: y,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  aiHelpDisabled: H
+}) {
+  const x = (m) => {
+    m.preventDefault(), d(m);
+  }, a = /* @__PURE__ */ e(
+    n,
+    {
+      disabled: !p || l,
+      type: "submit",
+      variant: r,
+      children: l ? f : s
+    }
+  );
+  return /* @__PURE__ */ e(g, { open: !0, onOpenChange: t, children: /* @__PURE__ */ e(
+    v,
+    {
+      className: b(
+        "bg-[#141414] p-8 rounded-lg w-full max-w-4xl",
+        "flex flex-col justify-between overflow-y-auto",
+        u
+      ),
+      children: /* @__PURE__ */ i("form", { onSubmit: x, children: [
+        /* @__PURE__ */ e(w, { className: "mb-6", children: /* @__PURE__ */ e(N, { children: c }) }),
+        h,
+        /* @__PURE__ */ e(D, { className: "w-full mt-8", children: /* @__PURE__ */ i("div", { className: "flex items-center w-full justify-between", children: [
+          /* @__PURE__ */ e("div", { className: "flex items-center space-x-2" }),
+          /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ e(n, { type: "button", variant: "outline", onClick: t, children: "Cancel" }),
+            o ? /* @__PURE__ */ e(o, { variant: r, children: a }) : a
+          ] })
+        ] }) })
+      ] })
+    }
+  ) });
+}
+export {
+  J as DialogForm
+};

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

@@ -0,0 +1,25 @@
+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/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const m = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: r(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      t
+    ),
+    ...e
+  }
+);
+m.displayName = "DialogHeader";
+export {
+  m as DialogHeader
+};

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

@@ -0,0 +1,50 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cva as f } from "class-variance-authority";
+import * as c from "react";
+import "@gearbox-protocol/sdk";
+import { cn as w } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+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: m }, l) => {
+  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: l,
+      className: w(
+        "w-full sm:w-[440px] min-h-screen sm:min-h-0",
+        u({ width: s }),
+        d
+      ),
+      colorTheme: e,
+      padding: n,
+      ...p,
+      children: m
+    }
+  ) });
+});
+x.displayName = "DialogModalContainer";
+export {
+  x as DialogModalContainer
+};

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

@@ -0,0 +1,25 @@
+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/common-utils";
+import "luxon";
+import { Z_INDEX as s } from "../../utils/z-index.js";
+const p = r.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ i(
+  a.Overlay,
+  {
+    ref: e,
+    className: m(
+      s.MODAL,
+      "fixed inset-0 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      t
+    ),
+    ...o
+  }
+));
+p.displayName = a.Overlay.displayName;
+export {
+  p as DialogOverlay
+};

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

@@ -0,0 +1,21 @@
+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/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const p = e.forwardRef(({ className: t, ...i }, r) => /* @__PURE__ */ m(
+  o.Title,
+  {
+    ref: r,
+    className: a("text-xl font-bold text-foreground", t),
+    ...i
+  }
+));
+p.displayName = o.Title.displayName;
+export {
+  p as DialogTitle
+};

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

@@ -0,0 +1,7 @@
+import * as o from "@radix-ui/react-dialog";
+const i = o.Root, r = o.Trigger, t = o.Portal;
+export {
+  i as Dialog,
+  t as DialogPortal,
+  r as DialogTrigger
+};

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

@@ -0,0 +1,28 @@
+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 {
+  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,
+  t as DialogPortal,
+  H as DialogTitle,
+  l as DialogTrigger,
+  e as Modal,
+  b as OneFieldDialog
+};

package/dist/esm/components/dialog/one-field-dialog.js

@@ -0,0 +1,87 @@
+import { jsx as i, jsxs as $ } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { isAddress as d } from "viem";
+import { Input as A } from "../input/input.js";
+import { Label as M } from "../label/label.js";
+import { DialogForm as O } from "./dialog-form.js";
+function H({
+  title: n,
+  label: c,
+  initialValue: b,
+  onSet: s,
+  onClose: p,
+  isFormValid: l,
+  type: e,
+  saveButtonText: g,
+  loadingText: h,
+  placeholder: N,
+  errorMessage: F,
+  getErrorMessage: v,
+  step: V = "0.01",
+  min: w = 0,
+  max: x,
+  authWrapper: C,
+  submitButtonVariant: D,
+  aiHelp: I,
+  aiHelpDisabled: L
+}) {
+  const [r, t] = f(b.toString()), [j, o] = f(!1), u = () => {
+    if (r === "") return !1;
+    if (l)
+      return l(r);
+    if (e === "number") {
+      const a = parseFloat(r);
+      return !Number.isNaN(a) && a >= 0;
+    }
+    return e === "address" ? d(r) : !0;
+  }, E = async (a) => {
+    a.preventDefault(), o(!0);
+    try {
+      if (e === "number") {
+        const m = parseFloat(r);
+        Number.isNaN(m) || await s(m);
+      } else e === "address" ? d(r) && await s(r) : await s(r);
+    } finally {
+      o(!1);
+    }
+  }, S = () => {
+    t(""), p();
+  };
+  return /* @__PURE__ */ i(
+    O,
+    {
+      title: n,
+      isFormValid: u(),
+      onCancel: S,
+      onSubmit: E,
+      isLoading: j,
+      saveButtonText: g,
+      loadingText: h,
+      authWrapper: C,
+      submitButtonVariant: D,
+      aiHelp: I,
+      aiHelpDisabled: L,
+      children: /* @__PURE__ */ $("div", { className: "py-4 space-y-2", children: [
+        /* @__PURE__ */ i(M, { children: c ?? n }),
+        /* @__PURE__ */ i(
+          A,
+          {
+            type: e === "number" ? "number" : "text",
+            value: r,
+            onChange: (a) => t(a.target.value),
+            placeholder: N || `Enter ${e}`,
+            hasError: r !== "" && !u(),
+            errorMessage: v?.(r) ?? F ?? `Invalid ${e}`,
+            className: "w-full",
+            step: V,
+            min: w,
+            max: x
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  H as OneFieldDialog
+};

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

@@ -0,0 +1,68 @@
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
+import { faCaretDown as b } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as h } from "../icons/fa-icon.js";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as n } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const s = {
+  filled: "bg-gray-60 hover:bg-gray-80 disabled:text-secondary-foreground disabled:bg-gray-20 disabled:cursor-default shadow-[0_2px_2px_rgba(0,0,0,0.25)]",
+  filledDark: "bg-gray-10 hover:bg-gray-20 disabled:text-secondary-foreground disabled:bg-gray-20 disabled:cursor-default shadow-[0_2px_2px_rgba(0,0,0,0.25)]",
+  empty: "bg-transparent hover:text-secondary-foreground disabled:text-secondary-foreground disabled:cursor-default",
+  dark: "bg-transparent hover:text-secondary-foreground disabled:text-secondary-foreground disabled:cursor-default",
+  light: "bg-transparent hover:text-secondary-foreground disabled:text-secondary-foreground disabled:cursor-default"
+}, l = {
+  sm: "py-[7px] px-2.5 pl-3 text-sm leading-[17px] rounded-lg",
+  md: "py-[13px] pr-3 pl-4 text-sm leading-[17px] rounded-xl",
+  default: "py-[13px] pr-3 pl-4 text-sm leading-[17px] rounded-xl",
+  lg: "py-[13px] pr-3 pl-4 text-lg leading-[17px] rounded-xl"
+};
+function C({
+  children: i,
+  label: p,
+  opened: g,
+  size: r,
+  theme: e,
+  as: f = "span",
+  onClick: t,
+  icon: x,
+  iconSize: u = 16,
+  className: c
+}) {
+  const o = typeof r == "string" && r in l, m = typeof e == "string" && e in s, d = o ? void 0 : typeof r == "string" ? r === "sm" ? 14 : r === "default" ? 16 : r === "lg" ? 18 : 16 : r;
+  return /* @__PURE__ */ y(
+    f,
+    {
+      onClick: t,
+      className: n(
+        "inline-flex items-center cursor-pointer transition-colors",
+        m ? [
+          "w-full justify-between border-0 text-foreground",
+          s[e],
+          o && l[r]
+        ] : ["gap-1", t && "hover:text-primary"],
+        c
+      ),
+      style: d ? { fontSize: d } : void 0,
+      children: [
+        p || i,
+        /* @__PURE__ */ a(
+          "span",
+          {
+            className: n(
+              "inline-flex transition-transform duration-100",
+              g && "rotate-180"
+            ),
+            children: x ?? /* @__PURE__ */ a(h, { icon: b, style: { fontSize: u } })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  C as DefaultDropdownLabel
+};

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

@@ -0,0 +1,4 @@
+import { DefaultDropdownLabel as r } from "./dropdown-label.js";
+export {
+  r as DefaultDropdownLabel
+};

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

@@ -0,0 +1,35 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-dropdown-menu";
+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";
+import { cn as f } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const u = d.forwardRef(
+  ({ className: r, children: t, checked: i, onCheckedChange: n, disabled: s, ...a }, m) => /* @__PURE__ */ c(
+    o.CheckboxItem,
+    {
+      ref: m,
+      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: i,
+      onCheckedChange: n,
+      disabled: s,
+      ...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(p, { icon: l, className: "size-3!" }) }) }),
+        t
+      ]
+    }
+  )
+);
+u.displayName = o.CheckboxItem.displayName;
+export {
+  u as DropdownMenuCheckboxItem
+};

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

@@ -0,0 +1,27 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-dropdown-menu";
+import * as i from "react";
+import "@gearbox-protocol/sdk";
+import { cn as m } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import { Z_INDEX as n } from "../../utils/z-index.js";
+const s = i.forwardRef(({ className: e, sideOffset: a = 4, ...r }, d) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+  o.Content,
+  {
+    ref: d,
+    sideOffset: a,
+    className: m(
+      n.DROPDOWN,
+      "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
+    ),
+    ...r
+  }
+) }));
+s.displayName = o.Content.displayName;
+export {
+  s as DropdownMenuContent
+};

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

@@ -0,0 +1,25 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-dropdown-menu";
+import * as n from "react";
+import "@gearbox-protocol/sdk";
+import { cn as a } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const m = n.forwardRef(({ className: e, inset: r, ...t }, i) => /* @__PURE__ */ s(
+  o.Item,
+  {
+    ref: i,
+    className: a(
+      "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 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 [&>svg]:size-3! [&>svg]:shrink-0",
+      r && "pl-8",
+      e
+    ),
+    ...t
+  }
+));
+m.displayName = o.Item.displayName;
+export {
+  m as DropdownMenuItem
+};

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

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-dropdown-menu";
+import * as e from "react";
+import "@gearbox-protocol/sdk";
+import { cn as a } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const s = e.forwardRef(({ className: m, inset: r, ...p }, t) => /* @__PURE__ */ i(
+  o.Label,
+  {
+    ref: t,
+    className: a(
+      "px-2 py-1.5 text-sm font-semibold",
+      r && "pl-8",
+      m
+    ),
+    ...p
+  }
+));
+s.displayName = o.Label.displayName;
+export {
+  s as DropdownMenuLabel
+};