@fuf-stack/megapixels 0.9.15 → 0.10.0

package/dist/Filter/index.cjs

@@ -1,7 +1,9 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-const require_Filter = require('../Filter-BHJ_5vaz.cjs');
-
-exports.createFilter = require_Filter.createFilter_default;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Filter = require("../Filter-Dsaa20RT.cjs");
+exports.createFilter = require_Filter.createFilter;
 exports.default = require_Filter.Filter_default;
 exports.filterVariants = require_Filter.filterVariants;
-exports.filters = require_Filter.filters;
+exports.filters = require_Filter.filters;

package/dist/Filter/index.d.cts

@@ -1,2 +1,2 @@
-import { a as FilterProps, c as FilterDefinition, d as FilterFormProps, f as FilterInstance, i as FilterChildRenderFn, l as FilterDisplayProps, n as createFilter, o as FilterValues, p as FiltersConfiguration, r as Filter, s as filterVariants, t as filters, u as FilterFactory } from "../index-DhAXVjv5.cjs";
+import { a as FilterProps, c as FilterDefinition, d as FilterFormProps, f as FilterInstance, i as FilterChildRenderFn, l as FilterDisplayProps, n as createFilter, o as FilterValues, p as FiltersConfiguration, r as Filter, s as filterVariants, t as filters, u as FilterFactory } from "../index-EDc2BfOH.cjs";
 export { FilterChildRenderFn, FilterDefinition, FilterDisplayProps, FilterFactory, FilterFormProps, FilterInstance, FilterProps, FilterValues, FiltersConfiguration, createFilter, Filter as default, filterVariants, filters };

package/dist/Filter/index.d.ts

@@ -1,2 +1,2 @@
-import { a as FilterProps, c as FilterDefinition, d as FilterFormProps, f as FilterInstance, i as FilterChildRenderFn, l as FilterDisplayProps, n as createFilter, o as FilterValues, p as FiltersConfiguration, r as Filter, s as filterVariants, t as filters, u as FilterFactory } from "../index-BfAt1v20.js";
+import { a as FilterProps, c as FilterDefinition, d as FilterFormProps, f as FilterInstance, i as FilterChildRenderFn, l as FilterDisplayProps, n as createFilter, o as FilterValues, p as FiltersConfiguration, r as Filter, s as filterVariants, t as filters, u as FilterFactory } from "../index-CCYYLtUy.js";
 export { FilterChildRenderFn, FilterDefinition, FilterDisplayProps, FilterFactory, FilterFormProps, FilterInstance, FilterProps, FilterValues, FiltersConfiguration, createFilter, Filter as default, filterVariants, filters };

package/dist/Filter/index.js

@@ -1,3 +1,2 @@
-import { i as filterVariants, n as filters, r as createFilter_default, t as Filter_default } from "../Filter-BSrl7xRD.js";
-
-export { createFilter_default as createFilter, Filter_default as default, filterVariants, filters };
+import { i as filterVariants, n as filters, r as createFilter, t as Filter_default } from "../Filter-Q1V-spI1.js";
+export { createFilter, Filter_default as default, filterVariants, filters };

package/dist/{Filter-BHJ_5vaz.cjs → Filter-Dsaa20RT.cjs}

@@ -1,4 +1,4 @@
-//#region rolldown:runtime
+//#region \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -6,16 +6,12 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") {
-		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-			key = keys[i];
-			if (!__hasOwnProp.call(to, key) && key !== except) {
-				__defProp(to, key, {
-					get: ((k) => from[k]).bind(null, key),
-					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-				});
-			}
-		}
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
 	}
 	return to;
 };
@@ -23,7 +19,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	value: mod,
 	enumerable: true
 }) : target, mod));
-
 //#endregion
 let debug = require("debug");
 debug = __toESM(debug);
@@ -54,7 +49,6 @@ let _fuf_stack_uniform_Switch = require("@fuf-stack/uniform/Switch");
 _fuf_stack_uniform_Switch = __toESM(_fuf_stack_uniform_Switch);
 let _fuf_stack_uniform_Checkboxes = require("@fuf-stack/uniform/Checkboxes");
 _fuf_stack_uniform_Checkboxes = __toESM(_fuf_stack_uniform_Checkboxes);
-
 //#region src/Filter/hooks/useFilterValidation.ts
 /**
 * useFilterValidation
@@ -80,7 +74,6 @@ const useFilterValidation = (filters, withSearch) => {
 		});
 	}, [filters, withSearch]);
 };
-
 //#endregion
 //#region src/Filter/Subcomponents/FiltersContext.tsx
 /**
@@ -308,7 +301,6 @@ const useFilters = () => {
 	if (!ctx) throw new Error("useFilters must be used within FiltersContextProvider");
 	return ctx;
 };
-
 //#endregion
 //#region src/Filter/Subcomponents/ActiveFilters.tsx
 const ActiveFilters = ({ className = void 0 }) => {
@@ -338,8 +330,6 @@ const ActiveFilters = ({ className = void 0 }) => {
 		}, name);
 	}) });
 };
-var ActiveFilters_default = ActiveFilters;
-
 //#endregion
 //#region src/Filter/Subcomponents/AddFilterMenu.tsx
 /**
@@ -380,8 +370,6 @@ const AddFilterMenu = ({ classNames = {} }) => {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_fa6.FaSliders, {}), "Filter"]
 	});
 };
-var AddFilterMenu_default = AddFilterMenu;
-
 //#endregion
 //#region src/Filter/Subcomponents/FilterModal.tsx
 const FilterModal = ({ classNames = {} }) => {
@@ -419,8 +407,6 @@ const FilterModal = ({ classNames = {} }) => {
 		}) })
 	});
 };
-var FilterModal_default = FilterModal;
-
 //#endregion
 //#region src/Filter/Subcomponents/SearchInput.tsx
 /**
@@ -482,8 +468,6 @@ const SearchInput = ({ classNames = {}, config }) => {
 		}, "search-input") : null]
 	});
 };
-var SearchInput_default = SearchInput;
-
 //#endregion
 //#region src/Filter/Filter.tsx
 const debug$1 = (0, debug.default)("megapixels:Filter");
@@ -536,7 +520,7 @@ const Filter = ({ children = void 0, className = void 0, config, formName = "fil
 			name: formName,
 			onSubmit: handleSubmit,
 			validation,
-			children: [config.search ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchInput_default, {
+			children: [config.search ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchInput, {
 				config: config.search,
 				classNames: {
 					searchInput: classNames.searchInput,
@@ -549,12 +533,12 @@ const Filter = ({ children = void 0, className = void 0, config, formName = "fil
 			}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(FiltersContextProvider, {
 				config: config.filters,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActiveFilters_default, { className: classNames.activeFilterLabel }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddFilterMenu_default, { classNames: {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActiveFilters, { className: classNames.activeFilterLabel }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddFilterMenu, { classNames: {
 						addFilterMenuButton: classNames.addFilterMenuButton,
 						addFilterMenuItem: classNames.addFilterMenuItem
 					} }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterModal_default, { classNames: {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterModal, { classNames: {
 						body: classNames.filterModalBody,
 						footer: classNames.filterModalFooter,
 						header: classNames.filterModalHeader
@@ -564,8 +548,6 @@ const Filter = ({ children = void 0, className = void 0, config, formName = "fil
 		}), children?.(valuesValidated ?? {})]
 	});
 };
-var Filter_default$1 = Filter;
-
 //#endregion
 //#region src/Filter/filters/createFilter.ts
 /**
@@ -600,8 +582,6 @@ const createFilter = (definition) => {
 		};
 	};
 };
-var createFilter_default = createFilter;
-
 //#endregion
 //#region src/Filter/filters/boolean/Display.tsx
 /**
@@ -613,8 +593,6 @@ const Display$1 = ({ value, config: { text, textPrefix, textNoWord } }) => {
 	if (typeof value === "boolean") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: `${value ? textPrefix : `${textPrefix} ${textNoWord ?? "no"}`} ${text}` });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: `${text}...` });
 };
-var Display_default$1 = Display$1;
-
 //#endregion
 //#region src/Filter/filters/boolean/Form.tsx
 /**
@@ -628,12 +606,7 @@ const Form$1 = ({ fieldName, config: { text, textPrefix } }) => {
 		name: fieldName
 	});
 };
-var Form_default$1 = Form$1;
-
-//#endregion
-//#region src/Filter/filters/boolean/schema.ts
-/** configuration of the filter */
-const config$1 = (0, _fuf_stack_veto.object)({
+(0, _fuf_stack_veto.object)({
 	text: (0, _fuf_stack_veto.string)(),
 	textPrefix: (0, _fuf_stack_veto.string)().optional(),
 	textNoWord: (0, _fuf_stack_veto.string)().optional()
@@ -642,7 +615,6 @@ const config$1 = (0, _fuf_stack_veto.object)({
 const validate$1 = (_config) => {
 	return (0, _fuf_stack_veto.boolean)().optional();
 };
-
 //#endregion
 //#region src/Filter/filters/boolean/boolean.ts
 /**
@@ -657,10 +629,10 @@ const validate$1 = (_config) => {
 * @see Form
 * @see validate
 */
-const boolean = createFilter_default({
+const boolean = createFilter({
 	components: {
-		Display: Display_default$1,
-		Form: Form_default$1
+		Display: Display$1,
+		Form: Form$1
 	},
 	defaults: {
 		value: true,
@@ -672,7 +644,6 @@ const boolean = createFilter_default({
 	},
 	validation: validate$1
 });
-
 //#endregion
 //#region src/Filter/filters/checkboxes/Display.tsx
 /**
@@ -696,8 +667,6 @@ const Display = ({ value, config: { text, options } }) => {
 	});
 	return `${text} is ...`;
 };
-var Display_default = Display;
-
 //#endregion
 //#region src/Filter/filters/checkboxes/Form.tsx
 /**
@@ -716,12 +685,7 @@ const Form = ({ fieldName, config }) => {
 		})
 	});
 };
-var Form_default = Form;
-
-//#endregion
-//#region src/Filter/filters/checkboxes/schema.ts
-/** configuration of the filter */
-const config = (0, _fuf_stack_veto.object)({
+(0, _fuf_stack_veto.object)({
 	text: (0, _fuf_stack_veto.string)(),
 	options: (0, _fuf_stack_veto.array)((0, _fuf_stack_veto.object)({
 		label: (0, _fuf_stack_veto.any)(),
@@ -745,67 +709,50 @@ const validate = (cfg) => {
 		}
 	});
 };
-
-//#endregion
-//#region src/Filter/filters/checkboxes/checkboxes.ts
-/**
-* Checkboxes filter definition for the Filter system.
-* Provides Display and Form components, default value/config, and validation.
-*
-* Defaults:
-* - value: []
-* - config: { text: 'Options', options: [] }
-*
-* @see Display
-* @see Form
-* @see validate
-*/
-const checkboxes = createFilter_default({
-	components: {
-		Display: Display_default,
-		Form: Form_default
-	},
-	defaults: {
-		value: [],
-		config: {
-			text: "Options",
-			options: []
-		}
-	},
-	validation: validate
-});
-
 //#endregion
 //#region src/Filter/index.ts
 const filters = {
 	boolean,
-	checkboxes
+	checkboxes: createFilter({
+		components: {
+			Display,
+			Form
+		},
+		defaults: {
+			value: [],
+			config: {
+				text: "Options",
+				options: []
+			}
+		},
+		validation: validate
+	})
 };
-var Filter_default = Filter_default$1;
-
+var Filter_default = Filter;
 //#endregion
-Object.defineProperty(exports, 'Filter_default', {
-  enumerable: true,
-  get: function () {
-    return Filter_default;
-  }
+Object.defineProperty(exports, "Filter_default", {
+	enumerable: true,
+	get: function() {
+		return Filter_default;
+	}
 });
-Object.defineProperty(exports, 'createFilter_default', {
-  enumerable: true,
-  get: function () {
-    return createFilter_default;
-  }
+Object.defineProperty(exports, "createFilter", {
+	enumerable: true,
+	get: function() {
+		return createFilter;
+	}
 });
-Object.defineProperty(exports, 'filterVariants', {
-  enumerable: true,
-  get: function () {
-    return filterVariants;
-  }
+Object.defineProperty(exports, "filterVariants", {
+	enumerable: true,
+	get: function() {
+		return filterVariants;
+	}
 });
-Object.defineProperty(exports, 'filters', {
-  enumerable: true,
-  get: function () {
-    return filters;
-  }
+Object.defineProperty(exports, "filters", {
+	enumerable: true,
+	get: function() {
+		return filters;
+	}
 });
-//# sourceMappingURL=Filter-BHJ_5vaz.cjs.map
+
+//# sourceMappingURL=Filter-Dsaa20RT.cjs.map

package/dist/Filter-Dsaa20RT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter-Dsaa20RT.cjs","names":["Label","Menu","FaSliders","Modal","Button","SubmitButton","PiSlidersHorizontalBold","Suspense","Button","FaSearch","motion","Input","SubmitButton","debug","Form","Display","Form","Switch","config","validate","validate","Checkboxes"],"sources":["../src/Filter/hooks/useFilterValidation.ts","../src/Filter/Subcomponents/FiltersContext.tsx","../src/Filter/Subcomponents/ActiveFilters.tsx","../src/Filter/Subcomponents/AddFilterMenu.tsx","../src/Filter/Subcomponents/FilterModal.tsx","../src/Filter/Subcomponents/SearchInput.tsx","../src/Filter/Filter.tsx","../src/Filter/filters/createFilter.ts","../src/Filter/filters/boolean/Display.tsx","../src/Filter/filters/boolean/Form.tsx","../src/Filter/filters/boolean/schema.ts","../src/Filter/filters/boolean/boolean.ts","../src/Filter/filters/checkboxes/Display.tsx","../src/Filter/filters/checkboxes/Form.tsx","../src/Filter/filters/checkboxes/schema.ts","../src/Filter/filters/checkboxes/checkboxes.ts","../src/Filter/index.ts"],"sourcesContent":["import type { VetoInstance, VetoRawShape, VetoTypeAny } from '@fuf-stack/veto';\nimport type { FilterInstance } from '../filters/types';\n\nimport { useMemo } from 'react';\n\nimport { object, string, stringToJSON, veto } from '@fuf-stack/veto';\n\n/**\n * useFilterValidation\n *\n * Builds a composite validation schema from all provided filter definitions\n * under \"filter\" and optionally includes a \"search\" string field.\n * Memoized by inputs.\n */\nexport const useFilterValidation = (\n  filters: FilterInstance<unknown, unknown>[],\n  withSearch?: boolean,\n) => {\n  return useMemo<VetoInstance>(() => {\n    // build filter validation\n    let filterSchema: Record<string, VetoTypeAny> = {};\n    filters.forEach((f) => {\n      filterSchema = {\n        ...filterSchema,\n        [f.name]: f.validation(f.config) as VetoTypeAny,\n      };\n    });\n\n    const validationSchema: VetoRawShape = {\n      // filter validation\n      filter: stringToJSON()\n        .pipe(object(filterSchema))\n        .or(object(filterSchema))\n        .optional()\n        .nullable()\n        // transform null to undefined\n        .transform((val) => {\n          return val ?? undefined;\n        }),\n      // optional search validation\n      ...(withSearch\n        ? { search: string({ min: 0 }).nullable().optional() }\n        : {}),\n    };\n\n    return veto(validationSchema);\n  }, [filters, withSearch]);\n};\n\nexport default useFilterValidation;\n","import type { ReactNode } from 'react';\nimport type { FilterInstance, FiltersConfiguration } from '../filters/types';\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useFormContext } from '@fuf-stack/uniform/hooks/useFormContext';\n\ninterface FiltersContextValue {\n  /** Active filters (names only) */\n  activeFilters: string[];\n  /** Seed default value and open modal for a filter usage. */\n  addFilter: (name: string) => void;\n  /** Close the modal. */\n  closeFilterModal: () => void;\n  /** Build fully-qualified form field path for a filter name */\n  getFilterFormFieldName: (name: string) => string;\n  /** Get current form value for a given filter name */\n  getFilterValueByName: (name: string) => unknown;\n  /** Get filter instance by name */\n  getFilterInstanceByName: (name: string) => FilterInstance<unknown, unknown>;\n  /** Validation helper for a specific filter field. */\n  hasError: (name: string) => boolean;\n  /** Name of the current filter that has its modal open */\n  modalFilterName: string | undefined;\n  /** Remove a filter from the form. */\n  removeFilter: (name: string) => void;\n  /** Open the modal for a given filter name. */\n  showFilterModal: (name: string) => void;\n  /** Filters that are not active (names only) */\n  unusedFilters: string[];\n}\n\n/**\n * FiltersContext\n *\n * Central state for the filter UI with a clear boundary:\n * - The parent component controls committed filter values (via value/onChange)\n * - The form acts as an edit buffer (used by the modal)\n *\n * Design:\n * - activeFilters/unusedFilters are names-only and derived from the controlled\n *   form state\n * - getFilterInstanceByName gives access to the concrete registry entry to\n *   retrieve the correct Form/Display components\n * - add seeds defaults in the form and opens the modal\n * - remove un-registers the form field; if the removed filter is currently\n *   open in the modal, the modal is closed without rollback\n * - on a new successful form submit (Apply), the modal closes without rollback\n *   by subscribing to ex-forms submit state\n */\nconst FiltersContext = createContext<FiltersContextValue | undefined>(\n  undefined,\n);\n\nexport const FiltersContextProvider = ({\n  children,\n  config,\n}: {\n  children: ReactNode;\n  config: FiltersConfiguration;\n}) => {\n  // ex-forms integration:\n  // - setValue/unregister/getFieldState: core helpers to manipulate and validate fields\n  // - formState: we subscribe to submit-success to auto-close the modal after Apply\n  const {\n    formState,\n    getFieldState,\n    setValue,\n    triggerSubmit,\n    unregister,\n    watch,\n  } = useFormContext();\n\n  /**\n   * currentModalFilter\n   *\n   * Single source of truth for the filter edit modal and its rollback snapshot.\n   * - name: which filter's modal is currently open (null when closed)\n   * - hadValue/previousValue: snapshot of the controlled value taken when the\n   *   modal is opened; used to restore state if the user cancels/closes without\n   *   applying.\n   *\n   * Lifecycle semantics:\n   * - showFilterModal(name): capture snapshot (current controlled value) and open\n   *   the modal for that filter.\n   * - closeFilterModal(): if a snapshot exists, roll back un-applied edits by\n   *   restoring the previous value (setValue) or removing the field (unregister)\n   *   when it did not exist before; then clear currentModalFilter.\n   * - On successful submit (Apply): close and clear currentModalFilter WITHOUT rollback\n   *   so edits remain committed.\n   * - removeFilter(name): unregisters the field; when removing the filter that is\n   *   currently open, close the modal WITHOUT rollback (since removal is explicit).\n   */\n  const [currentModalFilter, setCurrentModalFilter] = useState<{\n    name: string;\n    hadValue: boolean;\n    previousValue: unknown;\n  } | null>(null);\n\n  // Read current filter values from the form as the live edit buffer\n  const filterValue = watch('filter', {});\n\n  /**\n   * getFilterFormFieldName\n   *\n   * Returns the fully-qualified field path for a given filter name,\n   * e.g., `${filterUrlParam}.status`.\n   */\n  const getFilterFormFieldName = useCallback((name: string) => {\n    return `filter.${name}`;\n  }, []);\n\n  /**\n   * getFilterValueByName\n   *\n   * Returns the committed value for a filter from the controlled state.\n   */\n  const getFilterValueByName = useCallback(\n    (name: string) => {\n      return (filterValue as Record<string, unknown>)[name];\n    },\n    [filterValue],\n  );\n\n  /** Open the filter edit modal for the given filter name. */\n  const showFilterModal = useCallback(\n    (name: string) => {\n      const prev = getFilterValueByName(name);\n      setCurrentModalFilter({\n        name,\n        hadValue: typeof prev !== 'undefined',\n        previousValue: prev,\n      });\n    },\n    [getFilterValueByName],\n  );\n\n  /** Close the filter edit modal. Rollback un-applied edits to controlled state. */\n  const closeFilterModal = useCallback(() => {\n    if (currentModalFilter?.name) {\n      const fieldName = getFilterFormFieldName(currentModalFilter.name);\n      // if the filter had a value, set it back to the previous value,\n      // otherwise unregister the field\n      if (currentModalFilter.hadValue) {\n        setValue(fieldName, currentModalFilter.previousValue);\n      } else {\n        unregister(fieldName);\n      }\n    }\n    setCurrentModalFilter(null);\n  }, [getFilterFormFieldName, currentModalFilter, setValue, unregister]);\n\n  /**\n   * Auto-close on submit success\n   *\n   * Close the modal only on new successful submissions. We track the last\n   * submitCount and only react when it changes AND the form reports a\n   * successful submit. This prevents closing when `isSubmitSuccessful` remains\n   * true without a new submit event.\n   */\n  const lastSubmitCountRef = useRef<number>(0);\n  useEffect(() => {\n    if (\n      formState.submitCount !== lastSubmitCountRef.current &&\n      formState.isSubmitSuccessful\n    ) {\n      // On successful submit, close without rollback\n      setCurrentModalFilter(null);\n    }\n    lastSubmitCountRef.current = formState.submitCount;\n  }, [\n    formState.submitCount,\n    formState.isSubmitSuccessful,\n    setCurrentModalFilter,\n  ]);\n\n  /**\n   * activeFilters\n   *\n   * Filter names derived from the controlled form state. A filter is considered\n   * active when a field exists at `filter.<name>`. Newly added filters become\n   * active immediately (seeded default), and will be rolled back on cancel.\n   */\n  const activeFilters = useMemo(() => {\n    return config\n      .filter((f) => {\n        return Object.hasOwn(filterValue ?? {}, f.name);\n      })\n      .map((f) => {\n        return f.name;\n      });\n  }, [config, filterValue]);\n\n  /**\n   * unusedFilters\n   *\n   * Complement of activeFilters (names without a corresponding `filter.<name>`\n   * field in the controlled form state).\n   */\n  const unusedFilters = useMemo(() => {\n    return config\n      .filter((f) => {\n        return !Object.hasOwn(filterValue ?? {}, f.name);\n      })\n      .map((f) => {\n        return f.name;\n      });\n  }, [config, filterValue]);\n\n  /**\n   * getRegistryFilterByName\n   *\n   * Looks up the concrete registry entry for a filter by name, enabling access\n   * to typed Form/Display components and other registry-level metadata.\n   */\n  const getFilterInstanceByName = useCallback(\n    (name: string) => {\n      return config.find((f) => {\n        return f.name === name;\n      }) as FilterInstance<unknown, unknown>;\n    },\n    [config],\n  );\n\n  /**\n   * addFilter\n   *\n   * Seeds the filter with its registry default value inside the form and opens\n   * the modal for immediate editing. No URL writes happen here.\n   */\n  const addFilter = useCallback(\n    (name: string) => {\n      const inst = getFilterInstanceByName(name);\n      showFilterModal(name);\n      setValue(getFilterFormFieldName(name), inst.defaultValue);\n    },\n    [\n      getFilterFormFieldName,\n      getFilterInstanceByName,\n      setValue,\n      showFilterModal,\n    ],\n  );\n\n  /**\n   * removeFilter\n   *\n   * Unregisters the filter field from the form. This immediately removes the\n   * filter from the active list since derived state watches the form. It\n   * closes the modal without rollback if the removed filter is currently open.\n   */\n  const removeFilter = useCallback(\n    (name: string) => {\n      // unregister form field\n      unregister(getFilterFormFieldName(name));\n      // close filter modal if open\n      if (currentModalFilter?.name === name) {\n        // Explicit removal: close without rollback\n        setCurrentModalFilter(null);\n      }\n      // trigger form submit (to update filter state)\n      triggerSubmit();\n    },\n    [\n      getFilterFormFieldName,\n      currentModalFilter,\n      setCurrentModalFilter,\n      triggerSubmit,\n      unregister,\n    ],\n  );\n\n  /**\n   * hasError\n   *\n   * Helper that checks the ex-forms field state for a specific filter and\n   * reports whether the field is currently invalid.\n   */\n  const hasError = useCallback(\n    (name: string) => {\n      return getFieldState(getFilterFormFieldName(name)).invalid;\n    },\n    [getFieldState, getFilterFormFieldName],\n  );\n\n  const contextValue: FiltersContextValue = useMemo(() => {\n    return {\n      activeFilters,\n      addFilter,\n      closeFilterModal,\n      getFilterFormFieldName,\n      getFilterValueByName,\n      getFilterInstanceByName,\n      hasError,\n      modalFilterName: currentModalFilter?.name,\n      removeFilter,\n      showFilterModal,\n      unusedFilters,\n    };\n  }, [\n    activeFilters,\n    addFilter,\n    closeFilterModal,\n    getFilterFormFieldName,\n    getFilterValueByName,\n    getFilterInstanceByName,\n    hasError,\n    currentModalFilter,\n    removeFilter,\n    showFilterModal,\n    unusedFilters,\n  ]);\n\n  return (\n    <FiltersContext.Provider value={contextValue}>\n      {children}\n    </FiltersContext.Provider>\n  );\n};\n\n/**\n * useFilters\n *\n * Convenience hook to consume the FiltersContext. Throws a descriptive error\n * when used outside of a FiltersContextProvider to make integration mistakes\n * obvious during development.\n */\nexport const useFilters = (): FiltersContextValue => {\n  const ctx = useContext(FiltersContext);\n  if (!ctx) {\n    throw new Error('useFilters must be used within FiltersContextProvider');\n  }\n  return ctx;\n};\n\nexport default FiltersContext;\n","import Label from '@fuf-stack/pixels/Label';\n\nimport { useFilters } from './FiltersContext';\n\n/**\n * ActiveFilters\n *\n * Shows the list of currently applied filters as clickable chips that open\n * the edit modal. Each chip can be removed via its close action.\n */\ninterface ActiveFiltersProps {\n  /** CSS class name to apply to each label */\n  className?: string;\n}\n\nconst ActiveFilters = ({ className = undefined }: ActiveFiltersProps) => {\n  const {\n    activeFilters,\n    getFilterValueByName,\n    getFilterInstanceByName,\n    hasError,\n    removeFilter,\n    showFilterModal,\n  } = useFilters();\n  return (\n    <>\n      {activeFilters.map((name) => {\n        const instance = getFilterInstanceByName(name);\n        const value = getFilterValueByName(name);\n\n        // get the display component from the instance\n        const DisplayComponent = instance.components.Display;\n\n        return (\n          <button\n            key={name}\n            aria-label={`Open ${name} filter`}\n            type=\"button\"\n            onClick={() => {\n              showFilterModal(name);\n            }}\n          >\n            <Label\n              className={className}\n              color={hasError(name) ? 'danger' : 'primary'}\n              variant=\"flat\"\n              onClose={() => {\n                removeFilter(name);\n              }}\n            >\n              {instance.icon}\n              <DisplayComponent config={instance.config} value={value} />\n            </Label>\n          </button>\n        );\n      })}\n    </>\n  );\n};\n\nexport default ActiveFilters;\n","import { FaSliders } from 'react-icons/fa6';\n\nimport Menu from '@fuf-stack/pixels/Menu';\n\nimport { useFilters } from './FiltersContext';\n\ninterface AddFilterMenuProps {\n  /** CSS class name map for slots */\n  classNames?: Partial<{\n    addFilterMenuItem: string;\n    addFilterMenuButton: string;\n  }>;\n}\n\n/**\n * AddFilterMenu\n *\n * Renders a menu trigger that opens a list of addable filters. Selecting an\n * item triggers the parent to seed a default value and open the modal.\n */\nconst AddFilterMenu = ({ classNames = {} }: AddFilterMenuProps) => {\n  const { unusedFilters, addFilter, getFilterInstanceByName } = useFilters();\n\n  const menuItems = unusedFilters.map((name) => {\n    const instance = getFilterInstanceByName(name);\n    const config = instance.config as { text?: string };\n    const label = config?.text ?? name;\n    return {\n      key: name,\n      icon: instance.icon,\n      label,\n      onClick: () => {\n        addFilter(name);\n      },\n    };\n  });\n\n  return (\n    <Menu\n      isDisabled={!menuItems.length}\n      items={menuItems}\n      placement=\"bottom-start\"\n      className={{\n        item: classNames.addFilterMenuItem,\n        trigger: classNames.addFilterMenuButton,\n      }}\n      triggerButtonProps={{\n        'aria-label': 'Add Filter',\n        'data-testid': 'add_filter_button',\n        disableRipple: true,\n        size: 'sm',\n        variant: 'bordered',\n      }}\n    >\n      <FaSliders />\n      Filter\n    </Menu>\n  );\n};\n\nexport default AddFilterMenu;\n","import { Suspense } from 'react';\nimport { PiSlidersHorizontalBold } from 'react-icons/pi';\n\nimport Button from '@fuf-stack/pixels/Button';\nimport Modal from '@fuf-stack/pixels/Modal';\nimport SubmitButton from '@fuf-stack/uniform/SubmitButton';\n\nimport { useFilters } from './FiltersContext';\n\ninterface FilterModalProps {\n  classNames?: Partial<{\n    header: string;\n    footer: string;\n    body: string;\n  }>;\n}\n\nconst FilterModal = ({ classNames = {} }: FilterModalProps) => {\n  const {\n    closeFilterModal,\n    getFilterFormFieldName,\n    getFilterInstanceByName,\n    modalFilterName,\n    removeFilter,\n  } = useFilters();\n\n  // don't render if no filter is open\n  if (!modalFilterName) {\n    return null;\n  }\n\n  const instance = getFilterInstanceByName(modalFilterName);\n  const config = instance.config as { text?: string };\n\n  // get the form component from the instance\n  const FormComponent = instance.components.Form;\n\n  return (\n    <Modal\n      isOpen\n      onClose={closeFilterModal}\n      className={{\n        body: classNames.body,\n        footer: classNames.footer,\n        header: classNames.header,\n      }}\n      footer={\n        <>\n          <Button\n            ariaLabel=\"Remove filter\"\n            color=\"danger\"\n            testId=\"remove_filter_button\"\n            variant=\"flat\"\n            onClick={() => {\n              removeFilter(modalFilterName);\n            }}\n          >\n            Remove\n          </Button>\n          <SubmitButton ariaLabel=\"Apply filter\" testId=\"apply_filter_button\">\n            Apply Filter\n          </SubmitButton>\n        </>\n      }\n      header={\n        <>\n          {instance.icon ?? <PiSlidersHorizontalBold />}\n          <div>{`${config?.text ?? modalFilterName} Filter`}</div>\n        </>\n      }\n    >\n      <Suspense>\n        <FormComponent\n          config={config}\n          fieldName={getFilterFormFieldName(modalFilterName)}\n        />\n      </Suspense>\n    </Modal>\n  );\n};\n\nexport default FilterModal;\n","import { useState } from 'react';\nimport { FaSearch } from 'react-icons/fa';\n\nimport { motion } from '@fuf-stack/pixel-motion';\nimport Button from '@fuf-stack/pixels/Button';\nimport { useFormContext } from '@fuf-stack/uniform/hooks/useFormContext';\nimport Input from '@fuf-stack/uniform/Input';\nimport SubmitButton from '@fuf-stack/uniform/SubmitButton';\n\nexport type SearchConfiguration =\n  | boolean\n  | {\n      /** Placeholder shown in the search input */\n      placeholder?: string;\n    };\n\ninterface SearchInputProps {\n  /** Slots class names passed from parent variants */\n  classNames?: Partial<{\n    searchWrapper: string;\n    searchShowButton: string;\n    searchMotionDiv: string;\n    searchInput: string;\n    searchInputWrapper: string;\n    searchSubmitButton: string;\n  }>;\n  /** Search configuration */\n  config: SearchConfiguration;\n}\n\n/**\n * SearchInput\n *\n * By default renders only a search button. When clicked, the text input animates in\n * and a trailing submit button is shown.\n */\nconst SearchInput = ({ classNames = {}, config }: SearchInputProps) => {\n  const { formState, setFocus, triggerSubmit } = useFormContext();\n\n  // Auto-open if there is an initial or externally set search value\n  const isInitiallyVisible = !!formState?.defaultValues?.search;\n  const [isVisible, setIsVisible] = useState(isInitiallyVisible);\n\n  const placeholder =\n    typeof config === 'object' ? config.placeholder : undefined;\n\n  return (\n    <div className={classNames.searchWrapper}>\n      {!isVisible && (\n        <Button\n          ariaLabel=\"Show search input\"\n          className={classNames.searchShowButton}\n          icon={<FaSearch />}\n          size=\"sm\"\n          testId=\"show_search_input_button\"\n          variant=\"bordered\"\n          onClick={() => {\n            setIsVisible(true);\n          }}\n        />\n      )}\n      {isVisible ? (\n        <motion.div\n          key=\"search-input\"\n          animate={{ opacity: 1 }}\n          className={classNames.searchMotionDiv}\n          // if the input was not initially visible, animate in\n          initial={!isInitiallyVisible ? { opacity: 0.5 } : false}\n          onAnimationComplete={() => {\n            // if the input was not initially visible, focus it\n            if (!isInitiallyVisible) {\n              setFocus('search');\n            }\n          }}\n          transition={{\n            duration: 0.3,\n            ease: 'circOut',\n          }}\n        >\n          <Input\n            clearable\n            debounceDelay={0}\n            name=\"search\"\n            placeholder={placeholder}\n            size=\"sm\"\n            className={{\n              input: classNames.searchInput,\n              inputWrapper: classNames.searchInputWrapper,\n            }}\n            // submit on clear\n            onClear={() => {\n              triggerSubmit();\n            }}\n          />\n          <SubmitButton\n            ariaLabel=\"Submit search\"\n            // eslint-disable-next-line react/no-children-prop\n            children={null}\n            className={classNames.searchSubmitButton}\n            color=\"primary\"\n            icon={<FaSearch />}\n            size=\"sm\"\n            testId=\"submit_search_button\"\n          />\n        </motion.div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default SearchInput;\n","import type { TVClassName } from '@fuf-stack/pixel-utils';\nimport type { VetoInput } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\nimport type { FiltersConfiguration } from './filters/types';\nimport type { SearchConfiguration } from './Subcomponents/SearchInput';\n\nimport createDebug from 'debug';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport Form from '@fuf-stack/uniform/Form';\n\nimport { useFilterValidation } from './hooks/useFilterValidation';\nimport ActiveFilters from './Subcomponents/ActiveFilters';\nimport AddFilterMenu from './Subcomponents/AddFilterMenu';\nimport FilterModal from './Subcomponents/FilterModal';\nimport { FiltersContextProvider } from './Subcomponents/FiltersContext';\nimport SearchInput from './Subcomponents/SearchInput';\n\nconst debug = createDebug('megapixels:Filter');\n\n// filter styling variants\nexport const filterVariants = tv({\n  slots: {\n    // outer wrapper\n    base: 'flex flex-auto flex-col',\n    // add filter menu trigger button\n    addFilterMenuButton: '',\n    // add filter menu item\n    addFilterMenuItem: '',\n    // active filter label\n    activeFilterLabel: 'h-8 cursor-pointer rounded-md dark:text-foreground',\n    // filter modal body\n    filterModalBody: '',\n    // filter modal header\n    filterModalHeader: 'flex items-center gap-3 text-default-700',\n    // filter modal footer\n    filterModalFooter: 'justify-between',\n    // form element\n    form: 'mb-3 flex flex-wrap gap-3',\n    // search input field\n    searchInput: '',\n    // search input wrapper (inner control)\n    searchInputWrapper: '',\n    // search motion container\n    searchMotionDiv: 'flex w-72 gap-2',\n    // search show button\n    searchShowButton: '',\n    // search submit button\n    searchSubmitButton: '',\n    // search wrapper\n    searchWrapper: 'flex items-center',\n  },\n});\n\ntype ClassName = TVClassName<typeof filterVariants>;\n\nexport interface FilterValues {\n  search?: string;\n  filter?: string | Record<string, unknown> | null;\n}\n\nexport type FilterChildRenderFn = (values: {\n  search?: string;\n  filter?: Record<string, unknown>;\n}) => ReactNode;\n\n/**\n * Filter\n *\n * Controlled, form-driven filter UI.\n *\n * Responsibilities\n * - Derives initial form values from the controlled `values` prop\n * - Builds a composite validation schema from the filter registry (and optional search)\n * - Exposes ergonomic UI: active filters list, add/remove actions, and per-filter modal\n * - Commits changes by invoking the controlled `onChange` callback on submit\n *\n * Structure\n * - Owns an ex-forms `Form` that wraps the entire filter experience\n * - Optionally renders a search input bound to the `search` field\n * - Renders ActiveFilters, AddFilterMenu, and FilterModal inside a shared context\n * - Optionally renders children as a render-prop with the resolved `values`\n */\nexport interface FilterProps {\n  /** Optional render-prop that receives the resolved, controlled values */\n  children?: FilterChildRenderFn;\n  /** CSS class name */\n  className?: ClassName;\n  /** Configuration of the filter */\n  config: {\n    /**\n     * Declarative filter configuration. Each entry ties a logical name to a\n     * registry filter type and (optionally) per-usage config overrides.\n     */\n    filters: FiltersConfiguration;\n    /** Optional configuration for search field */\n    search?: SearchConfiguration;\n  };\n  /** ex-forms form instance name. Defaults to \"filterComponentForm\". */\n  formName?: string;\n  /** Controlled setter invoked on submit with the next canonical values */\n  onChange: (nextValues: FilterValues) => void;\n  /** Controlled committed state: the canonical `search` and `filter` values */\n  values: FilterValues;\n}\n\n/**\n * Renders the filter UI bound to a single ex-forms `Form`.\n * The form is the source of truth during user interaction; the committed\n * state is controlled by the parent via `values`/`onChange`.\n */\nconst Filter = ({\n  children = undefined,\n  className = undefined,\n  config,\n  formName = 'filterComponentForm',\n  onChange,\n  values,\n}: FilterProps) => {\n  // Submit handler: map form state back into the controlled `values` shape\n  const handleSubmit = (nextValues: Record<string, unknown>) => {\n    debug('handleSubmit', { nextValues });\n    onChange(nextValues as FilterValues);\n  };\n\n  // Build validation schema for all configured filters (and optional search)\n  const validation = useFilterValidation(\n    config.filters,\n    Boolean(config.search),\n  );\n\n  // validate controlled values are valid\n  const {\n    data: valuesValidated,\n    errors,\n    success,\n  } = validation.validate(values as VetoInput);\n\n  // classNames from slots\n  const variants = filterVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  debug('render', {\n    props: { config, values },\n    validation: { errors, success, valuesValidated },\n  });\n\n  return (\n    <div className={classNames.base}>\n      {/*\n        Uniform Form wrapper\n        - initialValues derive from controlled props (with optional defaults)\n        - validation is built from the registry for all configured filters\n        - onSubmit maps form values back into values/onChange\n      */}\n      <Form\n        className={classNames.form}\n        // disable debug mode for now\n        debug={{ disable: true }}\n        initialValues={valuesValidated ?? {}}\n        name={formName}\n        onSubmit={handleSubmit}\n        validation={validation}\n      >\n        {/* Render search if search config is provided */}\n        {config.search ? (\n          <SearchInput\n            config={config.search}\n            classNames={{\n              searchInput: classNames.searchInput,\n              searchInputWrapper: classNames.searchInputWrapper,\n              searchMotionDiv: classNames.searchMotionDiv,\n              searchShowButton: classNames.searchShowButton,\n              searchSubmitButton: classNames.searchSubmitButton,\n              searchWrapper: classNames.searchWrapper,\n            }}\n          />\n        ) : null}\n        {/*\n          FiltersContextProvider exposes a minimal API for the UI layer:\n          - activeFilters/unusedFilters by name\n          - helpers to get merged config, value, components, and field names\n          - methods to add/remove filters and show/close the modal\n        */}\n        <FiltersContextProvider config={config.filters}>\n          <ActiveFilters className={classNames.activeFilterLabel} />\n          <AddFilterMenu\n            classNames={{\n              addFilterMenuButton: classNames.addFilterMenuButton,\n              addFilterMenuItem: classNames.addFilterMenuItem,\n            }}\n          />\n          <FilterModal\n            classNames={{\n              body: classNames.filterModalBody,\n              footer: classNames.filterModalFooter,\n              header: classNames.filterModalHeader,\n            }}\n          />\n        </FiltersContextProvider>\n      </Form>\n      {/* Children can consume derived search string and parsed filter object */}\n      {children?.(valuesValidated ?? {})}\n    </div>\n  );\n};\n\nexport default Filter;\n","import type { FilterDefinition, FilterFactory } from './types';\n\n/**\n * createFilter\n *\n * Builds a filter factory from a static FilterDefinition. The returned factory\n * accepts a usage descriptor (name/icon and optional partial config) and\n * produces a concrete FilterInstance with:\n * - merged config (shallow: definition.defaults.config overlaid by overrides)\n * - Form/Display components\n * - validate function (forwarded from the definition)\n * - defaultValue (forwarded from the definition)\n * - name and icon for UI integration\n *\n * @typeParam Config - Configuration object shape for the filter\n * @typeParam Value  - Runtime value type for the filter\n * @param definition - Static description of the filter (components, defaults, validate)\n * @returns FilterFactory that creates FilterInstance<Config, Value>\n */\nconst createFilter = <Config, Value>(\n  definition: FilterDefinition<Config, Value>,\n): FilterFactory<Config, Value> => {\n  return ({ name, icon, config }) => {\n    return {\n      components: definition.components,\n      config: { ...definition.defaults.config, ...(config ?? {}) } as Config,\n      defaultValue: definition.defaults.value,\n      icon,\n      name,\n      validation: definition.validation,\n    };\n  };\n};\n\nexport default createFilter;\n","import type { FilterDisplayProps } from '../types';\nimport type { Config, Value } from './schema';\n\n/**\n * Read-only presentation for the boolean filter.\n * Displays human-readable text based on the current boolean `value`\n * and the provided `config` strings.\n */\nconst Display = ({\n  value,\n  config: { text, textPrefix, textNoWord },\n}: FilterDisplayProps<Config, Value>) => {\n  if (typeof value === 'boolean') {\n    return (\n      <>\n        {`${value ? textPrefix : `${textPrefix} ${textNoWord ?? 'no'}`} ${text}`}\n      </>\n    );\n  }\n  return <>{`${text}...`}</>;\n};\n\nexport default Display;\n","import type { FilterFormProps } from '../types';\nimport type { Config } from './schema';\n\nimport Switch from '@fuf-stack/uniform/Switch';\n\n/**\n * Renders the form control for the boolean filter.\n * Uses a `Switch` to toggle the boolean value and composes\n * the label from the provided `config` and `fieldName`.\n */\nconst Form = ({\n  fieldName,\n  config: { text, textPrefix },\n}: FilterFormProps<Config>) => {\n  return <Switch label={`${textPrefix} ${text}`} name={fieldName} />;\n};\n\nexport default Form;\n","import type { vInfer } from '@fuf-stack/veto';\n\nimport { boolean, object, string } from '@fuf-stack/veto';\n\n/** configuration of the filter */\nexport const config = object({\n  /**\n   * Human‑readable label used in the UI (e.g. in the chip and modal header).\n   * Examples: \"Magical\", \"Haunted\"\n   */\n  text: string(),\n  /**\n   * Optional word shown before the label when building sentence‑like chips.\n   * Examples: \"is\" → \"is Magical\"\n   */\n  textPrefix: string().optional(),\n  /**\n   * Optional negation word used when a boolean value is false.\n   * Examples: \"not\" → \"is not Magical\"\n   */\n  textNoWord: string().optional(),\n});\n\n/** validate the filter value */\nexport const validate = (_config?: Config) => {\n  return boolean().optional();\n};\n\nexport type Config = vInfer<typeof config>;\nexport type Value = vInfer<ReturnType<typeof validate>>;\n","/* eslint-disable import-x/prefer-default-export */\n\nimport type { Config, Value } from './schema';\n\nimport createFilter from '../createFilter';\nimport Display from './Display';\nimport Form from './Form';\nimport { validate } from './schema';\n\n/**\n * Boolean filter definition for the Filter system.\n * Provides Display and Form components, default value/config, and validation.\n *\n * Defaults:\n * - value: true\n * - config: { text: 'Active', textPrefix: 'is', textNoWord: 'no' }\n *\n * @see Display\n * @see Form\n * @see validate\n */\nexport const boolean = createFilter<Config, Value>({\n  components: { Display, Form },\n  defaults: {\n    value: true,\n    config: { text: 'Active', textPrefix: 'is', textNoWord: 'no' },\n  },\n  validation: validate,\n});\n","import type { FilterDisplayProps } from '../types';\nimport type { Config, Value } from './schema';\n\n/**\n * Read-only presentation for the checkboxes filter.\n * Resolves and displays selected option labels based on `value` and `config`.\n * Supports string, ReactNode, and function labels (mode: 'display').\n */\nconst Display = ({\n  value,\n  config: { text, options },\n}: FilterDisplayProps<Config, Value>) => {\n  if (value && value.length > 0) {\n    return (\n      <span className=\"flex items-center gap-1\">\n        {text} is\n        {value.map((val) => {\n          const option = options.find((op) => {\n            return op.value === val;\n          });\n          const label = option?.label ?? val;\n          const resolvedLabel =\n            typeof label === 'function' ? label('display') : label;\n          return <span key={val}>{resolvedLabel}</span>;\n        })}\n      </span>\n    );\n  }\n  return `${text} is ...`;\n};\n\nexport default Display;\n","import type { FilterFormProps } from '../types';\nimport type { Config } from './schema';\n\nimport Checkboxes from '@fuf-stack/uniform/Checkboxes';\n\n/**\n * Renders the form control for the checkboxes filter.\n * Uses a `Checkboxes` to select multiple options.\n * Resolves function labels with 'form' mode.\n */\nconst Form = ({ fieldName, config }: FilterFormProps<Config>) => {\n  const resolvedOptions = config.options.map((option) => {\n    return {\n      ...option,\n      label:\n        typeof option.label === 'function'\n          ? option.label('form')\n          : option.label,\n    };\n  });\n\n  return <Checkboxes name={fieldName} options={resolvedOptions} />;\n};\n\nexport default Form;\n","import type { vInfer } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\n\nimport { any, array, object, refineArray, string } from '@fuf-stack/veto';\n\n/** configuration of the filter */\nexport const config = object({\n  /**\n   * Human‑readable label used in the UI (e.g. label and modal header).\n   * Example: \"Snacks\", \"Mood\"\n   */\n  text: string(),\n  /**\n   * Options rendered as multiple checkboxes. Each option needs a `label`\n   * (what the user sees) and a `value` (what is written into the form state).\n   * Label can be a string, React node, or a function that receives mode\n   * ('form' or 'display') and returns a React node.\n   */\n  options: array(object({ label: any(), value: string() })),\n});\n\n/** Type-safe Config that overrides label to support ReactNode or function */\nexport type Config = Omit<vInfer<typeof config>, 'options'> & {\n  options: {\n    label: ReactNode | ((mode: 'form' | 'display') => ReactNode);\n    value: string;\n  }[];\n};\n\n/** validate the filter value */\nexport const validate = (cfg?: Config) => {\n  return refineArray(array(string()).optional())({\n    unique: true,\n    custom: (values, ctx) => {\n      if (!cfg) {\n        return;\n      }\n      values.forEach((value) => {\n        if (\n          !cfg.options.find((option) => {\n            return option?.value === value;\n          })\n        ) {\n          ctx.addIssue({\n            code: 'custom',\n            message: `Invalid value: ${value}`,\n          });\n        }\n      });\n    },\n  });\n};\n\nexport type Value = vInfer<ReturnType<typeof validate>>;\n","/* eslint-disable import-x/prefer-default-export */\n\nimport type { Config, Value } from './schema';\n\nimport createFilter from '../createFilter';\nimport Display from './Display';\nimport Form from './Form';\nimport { validate } from './schema';\n\n/**\n * Checkboxes filter definition for the Filter system.\n * Provides Display and Form components, default value/config, and validation.\n *\n * Defaults:\n * - value: []\n * - config: { text: 'Options', options: [] }\n *\n * @see Display\n * @see Form\n * @see validate\n */\nexport const checkboxes = createFilter<Config, Value>({\n  components: { Display, Form },\n  defaults: { value: [], config: { text: 'Options', options: [] } },\n  validation: validate,\n});\n","import Filter from './Filter';\nimport { boolean } from './filters/boolean/boolean';\nimport { checkboxes } from './filters/checkboxes/checkboxes';\n\n// export types\nexport type * from './filters/types';\n\n// export helpers\nexport { default as createFilter } from './filters/createFilter';\n\n// export all filters\nexport const filters = {\n  boolean,\n  checkboxes,\n};\n\n// export everything from the Filter component (types and filterVariants)\nexport * from './Filter';\n\n// export the Filter component as default\nexport default Filter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAa,uBACX,SACA,eACG;AACH,SAAA,GAAA,MAAA,eAAmC;EAEjC,IAAI,eAA4C,EAAE;AAClD,UAAQ,SAAS,MAAM;AACrB,kBAAe;IACb,GAAG;KACF,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO;IACjC;IACD;AAmBF,UAAA,GAAA,gBAAA,MAjBuC;GAErC,SAAA,GAAA,gBAAA,eAAsB,CACnB,MAAA,GAAA,gBAAA,QAAY,aAAa,CAAC,CAC1B,IAAA,GAAA,gBAAA,QAAU,aAAa,CAAC,CACxB,UAAU,CACV,UAAU,CAEV,WAAW,QAAQ;AAClB,WAAO,OAAO,KAAA;KACd;GAEJ,GAAI,aACA,EAAE,SAAA,GAAA,gBAAA,QAAe,EAAE,KAAK,GAAG,CAAC,CAAC,UAAU,CAAC,UAAU,EAAE,GACpD,EAAE;GACP,CAE4B;IAC5B,CAAC,SAAS,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;ACY3B,MAAM,kBAAA,GAAA,MAAA,eACJ,KAAA,EACD;AAED,MAAa,0BAA0B,EACrC,UACA,aAII;CAIJ,MAAM,EACJ,WACA,eACA,UACA,eACA,YACA,WAAA,GAAA,wCAAA,iBACkB;;;;;;;;;;;;;;;;;;;;;CAsBpB,MAAM,CAAC,oBAAoB,0BAAA,GAAA,MAAA,UAIjB,KAAK;CAGf,MAAM,cAAc,MAAM,UAAU,EAAE,CAAC;;;;;;;CAQvC,MAAM,0BAAA,GAAA,MAAA,cAAsC,SAAiB;AAC3D,SAAO,UAAU;IAChB,EAAE,CAAC;;;;;;CAON,MAAM,wBAAA,GAAA,MAAA,cACH,SAAiB;AAChB,SAAQ,YAAwC;IAElD,CAAC,YAAY,CACd;;CAGD,MAAM,mBAAA,GAAA,MAAA,cACH,SAAiB;EAChB,MAAM,OAAO,qBAAqB,KAAK;AACvC,wBAAsB;GACpB;GACA,UAAU,OAAO,SAAS;GAC1B,eAAe;GAChB,CAAC;IAEJ,CAAC,qBAAqB,CACvB;;CAGD,MAAM,oBAAA,GAAA,MAAA,mBAAqC;AACzC,MAAI,oBAAoB,MAAM;GAC5B,MAAM,YAAY,uBAAuB,mBAAmB,KAAK;AAGjE,OAAI,mBAAmB,SACrB,UAAS,WAAW,mBAAmB,cAAc;OAErD,YAAW,UAAU;;AAGzB,wBAAsB,KAAK;IAC1B;EAAC;EAAwB;EAAoB;EAAU;EAAW,CAAC;;;;;;;;;CAUtE,MAAM,sBAAA,GAAA,MAAA,QAAoC,EAAE;AAC5C,EAAA,GAAA,MAAA,iBAAgB;AACd,MACE,UAAU,gBAAgB,mBAAmB,WAC7C,UAAU,mBAGV,uBAAsB,KAAK;AAE7B,qBAAmB,UAAU,UAAU;IACtC;EACD,UAAU;EACV,UAAU;EACV;EACD,CAAC;;;;;;;;CASF,MAAM,iBAAA,GAAA,MAAA,eAA8B;AAClC,SAAO,OACJ,QAAQ,MAAM;AACb,UAAO,OAAO,OAAO,eAAe,EAAE,EAAE,EAAE,KAAK;IAC/C,CACD,KAAK,MAAM;AACV,UAAO,EAAE;IACT;IACH,CAAC,QAAQ,YAAY,CAAC;;;;;;;CAQzB,MAAM,iBAAA,GAAA,MAAA,eAA8B;AAClC,SAAO,OACJ,QAAQ,MAAM;AACb,UAAO,CAAC,OAAO,OAAO,eAAe,EAAE,EAAE,EAAE,KAAK;IAChD,CACD,KAAK,MAAM;AACV,UAAO,EAAE;IACT;IACH,CAAC,QAAQ,YAAY,CAAC;;;;;;;CAQzB,MAAM,2BAAA,GAAA,MAAA,cACH,SAAiB;AAChB,SAAO,OAAO,MAAM,MAAM;AACxB,UAAO,EAAE,SAAS;IAClB;IAEJ,CAAC,OAAO,CACT;;;;;;;CAQD,MAAM,aAAA,GAAA,MAAA,cACH,SAAiB;EAChB,MAAM,OAAO,wBAAwB,KAAK;AAC1C,kBAAgB,KAAK;AACrB,WAAS,uBAAuB,KAAK,EAAE,KAAK,aAAa;IAE3D;EACE;EACA;EACA;EACA;EACD,CACF;;;;;;;;CASD,MAAM,gBAAA,GAAA,MAAA,cACH,SAAiB;AAEhB,aAAW,uBAAuB,KAAK,CAAC;AAExC,MAAI,oBAAoB,SAAS,KAE/B,uBAAsB,KAAK;AAG7B,iBAAe;IAEjB;EACE;EACA;EACA;EACA;EACA;EACD,CACF;;;;;;;CAQD,MAAM,YAAA,GAAA,MAAA,cACH,SAAiB;AAChB,SAAO,cAAc,uBAAuB,KAAK,CAAC,CAAC;IAErD,CAAC,eAAe,uBAAuB,CACxC;CAED,MAAM,gBAAA,GAAA,MAAA,eAAkD;AACtD,SAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA,iBAAiB,oBAAoB;GACrC;GACA;GACA;GACD;IACA;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAe,UAAhB;EAAyB,OAAO;EAC7B;EACuB,CAAA;;;;;;;;;AAW9B,MAAa,mBAAwC;CACnD,MAAM,OAAA,GAAA,MAAA,YAAiB,eAAe;AACtC,KAAI,CAAC,IACH,OAAM,IAAI,MAAM,wDAAwD;AAE1E,QAAO;;;;ACrUT,MAAM,iBAAiB,EAAE,YAAY,KAAA,QAAoC;CACvE,MAAM,EACJ,eACA,sBACA,yBACA,UACA,cACA,oBACE,YAAY;AAChB,QACE,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UACG,cAAc,KAAK,SAAS;EAC3B,MAAM,WAAW,wBAAwB,KAAK;EAC9C,MAAM,QAAQ,qBAAqB,KAAK;EAGxC,MAAM,mBAAmB,SAAS,WAAW;AAE7C,SACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;GAEE,cAAY,QAAQ,KAAK;GACzB,MAAK;GACL,eAAe;AACb,oBAAgB,KAAK;;aAGvB,iBAAA,GAAA,kBAAA,MAACA,wBAAAA,SAAD;IACa;IACX,OAAO,SAAS,KAAK,GAAG,WAAW;IACnC,SAAQ;IACR,eAAe;AACb,kBAAa,KAAK;;cALtB,CAQG,SAAS,MACV,iBAAA,GAAA,kBAAA,KAAC,kBAAD;KAAkB,QAAQ,SAAS;KAAe;KAAS,CAAA,CACrD;;GACD,EAlBF,KAkBE;GAEX,EACD,CAAA;;;;;;;;;;ACpCP,MAAM,iBAAiB,EAAE,aAAa,EAAE,OAA2B;CACjE,MAAM,EAAE,eAAe,WAAW,4BAA4B,YAAY;CAE1E,MAAM,YAAY,cAAc,KAAK,SAAS;EAC5C,MAAM,WAAW,wBAAwB,KAAK;EAE9C,MAAM,QADS,SAAS,QACF,QAAQ;AAC9B,SAAO;GACL,KAAK;GACL,MAAM,SAAS;GACf;GACA,eAAe;AACb,cAAU,KAAK;;GAElB;GACD;AAEF,QACE,iBAAA,GAAA,kBAAA,MAACC,uBAAAA,SAAD;EACE,YAAY,CAAC,UAAU;EACvB,OAAO;EACP,WAAU;EACV,WAAW;GACT,MAAM,WAAW;GACjB,SAAS,WAAW;GACrB;EACD,oBAAoB;GAClB,cAAc;GACd,eAAe;GACf,eAAe;GACf,MAAM;GACN,SAAS;GACV;YAdH,CAgBE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,WAAD,EAAa,CAAA,EAAA,SAER;;;;;ACvCX,MAAM,eAAe,EAAE,aAAa,EAAE,OAAyB;CAC7D,MAAM,EACJ,kBACA,wBACA,yBACA,iBACA,iBACE,YAAY;AAGhB,KAAI,CAAC,gBACH,QAAO;CAGT,MAAM,WAAW,wBAAwB,gBAAgB;CACzD,MAAM,SAAS,SAAS;CAGxB,MAAM,gBAAgB,SAAS,WAAW;AAE1C,QACE,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,SAAD;EACE,QAAA;EACA,SAAS;EACT,WAAW;GACT,MAAM,WAAW;GACjB,QAAQ,WAAW;GACnB,QAAQ,WAAW;GACpB;EACD,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,yBAAAA,SAAD;GACE,WAAU;GACV,OAAM;GACN,QAAO;GACP,SAAQ;GACR,eAAe;AACb,iBAAa,gBAAgB;;aAEhC;GAEQ,CAAA,EACT,iBAAA,GAAA,kBAAA,KAACC,gCAAAA,SAAD;GAAc,WAAU;GAAe,QAAO;aAAsB;GAErD,CAAA,CACd,EAAA,CAAA;EAEL,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,SAAS,QAAQ,iBAAA,GAAA,kBAAA,KAACC,eAAAA,yBAAD,EAA2B,CAAA,EAC7C,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UAAM,GAAG,QAAQ,QAAQ,gBAAgB,UAAe,CAAA,CACvD,EAAA,CAAA;YAGL,iBAAA,GAAA,kBAAA,KAACC,MAAAA,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,eAAD;GACU;GACR,WAAW,uBAAuB,gBAAgB;GAClD,CAAA,EACO,CAAA;EACL,CAAA;;;;;;;;;;ACzCZ,MAAM,eAAe,EAAE,aAAa,EAAE,EAAE,aAA+B;CACrE,MAAM,EAAE,WAAW,UAAU,mBAAA,GAAA,wCAAA,iBAAkC;CAG/D,MAAM,qBAAqB,CAAC,CAAC,WAAW,eAAe;CACvD,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAyB,mBAAmB;CAE9D,MAAM,cACJ,OAAO,WAAW,WAAW,OAAO,cAAc,KAAA;AAEpD,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAW,WAAW;YAA3B,CACG,CAAC,aACA,iBAAA,GAAA,kBAAA,KAACC,yBAAAA,SAAD;GACE,WAAU;GACV,WAAW,WAAW;GACtB,MAAM,iBAAA,GAAA,kBAAA,KAACC,eAAAA,UAAD,EAAY,CAAA;GAClB,MAAK;GACL,QAAO;GACP,SAAQ;GACR,eAAe;AACb,iBAAa,KAAK;;GAEpB,CAAA,EAEH,YACC,iBAAA,GAAA,kBAAA,MAACC,wBAAAA,OAAO,KAAR;GAEE,SAAS,EAAE,SAAS,GAAG;GACvB,WAAW,WAAW;GAEtB,SAAS,CAAC,qBAAqB,EAAE,SAAS,IAAK,GAAG;GAClD,2BAA2B;AAEzB,QAAI,CAAC,mBACH,UAAS,SAAS;;GAGtB,YAAY;IACV,UAAU;IACV,MAAM;IACP;aAfH,CAiBE,iBAAA,GAAA,kBAAA,KAACC,yBAAAA,SAAD;IACE,WAAA;IACA,eAAe;IACf,MAAK;IACQ;IACb,MAAK;IACL,WAAW;KACT,OAAO,WAAW;KAClB,cAAc,WAAW;KAC1B;IAED,eAAe;AACb,oBAAe;;IAEjB,CAAA,EACF,iBAAA,GAAA,kBAAA,KAACC,gCAAAA,SAAD;IACE,WAAU;IAEV,UAAU;IACV,WAAW,WAAW;IACtB,OAAM;IACN,MAAM,iBAAA,GAAA,kBAAA,KAACH,eAAAA,UAAD,EAAY,CAAA;IAClB,MAAK;IACL,QAAO;IACP,CAAA,CACS;KAzCP,eAyCO,GACX,KACA;;;;;ACxFV,MAAMI,WAAAA,GAAAA,MAAAA,SAAoB,oBAAoB;AAG9C,MAAa,kBAAA,GAAA,uBAAA,IAAoB,EAC/B,OAAO;CAEL,MAAM;CAEN,qBAAqB;CAErB,mBAAmB;CAEnB,mBAAmB;CAEnB,iBAAiB;CAEjB,mBAAmB;CAEnB,mBAAmB;CAEnB,MAAM;CAEN,aAAa;CAEb,oBAAoB;CAEpB,iBAAiB;CAEjB,kBAAkB;CAElB,oBAAoB;CAEpB,eAAe;CAChB,EACF,CAAC;;;;;;AA2DF,MAAM,UAAU,EACd,WAAW,KAAA,GACX,YAAY,KAAA,GACZ,QACA,WAAW,uBACX,UACA,aACiB;CAEjB,MAAM,gBAAgB,eAAwC;AAC5D,UAAM,gBAAgB,EAAE,YAAY,CAAC;AACrC,WAAS,WAA2B;;CAItC,MAAM,aAAa,oBACjB,OAAO,SACP,QAAQ,OAAO,OAAO,CACvB;CAGD,MAAM,EACJ,MAAM,iBACN,QACA,YACE,WAAW,SAAS,OAAoB;CAI5C,MAAM,cAAA,GAAA,uBAAA,sBADW,gBAAgB,EACiB,WAAW,OAAO;AAEpE,SAAM,UAAU;EACd,OAAO;GAAE;GAAQ;GAAQ;EACzB,YAAY;GAAE;GAAQ;GAAS;GAAiB;EACjD,CAAC;AAEF,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAW,WAAW;YAA3B,CAOE,iBAAA,GAAA,kBAAA,MAACC,wBAAAA,SAAD;GACE,WAAW,WAAW;GAEtB,OAAO,EAAE,SAAS,MAAM;GACxB,eAAe,mBAAmB,EAAE;GACpC,MAAM;GACN,UAAU;GACE;aAPd,CAUG,OAAO,SACN,iBAAA,GAAA,kBAAA,KAAC,aAAD;IACE,QAAQ,OAAO;IACf,YAAY;KACV,aAAa,WAAW;KACxB,oBAAoB,WAAW;KAC/B,iBAAiB,WAAW;KAC5B,kBAAkB,WAAW;KAC7B,oBAAoB,WAAW;KAC/B,eAAe,WAAW;KAC3B;IACD,CAAA,GACA,MAOJ,iBAAA,GAAA,kBAAA,MAAC,wBAAD;IAAwB,QAAQ,OAAO;cAAvC;KACE,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAe,WAAW,WAAW,mBAAqB,CAAA;KAC1D,iBAAA,GAAA,kBAAA,KAAC,eAAD,EACE,YAAY;MACV,qBAAqB,WAAW;MAChC,mBAAmB,WAAW;MAC/B,EACD,CAAA;KACF,iBAAA,GAAA,kBAAA,KAAC,aAAD,EACE,YAAY;MACV,MAAM,WAAW;MACjB,QAAQ,WAAW;MACnB,QAAQ,WAAW;MACpB,EACD,CAAA;KACqB;MACpB;MAEN,WAAW,mBAAmB,EAAE,CAAC,CAC9B;;;;;;;;;;;;;;;;;;;;;;ACxLV,MAAM,gBACJ,eACiC;AACjC,SAAQ,EAAE,MAAM,MAAM,aAAa;AACjC,SAAO;GACL,YAAY,WAAW;GACvB,QAAQ;IAAE,GAAG,WAAW,SAAS;IAAQ,GAAI,UAAU,EAAE;IAAG;GAC5D,cAAc,WAAW,SAAS;GAClC;GACA;GACA,YAAY,WAAW;GACxB;;;;;;;;;;ACtBL,MAAMC,aAAW,EACf,OACA,QAAQ,EAAE,MAAM,YAAY,mBACW;AACvC,KAAI,OAAO,UAAU,UACnB,QACE,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UACG,GAAG,QAAQ,aAAa,GAAG,WAAW,GAAG,cAAc,OAAO,GAAG,QACjE,CAAA;AAGP,QAAO,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UAAG,GAAG,KAAK,MAAQ,CAAA;;;;;;;;;ACT5B,MAAMC,UAAQ,EACZ,WACA,QAAQ,EAAE,MAAM,mBACa;AAC7B,QAAO,iBAAA,GAAA,kBAAA,KAACC,0BAAAA,SAAD;EAAQ,OAAO,GAAG,WAAW,GAAG;EAAQ,MAAM;EAAa,CAAA;;CCTvDC,GAAAA,gBAAAA,QAAgB;CAK3B,OAAA,GAAA,gBAAA,SAAc;CAKd,aAAA,GAAA,gBAAA,SAAoB,CAAC,UAAU;CAK/B,aAAA,GAAA,gBAAA,SAAoB,CAAC,UAAU;CAChC,CAAC;;AAGF,MAAaC,cAAY,YAAqB;AAC5C,SAAA,GAAA,gBAAA,UAAgB,CAAC,UAAU;;;;;;;;;;;;;;;;ACJ7B,MAAa,UAAU,aAA4B;CACjD,YAAY;EAAE,SAAA;EAAS,MAAA;EAAM;CAC7B,UAAU;EACR,OAAO;EACP,QAAQ;GAAE,MAAM;GAAU,YAAY;GAAM,YAAY;GAAM;EAC/D;CACD,YAAYC;CACb,CAAC;;;;;;;;ACpBF,MAAM,WAAW,EACf,OACA,QAAQ,EAAE,MAAM,gBACuB;AACvC,KAAI,SAAS,MAAM,SAAS,EAC1B,QACE,iBAAA,GAAA,kBAAA,MAAC,QAAD;EAAM,WAAU;YAAhB;GACG;GAAK;GACL,MAAM,KAAK,QAAQ;IAIlB,MAAM,QAHS,QAAQ,MAAM,OAAO;AAClC,YAAO,GAAG,UAAU;MACpB,EACoB,SAAS;AAG/B,WAAO,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UADL,OAAO,UAAU,aAAa,MAAM,UAAU,GAAG,OACN,EAA3B,IAA2B;KAC7C;GACG;;AAGX,QAAO,GAAG,KAAK;;;;;;;;;AClBjB,MAAM,QAAQ,EAAE,WAAW,aAAsC;AAW/D,QAAO,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,SAAD;EAAY,MAAM;EAAW,SAVZ,OAAO,QAAQ,KAAK,WAAW;AACrD,UAAO;IACL,GAAG;IACH,OACE,OAAO,OAAO,UAAU,aACpB,OAAO,MAAM,OAAO,GACpB,OAAO;IACd;IACD;EAE8D,CAAA;;CCfrD,GAAA,gBAAA,QAAgB;CAK3B,OAAA,GAAA,gBAAA,SAAc;CAOd,UAAA,GAAA,gBAAA,QAAA,GAAA,gBAAA,QAAsB;EAAE,QAAA,GAAA,gBAAA,MAAY;EAAE,QAAA,GAAA,gBAAA,SAAe;EAAE,CAAC,CAAC;CAC1D,CAAC;;AAWF,MAAa,YAAY,QAAiB;AACxC,SAAA,GAAA,gBAAA,cAAA,GAAA,gBAAA,QAAA,GAAA,gBAAA,SAAiC,CAAC,CAAC,UAAU,CAAC,CAAC;EAC7C,QAAQ;EACR,SAAS,QAAQ,QAAQ;AACvB,OAAI,CAAC,IACH;AAEF,UAAO,SAAS,UAAU;AACxB,QACE,CAAC,IAAI,QAAQ,MAAM,WAAW;AAC5B,YAAO,QAAQ,UAAU;MACzB,CAEF,KAAI,SAAS;KACX,MAAM;KACN,SAAS,kBAAkB;KAC5B,CAAC;KAEJ;;EAEL,CAAC;;;;AEvCJ,MAAa,UAAU;CACrB;CACA,YDQwB,aAA4B;EACpD,YAAY;GAAE;GAAS;GAAM;EAC7B,UAAU;GAAE,OAAO,EAAE;GAAE,QAAQ;IAAE,MAAM;IAAW,SAAS,EAAE;IAAE;GAAE;EACjE,YAAY;EACb,CAAC;CCXD;AAMD,IAAA,iBAAe"}