@ultraviolet/ui 3.18.2 → 3.19.0

package/dist/compositions/Filters/filterTypes/FilterSlider.js

@@ -0,0 +1,31 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { Slider, init_Slider } from "../../../components/Slider/index.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/filterTypes/FilterSlider.tsx
+var FilterSlider;
+var init_FilterSlider = __esmMin(() => {
+	init_Slider();
+	init_objectSpread2();
+	FilterSlider = ({ value, onChange, config, hideLabel }) => {
+		const sliderProps = {
+			input: true,
+			"aria-label": hideLabel ? config.label : void 0,
+			label: hideLabel ? void 0 : config.label,
+			max: config.max,
+			min: config.min,
+			name: config.name,
+			onChange,
+			options: config.options,
+			step: config.step,
+			unit: config.unit
+		};
+		if (config.double) return /* @__PURE__ */ jsx(Slider, _objectSpread2(_objectSpread2({ double: true }, sliderProps), {}, { value }));
+		return /* @__PURE__ */ jsx(Slider, _objectSpread2(_objectSpread2({}, sliderProps), {}, { value }));
+	};
+});
+
+//#endregion
+init_FilterSlider();
+export { FilterSlider, init_FilterSlider };

package/dist/compositions/Filters/filterTypes/FilterText.d.ts

@@ -0,0 +1,5 @@
+import type { FilterConfigItemText, FilterComponentProps } from '../types';
+type FilterTextProps = FilterComponentProps<string, FilterConfigItemText>;
+export declare const FilterText: ({ config, hideLabel, onChange, value, size }: FilterTextProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterText.d.ts.map

package/dist/compositions/Filters/filterTypes/FilterText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterText.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/filterTypes/FilterText.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE1E,KAAK,eAAe,GAAG,oBAAoB,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;AAEzE,eAAO,MAAM,UAAU,iDAAkD,eAAe,gCA8BvF,CAAA"}

package/dist/compositions/Filters/filterTypes/FilterText.js

@@ -0,0 +1,42 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { TextInput, init_TextInput } from "../../../components/TextInput/index.js";
+import { useEffect, useState } from "react";
+import { useDebouncedCallback } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/filterTypes/FilterText.tsx
+var FilterText;
+var init_FilterText = __esmMin(() => {
+	init_TextInput();
+	FilterText = ({ config, hideLabel, onChange, value, size }) => {
+		var _config$debounceDurat;
+		const [tempValue, setTempValue] = useState(value);
+		const onSetValueLater = useDebouncedCallback(onChange, (_config$debounceDurat = config.debounceDuration) !== null && _config$debounceDurat !== void 0 ? _config$debounceDurat : 600);
+		useEffect(() => {
+			setTempValue(value);
+		}, [value]);
+		return /* @__PURE__ */ jsx(TextInput, {
+			"aria-label": hideLabel ? config.label : void 0,
+			label: hideLabel ? void 0 : config.label,
+			loading: tempValue !== value,
+			name: config.name,
+			size,
+			onChange: (event) => {
+				setTempValue(event.target.value);
+				onSetValueLater(event.target.value);
+			},
+			onKeyDown: (event) => {
+				if (event.key === "Enter") {
+					event.preventDefault();
+					event.stopPropagation();
+				}
+			},
+			placeholder: config.placeholder,
+			value: tempValue
+		});
+	};
+});
+
+//#endregion
+init_FilterText();
+export { FilterText, init_FilterText };

package/dist/compositions/Filters/index.d.ts

@@ -0,0 +1,7 @@
+export { Filters } from './Filters';
+export type { FiltersProps } from './Filters';
+export { useFiltersContext, FiltersProvider } from './parts/FiltersProvider';
+export { FiltersMainRow } from './parts/FiltersMainRow';
+export { FiltersDrawer } from './parts/FiltersDrawer';
+export type { FilterConfig, FilterConfigGroup, FilterConfigItemBase, FilterConfigItem, FilterConfigItemDatetimeRange, FilterConfigItemMultiSelect, FilterConfigItemNumber, FilterConfigItemSelect, FilterConfigItemSlider, FilterConfigItemText, FilterComponentProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/compositions/Filters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/Filters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,6BAA6B,EAC7B,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,SAAS,CAAA"}

package/dist/compositions/Filters/index.js

@@ -0,0 +1,12 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { FiltersProvider, init_FiltersProvider, useFiltersContext } from "./parts/FiltersProvider.js";
+import { FiltersDrawer, init_FiltersDrawer } from "./parts/FiltersDrawer.js";
+import { FiltersMainRow, init_FiltersMainRow } from "./parts/FiltersMainRow.js";
+import { Filters, init_Filters as init_Filters$1 } from "./Filters.js";
+
+//#region src/compositions/Filters/index.ts
+var init_Filters = __esmMin(() => {});
+
+//#endregion
+init_Filters();
+export { init_Filters };

package/dist/compositions/Filters/parts/AbstractFilter.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentType } from 'react';
+import type { FilterComponentProps } from '../types';
+type AbstractFilterProps = FilterComponentProps & {
+    customComponents?: Record<string, ComponentType<FilterComponentProps>>;
+};
+export declare const AbstractFilter: ({ hideLabel, config, directionContext, onChange, value, values, customComponents, size, }: AbstractFilterProps) => import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=AbstractFilter.d.ts.map

package/dist/compositions/Filters/parts/AbstractFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractFilter.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/parts/AbstractFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAQ1C,OAAO,KAAK,EAAE,oBAAoB,EAAgB,MAAM,UAAU,CAAA;AAElE,KAAK,mBAAmB,GAAG,oBAAoB,GAAG;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAA;CACvE,CAAA;AAYD,eAAO,MAAM,cAAc,8FASxB,mBAAmB,uCAwBrB,CAAA"}

package/dist/compositions/Filters/parts/AbstractFilter.js

@@ -0,0 +1,54 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { FilterDatetimeRange, init_FilterDatetimeRange } from "../filterTypes/FilterDatetimeRange/FilterDatetimeRange.js";
+import { FilterSelect, init_FilterSelect } from "../filterTypes/FilterSelect.js";
+import { FilterMultiSelect, init_FilterMultiSelect } from "../filterTypes/FilterMultiSelect.js";
+import { FilterNumber, init_FilterNumber } from "../filterTypes/FilterNumber.js";
+import { FilterSearch, init_FilterSearch } from "../filterTypes/FilterSearch.js";
+import { FilterSlider, init_FilterSlider } from "../filterTypes/FilterSlider.js";
+import { FilterText, init_FilterText } from "../filterTypes/FilterText.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/parts/AbstractFilter.tsx
+var defaultFieldComponents, AbstractFilter;
+var init_AbstractFilter = __esmMin(() => {
+	init_FilterDatetimeRange();
+	init_FilterMultiSelect();
+	init_FilterNumber();
+	init_FilterSearch();
+	init_FilterSelect();
+	init_FilterSlider();
+	init_FilterText();
+	init_objectSpread2();
+	defaultFieldComponents = {
+		text: FilterText,
+		search: FilterSearch,
+		select: FilterSelect,
+		multiselect: FilterMultiSelect,
+		slider: FilterSlider,
+		datetimeRange: FilterDatetimeRange,
+		number: FilterNumber
+	};
+	AbstractFilter = ({ hideLabel, config, directionContext, onChange, value, values, customComponents = {}, size }) => {
+		const shouldHideLabel = directionContext === "column" && hideLabel;
+		const availableComponents = _objectSpread2(_objectSpread2({}, defaultFieldComponents), customComponents);
+		const isAvailableType = (configItem) => configItem.type in availableComponents;
+		if (isAvailableType(config)) {
+			const Component = availableComponents[config.type];
+			return /* @__PURE__ */ jsx(Component, {
+				config,
+				size,
+				directionContext,
+				onChange,
+				hideLabel: shouldHideLabel,
+				value,
+				values
+			});
+		}
+		return null;
+	};
+});
+
+//#endregion
+init_AbstractFilter();
+export { AbstractFilter, init_AbstractFilter };

package/dist/compositions/Filters/parts/ExpandableFilterGroup.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export declare const ExpandableFilterGroup: ({ label, children, defaultExpanded, onReset, clearText, }: {
+    label: string;
+    children: ReactNode;
+    defaultExpanded?: boolean;
+    onReset?: () => void;
+    clearText: string;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=ExpandableFilterGroup.d.ts.map

package/dist/compositions/Filters/parts/ExpandableFilterGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableFilterGroup.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/parts/ExpandableFilterGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,eAAO,MAAM,qBAAqB,8DAM/B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB,gCA8BA,CAAA"}

package/dist/compositions/Filters/parts/ExpandableFilterGroup.js

@@ -0,0 +1,59 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../components/Stack/index.js";
+import { Text, init_Text } from "../../../components/Text/index.js";
+import { Button, init_Button } from "../../../components/Button/index.js";
+import { Label, init_Label } from "../../../components/Label/index.js";
+import { Row, init_Row } from "../../../components/Row/index.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDownIcon, ArrowUpIcon } from "@ultraviolet/icons";
+
+//#region src/compositions/Filters/parts/ExpandableFilterGroup.tsx
+var ExpandableFilterGroup;
+var init_ExpandableFilterGroup = __esmMin(() => {
+	init_Button();
+	init_Label();
+	init_Row();
+	init_Stack();
+	init_Text();
+	ExpandableFilterGroup = ({ label, children, defaultExpanded = true, onReset, clearText }) => {
+		const [expanded, setExpanded] = useState(defaultExpanded);
+		return /* @__PURE__ */ jsxs(Stack, {
+			gap: 2,
+			children: [/* @__PURE__ */ jsxs(Row, {
+				gap: 1,
+				templateColumns: "1fr auto",
+				children: [/* @__PURE__ */ jsx(Label, {
+					size: "medium",
+					children: label
+				}), /* @__PURE__ */ jsxs(Stack, {
+					direction: "row",
+					gap: 1,
+					children: [typeof onReset === "function" ? /* @__PURE__ */ jsx(Button, {
+						onClick: onReset,
+						sentiment: "neutral",
+						size: "xsmall",
+						variant: "ghost",
+						children: /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							variant: "captionStrong",
+							children: clearText
+						})
+					}) : null, /* @__PURE__ */ jsx(Button, {
+						onClick: () => {
+							setExpanded((current) => !current);
+						},
+						sentiment: "neutral",
+						size: "xsmall",
+						variant: "ghost",
+						children: expanded ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsx(ArrowDownIcon, {})
+					})]
+				})]
+			}), expanded ? /* @__PURE__ */ jsx(Stack, { children }) : null]
+		});
+	};
+});
+
+//#endregion
+init_ExpandableFilterGroup();
+export { ExpandableFilterGroup, init_ExpandableFilterGroup };

package/dist/compositions/Filters/parts/FiltersDrawer.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentType } from 'react';
+import type { AnyObject, FilterComponentProps, FilterConfig } from '../types';
+export type DrawerProps<V extends AnyObject = AnyObject> = {
+    config: FilterConfig<V>[];
+    components?: Record<string, ComponentType<FilterComponentProps>>;
+    labels: {
+        submit: string;
+        clear: string;
+        drawerHeader: string;
+    };
+};
+export declare const FiltersDrawer: <V extends AnyObject>({ config, components, labels }: DrawerProps<V>) => import("react").JSX.Element | null;
+//# sourceMappingURL=FiltersDrawer.d.ts.map

package/dist/compositions/Filters/parts/FiltersDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersDrawer.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/parts/FiltersDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,OAAO,CAAA;AAKvD,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,YAAY,EAAoB,MAAM,UAAU,CAAA;AAM/F,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI;IACzD,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAA;IAChE,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,SAAS,kCAAkC,WAAW,CAAC,CAAC,CAAC,uCAwFhG,CAAA"}

package/dist/compositions/Filters/parts/FiltersDrawer.js

@@ -0,0 +1,100 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../components/Stack/index.js";
+import { Button, init_Button } from "../../../components/Button/index.js";
+import { Separator, init_Separator } from "../../../components/Separator/index.js";
+import { Drawer, init_Drawer } from "../../../components/Drawer/index.js";
+import { AbstractFilter, init_AbstractFilter } from "./AbstractFilter.js";
+import { ExpandableFilterGroup, init_ExpandableFilterGroup } from "./ExpandableFilterGroup.js";
+import { init_helpers, isFilterConfigGroup } from "./helpers.js";
+import { init_FiltersProvider, useFiltersContext } from "./FiltersProvider.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/parts/FiltersDrawer.tsx
+var FiltersDrawer;
+var init_FiltersDrawer = __esmMin(() => {
+	init_Button();
+	init_Drawer();
+	init_Separator();
+	init_Stack();
+	init_AbstractFilter();
+	init_ExpandableFilterGroup();
+	init_FiltersProvider();
+	init_helpers();
+	FiltersDrawer = ({ config, components, labels }) => {
+		const formId = useId();
+		const { filters, closeDrawer, isDrawerOpen } = useFiltersContext();
+		const drawerFilters = config.filter((item) => !item.hideInDrawer);
+		const createResetHandler = (configItem) => {
+			let fieldsToReset = [];
+			if (isFilterConfigGroup(configItem)) fieldsToReset = configItem.items.map((item) => item.name).filter((name) => filters.dirtyFilters.includes(name));
+			else if (filters.dirtyFilters.includes(configItem.name)) fieldsToReset = [configItem.name];
+			return fieldsToReset.length > 0 ? () => filters.resetFields(fieldsToReset) : void 0;
+		};
+		if (drawerFilters.length === 0) return null;
+		return /* @__PURE__ */ jsx(Drawer, {
+			footer: /* @__PURE__ */ jsx(Button, {
+				render: /* @__PURE__ */ jsx("button", {
+					form: formId,
+					type: "submit"
+				}),
+				children: labels.submit
+			}),
+			header: labels.drawerHeader,
+			hideOnClickOutside: false,
+			onClose: () => {
+				filters.discard();
+				closeDrawer();
+			},
+			open: isDrawerOpen,
+			separator: true,
+			size: "small",
+			children: /* @__PURE__ */ jsx("form", {
+				id: formId,
+				onSubmit: (event) => {
+					event.preventDefault();
+					event.stopPropagation();
+					filters.submit();
+					closeDrawer();
+				},
+				children: /* @__PURE__ */ jsx(Stack, {
+					gap: 2,
+					children: drawerFilters.map((configItem, index) => /* @__PURE__ */ jsxs(Stack, {
+						gap: 2,
+						children: [index > 0 ? /* @__PURE__ */ jsx(Separator, {}) : null, /* @__PURE__ */ jsx(ExpandableFilterGroup, {
+							clearText: labels.clear,
+							label: configItem.label,
+							defaultExpanded: configItem.expanded,
+							onReset: createResetHandler(configItem),
+							children: isFilterConfigGroup(configItem) ? /* @__PURE__ */ jsx(Stack, {
+								gap: 2,
+								children: configItem.items.filter((item) => !item.hideInDrawer).map((subConfigItem) => /* @__PURE__ */ jsx(AbstractFilter, {
+									config: subConfigItem,
+									directionContext: "column",
+									size: "large",
+									onChange: (value) => filters.setValue(subConfigItem.name, value),
+									value: filters.values[subConfigItem.name],
+									values: filters.values,
+									customComponents: components
+								}, subConfigItem.name))
+							}) : /* @__PURE__ */ jsx(AbstractFilter, {
+								config: configItem,
+								directionContext: "column",
+								size: "large",
+								hideLabel: true,
+								onChange: (value) => filters.setValue(configItem.name, value),
+								value: filters.values[configItem.name],
+								values: filters.values,
+								customComponents: components
+							})
+						})]
+					}, isFilterConfigGroup(configItem) ? configItem.label : configItem.name))
+				})
+			})
+		});
+	};
+});
+
+//#endregion
+init_FiltersDrawer();
+export { FiltersDrawer, init_FiltersDrawer };

package/dist/compositions/Filters/parts/FiltersMainRow.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentProps, ComponentType } from 'react';
+import { Row } from '../../../components/Row';
+import type { AnyObject, FilterComponentProps, FilterConfig } from '../types';
+export type MainRowProps<V extends AnyObject = AnyObject> = {
+    config: FilterConfig<V>[];
+    components?: Record<string, ComponentType<FilterComponentProps>>;
+    labels: {
+        seeAll?: string;
+        clearAll: string;
+    };
+    layout?: {
+        mainFilters?: (keyof V)[];
+        size?: 'large' | 'medium';
+        templateColumns?: ComponentProps<typeof Row>['templateColumns'];
+    };
+    className?: string;
+};
+export declare const FiltersMainRow: <V extends AnyObject>({ config, components, labels, layout, className, }: MainRowProps<V>) => import("react").JSX.Element;
+//# sourceMappingURL=FiltersMainRow.d.ts.map

package/dist/compositions/Filters/parts/FiltersMainRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersMainRow.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/parts/FiltersMainRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAA;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAM7E,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI;IAC1D,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAA;IAChE,MAAM,EAAE;QACN,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAA;QACzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;QACzB,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAA;KAChE,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,SAAS,sDAM/C,YAAY,CAAC,CAAC,CAAC,gCA4DjB,CAAA"}

package/dist/compositions/Filters/parts/FiltersMainRow.js

@@ -0,0 +1,85 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../components/Stack/index.js";
+import { Button, init_Button } from "../../../components/Button/index.js";
+import { Row, init_Row } from "../../../components/Row/index.js";
+import { AbstractFilter, init_AbstractFilter } from "./AbstractFilter.js";
+import { init_helpers, isFilterConfigGroup } from "./helpers.js";
+import { init_FiltersProvider, useFiltersContext } from "./FiltersProvider.js";
+import { filterStyles, init_styles_css } from "./styles.css.js";
+import { useMemo } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AdjustmentsHorizontalIcon } from "@ultraviolet/icons";
+
+//#region src/compositions/Filters/parts/FiltersMainRow.tsx
+var FiltersMainRow;
+var init_FiltersMainRow = __esmMin(() => {
+	init_Button();
+	init_Row();
+	init_Stack();
+	init_AbstractFilter();
+	init_FiltersProvider();
+	init_helpers();
+	init_styles_css();
+	FiltersMainRow = ({ config, components, labels, layout, className }) => {
+		var _layout$size;
+		var _layout$templateColum;
+		const { filters, openDrawer } = useFiltersContext();
+		const configItems = useMemo(() => config.flatMap((item) => isFilterConfigGroup(item) ? item.items : [item]), [config]);
+		const mainFiltersNames = useMemo(() => {
+			var _layout$mainFilters;
+			return (_layout$mainFilters = layout === null || layout === void 0 ? void 0 : layout.mainFilters) !== null && _layout$mainFilters !== void 0 ? _layout$mainFilters : configItems.map((item) => item.name).slice(0, 3);
+		}, [configItems, layout]);
+		const mainFilters = useMemo(() => mainFiltersNames.map((name) => configItems.find((item) => item.name === name)).filter((item) => item !== void 0), [mainFiltersNames, configItems]);
+		const shouldDisplayDrawer = configItems.some((item) => !mainFiltersNames.includes(item.name));
+		const defaultSize = mainFilters.some((item) => item.type === "slider") ? "large" : "medium";
+		const filterSize = (_layout$size = layout === null || layout === void 0 ? void 0 : layout.size) !== null && _layout$size !== void 0 ? _layout$size : defaultSize;
+		const handleMainFilterChange = (key, value) => {
+			filters.setValue(key, value);
+			filters.submit({ [key]: value });
+		};
+		const handleReset = () => {
+			filters.reset();
+			filters.submit(filters.defaultValues);
+		};
+		return /* @__PURE__ */ jsxs(Row, {
+			className: cn(filterStyles.mainRow, className),
+			alignItems: "end",
+			gap: 2,
+			templateColumns: (_layout$templateColum = layout === null || layout === void 0 ? void 0 : layout.templateColumns) !== null && _layout$templateColum !== void 0 ? _layout$templateColum : "repeat(auto-fit, minmax(200px, 1fr))",
+			children: [mainFilters.map((configItem) => /* @__PURE__ */ jsx(AbstractFilter, {
+				value: filters.lastSubmittedValues[configItem.name],
+				values: filters.lastSubmittedValues,
+				config: configItem,
+				size: filterSize,
+				directionContext: "row",
+				onChange: (value) => handleMainFilterChange(configItem.name, value),
+				customComponents: components
+			}, configItem.name)), /* @__PURE__ */ jsxs(Stack, {
+				direction: "row",
+				gap: 2,
+				alignItems: "center",
+				children: [shouldDisplayDrawer ? /* @__PURE__ */ jsxs(Button, {
+					onClick: openDrawer,
+					size: filterSize,
+					variant: "outlined",
+					children: [
+						/* @__PURE__ */ jsx(AdjustmentsHorizontalIcon, { "aria-hidden": "true" }),
+						" ",
+						labels.seeAll,
+						filters.appliedFilters.length > 0 ? ` (${filters.appliedFilters.length})` : null
+					]
+				}) : null, /* @__PURE__ */ jsx(Button, {
+					onClick: handleReset,
+					size: filterSize,
+					variant: "ghost",
+					children: labels.clearAll
+				})]
+			})]
+		});
+	};
+});
+
+//#endregion
+init_FiltersMainRow();
+export { FiltersMainRow, init_FiltersMainRow };

package/dist/compositions/Filters/parts/FiltersProvider.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { AnyObject } from '../types';
+import type { UseFiltersParams, UseFiltersReturn } from './useFilters';
+export type FiltersProviderProps<V extends AnyObject = AnyObject> = UseFiltersParams<V> & {
+    onDrawerOpen?: (values: V) => void;
+};
+export type FiltersContextValue<V extends AnyObject = AnyObject> = {
+    filters: UseFiltersReturn<V>;
+    isDrawerOpen: boolean;
+    openDrawer: () => void;
+    closeDrawer: () => void;
+};
+export declare const FiltersProvider: <V extends AnyObject = AnyObject>({ children, defaultValues: initialDefaultValues, initialValues, onChange, onSubmit, onDrawerOpen, }: FiltersProviderProps<V> & {
+    children: ReactNode | ((ctx: FiltersContextValue<V>) => ReactNode);
+}) => import("react").JSX.Element;
+export declare const useFiltersContext: <V extends AnyObject>() => FiltersContextValue<V>;
+//# sourceMappingURL=FiltersProvider.d.ts.map

package/dist/compositions/Filters/parts/FiltersProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersProvider.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/parts/FiltersProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEtE,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IACxF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;CACnC,CAAA;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI;IACjE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAC5B,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAID,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,SAAS,GAAG,SAAS,uGAO5D,oBAAoB,CAAC,CAAC,CAAC,GAAG;IAAE,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAA;CAAE,gCA6BlG,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,SAAS,OAAK,mBAAmB,CAAC,CAAC,CAM9E,CAAA"}

package/dist/compositions/Filters/parts/FiltersProvider.js

@@ -0,0 +1,55 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_useFilters, useFilters } from "./useFilters.js";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Filters/parts/FiltersProvider.tsx
+var FiltersContext, FiltersProvider, useFiltersContext;
+var init_FiltersProvider = __esmMin(() => {
+	init_useFilters();
+	FiltersContext = createContext(null);
+	FiltersProvider = ({ children, defaultValues: initialDefaultValues, initialValues, onChange, onSubmit, onDrawerOpen }) => {
+		const filters = useFilters({
+			initialValues,
+			defaultValues: initialDefaultValues,
+			onChange,
+			onSubmit
+		});
+		const [isDrawerOpen, setIsDrawerOpen] = useState(false);
+		const openDrawer = useCallback(() => {
+			setIsDrawerOpen(true);
+			onDrawerOpen === null || onDrawerOpen === void 0 || onDrawerOpen(filters.values);
+		}, [
+			onDrawerOpen,
+			setIsDrawerOpen,
+			filters.values
+		]);
+		const closeDrawer = useCallback(() => {
+			setIsDrawerOpen(false);
+		}, [setIsDrawerOpen]);
+		const value = useMemo(() => ({
+			filters,
+			isDrawerOpen,
+			openDrawer,
+			closeDrawer
+		}), [
+			filters,
+			isDrawerOpen,
+			openDrawer,
+			closeDrawer
+		]);
+		return /* @__PURE__ */ jsx(FiltersContext.Provider, {
+			value,
+			children: typeof children === "function" ? children(value) : children
+		});
+	};
+	useFiltersContext = () => {
+		const context = useContext(FiltersContext);
+		if (!context) throw new Error("useFiltersContext must be used within a FiltersProvider");
+		return context;
+	};
+});
+
+//#endregion
+init_FiltersProvider();
+export { FiltersProvider, init_FiltersProvider, useFiltersContext };

package/dist/compositions/Filters/parts/helpers.d.ts

@@ -0,0 +1,5 @@
+import type { AnyObject, FilterConfig, FilterConfigGroup } from '../types';
+export declare const isFilterConfigGroup: <V extends AnyObject>(item: FilterConfig<V>) => item is FilterConfigGroup<V>;
+export declare const getKeysWithDifferentValues: <Values extends AnyObject>(a?: Values, b?: Values) => (keyof Values)[];
+export declare const isSameValues: <Values extends AnyObject>(a?: Values, b?: Values) => boolean;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/compositions/Filters/parts/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Filters/parts/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE1E,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,SAAS,QAAQ,YAAY,CAAC,CAAC,CAAC,KAAG,IAAI,IAAI,iBAAiB,CAAC,CAAC,CACrF,CAAA;AAEvB,eAAO,MAAM,0BAA0B,GAAI,MAAM,SAAS,SAAS,MAAM,MAAM,MAAM,MAAM,KAAG,CAAC,MAAM,MAAM,CAAC,EAgD3G,CAAA;AAID,eAAO,MAAM,YAAY,GAAI,MAAM,SAAS,SAAS,MAAM,MAAM,MAAM,MAAM,YAa5E,CAAA"}

package/dist/compositions/Filters/parts/helpers.js

@@ -0,0 +1,38 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/Filters/parts/helpers.ts
+var isFilterConfigGroup, getKeysWithDifferentValues, isSameValues;
+var init_helpers = __esmMin(() => {
+	isFilterConfigGroup = (item) => item.type === "group";
+	getKeysWithDifferentValues = (a, b) => {
+		if (a === b) return [];
+		if (!a || !b) return [];
+		const keysA = Object.keys(a);
+		const keysB = Object.keys(b);
+		return keysA.filter((_, i) => {
+			const keyA = keysA[i];
+			const keyB = keysB[i];
+			if (!Object.hasOwn(b, keyA)) return true;
+			if (!Object.hasOwn(a, keyB)) return true;
+			const valueA = a[keyA];
+			const valueB = b[keyA];
+			if (valueA === valueB) return false;
+			if (Array.isArray(valueA) && Array.isArray(valueB)) {
+				if (valueA.length !== valueB.length) return true;
+				if (valueA.length === 2 && valueB.length === 2 && (valueA[0] !== valueB[0] || valueA[1] !== valueB[1])) return true;
+				return !valueA.every((aValueInValueA) => valueB.includes(aValueInValueA));
+			}
+			return true;
+		});
+	};
+	isSameValues = (a, b) => {
+		if (a === b) return true;
+		if (!a || !b) return false;
+		if (Object.keys(a).length !== Object.keys(b).length) return false;
+		return getKeysWithDifferentValues(a, b).length === 0;
+	};
+});
+
+//#endregion
+init_helpers();
+export { getKeysWithDifferentValues, init_helpers, isFilterConfigGroup, isSameValues };

package/dist/compositions/Filters/parts/reducer.d.ts

@@ -0,0 +1,40 @@
+import type { AnyObject } from '../types';
+export type FiltersState<V extends AnyObject> = {
+    values: V;
+    lastSubmittedValues: V;
+    defaultValues: V;
+};
+export type FiltersAction<V extends AnyObject> = {
+    type: 'SET_VALUE';
+    payload: {
+        name: keyof V;
+        value: unknown;
+    };
+} | {
+    type: 'SET_VALUES';
+    payload: {
+        values: Partial<V>;
+    };
+} | {
+    type: 'RESET_FIELD';
+    payload: {
+        name: keyof V;
+        defaultValue?: V[keyof V];
+    };
+} | {
+    type: 'RESET_FIELDS';
+    payload: {
+        names: (keyof V)[];
+    };
+} | {
+    type: 'RESET';
+    payload: {
+        values?: Partial<V>;
+    };
+} | {
+    type: 'SUBMIT';
+} | {
+    type: 'DISCARD';
+};
+export declare const filtersReducer: <V extends AnyObject>(state: FiltersState<V>, action: FiltersAction<V>) => FiltersState<V>;
+//# sourceMappingURL=reducer.d.ts.map