@gearbox-protocol/permissionless-ui 1.2.32 → 1.3.0

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

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var filter_dropdown_item_exports = {};
+__export(filter_dropdown_item_exports, {
+  FilterDropdownItem: () => FilterDropdownItem
+});
+module.exports = __toCommonJS(filter_dropdown_item_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../../utils/index.js'));
+const FilterDropdownItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: (0, import_utils.default)(
+      "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";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FilterDropdownItem
+});

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

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var filter_group_exports = {};
+__export(filter_group_exports, {
+  FilterGroup: () => FilterGroup
+});
+module.exports = __toCommonJS(filter_group_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../../utils/index.js'));
+const FilterGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Group, { ref, className: (0, import_utils.default)(className), ...props }));
+FilterGroup.displayName = DropdownMenuPrimitive.Group.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FilterGroup
+});

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

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var filter_label_exports = {};
+__export(filter_label_exports, {
+  FilterLabel: () => FilterLabel
+});
+module.exports = __toCommonJS(filter_label_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../../utils/index.js'));
+const FilterLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: (0, import_utils.default)(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+FilterLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FilterLabel
+});

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

@@ -0,0 +1,55 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var filter_modal_item_exports = {};
+__export(filter_modal_item_exports, {
+  FilterModalItem: () => FilterModalItem
+});
+module.exports = __toCommonJS(filter_modal_item_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../../utils/index.js'));
+const FilterModalItem = React.forwardRef(({ className, active, disabled, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: (0, import_utils.default)(
+      "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";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FilterModalItem
+});

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

@@ -0,0 +1,242 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var filter_modal_exports = {};
+__export(filter_modal_exports, {
+  FilterModal: () => FilterModal
+});
+module.exports = __toCommonJS(filter_modal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../../utils/index.js'));
+var import_buttons = require('../buttons/index.js');
+var import_checkbox_item = require('../checkbox-item.js');
+var import_dialog = require('../dialog/index.js');
+var import_search_line = require('../search-line.js');
+var import_tabs = require('../tabs.js');
+function isSelected(state, value) {
+  if (!state) return false;
+  if (Array.isArray(state)) {
+    return state.includes(value);
+  }
+  return state.has(value);
+}
+function FilterModal({
+  title,
+  state,
+  modalShow,
+  onOpen,
+  onClose,
+  onReset,
+  options,
+  tabbedOptions,
+  onSelect,
+  className,
+  optionsClassName,
+  resetLabel = "Reset",
+  applyLabel = "Apply",
+  showApplyButton = false,
+  showSearch = false
+}) {
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const [sortedOptions, setSortedOptions] = React.useState([]);
+  const [sortedTabbedOptions, setSortedTabbedOptions] = React.useState([]);
+  const handleReset = React.useCallback(() => {
+    onReset();
+  }, [onReset]);
+  const handleApply = React.useCallback(() => {
+    onClose();
+  }, [onClose]);
+  const filteredOptions = React.useMemo(() => {
+    if (!sortedOptions) return [];
+    if (!searchQuery.trim()) {
+      return sortedOptions;
+    }
+    const query = searchQuery.toLowerCase().trim();
+    return sortedOptions.filter((option) => {
+      const labelText = (0, import_utils.extractTextFromLabel)(option.label).toLowerCase();
+      return labelText.includes(query);
+    });
+  }, [sortedOptions, searchQuery]);
+  const filteredTabbedOptions = React.useMemo(() => {
+    if (!sortedTabbedOptions) return [];
+    if (!searchQuery.trim()) {
+      return sortedTabbedOptions;
+    }
+    const query = searchQuery.toLowerCase().trim();
+    return sortedTabbedOptions.map((tab) => ({
+      ...tab,
+      options: tab.options.filter((option) => {
+        const labelText = (0, import_utils.extractTextFromLabel)(option.label).toLowerCase();
+        return labelText.includes(query);
+      })
+    })).filter((tab) => tab.options.length > 0);
+  }, [sortedTabbedOptions, searchQuery]);
+  const defaultActiveTab = React.useMemo(() => {
+    return filteredTabbedOptions.length > 0 ? filteredTabbedOptions[0].tab : "";
+  }, [filteredTabbedOptions]);
+  const prevModalShowRef = React.useRef(modalShow);
+  React.useEffect(() => {
+    const wasOpen = prevModalShowRef.current;
+    const isOpen = modalShow;
+    if (!wasOpen && isOpen) {
+      if (options) {
+        const sorted = [...options].sort((a, b) => {
+          const aSelected = isSelected(state, a.value);
+          const bSelected = isSelected(state, b.value);
+          if (aSelected && !bSelected) return -1;
+          if (!aSelected && bSelected) return 1;
+          return 0;
+        });
+        setSortedOptions(sorted);
+      }
+      if (tabbedOptions) {
+        const sorted = tabbedOptions.map((tab) => ({
+          ...tab,
+          options: [...tab.options].sort((a, b) => {
+            const aSelected = isSelected(state, a.value);
+            const bSelected = isSelected(state, b.value);
+            if (aSelected && !bSelected) return -1;
+            if (!aSelected && bSelected) return 1;
+            return 0;
+          })
+        }));
+        setSortedTabbedOptions(sorted);
+      }
+    } else if (wasOpen && !isOpen) {
+      setSearchQuery("");
+    }
+    prevModalShowRef.current = modalShow;
+  }, [modalShow, state, options, tabbedOptions]);
+  const allOptionsCount = React.useMemo(() => {
+    if (tabbedOptions) {
+      return tabbedOptions.reduce((sum, tab) => sum + tab.options.length, 0);
+    }
+    return options?.length ?? 0;
+  }, [options, tabbedOptions]);
+  const searchState = React.useMemo(
+    () => ({
+      value: searchQuery,
+      handleInput: (ev) => {
+        setSearchQuery(ev.target.value);
+      },
+      handleSubmit: (ev) => {
+        ev.preventDefault();
+      }
+    }),
+    [searchQuery]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog,
+    {
+      open: modalShow,
+      onOpenChange: (open) => open ? onOpen() : onClose(),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogContent, { className: (0, import_utils.default)("max-w-md", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, { children: title }) }),
+        showSearch && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_search_line.SearchLine,
+          {
+            searchState,
+            placeholder: "Search options...",
+            size: "full"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: (0, import_utils.default)(
+              tabbedOptions ? "" : "max-h-[60vh] overflow-y-auto",
+              optionsClassName
+            ),
+            children: tabbedOptions ? filteredTabbedOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-center text-sm text-muted-foreground", children: allOptionsCount === 0 ? "No options available" : "No options match your search" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_tabs.Tabs,
+              {
+                defaultValue: defaultActiveTab,
+                className: "w-full",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsList, { className: "w-full justify-start", children: filteredTabbedOptions.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsTrigger, { value: tab.tab, children: tab.label }, tab.tab)) }),
+                  filteredTabbedOptions.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_tabs.TabsContent,
+                    {
+                      value: tab.tab,
+                      className: "mt-4 max-h-[60vh] overflow-y-auto",
+                      children: tab.options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-center text-sm text-muted-foreground", children: "No options available" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-1", children: tab.options.map((option) => {
+                        const checked = isSelected(state, option.value);
+                        const key = (0, import_utils.serializeValue)(option.value);
+                        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          import_checkbox_item.CheckboxItem,
+                          {
+                            checked,
+                            onCheckedChange: (newChecked) => onSelect(option.value, newChecked),
+                            children: option.label
+                          },
+                          key
+                        );
+                      }) })
+                    },
+                    tab.tab
+                  ))
+                ]
+              },
+              defaultActiveTab
+            ) : filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-center text-sm text-muted-foreground", children: allOptionsCount === 0 ? "No options available" : "No options match your search" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-1", children: filteredOptions.map((option) => {
+              const checked = isSelected(state, option.value);
+              const key = (0, import_utils.serializeValue)(option.value);
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_checkbox_item.CheckboxItem,
+                {
+                  checked,
+                  onCheckedChange: (newChecked) => onSelect(option.value, newChecked),
+                  children: option.label
+                },
+                key
+              );
+            }) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogFooter, { className: "flex-row justify-between gap-2 sm:justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_buttons.Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: handleReset,
+              disabled: !state || (Array.isArray(state) ? state.length === 0 : state.size === 0),
+              children: resetLabel
+            }
+          ),
+          showApplyButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_buttons.Button, { type: "button", onClick: handleApply, children: applyLabel }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_buttons.Button, { type: "button", variant: "default", onClick: onClose, children: applyLabel })
+        ] })
+      ] })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FilterModal
+});

package/dist/cjs/components/filter/filter-radio-item.js

@@ -0,0 +1,58 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var filter_radio_item_exports = {};
+__export(filter_radio_item_exports, {
+  FilterRadioItem: () => FilterRadioItem
+});
+module.exports = __toCommonJS(filter_radio_item_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_lucide_react = require("lucide-react");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../../utils/index.js'));
+const FilterRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: (0, import_utils.default)(
+      "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__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+FilterRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FilterRadioItem
+});

package/dist/cjs/components/filter/filter-separator.js

@@ -0,0 +1,50 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var filter_separator_exports = {};
+__export(filter_separator_exports, {
+  FilterSeparator: () => FilterSeparator
+});
+module.exports = __toCommonJS(filter_separator_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../../utils/index.js'));
+const FilterSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: (0, import_utils.default)("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+FilterSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FilterSeparator
+});

package/dist/cjs/components/filter/index.js

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var filter_exports = {};
+module.exports = __toCommonJS(filter_exports);
+__reExport(filter_exports, require('./filter-block.js'), module.exports);
+__reExport(filter_exports, require('./filter-checkbox-item.js'), module.exports);
+__reExport(filter_exports, require('./filter-chip.js'), module.exports);
+__reExport(filter_exports, require('./filter-chips.js'), module.exports);
+__reExport(filter_exports, require('./filter-dropdown-item.js'), module.exports);
+__reExport(filter_exports, require('./filter-group.js'), module.exports);
+__reExport(filter_exports, require('./filter-label.js'), module.exports);
+__reExport(filter_exports, require('./filter-modal.js'), module.exports);
+__reExport(filter_exports, require('./filter-modal-item.js'), module.exports);
+__reExport(filter_exports, require('./filter-radio-item.js'), module.exports);
+__reExport(filter_exports, require('./filter-separator.js'), module.exports);
+__reExport(filter_exports, require('./variants.js'), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require('./filter-block.js'),
+  ...require('./filter-checkbox-item.js'),
+  ...require('./filter-chip.js'),
+  ...require('./filter-chips.js'),
+  ...require('./filter-dropdown-item.js'),
+  ...require('./filter-group.js'),
+  ...require('./filter-label.js'),
+  ...require('./filter-modal.js'),
+  ...require('./filter-modal-item.js'),
+  ...require('./filter-radio-item.js'),
+  ...require('./filter-separator.js'),
+  ...require('./variants.js')
+});

package/dist/cjs/components/filter/interface.js

@@ -0,0 +1,16 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var interface_exports = {};
+module.exports = __toCommonJS(interface_exports);

package/dist/cjs/components/filter/variants.js

@@ -0,0 +1,41 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var variants_exports = {};
+__export(variants_exports, {
+  filterBlockVariants: () => filterBlockVariants
+});
+module.exports = __toCommonJS(variants_exports);
+var import_class_variance_authority = require("class-variance-authority");
+const filterBlockVariants = (0, import_class_variance_authority.cva)("w-full", {
+  variants: {
+    variant: {
+      default: "",
+      elevated: "shadow-lg",
+      outlined: "border-2",
+      ghost: "border-0 shadow-none"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  filterBlockVariants
+});