@gearbox-protocol/permissionless-ui 1.7.3 → 1.7.5

package/dist/cjs/components/dropdown-menu/dropdown-menu-sub-trigger.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownMenuPrimitive);
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const DropdownMenuSubTrigger = React__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.SubTrigger,
+  {
+    ref,
+    className: utils_cn.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__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
+
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;

package/dist/cjs/components/dropdown-menu/dropdown-menu.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownMenuPrimitive);
+
+const DropdownMenu = DropdownMenuPrimitive__namespace.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
+
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;

package/dist/cjs/components/dropdown-menu/index.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_dropdownMenu_dropdownMenu = require('./dropdown-menu.cjs');
+const components_dropdownMenu_dropdownMenuCheckboxItem = require('./dropdown-menu-checkbox-item.cjs');
+const components_dropdownMenu_dropdownMenuContent = require('./dropdown-menu-content.cjs');
+const components_dropdownMenu_dropdownMenuItem = require('./dropdown-menu-item.cjs');
+const components_dropdownMenu_dropdownMenuLabel = require('./dropdown-menu-label.cjs');
+const components_dropdownMenu_dropdownMenuRadioItem = require('./dropdown-menu-radio-item.cjs');
+const components_dropdownMenu_dropdownMenuSeparator = require('./dropdown-menu-separator.cjs');
+const components_dropdownMenu_dropdownMenuShortcut = require('./dropdown-menu-shortcut.cjs');
+const components_dropdownMenu_dropdownMenuSubContent = require('./dropdown-menu-sub-content.cjs');
+const components_dropdownMenu_dropdownMenuSubTrigger = require('./dropdown-menu-sub-trigger.cjs');
+
+
+
+exports.DropdownMenu = components_dropdownMenu_dropdownMenu.DropdownMenu;
+exports.DropdownMenuGroup = components_dropdownMenu_dropdownMenu.DropdownMenuGroup;
+exports.DropdownMenuPortal = components_dropdownMenu_dropdownMenu.DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = components_dropdownMenu_dropdownMenu.DropdownMenuRadioGroup;
+exports.DropdownMenuSub = components_dropdownMenu_dropdownMenu.DropdownMenuSub;
+exports.DropdownMenuTrigger = components_dropdownMenu_dropdownMenu.DropdownMenuTrigger;
+exports.DropdownMenuCheckboxItem = components_dropdownMenu_dropdownMenuCheckboxItem.DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = components_dropdownMenu_dropdownMenuContent.DropdownMenuContent;
+exports.DropdownMenuItem = components_dropdownMenu_dropdownMenuItem.DropdownMenuItem;
+exports.DropdownMenuLabel = components_dropdownMenu_dropdownMenuLabel.DropdownMenuLabel;
+exports.DropdownMenuRadioItem = components_dropdownMenu_dropdownMenuRadioItem.DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = components_dropdownMenu_dropdownMenuSeparator.DropdownMenuSeparator;
+exports.DropdownMenuShortcut = components_dropdownMenu_dropdownMenuShortcut.DropdownMenuShortcut;
+exports.DropdownMenuSubContent = components_dropdownMenu_dropdownMenuSubContent.DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = components_dropdownMenu_dropdownMenuSubTrigger.DropdownMenuSubTrigger;

package/dist/cjs/components/error-message/error-message.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactIntl = require('react-intl');
+const components_buttons_button_button = require('../buttons/button/button.cjs');
+const components_dialog_dialogContainer = require('../dialog/dialog-container.cjs');
+const components_typedIntl_index = require('../typed-intl/index.cjs');
+require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function ErrorMessage({
+  err,
+  btnTitle,
+  onClick,
+  theme = "default"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components_dialog_dialogContainer.DialogContainer,
+    {
+      maxWidth: "md",
+      padding: true,
+      className: utils_cn.cn(
+        "min-h-[200px] min-w-[320px] max-w-[600px]",
+        theme === "dark" && "bg-slate-900",
+        theme === "light" && "bg-white"
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-wrap justify-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full text-center text-xl font-medium text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components_typedIntl_index.FormattedMessageTyped, { messageId: "components.errorMessage.oops" }),
+          "😬"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full min-h-[100px] justify-center items-start pt-5 pr-8 pl-3 text-lg text-center text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(reactIntl.FormattedMessage, { id: err.message, defaultMessage: err.message }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_buttons_button_button.Button, { onClick, className: "w-1/2", children: btnTitle })
+      ] })
+    }
+  );
+}
+
+exports.ErrorMessage = ErrorMessage;

package/dist/cjs/components/error-message/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_errorMessage_errorMessage = require('./error-message.cjs');
+
+
+
+exports.ErrorMessage = components_errorMessage_errorMessage.ErrorMessage;

package/dist/cjs/components/filter/filter-block.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+const components_filter_variants = require('./variants.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const FilterBlock = React__namespace.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils_cn.cn(components_filter_variants.filterBlockVariants({ variant, className })),
+      ...props
+    }
+  )
+);
+FilterBlock.displayName = "FilterBlock";
+
+exports.FilterBlock = FilterBlock;

package/dist/cjs/components/filter/filter-checkbox-item.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownMenuPrimitive);
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const FilterCheckboxItem = React__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.CheckboxItem,
+  {
+    ref,
+    className: utils_cn.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__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+FilterCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
+
+exports.FilterCheckboxItem = FilterCheckboxItem;

package/dist/cjs/components/filter/filter-chip.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const components_badge_badge = require('../badge/badge.cjs');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const FilterChip = React__namespace.forwardRef(
+  ({ className, label, value, onRemove, showRemove = true, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      components_badge_badge.Badge,
+      {
+        variant: "secondary",
+        className: utils_cn.cn(
+          "gap-1.5 px-2 py-1 pr-1.5",
+          showRemove && onRemove && "cursor-pointer",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+          showRemove && onRemove && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+FilterChip.displayName = "FilterChip";
+
+exports.FilterChip = FilterChip;

package/dist/cjs/components/filter/filter-chips.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+const components_filter_filterChip = require('./filter-chip.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const FilterChips = React__namespace.forwardRef(
+  ({
+    className,
+    filters = [],
+    onRemoveFilter,
+    onClearAll,
+    showClearAll = true,
+    ...props
+  }, ref) => {
+    if (filters.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: utils_cn.cn("flex flex-wrap items-center gap-2", className),
+        ...props,
+        children: [
+          filters.map((filter) => /* @__PURE__ */ jsxRuntime.jsx(
+            components_filter_filterChip.FilterChip,
+            {
+              label: filter.label,
+              value: filter.value,
+              onRemove: onRemoveFilter ? () => onRemoveFilter(filter.id) : void 0
+            },
+            filter.id
+          )),
+          showClearAll && onClearAll && filters.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClearAll,
+              className: "text-sm text-muted-foreground hover:text-foreground underline underline-offset-4",
+              children: "Clear all"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+FilterChips.displayName = "FilterChips";
+
+exports.FilterChips = FilterChips;

package/dist/cjs/components/filter/filter-dropdown-item.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+const React = require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownMenuPrimitive);
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const FilterDropdownItem = React__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Item,
+  {
+    ref,
+    className: utils_cn.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
+  }
+));
+FilterDropdownItem.displayName = "FilterDropdownItem";
+
+exports.FilterDropdownItem = FilterDropdownItem;

package/dist/cjs/components/filter/filter-group.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+const React = require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownMenuPrimitive);
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const FilterGroup = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Group, { ref, className: utils_cn.cn(className), ...props }));
+FilterGroup.displayName = DropdownMenuPrimitive__namespace.Group.displayName;
+
+exports.FilterGroup = FilterGroup;

package/dist/cjs/components/filter/filter-label.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+const React = require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownMenuPrimitive);
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const FilterLabel = React__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Label,
+  {
+    ref,
+    className: utils_cn.cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+FilterLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
+
+exports.FilterLabel = FilterLabel;

package/dist/cjs/components/filter/filter-modal-item.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const FilterModalItem = React__namespace.forwardRef(({ className, active, disabled, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: utils_cn.cn(
+      "flex cursor-pointer select-none items-center gap-2 rounded-sm px-3 py-2 text-sm outline-none transition-colors",
+      "hover:bg-accent hover:text-accent-foreground",
+      active && "bg-accent text-accent-foreground",
+      disabled && "pointer-events-none opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+FilterModalItem.displayName = "FilterModalItem";
+
+exports.FilterModalItem = FilterModalItem;