@envive-ai/react-toolkit 0.2.13 → 0.2.14

package/dist/components/SearchFilter/SearchFilterFooter.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+import { FilterFooterProps } from "@envive-ai/react-hooks/types";
+
+//#region src/components/SearchFilter/SearchFilterFooter.d.ts
+declare const SearchFilterFooter: ({
+  closeModal,
+  clearAllFilters,
+  filterCount,
+  applyFiltersUnchangedClasses,
+  applyFiltersChangedClasses,
+  hasFiltersChanged
+}: FilterFooterProps) => react_jsx_runtime9.JSX.Element;
+//#endregion
+export { SearchFilterFooter };

package/dist/components/SearchFilter/SearchFilterFooter.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+import { FilterFooterProps } from "@envive-ai/react-hooks/types";
+
+//#region src/components/SearchFilter/SearchFilterFooter.d.ts
+declare const SearchFilterFooter: ({
+  closeModal,
+  clearAllFilters,
+  filterCount,
+  applyFiltersUnchangedClasses,
+  applyFiltersChangedClasses,
+  hasFiltersChanged
+}: FilterFooterProps) => react_jsx_runtime19.JSX.Element;
+//#endregion
+export { SearchFilterFooter };

package/dist/components/SearchFilter/SearchFilterFooter.js

@@ -0,0 +1,46 @@
+import { ButtonBase } from "../ButtonBase/ButtonBase.js";
+import "../ButtonBase/index.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SearchFilter/SearchFilterFooter.tsx
+const SearchFilterFooter = ({ closeModal, clearAllFilters, filterCount, applyFiltersUnchangedClasses, applyFiltersChangedClasses, hasFiltersChanged }) => {
+	const clearAllButtonEnabled = filterCount > 0;
+	const footerWrapperClassName = classNames({
+		"spiffy-tw-flex": true,
+		"spiffy-tw-flex-col": true,
+		"spiffy-tw-items-center": true,
+		"spiffy-tw-justify-between": true,
+		"spiffy-tw-w-full": true,
+		"spiffy-tw-border-t": true,
+		"spiffy-tw-border-t-[--spiffy-colors-border-light]": true,
+		"spiffy-tw-p-[16px]": true,
+		"spiffy-tw-gap-[16px]": true
+	});
+	const applyFilterButtonClassName = classNames("spiffy-tw-flex spiffy-tw-flex-row spiffy-tw-justify-center spiffy-tw-rounded-[8px] spiffy-tw-w-full", hasFiltersChanged ? applyFiltersChangedClasses : applyFiltersUnchangedClasses);
+	const clearAllButtonClassName = classNames({
+		"spiffy-tw-flex": true,
+		"spiffy-tw-flex-row": true,
+		"spiffy-tw-justify-center": true,
+		"spiffy-tw-w-full": true,
+		"spiffy-tw-text-[--spiffy-colors-text-primary]": clearAllButtonEnabled,
+		"spiffy-tw-text-[--spiffy-colors-text-secondary]": !clearAllButtonEnabled
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: footerWrapperClassName,
+		children: [/* @__PURE__ */ jsx(ButtonBase, {
+			isDisabled: !hasFiltersChanged,
+			buttonClass: applyFilterButtonClassName,
+			text: "Apply Filters",
+			onClick: closeModal
+		}), /* @__PURE__ */ jsx(ButtonBase, {
+			isDisabled: !clearAllButtonEnabled,
+			buttonClass: clearAllButtonClassName,
+			text: "Clear All",
+			onClick: clearAllFilters
+		})]
+	});
+};
+
+//#endregion
+export { SearchFilterFooter };

package/dist/components/SearchFilter/SearchFilterHeader.cjs

@@ -0,0 +1,42 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Typography = require('../Typography/Typography.cjs');
+require('../Typography/index.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/SearchFilter/SearchFilterHeader.tsx
+const SearchFilterHeader = ({ closeModal, productCount, headerClassName, filterCloseIconVariant }) => {
+	const closeIconColor = filterCloseIconVariant === "dark" ? "var(--spiffy-colors-text-primary)" : "var(--spiffy-colors-text-light)";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-px-4 spiffy-tw-py-3", headerClassName),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Typography.Typography, {
+			variant: "body2",
+			className: "spiffy-tw-font-medium",
+			children: [
+				"Filters (",
+				productCount,
+				")"
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			onClick: closeModal,
+			className: "spiffy-tw-p-2",
+			type: "button",
+			"aria-label": "Open Filter Menu",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "14",
+				height: "14",
+				viewBox: "0 0 14 14",
+				fill: "none",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711Z",
+					fill: closeIconColor
+				})
+			})
+		})]
+	});
+};
+
+//#endregion
+exports.SearchFilterHeader = SearchFilterHeader;

package/dist/components/SearchFilter/SearchFilterHeader.d.cts

@@ -0,0 +1,12 @@
+import { SearchFilterHeaderProps } from "./types.cjs";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+
+//#region src/components/SearchFilter/SearchFilterHeader.d.ts
+declare const SearchFilterHeader: ({
+  closeModal,
+  productCount,
+  headerClassName,
+  filterCloseIconVariant
+}: SearchFilterHeaderProps) => react_jsx_runtime8.JSX.Element;
+//#endregion
+export { SearchFilterHeader };

package/dist/components/SearchFilter/SearchFilterHeader.d.ts

@@ -0,0 +1,12 @@
+import { SearchFilterHeaderProps } from "./types.js";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+
+//#region src/components/SearchFilter/SearchFilterHeader.d.ts
+declare const SearchFilterHeader: ({
+  closeModal,
+  productCount,
+  headerClassName,
+  filterCloseIconVariant
+}: SearchFilterHeaderProps) => react_jsx_runtime16.JSX.Element;
+//#endregion
+export { SearchFilterHeader };

package/dist/components/SearchFilter/SearchFilterHeader.js

@@ -0,0 +1,40 @@
+import { Typography } from "../Typography/Typography.js";
+import "../Typography/index.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SearchFilter/SearchFilterHeader.tsx
+const SearchFilterHeader = ({ closeModal, productCount, headerClassName, filterCloseIconVariant }) => {
+	const closeIconColor = filterCloseIconVariant === "dark" ? "var(--spiffy-colors-text-primary)" : "var(--spiffy-colors-text-light)";
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-px-4 spiffy-tw-py-3", headerClassName),
+		children: [/* @__PURE__ */ jsxs(Typography, {
+			variant: "body2",
+			className: "spiffy-tw-font-medium",
+			children: [
+				"Filters (",
+				productCount,
+				")"
+			]
+		}), /* @__PURE__ */ jsx("button", {
+			onClick: closeModal,
+			className: "spiffy-tw-p-2",
+			type: "button",
+			"aria-label": "Open Filter Menu",
+			children: /* @__PURE__ */ jsx("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "14",
+				height: "14",
+				viewBox: "0 0 14 14",
+				fill: "none",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711Z",
+					fill: closeIconColor
+				})
+			})
+		})]
+	});
+};
+
+//#endregion
+export { SearchFilterHeader };

package/dist/components/SearchFilter/SearchFilterItem.cjs

@@ -0,0 +1,41 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Typography = require('../Typography/Typography.cjs');
+require('../Typography/index.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/SearchFilter/SearchFilterItem.tsx
+const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor }) => {
+	const { displayName, isSelected } = filterItem;
+	const radioClasses = (0, classnames.default)("spiffy-tw-w-4 spiffy-tw-h-4 spiffy-tw-rounded-full spiffy-tw-border-2", "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-center", radioButtonUncheckedBorderColor, radioButtonHoverColor, { [radioButtonFillColor]: isSelected });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		role: "option",
+		"aria-selected": isSelected,
+		className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-py-2",
+		onClick: () => onSelectFilterItem(filterItem),
+		onKeyDown: (event) => {
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				onSelectFilterItem(filterItem);
+			}
+		},
+		onKeyUp: (event) => {
+			if (event.key === " ") event.preventDefault();
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+			variant: "body3",
+			children: displayName
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: radioClasses,
+			children: isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)("spiffy-tw-h-2 spiffy-tw-w-2 spiffy-tw-rounded-full", {
+				"spiffy-tw-bg-white": radioButtonFillColor.includes("spiffy-tw-bg-"),
+				"spiffy-tw-bg-black": radioButtonFillColor.includes("spiffy-tw-bg-white")
+			}) })
+		})]
+	});
+};
+
+//#endregion
+exports.SearchFilterItem = SearchFilterItem;

package/dist/components/SearchFilter/SearchFilterItem.d.cts

@@ -0,0 +1,13 @@
+import { SearchFilterItemProps } from "./types.cjs";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+
+//#region src/components/SearchFilter/SearchFilterItem.d.ts
+declare const SearchFilterItem: ({
+  filterItem,
+  onSelectFilterItem,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor
+}: SearchFilterItemProps) => react_jsx_runtime10.JSX.Element;
+//#endregion
+export { SearchFilterItem };

package/dist/components/SearchFilter/SearchFilterItem.d.ts

@@ -0,0 +1,13 @@
+import { SearchFilterItemProps } from "./types.js";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+
+//#region src/components/SearchFilter/SearchFilterItem.d.ts
+declare const SearchFilterItem: ({
+  filterItem,
+  onSelectFilterItem,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor
+}: SearchFilterItemProps) => react_jsx_runtime17.JSX.Element;
+//#endregion
+export { SearchFilterItem };

package/dist/components/SearchFilter/SearchFilterItem.js

@@ -0,0 +1,39 @@
+import { Typography } from "../Typography/Typography.js";
+import "../Typography/index.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SearchFilter/SearchFilterItem.tsx
+const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor }) => {
+	const { displayName, isSelected } = filterItem;
+	const radioClasses = classNames("spiffy-tw-w-4 spiffy-tw-h-4 spiffy-tw-rounded-full spiffy-tw-border-2", "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-center", radioButtonUncheckedBorderColor, radioButtonHoverColor, { [radioButtonFillColor]: isSelected });
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		role: "option",
+		"aria-selected": isSelected,
+		className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-py-2",
+		onClick: () => onSelectFilterItem(filterItem),
+		onKeyDown: (event) => {
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				onSelectFilterItem(filterItem);
+			}
+		},
+		onKeyUp: (event) => {
+			if (event.key === " ") event.preventDefault();
+		},
+		children: [/* @__PURE__ */ jsx(Typography, {
+			variant: "body3",
+			children: displayName
+		}), /* @__PURE__ */ jsx("div", {
+			className: radioClasses,
+			children: isSelected && /* @__PURE__ */ jsx("div", { className: classNames("spiffy-tw-h-2 spiffy-tw-w-2 spiffy-tw-rounded-full", {
+				"spiffy-tw-bg-white": radioButtonFillColor.includes("spiffy-tw-bg-"),
+				"spiffy-tw-bg-black": radioButtonFillColor.includes("spiffy-tw-bg-white")
+			}) })
+		})]
+	});
+};
+
+//#endregion
+export { SearchFilterItem };

package/dist/components/SearchFilter/index.cjs

@@ -1,17 +1,12 @@
-require('../../Typography-Csg-nd_w.cjs');
-require('../../Accordion-Bc3o-NjV.cjs');
-require('../../AnimatedChevron-BKQrUKb5.cjs');
-require('../../ButtonBase-Bm_QOyM1.cjs');
-require('../../ButtonBase-BIXx56hq.cjs');
-require('../../ModalSheet-BuCtRDnQ.cjs');
-require('../../RadioButton-D4TPq1Aa.cjs');
-require('../../RadioButtonGroup-BhZloLH6.cjs');
-const require_SearchFilter = require('../../SearchFilter-CnP71PTj.cjs');
-require('../../ToggleButton-BhBEOjxO.cjs');
+const require_SearchFilterHeader = require('./SearchFilterHeader.cjs');
+const require_utils = require('./utils.cjs');
+const require_SearchFilterFooter = require('./SearchFilterFooter.cjs');
+const require_SearchFilter = require('./SearchFilter.cjs');
+const require_SearchFilterItem = require('./SearchFilterItem.cjs');
 
 exports.SearchFilter = require_SearchFilter.SearchFilter;
-exports.SearchFilterFooter = require_SearchFilter.SearchFilterFooter;
-exports.SearchFilterHeader = require_SearchFilter.SearchFilterHeader;
-exports.SearchFilterItem = require_SearchFilter.SearchFilterItem;
-exports.getSelectedFilterItemsCount = require_SearchFilter.getSelectedFilterItemsCount;
-exports.getTotalSelectedFilterItemsCount = require_SearchFilter.getTotalSelectedFilterItemsCount;
+exports.SearchFilterFooter = require_SearchFilterFooter.SearchFilterFooter;
+exports.SearchFilterHeader = require_SearchFilterHeader.SearchFilterHeader;
+exports.SearchFilterItem = require_SearchFilterItem.SearchFilterItem;
+exports.getSelectedFilterItemsCount = require_utils.getSelectedFilterItemsCount;
+exports.getTotalSelectedFilterItemsCount = require_utils.getTotalSelectedFilterItemsCount;

package/dist/components/SearchFilter/index.d.cts

@@ -0,0 +1,6 @@
+import { SearchFilter } from "./SearchFilter.cjs";
+import { SearchFilterHeader } from "./SearchFilterHeader.cjs";
+import { SearchFilterFooter } from "./SearchFilterFooter.cjs";
+import { SearchFilterItem } from "./SearchFilterItem.cjs";
+import { getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount } from "./utils.cjs";
+export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/components/SearchFilter/index.d.ts

@@ -0,0 +1,6 @@
+import { SearchFilter } from "./SearchFilter.js";
+import { SearchFilterHeader } from "./SearchFilterHeader.js";
+import { SearchFilterFooter } from "./SearchFilterFooter.js";
+import { SearchFilterItem } from "./SearchFilterItem.js";
+import { getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount } from "./utils.js";
+export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/components/SearchFilter/index.js

@@ -1,12 +1,7 @@
-import "../../Typography-xehJH05l.js";
-import "../../Accordion-D8Vm8J1y.js";
-import "../../AnimatedChevron-DghLnmlM.js";
-import "../../ButtonBase-CT397aT3.js";
-import "../../ButtonBase-C9fn-c5h.js";
-import "../../ModalSheet-DVrY7Mw0.js";
-import "../../RadioButton-C1w7N40t.js";
-import "../../RadioButtonGroup-BWQ4-m2M.js";
-import { a as getTotalSelectedFilterItemsCount, i as getSelectedFilterItemsCount, n as SearchFilter, o as SearchFilterHeader, r as SearchFilterFooter, t as SearchFilterItem } from "../../SearchFilter-DsYF1A5n.js";
-import "../../ToggleButton-BTz_zIdc.js";
+import { SearchFilterHeader } from "./SearchFilterHeader.js";
+import { getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount } from "./utils.js";
+import { SearchFilterFooter } from "./SearchFilterFooter.js";
+import { SearchFilter } from "./SearchFilter.js";
+import { SearchFilterItem } from "./SearchFilterItem.js";
 
 export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/components/SearchFilter/types.d.cts

@@ -0,0 +1,42 @@
+import { CloseIconVariant, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
+
+//#region src/components/SearchFilter/types.d.ts
+interface SearchFilterItem extends SearchFilterItemDatum {
+  filterId: string;
+  filterItemId: string;
+  displayName: string;
+  isSelected: boolean;
+}
+interface SearchFilterItemProps {
+  filterItem: SearchFilterItem;
+  onSelectFilterItem: SelectFilterItem;
+  radioButtonFillColor: string;
+  radioButtonHoverColor: string;
+  radioButtonUncheckedBorderColor: string;
+}
+interface SearchFilterHeaderProps {
+  closeModal: () => void;
+  productCount: number;
+  headerClassName: string;
+  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
+}
+type SearchFilterProps = {
+  filters: SearchFilterDatum[];
+  selectFilterItem: SelectFilterItem;
+  clearAllFilters: () => void;
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  applyFiltersUnchangedClasses: string;
+  applyFiltersChangedClasses: string;
+  headerContent?: React.ReactNode;
+  footerContent?: React.ReactNode;
+  filterButtonText?: string;
+  headerClassName?: string;
+  radioButtonFillColor: string;
+  radioButtonHoverColor?: string;
+  radioButtonUncheckedBorderColor?: string;
+  filterCloseIconVariant: CloseIconVariant;
+};
+//#endregion
+export { SearchFilterHeaderProps, SearchFilterItemProps, SearchFilterProps };

package/dist/components/SearchFilter/types.d.ts

@@ -0,0 +1,42 @@
+import { CloseIconVariant, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
+
+//#region src/components/SearchFilter/types.d.ts
+interface SearchFilterItem extends SearchFilterItemDatum {
+  filterId: string;
+  filterItemId: string;
+  displayName: string;
+  isSelected: boolean;
+}
+interface SearchFilterItemProps {
+  filterItem: SearchFilterItem;
+  onSelectFilterItem: SelectFilterItem;
+  radioButtonFillColor: string;
+  radioButtonHoverColor: string;
+  radioButtonUncheckedBorderColor: string;
+}
+interface SearchFilterHeaderProps {
+  closeModal: () => void;
+  productCount: number;
+  headerClassName: string;
+  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
+}
+type SearchFilterProps = {
+  filters: SearchFilterDatum[];
+  selectFilterItem: SelectFilterItem;
+  clearAllFilters: () => void;
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  applyFiltersUnchangedClasses: string;
+  applyFiltersChangedClasses: string;
+  headerContent?: React.ReactNode;
+  footerContent?: React.ReactNode;
+  filterButtonText?: string;
+  headerClassName?: string;
+  radioButtonFillColor: string;
+  radioButtonHoverColor?: string;
+  radioButtonUncheckedBorderColor?: string;
+  filterCloseIconVariant: CloseIconVariant;
+};
+//#endregion
+export { SearchFilterHeaderProps, SearchFilterItemProps, SearchFilterProps };

package/dist/components/SearchFilter/useHasFilterStateChanged.cjs

@@ -0,0 +1,27 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/components/SearchFilter/useHasFilterStateChanged.tsx
+const useHasFilterStateChanged = (filters, isOpen) => {
+	const [initialFilterStates, setInitialFilterStates] = (0, react.useState)({});
+	const currentFilterStates = (0, react.useMemo)(() => {
+		const states = {};
+		filters.forEach((filter) => {
+			filter.items.forEach((item) => {
+				states[`${filter.filterId}-${item.filterItemId}`] = item.isSelected;
+			});
+		});
+		return states;
+	}, [filters]);
+	const hasFiltersChanged = (0, react.useMemo)(() => {
+		if (Object.keys(initialFilterStates).length === 0) return false;
+		return Object.keys(currentFilterStates).some((key) => currentFilterStates[key] !== initialFilterStates[key]);
+	}, [currentFilterStates, initialFilterStates]);
+	(0, react.useEffect)(() => {
+		if (isOpen) setInitialFilterStates(currentFilterStates);
+	}, [isOpen]);
+	return hasFiltersChanged;
+};
+
+//#endregion
+exports.useHasFilterStateChanged = useHasFilterStateChanged;

package/dist/components/SearchFilter/useHasFilterStateChanged.js

@@ -0,0 +1,26 @@
+import { useEffect, useMemo, useState } from "react";
+
+//#region src/components/SearchFilter/useHasFilterStateChanged.tsx
+const useHasFilterStateChanged = (filters, isOpen) => {
+	const [initialFilterStates, setInitialFilterStates] = useState({});
+	const currentFilterStates = useMemo(() => {
+		const states = {};
+		filters.forEach((filter) => {
+			filter.items.forEach((item) => {
+				states[`${filter.filterId}-${item.filterItemId}`] = item.isSelected;
+			});
+		});
+		return states;
+	}, [filters]);
+	const hasFiltersChanged = useMemo(() => {
+		if (Object.keys(initialFilterStates).length === 0) return false;
+		return Object.keys(currentFilterStates).some((key) => currentFilterStates[key] !== initialFilterStates[key]);
+	}, [currentFilterStates, initialFilterStates]);
+	useEffect(() => {
+		if (isOpen) setInitialFilterStates(currentFilterStates);
+	}, [isOpen]);
+	return hasFiltersChanged;
+};
+
+//#endregion
+export { useHasFilterStateChanged };

package/dist/components/SearchFilter/utils.cjs

@@ -0,0 +1,11 @@
+
+//#region src/components/SearchFilter/utils.ts
+const getSelectedFilterItemsCount = (filter) => filter.items.filter((item) => item.isSelected).length;
+const getTotalSelectedFilterItemsCount = (filters) => filters.reduce((acc, filter) => {
+	if (filter.filterId === "sort") return acc;
+	return acc + getSelectedFilterItemsCount(filter);
+}, 0);
+
+//#endregion
+exports.getSelectedFilterItemsCount = getSelectedFilterItemsCount;
+exports.getTotalSelectedFilterItemsCount = getTotalSelectedFilterItemsCount;

package/dist/components/SearchFilter/utils.d.cts

@@ -0,0 +1,7 @@
+import { SearchFilterDatum } from "@envive-ai/react-hooks/types";
+
+//#region src/components/SearchFilter/utils.d.ts
+declare const getSelectedFilterItemsCount: (filter: SearchFilterDatum) => any;
+declare const getTotalSelectedFilterItemsCount: (filters: SearchFilterDatum[]) => SearchFilterDatum;
+//#endregion
+export { getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/components/SearchFilter/utils.d.ts

@@ -0,0 +1,7 @@
+import { SearchFilterDatum } from "@envive-ai/react-hooks/types";
+
+//#region src/components/SearchFilter/utils.d.ts
+declare const getSelectedFilterItemsCount: (filter: SearchFilterDatum) => any;
+declare const getTotalSelectedFilterItemsCount: (filters: SearchFilterDatum[]) => SearchFilterDatum;
+//#endregion
+export { getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/components/SearchFilter/utils.js

@@ -0,0 +1,9 @@
+//#region src/components/SearchFilter/utils.ts
+const getSelectedFilterItemsCount = (filter) => filter.items.filter((item) => item.isSelected).length;
+const getTotalSelectedFilterItemsCount = (filters) => filters.reduce((acc, filter) => {
+	if (filter.filterId === "sort") return acc;
+	return acc + getSelectedFilterItemsCount(filter);
+}, 0);
+
+//#endregion
+export { getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/{SearchInput-Cgsjew8Q.cjs → components/SearchInput/SearchInput.cjs}

@@ -1,32 +1,21 @@
-const require_chunk = require('./chunk-CbDLau6x.cjs');
-const require_TextInput = require('./TextInput-DfCocKVm.cjs');
-const require_colorsConfig = require('./colorsConfig-D-MZuBvt.cjs');
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_TextInput = require('../TextInput/TextInput.cjs');
+require('../TextInput/index.cjs');
+const require_searchInputVariants = require('./searchInputVariants.cjs');
 let react = require("react");
-react = require_chunk.__toESM(react);
+react = require_rolldown_runtime.__toESM(react);
 let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
+classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_icons_MagnifyingGlassStarVariant = require("@envive-ai/react-icons/MagnifyingGlassStarVariant");
-__envive_ai_react_icons_MagnifyingGlassStarVariant = require_chunk.__toESM(__envive_ai_react_icons_MagnifyingGlassStarVariant);
+__envive_ai_react_icons_MagnifyingGlassStarVariant = require_rolldown_runtime.__toESM(__envive_ai_react_icons_MagnifyingGlassStarVariant);
 let __envive_ai_react_icons_IconClose = require("@envive-ai/react-icons/IconClose");
-__envive_ai_react_icons_IconClose = require_chunk.__toESM(__envive_ai_react_icons_IconClose);
+__envive_ai_react_icons_IconClose = require_rolldown_runtime.__toESM(__envive_ai_react_icons_IconClose);
 
-//#region src/components/SearchInput/searchInputVariants.ts
-const searchInputVariantClasses = { standard: {
-	searchInputIconColor: "transparent",
-	searchInputBorderColor: "spiffy-tw-border-[--spiffy-colors-border-medium]",
-	searchInputCloseIconClasses: "[&>circle]:spiffy-tw-fill-[--spiffy-colors-text-secondary] [&>path]:spiffy-tw-fill-[#fff]",
-	searchInputActiveStarClasses: `first:[&>path]:spiffy-tw-stroke-[--spiffy-colors-accent-primary] first:[&>path]:spiffy-tw-fill-[--spiffy-colors-accent-primary]`,
-	autocompleteIconColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundPrimary),
-	searchInputClasses: "spiffy-tw-text-[--spiffy-colors-text-primary] placeholder:spiffy-tw-text-[--spiffy-colors-text-secondary] spiffy-tw-text-[16px] spiffy-tw-font-normal spiffy-tw-leading-[148%] placeholder:spiffy-tw-font-medium placeholder:spiffy-tw-leading-[124%]",
-	placeholderVariant: "h2"
-} };
-
-//#endregion
 //#region src/components/SearchInput/SearchInput.tsx
 const SearchInput = react.default.forwardRef(({ searchInputVariant = "standard", value, placeholder, suggestions, className, dataTestId, ariaActivedescendant, onKeyDown, onChange, onFocus, onBlur }, ref) => {
 	const localInputRef = (0, react.useRef)(null);
-	const { searchInputClasses: inputClassName, searchInputIconColor: iconColor, searchInputBorderColor: borderColor, searchInputCloseIconClasses: closeIconClasses, searchInputActiveStarClasses, placeholderVariant } = searchInputVariantClasses[searchInputVariant];
+	const { searchInputClasses: inputClassName, searchInputIconColor: iconColor, searchInputBorderColor: borderColor, searchInputCloseIconClasses: closeIconClasses, searchInputActiveStarClasses, placeholderVariant } = require_searchInputVariants.searchInputVariantClasses[searchInputVariant];
 	(0, react.useImperativeHandle)(ref, () => localInputRef.current, []);
 	const magnifyingGlassClassesBase = [
 		"spiffy-tw-w-[24px]",
@@ -91,15 +80,4 @@ const SearchInput = react.default.forwardRef(({ searchInputVariant = "standard",
 });
 
 //#endregion
-Object.defineProperty(exports, 'SearchInput', {
-  enumerable: true,
-  get: function () {
-    return SearchInput;
-  }
-});
-Object.defineProperty(exports, 'searchInputVariantClasses', {
-  enumerable: true,
-  get: function () {
-    return searchInputVariantClasses;
-  }
-});
+exports.SearchInput = SearchInput;

package/dist/components/SearchInput/{index-UY0W77Y0.d.ts → SearchInput.d.cts}

@@ -1,5 +1,3 @@
-import { t as SearchInputVariant$1 } from "../../types-CQpdBL3M.js";
-import { r as TypographyVariantMap } from "../../typographyVariantClasses-CrT5OfVw.js";
 import React from "react";
 import { SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
 
@@ -19,16 +17,4 @@ interface SearchInputProps {
 }
 declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
-//#region src/components/SearchInput/searchInputVariants.d.ts
-type SearchInputVariantClasses = {
-  searchInputIconColor: string;
-  searchInputBorderColor: string;
-  searchInputCloseIconClasses: string;
-  searchInputActiveStarClasses: string;
-  autocompleteIconColor: string;
-  searchInputClasses: string;
-  placeholderVariant: keyof typeof TypographyVariantMap;
-};
-declare const searchInputVariantClasses: Record<SearchInputVariant$1, SearchInputVariantClasses>;
-//#endregion
-export { SearchInput, searchInputVariantClasses };
+export { SearchInput };