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

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

@@ -0,0 +1,30 @@
+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 m } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as c } from "../icons/fa-icon.js";
+import "@gearbox-protocol/sdk";
+import { cn as d } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const l = s.forwardRef(({ className: t, children: r, ...i }, a) => /* @__PURE__ */ n(
+  o.RadioItem,
+  {
+    ref: a,
+    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",
+      t
+    ),
+    ...i,
+    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(c, { icon: m, className: "size-2 fill-current" }) }) }),
+      r
+    ]
+  }
+));
+l.displayName = o.RadioItem.displayName;
+export {
+  l as DropdownMenuRadioItem
+};

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

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-dropdown-menu";
+import * as a from "react";
+import "@gearbox-protocol/sdk";
+import { cn as i } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const e = a.forwardRef(({ className: o, ...m }, p) => /* @__PURE__ */ t(
+  r.Separator,
+  {
+    ref: p,
+    className: i("-mx-1 my-1 h-px bg-muted", o),
+    ...m
+  }
+));
+e.displayName = r.Separator.displayName;
+export {
+  e as DropdownMenuSeparator
+};

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

@@ -0,0 +1,22 @@
+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/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const m = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ r(
+  "span",
+  {
+    className: p("ml-auto text-xs tracking-widest opacity-60", t),
+    ...o
+  }
+);
+m.displayName = "DropdownMenuShortcut";
+export {
+  m as DropdownMenuShortcut
+};

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

@@ -0,0 +1,25 @@
+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/common-utils";
+import "luxon";
+import { Z_INDEX as m } from "../../utils/z-index.js";
+const n = i.forwardRef(({ className: o, ...e }, a) => /* @__PURE__ */ d(
+  t.SubContent,
+  {
+    ref: a,
+    className: r(
+      m.DROPDOWN,
+      "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
+  }
+));
+n.displayName = t.SubContent.displayName;
+export {
+  n as DropdownMenuSubContent
+};

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

@@ -0,0 +1,30 @@
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { IconExpand as p } from "@gearbox-protocol/static";
+import * as e from "@radix-ui/react-dropdown-menu";
+import * as a from "react";
+import "@gearbox-protocol/sdk";
+import { cn as c } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const g = a.forwardRef(({ className: r, inset: o, children: t, ...s }, i) => /* @__PURE__ */ m(
+  e.SubTrigger,
+  {
+    ref: i,
+    className: c(
+      "flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      o && "pl-8",
+      r
+    ),
+    ...s,
+    children: [
+      t,
+      /* @__PURE__ */ n(p, { size: 16, className: "ml-auto [&_svg]:size-4" })
+    ]
+  }
+));
+g.displayName = e.SubTrigger.displayName;
+export {
+  g as DropdownMenuSubTrigger
+};

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

@@ -0,0 +1,16 @@
+import { jsx as p } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-dropdown-menu";
+const e = ({
+  modal: r = !1,
+  ...n
+}) => /* @__PURE__ */ p(o.Root, { modal: r, ...n });
+e.displayName = "DropdownMenu";
+const t = o.Trigger, d = o.Group, i = o.Portal, s = o.Sub, a = o.RadioGroup;
+export {
+  e as DropdownMenu,
+  d as DropdownMenuGroup,
+  i as DropdownMenuPortal,
+  a as DropdownMenuRadioGroup,
+  s as DropdownMenuSub,
+  t as DropdownMenuTrigger
+};

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

@@ -0,0 +1,27 @@
+import { DropdownMenu as e, DropdownMenuGroup as n, DropdownMenuPortal as p, DropdownMenuRadioGroup as t, DropdownMenuSub as u, DropdownMenuTrigger as d } from "./dropdown-menu.js";
+import { DropdownMenuCheckboxItem as D } from "./dropdown-menu-checkbox-item.js";
+import { DropdownMenuContent as m } from "./dropdown-menu-content.js";
+import { DropdownMenuItem as f } from "./dropdown-menu-item.js";
+import { DropdownMenuLabel as b } from "./dropdown-menu-label.js";
+import { DropdownMenuRadioItem as g } from "./dropdown-menu-radio-item.js";
+import { DropdownMenuSeparator as C } from "./dropdown-menu-separator.js";
+import { DropdownMenuShortcut as c } from "./dropdown-menu-shortcut.js";
+import { DropdownMenuSubContent as l } from "./dropdown-menu-sub-content.js";
+import { DropdownMenuSubTrigger as R } from "./dropdown-menu-sub-trigger.js";
+export {
+  e as DropdownMenu,
+  D as DropdownMenuCheckboxItem,
+  m as DropdownMenuContent,
+  n as DropdownMenuGroup,
+  f as DropdownMenuItem,
+  b as DropdownMenuLabel,
+  p as DropdownMenuPortal,
+  t as DropdownMenuRadioGroup,
+  g as DropdownMenuRadioItem,
+  C as DropdownMenuSeparator,
+  c as DropdownMenuShortcut,
+  u as DropdownMenuSub,
+  l as DropdownMenuSubContent,
+  R as DropdownMenuSubTrigger,
+  d as DropdownMenuTrigger
+};

package/dist/esm/components/edit-input/edit-input.js

@@ -0,0 +1,125 @@
+import { jsx as t } from "react/jsx-runtime";
+import { IconEditPen as z } from "@gearbox-protocol/static";
+import { cva as D } from "class-variance-authority";
+import * as r from "react";
+import { faArrowRight as K } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as N } from "../icons/fa-icon.js";
+import { Input as L } from "../input/input.js";
+import { TextButton as M } from "../text-button/text-button.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 S = D("", {
+  variants: {
+    labelHeight: {
+      xs: "h-auto",
+      sm: "h-8",
+      md: "h-10",
+      lg: "h-11"
+    }
+  },
+  defaultVariants: {
+    labelHeight: "sm"
+  }
+}), V = {
+  xs: "xs",
+  sm: "sm",
+  md: "default",
+  lg: "lg"
+};
+function Y({
+  label: m,
+  value: c,
+  onChange: d,
+  onSubmit: u,
+  onEditModeChange: p,
+  textButtonProps: h = {},
+  inputSize: s = "sm",
+  colorTheme: x = "filledLight",
+  placeholder: g,
+  inputMode: E = "decimal",
+  autoComplete: w = "off",
+  autoCorrect: y = "off",
+  type: I = "text",
+  spellCheck: b = "false",
+  className: a,
+  onKeyDown: k,
+  ...v
+}) {
+  const [i, C] = r.useState(!1), n = r.useRef(null);
+  r.useEffect(() => {
+    i && n.current && n.current.focus();
+  }, [i]);
+  const o = (e) => {
+    C(e), p?.(e);
+  }, l = () => {
+    u?.(), o(!1);
+  }, H = () => {
+    o(!1);
+  }, R = (e) => {
+    e.key === "Enter" ? l() : e.key === "Escape" && H(), k?.(e);
+  }, j = () => {
+    o(!0);
+  };
+  return i ? /* @__PURE__ */ t(
+    "div",
+    {
+      className: f(
+        "relative w-full flex flex-row flex-nowrap justify-end items-center",
+        a
+      ),
+      children: /* @__PURE__ */ t(
+        L,
+        {
+          ref: n,
+          value: c,
+          size: V[s],
+          colorTheme: x,
+          onChange: d,
+          inputMode: E,
+          placeholder: g,
+          autoComplete: w,
+          autoCorrect: y,
+          type: I,
+          spellCheck: b,
+          onKeyDown: R,
+          endingIcon: /* @__PURE__ */ t(
+            N,
+            {
+              icon: K,
+              className: "size-[18px] text-primary",
+              "aria-hidden": !0
+            }
+          ),
+          onEndingIconClick: l,
+          ...v
+        }
+      )
+    }
+  ) : /* @__PURE__ */ t(
+    "div",
+    {
+      className: f(
+        "flex w-full justify-end items-center cursor-pointer",
+        S({ labelHeight: s }),
+        a
+      ),
+      children: /* @__PURE__ */ t(
+        M,
+        {
+          ...h,
+          icon: /* @__PURE__ */ t(z, { size: 12, className: "mb-[3px] shrink-0", "aria-hidden": !0 }),
+          tabIndex: -1,
+          onClick: j,
+          children: m
+        }
+      )
+    }
+  );
+}
+export {
+  Y as EditInput
+};

package/dist/esm/components/edit-input/index.js

@@ -0,0 +1,4 @@
+import { EditInput as p } from "./edit-input.js";
+export {
+  p as EditInput
+};

package/dist/esm/components/error-message/error-line-message.js

@@ -0,0 +1,25 @@
+import { jsxs as r } 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";
+function g({
+  err: t,
+  title: o,
+  className: i
+}) {
+  return /* @__PURE__ */ r("div", { className: e("text-destructive", i), children: [
+    /* @__PURE__ */ r("strong", { children: [
+      o ?? "Error",
+      ":"
+    ] }),
+    " ",
+    t.message
+  ] });
+}
+export {
+  g as ErrorLineMessage
+};

package/dist/esm/components/error-message/error-message.js

@@ -0,0 +1,39 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { FormattedMessage as i } from "react-intl";
+import { Button as a } from "../buttons/button/button.js";
+import { DialogContainer as l } from "../dialog/dialog-container.js";
+import { FormattedMessageTyped as d } from "../typed-intl/index.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";
+function y({
+  err: t,
+  btnTitle: m,
+  onClick: o,
+  theme: s = "default"
+}) {
+  return /* @__PURE__ */ e(
+    l,
+    {
+      maxWidth: "md",
+      colorTheme: s,
+      padding: !0,
+      className: n("min-w-[280px] md:min-w-[320px] max-w-[600px]"),
+      children: /* @__PURE__ */ r("div", { className: "flex w-full flex-wrap justify-center gap-2", children: [
+        /* @__PURE__ */ r("div", { className: "w-full text-center text-xl font-medium text-muted-foreground", children: [
+          /* @__PURE__ */ e(d, { messageId: "components.errorMessage.oops" }),
+          " 😬"
+        ] }),
+        /* @__PURE__ */ e("div", { className: "flex w-full justify-center items-start px-2 text-lg text-center text-foreground", children: /* @__PURE__ */ e(i, { id: t.message, defaultMessage: t.message }) }),
+        /* @__PURE__ */ e(a, { onClick: o, className: "w-1/2 mt-2", children: m })
+      ] })
+    }
+  );
+}
+export {
+  y as ErrorMessage
+};

package/dist/esm/components/error-message/index.js

@@ -0,0 +1,6 @@
+import { ErrorLineMessage as o } from "./error-line-message.js";
+import { ErrorMessage as a } from "./error-message.js";
+export {
+  o as ErrorLineMessage,
+  a as ErrorMessage
+};

package/dist/esm/components/error-view/error-view.js

@@ -0,0 +1,52 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { BackButton as x } from "../buttons/back-button/back-button.js";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as l } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+function N({
+  status: m,
+  message: t,
+  backButton: r,
+  className: n
+}) {
+  const o = t.length > 32 ? "default" : "large";
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: l(
+        "w-full h-full flex items-center justify-center py-16",
+        n
+      ),
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          className: l(
+            "flex flex-col items-center max-w-md mx-auto px-4 py-8 text-center",
+            o === "default" && "gap-4"
+          ),
+          children: [
+            /* @__PURE__ */ e("h1", { className: "text-6xl md:text-9xl font-bold text-foreground font-mono", children: m }),
+            /* @__PURE__ */ i("div", { className: l("flex flex-col items-center gap-4"), children: [
+              o === "large" ? /* @__PURE__ */ e("h2", { className: "text-2xl font-semibold text-foreground", children: t }) : /* @__PURE__ */ e("p", { className: "text-lg text-foreground", children: t }),
+              r && /* @__PURE__ */ e(
+                x,
+                {
+                  text: r.text,
+                  href: r.href,
+                  className: "inline-flex items-center text-md"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  N as ErrorView
+};

package/dist/esm/components/error-view/index.js

@@ -0,0 +1,4 @@
+import { ErrorView as e } from "./error-view.js";
+export {
+  e as ErrorView
+};

package/dist/esm/components/explorer-links-dropdown/explorer-links-dropdown.js

@@ -0,0 +1,83 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { IconExternal as k } from "@gearbox-protocol/static";
+import * as c from "react";
+import { DropdownMenu as C, DropdownMenuTrigger as b } from "../dropdown-menu/dropdown-menu.js";
+import "../dropdown-menu/dropdown-menu-checkbox-item.js";
+import { DropdownMenuContent as D } from "../dropdown-menu/dropdown-menu-content.js";
+import { DropdownMenuItem as w } 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 "@gearbox-protocol/sdk";
+import { cn as M } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const s = {
+  1: [
+    { name: "Etherscan", url: "https://etherscan.io" },
+    { name: "Blockscout", url: "https://eth.blockscout.com" }
+  ],
+  42161: [
+    { name: "Arbiscan", url: "https://arbiscan.io" },
+    { name: "Blockscout", url: "https://arbitrum.blockscout.com" }
+  ],
+  10: [
+    { name: "Optimistic Etherscan", url: "https://optimistic.etherscan.io" },
+    { name: "Blockscout", url: "https://optimism.blockscout.com" }
+  ],
+  146: [{ name: "Sonic Explorer", url: "https://sonicscan.org" }]
+};
+function N(e, r, n) {
+  return n ? `${e}/tx/${n}` : r ? `${e}/address/${r}` : e;
+}
+function G({
+  explorerLinks: e,
+  opened: r,
+  opens: n = "right",
+  onClose: p,
+  title: a,
+  address: l,
+  txHash: u,
+  chainId: h = 1,
+  className: f,
+  children: d
+}) {
+  const [g, i] = c.useState(r ?? !1);
+  c.useEffect(() => {
+    r !== void 0 && i(r);
+  }, [r]);
+  const x = (t) => {
+    i(t), t || p?.();
+  }, E = e ?? s[h] ?? s[1];
+  return /* @__PURE__ */ m(C, { open: g, onOpenChange: x, children: [
+    /* @__PURE__ */ o(b, { asChild: !0, children: /* @__PURE__ */ o("span", { className: M("cursor-pointer", f), children: d || a || "Explorer" }) }),
+    /* @__PURE__ */ o(D, { align: n === "left" ? "start" : "end", children: E?.map((t) => /* @__PURE__ */ o(w, { asChild: !0, children: /* @__PURE__ */ m(
+      "a",
+      {
+        href: N(t.url, l, u),
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "flex items-center gap-2",
+        children: [
+          t.icon,
+          /* @__PURE__ */ o("span", { children: t.name }),
+          /* @__PURE__ */ o(
+            k,
+            {
+              size: 12,
+              className: "ml-auto text-muted-foreground"
+            }
+          )
+        ]
+      }
+    ) }, t.name)) })
+  ] });
+}
+export {
+  G as ExplorerLinksDropdown
+};

package/dist/esm/components/explorer-links-dropdown/index.js

@@ -0,0 +1,4 @@
+import { ExplorerLinksDropdown as p } from "./explorer-links-dropdown.js";
+export {
+  p as ExplorerLinksDropdown
+};

package/dist/esm/components/fadeout-loading/fadeout-loading.js

@@ -0,0 +1,29 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as s from "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 d = s.forwardRef(
+  ({ className: t, loading: o, duration: a = 100, children: r, style: i, ...m }, p) => /* @__PURE__ */ e(
+    "span",
+    {
+      ref: p,
+      className: n(t),
+      style: {
+        opacity: o ? 0.5 : 1,
+        transition: `opacity ${a}ms ease-in-out`,
+        ...i
+      },
+      "data-loading": o,
+      ...m,
+      children: r
+    }
+  )
+);
+d.displayName = "FadeoutLoading";
+export {
+  d as FadeoutLoading
+};

package/dist/esm/components/fadeout-loading/index.js

@@ -0,0 +1,4 @@
+import { FadeoutLoading as d } from "./fadeout-loading.js";
+export {
+  d as FadeoutLoading
+};

package/dist/esm/components/filter/filter-block.js

@@ -0,0 +1,26 @@
+import { jsx as p } from "react/jsx-runtime";
+import * as s from "react";
+import "@gearbox-protocol/sdk";
+import { cn as l } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+import { filterBlockVariants as c } from "./variants.js";
+const d = s.forwardRef(
+  ({ className: t, variant: o, opened: r, type: a, hasSelected: e, onReset: f, ...i }, m) => /* @__PURE__ */ p(
+    "div",
+    {
+      ref: m,
+      "data-opened": r,
+      "data-type": a,
+      "data-has-selected": e,
+      className: l(c({ variant: o, className: t })),
+      ...i
+    }
+  )
+);
+d.displayName = "FilterBlock";
+export {
+  d as FilterBlock
+};

package/dist/esm/components/filter/filter-checkbox-item.js

@@ -0,0 +1,31 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-dropdown-menu";
+import * as c from "react";
+import { faCheck as n } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as l } from "../icons/fa-icon.js";
+import "@gearbox-protocol/sdk";
+import { cn as d } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const p = c.forwardRef(({ className: o, children: r, checked: a, ...i }, s) => /* @__PURE__ */ m(
+  t.CheckboxItem,
+  {
+    ref: s,
+    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
+    ),
+    checked: a,
+    ...i,
+    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(l, { icon: n, className: "size-4" }) }) }),
+      r
+    ]
+  }
+));
+p.displayName = t.CheckboxItem.displayName;
+export {
+  p as FilterCheckboxItem
+};

package/dist/esm/components/filter/filter-chip.js

@@ -0,0 +1,43 @@
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import * as m from "react";
+import { Badge as s } from "../badge/badge.js";
+import { faXmark as f } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as l } from "../icons/fa-icon.js";
+import "@gearbox-protocol/sdk";
+import { cn as u } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const d = m.forwardRef(
+  ({ className: e, label: i, value: g, onRemove: o, showRemove: t = !0, ...a }, n) => /* @__PURE__ */ r("div", { ref: n, ...a, children: /* @__PURE__ */ c(
+    s,
+    {
+      variant: "secondary",
+      className: u(
+        "gap-1.5 px-2 py-1 pr-1.5",
+        t && o && "cursor-pointer",
+        e
+      ),
+      children: [
+        /* @__PURE__ */ r("span", { children: i }),
+        t && o && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: (p) => {
+              p.stopPropagation(), o();
+            },
+            className: "ml-1 rounded-sm hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+            "aria-label": `Remove filter: ${i}`,
+            children: /* @__PURE__ */ r(l, { icon: f, className: "size-3" })
+          }
+        )
+      ]
+    }
+  ) })
+);
+d.displayName = "FilterChip";
+export {
+  d as FilterChip
+};