@gearbox-protocol/permissionless-ui 1.2.33 → 1.3.0

package/dist/esm/components/credit-session-status.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import cn from "../utils/index.js";
+const COLOR_BY_STATUS = {
+  active: "bg-green-500",
+  closed: "bg-gray-500",
+  repaid: "bg-gray-500",
+  liquidated: "bg-red-500",
+  liquidateExpired: "bg-red-500",
+  liquidatePaused: "bg-red-500"
+};
+function CreditSessionStatus({
+  status,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "inline-flex items-center gap-1.5 px-3 py-1.5",
+        "text-xs font-medium uppercase tracking-wider",
+        "bg-muted border border-border rounded-md",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: cn("w-2 h-2 rounded-full", COLOR_BY_STATUS[status]) }),
+        status
+      ]
+    }
+  );
+}
+export {
+  CreditSessionStatus
+};

package/dist/esm/components/description.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import cn from "../utils/index.js";
+function Description({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+export {
+  Description
+};

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

@@ -0,0 +1,67 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Copy, ExternalLink } from "lucide-react";
+import cn from "../utils/index.js";
+import { copyToClipboard } from "../utils/copy.js";
+import { Button } from "./buttons/button.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "./dropdown-menu/index.js";
+import { PageTitle } from "./page-title.js";
+import { TokenIcon } from "./token-icon.js";
+function DetailedPageTitle({
+  title,
+  token,
+  toCopy,
+  explorerLinks,
+  className,
+  onCopySuccess
+}) {
+  const handleCopy = () => {
+    if (toCopy) {
+      copyToClipboard({ text: toCopy });
+      onCopySuccess?.();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    PageTitle,
+    {
+      icon: token?.symbol && /* @__PURE__ */ jsx(TokenIcon, { symbol: token.symbol, size: 36 }),
+      actions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        toCopy && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: handleCopy,
+            title: "Copy address",
+            children: /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" })
+          }
+        ),
+        explorerLinks && explorerLinks.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", title: "View in explorer", children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: explorerLinks.map((explorer) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: explorer.link,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "flex items-center gap-2",
+              children: [
+                explorer.label,
+                /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3 ml-auto" })
+              ]
+            }
+          ) }, explorer.link)) })
+        ] })
+      ] }),
+      className: cn(className),
+      children: title
+    }
+  );
+}
+export {
+  DetailedPageTitle
+};

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

@@ -0,0 +1,41 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import cn from "../../utils/index.js";
+const maxWidthClasses = {
+  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"
+};
+const DialogContainer = React.forwardRef(
+  ({
+    maxWidth = "full",
+    padding = true,
+    center = true,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "w-full border bg-card rounded-lg border-border",
+          maxWidthClasses[maxWidth],
+          center && "mx-auto",
+          padding && "p-4 sm:p-6 lg:p-8",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+DialogContainer.displayName = "DialogContainer";
+export {
+  DialogContainer
+};

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

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import * as React from "react";
+import cn from "../../utils/index.js";
+import { DialogPortal } from "./dialog.js";
+import { DialogOverlay } from "./dialog-overlay.js";
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+  /* @__PURE__ */ jsx(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "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-background 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",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground cursor-pointer hover:text-white", children: [
+          /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+export {
+  DialogContent
+};

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

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+import cn from "../../utils/index.js";
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+export {
+  DialogDescription
+};

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

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import cn from "../../utils/index.js";
+const DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+export {
+  DialogFooter
+};

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

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import cn from "../../utils/index.js";
+const DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+export {
+  DialogHeader
+};

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

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+import cn from "../../utils/index.js";
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 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",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+export {
+  DialogOverlay
+};

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

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+import cn from "../../utils/index.js";
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-xl font-bold text-white", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+export {
+  DialogTitle
+};

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

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

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

@@ -0,0 +1,8 @@
+export * from "./dialog.js";
+export * from "./dialog-container.js";
+export * from "./dialog-content.js";
+export * from "./dialog-description.js";
+export * from "./dialog-footer.js";
+export * from "./dialog-header.js";
+export * from "./dialog-overlay.js";
+export * from "./dialog-title.js";

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

@@ -0,0 +1,29 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check } from "lucide-react";
+import * as React from "react";
+import cn from "../../utils/index.js";
+const DropdownMenuCheckboxItem = React.forwardRef(
+  ({ className, children, checked, onCheckedChange, disabled, ...props }, ref) => /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      ref,
+      className: cn(
+        "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]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      checked,
+      onCheckedChange,
+      disabled,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+        children
+      ]
+    }
+  )
+);
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+export {
+  DropdownMenuCheckboxItem
+};

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

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+import cn from "../../utils/index.js";
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md",
+      "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",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+export {
+  DropdownMenuContent
+};

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

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+import cn from "../../utils/index.js";
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+export {
+  DropdownMenuItem
+};

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

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+import cn from "../../utils/index.js";
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+export {
+  DropdownMenuLabel
+};

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

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Circle } from "lucide-react";
+import * as React from "react";
+import cn from "../../utils/index.js";
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "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]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+export {
+  DropdownMenuRadioItem
+};

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

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+import cn from "../../utils/index.js";
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+export {
+  DropdownMenuSeparator
+};

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

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import cn from "../../utils/index.js";
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+export {
+  DropdownMenuShortcut
+};

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

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+import cn from "../../utils/index.js";
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "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",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+export {
+  DropdownMenuSubContent
+};

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

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { ChevronRight } from "lucide-react";
+import * as React from "react";
+import cn from "../../utils/index.js";
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "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",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+export {
+  DropdownMenuSubTrigger
+};

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

@@ -0,0 +1,15 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+export {
+  DropdownMenu,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuSub,
+  DropdownMenuTrigger
+};

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

@@ -0,0 +1,10 @@
+export * from "./dropdown-menu.js";
+export * from "./dropdown-menu-checkbox-item.js";
+export * from "./dropdown-menu-content.js";
+export * from "./dropdown-menu-item.js";
+export * from "./dropdown-menu-label.js";
+export * from "./dropdown-menu-radio-item.js";
+export * from "./dropdown-menu-separator.js";
+export * from "./dropdown-menu-shortcut.js";
+export * from "./dropdown-menu-sub-content.js";
+export * from "./dropdown-menu-sub-trigger.js";

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

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FormattedMessage } from "react-intl";
+import cn from "../utils/index.js";
+import { Button } from "./buttons/button.js";
+import { DialogContainer } from "./dialog/dialog-container.js";
+import { FormattedMessageTyped } from "./typed-intl/index.js";
+function ErrorMessage({
+  err,
+  btnTitle,
+  onClick,
+  theme = "default"
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogContainer,
+    {
+      maxWidth: "md",
+      padding: true,
+      className: cn(
+        "min-h-[200px] min-w-[320px] max-w-[600px]",
+        theme === "dark" && "bg-slate-900",
+        theme === "light" && "bg-white"
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-wrap justify-center", children: [
+        /* @__PURE__ */ jsxs("div", { className: "w-full text-center text-xl font-medium text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: "components.errorMessage.oops" }),
+          "\u{1F62C}"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex w-full min-h-[100px] justify-center items-start pt-5 pr-8 pl-3 text-lg text-center", children: /* @__PURE__ */ jsx(FormattedMessage, { id: err.message, defaultMessage: err.message }) }),
+        /* @__PURE__ */ jsx(Button, { onClick, className: "w-1/2", children: btnTitle })
+      ] })
+    }
+  );
+}
+export {
+  ErrorMessage
+};

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

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import cn from "../../utils/index.js";
+import { filterBlockVariants } from "./variants.js";
+const FilterBlock = React.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(filterBlockVariants({ variant, className })),
+      ...props
+    }
+  )
+);
+FilterBlock.displayName = "FilterBlock";
+export {
+  FilterBlock
+};

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

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check } from "lucide-react";
+import * as React from "react";
+import cn from "../../utils/index.js";
+const FilterCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "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]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+FilterCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+export {
+  FilterCheckboxItem
+};

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

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import * as React from "react";
+import cn from "../../utils/index.js";
+import { Badge } from "../badge.js";
+const FilterChip = React.forwardRef(
+  ({ className, label, value, onRemove, showRemove = true, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("div", { ref, ...props, children: /* @__PURE__ */ jsxs(
+      Badge,
+      {
+        variant: "secondary",
+        className: cn(
+          "gap-1.5 px-2 py-1 pr-1.5",
+          showRemove && onRemove && "cursor-pointer",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { children: label }),
+          showRemove && onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => {
+                e.stopPropagation();
+                onRemove();
+              },
+              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: ${label}`,
+              children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+FilterChip.displayName = "FilterChip";
+export {
+  FilterChip
+};