@envive-ai/react-toolkit 0.1.13 → 0.2.0

package/dist/ProductGrid/index.d.ts

@@ -1,5 +1,5 @@
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-DADHwW6M.js";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-CeECGrFM.js";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -18,7 +18,7 @@ declare const ProductGrid: ({
   productCardConfig,
   merchantShortName,
   cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime10.JSX.Element;
+}: ProductGridProps) => react_jsx_runtime6.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/ProductGrid/index.js

@@ -1,9 +1,9 @@
 import "../textVariantClasses-CRrTb43V.js";
 import "../Text-BLzNhX4H.js";
-import "../Headline-COv0Jbn8.js";
-import "../ImageWithFallback-DqxjwO3i.js";
-import "../ProductCard-CNwmHggx.js";
-import "../Spinner-CjGLIRgs.js";
-import { ProductGrid, productGridVariantClasses } from "../ProductGrid-nmWSp0qX.js";
+import "../Headline-DtjTB4xS.js";
+import "../ImageWithFallback-CbYsD1_a.js";
+import "../ProductCard-CqhNJShq.js";
+import "../Spinner-bg6jb_ks.js";
+import { ProductGrid, productGridVariantClasses } from "../ProductGrid-8n4XgcMr.js";
 
 export { ProductGrid, productGridVariantClasses };

package/dist/{ProductGrid-nmWSp0qX.js → ProductGrid-8n4XgcMr.js}

@@ -1,4 +1,4 @@
-import { ProductCard } from "./ProductCard-CNwmHggx.js";
+import { ProductCard } from "./ProductCard-CqhNJShq.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 

package/dist/{ProductGrid-CMoomZLc.cjs → ProductGrid-RRcdkY5J.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-EmdDy2af.cjs');
+const require_ProductCard = require('./ProductCard-BDz80MCQ.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/RadioButton/index.cjs

@@ -1,6 +1,6 @@
 require('../textVariantClasses-CBre7vXv.cjs');
 require('../Text-DllCE9_D.cjs');
 require('../Text-C8t_iEj6.cjs');
-const require_RadioButton = require('../RadioButton-BdKJRzLM.cjs');
+const require_RadioButton = require('../RadioButton-BWnaUI8o.cjs');
 
 exports.RadioButton = require_RadioButton.RadioButton;

package/dist/RadioButton/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButton/RadioButton.d.ts
@@ -27,6 +27,6 @@ declare const RadioButton: ({
   checked,
   onChange,
   id
-}: RadioButtonProps) => react_jsx_runtime18.JSX.Element;
+}: RadioButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RadioButton };

package/dist/RadioButton/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButton/RadioButton.d.ts
@@ -27,6 +27,6 @@ declare const RadioButton: ({
   checked,
   onChange,
   id
-}: RadioButtonProps) => react_jsx_runtime11.JSX.Element;
+}: RadioButtonProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { RadioButton };

package/dist/RadioButton/index.js

@@ -1,6 +1,6 @@
 import "../textVariantClasses-CRrTb43V.js";
 import "../Text-BLzNhX4H.js";
 import "../Text-BMsncrpY.js";
-import { RadioButton } from "../RadioButton-S5dALI2f.js";
+import { RadioButton } from "../RadioButton-CG8_M0hY.js";
 
 export { RadioButton };

package/dist/RadioButtonGroup/index.cjs

@@ -1,8 +1,8 @@
 require('../textVariantClasses-CBre7vXv.cjs');
 require('../Text-DllCE9_D.cjs');
 require('../Text-C8t_iEj6.cjs');
-require('../RadioButton-BdKJRzLM.cjs');
-const require_RadioButtonGroup = require('../RadioButtonGroup-TAJMA1j_.cjs');
+require('../RadioButton-BWnaUI8o.cjs');
+const require_RadioButtonGroup = require('../RadioButtonGroup-ReQqakpS.cjs');
 
 exports.RadioButtonGroup = require_RadioButtonGroup.RadioButtonGroup;
 exports.SPIFFY_RADIO_BUTTON_GROUP_CLASS = require_RadioButtonGroup.SPIFFY_RADIO_BUTTON_GROUP_CLASS;

package/dist/RadioButtonGroup/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButtonGroup/RadioButtonGroup.d.ts
@@ -31,6 +31,6 @@ declare const RadioButtonGroup: ({
   gap,
   textButtonGap,
   onChange
-}: RadioButtonGroupProps) => react_jsx_runtime10.JSX.Element;
+}: RadioButtonGroupProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/RadioButtonGroup/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButtonGroup/RadioButtonGroup.d.ts
@@ -31,6 +31,6 @@ declare const RadioButtonGroup: ({
   gap,
   textButtonGap,
   onChange
-}: RadioButtonGroupProps) => react_jsx_runtime0.JSX.Element;
+}: RadioButtonGroupProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/RadioButtonGroup/index.js

@@ -1,7 +1,7 @@
 import "../textVariantClasses-CRrTb43V.js";
 import "../Text-BLzNhX4H.js";
 import "../Text-BMsncrpY.js";
-import "../RadioButton-S5dALI2f.js";
-import { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS } from "../RadioButtonGroup-BipNsoHL.js";
+import "../RadioButton-CG8_M0hY.js";
+import { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS } from "../RadioButtonGroup-B7EuiEP1.js";
 
 export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/{RadioButtonGroup-BipNsoHL.js → RadioButtonGroup-B7EuiEP1.js}

@@ -1,4 +1,4 @@
-import { RadioButton } from "./RadioButton-S5dALI2f.js";
+import { RadioButton } from "./RadioButton-CG8_M0hY.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 

package/dist/{RadioButtonGroup-TAJMA1j_.cjs → RadioButtonGroup-ReQqakpS.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_RadioButton = require('./RadioButton-BdKJRzLM.cjs');
+const require_RadioButton = require('./RadioButton-BWnaUI8o.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/SearchAutocomplete/index.cjs

@@ -1,57 +1,3 @@
-const require_chunk = require('../chunk-CUT6urMc.cjs');
-let framer_motion = require("framer-motion");
-framer_motion = require_chunk.__toESM(framer_motion);
-let react = require("react");
-react = require_chunk.__toESM(react);
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-let __envive_ai_react_icons_OutlinedStar = require("@envive-ai/react-icons/OutlinedStar");
-__envive_ai_react_icons_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_OutlinedStar);
+const require_SearchAutocomplete = require('../SearchAutocomplete-BmHdijOv.cjs');
 
-//#region src/components/SearchAutocomplete/SearchAutocomplete.tsx
-const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
-	if (results.length === 0) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-		className: "spiffy-tw-h-full",
-		initial: {
-			opacity: 0,
-			y: -10
-		},
-		animate: {
-			opacity: 1,
-			y: 0
-		},
-		exit: {
-			opacity: 0,
-			y: -10
-		},
-		transition: { duration: .2 },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-			id,
-			role: "listbox",
-			className: "spiffy-tw-mt-4 spiffy-tw-space-y-2",
-			children: results.map((result, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				id: `option-${index}`,
-				role: "option",
-				"aria-selected": index === focusedIndex,
-				className: (0, classnames.default)("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-cursor-pointer spiffy-tw-py-1", { "spiffy-tw-bg-neutral-200": index === focusedIndex }, "hover:spiffy-tw-bg-neutral-100"),
-				onClick: () => onSuggestionSelect(result, index),
-				onKeyDown: (event) => {
-					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
-				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_OutlinedStar.default, {
-					className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-2",
-					fill: iconColor
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "spiffy-tw-font-bold",
-					children: result
-				})]
-			}, index))
-		})
-	});
-};
-
-//#endregion
-exports.SearchAutocomplete = SearchAutocomplete;
+exports.SearchAutocomplete = require_SearchAutocomplete.SearchAutocomplete;

package/dist/SearchAutocomplete/index.js

@@ -1,51 +1,3 @@
-import { motion } from "framer-motion";
-import React from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import OutlinedStar from "@envive-ai/react-icons/OutlinedStar";
+import { SearchAutocomplete } from "../SearchAutocomplete-BMNYZiJL.js";
 
-//#region src/components/SearchAutocomplete/SearchAutocomplete.tsx
-const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
-	if (results.length === 0) return null;
-	return /* @__PURE__ */ jsx(motion.div, {
-		className: "spiffy-tw-h-full",
-		initial: {
-			opacity: 0,
-			y: -10
-		},
-		animate: {
-			opacity: 1,
-			y: 0
-		},
-		exit: {
-			opacity: 0,
-			y: -10
-		},
-		transition: { duration: .2 },
-		children: /* @__PURE__ */ jsx("ul", {
-			id,
-			role: "listbox",
-			className: "spiffy-tw-mt-4 spiffy-tw-space-y-2",
-			children: results.map((result, index) => /* @__PURE__ */ jsxs("li", {
-				id: `option-${index}`,
-				role: "option",
-				"aria-selected": index === focusedIndex,
-				className: classNames("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-cursor-pointer spiffy-tw-py-1", { "spiffy-tw-bg-neutral-200": index === focusedIndex }, "hover:spiffy-tw-bg-neutral-100"),
-				onClick: () => onSuggestionSelect(result, index),
-				onKeyDown: (event) => {
-					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
-				},
-				children: [/* @__PURE__ */ jsx(OutlinedStar, {
-					className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-2",
-					fill: iconColor
-				}), /* @__PURE__ */ jsx("span", {
-					className: "spiffy-tw-font-bold",
-					children: result
-				})]
-			}, index))
-		})
-	});
-};
-
-//#endregion
 export { SearchAutocomplete };

package/dist/SearchAutocomplete-BMNYZiJL.js

@@ -0,0 +1,51 @@
+import { motion } from "framer-motion";
+import React from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import OutlinedStar from "@envive-ai/react-icons/OutlinedStar";
+
+//#region src/components/SearchAutocomplete/SearchAutocomplete.tsx
+const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
+	if (results.length === 0) return null;
+	return /* @__PURE__ */ jsx(motion.div, {
+		className: "spiffy-tw-h-full",
+		initial: {
+			opacity: 0,
+			y: -10
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		exit: {
+			opacity: 0,
+			y: -10
+		},
+		transition: { duration: .2 },
+		children: /* @__PURE__ */ jsx("ul", {
+			id,
+			role: "listbox",
+			className: "spiffy-tw-mt-4 spiffy-tw-space-y-2",
+			children: results.map((result, index) => /* @__PURE__ */ jsxs("li", {
+				id: `option-${index}`,
+				role: "option",
+				"aria-selected": index === focusedIndex,
+				className: classNames("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-cursor-pointer spiffy-tw-py-1", { "spiffy-tw-bg-neutral-200": index === focusedIndex }, "hover:spiffy-tw-bg-neutral-100"),
+				onClick: () => onSuggestionSelect(result, index),
+				onKeyDown: (event) => {
+					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
+				},
+				children: [/* @__PURE__ */ jsx(OutlinedStar, {
+					className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-2",
+					fill: iconColor
+				}), /* @__PURE__ */ jsx("span", {
+					className: "spiffy-tw-font-bold",
+					children: result
+				})]
+			}, index))
+		})
+	});
+};
+
+//#endregion
+export { SearchAutocomplete };

package/dist/SearchAutocomplete-BmHdijOv.cjs

@@ -0,0 +1,62 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+let framer_motion = require("framer-motion");
+framer_motion = require_chunk.__toESM(framer_motion);
+let react = require("react");
+react = require_chunk.__toESM(react);
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+let __envive_ai_react_icons_OutlinedStar = require("@envive-ai/react-icons/OutlinedStar");
+__envive_ai_react_icons_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_OutlinedStar);
+
+//#region src/components/SearchAutocomplete/SearchAutocomplete.tsx
+const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
+	if (results.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+		className: "spiffy-tw-h-full",
+		initial: {
+			opacity: 0,
+			y: -10
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		exit: {
+			opacity: 0,
+			y: -10
+		},
+		transition: { duration: .2 },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			id,
+			role: "listbox",
+			className: "spiffy-tw-mt-4 spiffy-tw-space-y-2",
+			children: results.map((result, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				id: `option-${index}`,
+				role: "option",
+				"aria-selected": index === focusedIndex,
+				className: (0, classnames.default)("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-cursor-pointer spiffy-tw-py-1", { "spiffy-tw-bg-neutral-200": index === focusedIndex }, "hover:spiffy-tw-bg-neutral-100"),
+				onClick: () => onSuggestionSelect(result, index),
+				onKeyDown: (event) => {
+					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_OutlinedStar.default, {
+					className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-2",
+					fill: iconColor
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "spiffy-tw-font-bold",
+					children: result
+				})]
+			}, index))
+		})
+	});
+};
+
+//#endregion
+Object.defineProperty(exports, 'SearchAutocomplete', {
+  enumerable: true,
+  get: function () {
+    return SearchAutocomplete;
+  }
+});

package/dist/SearchFilter/index.cjs

@@ -2,14 +2,18 @@ require('../textVariantClasses-CBre7vXv.cjs');
 require('../Text-DllCE9_D.cjs');
 require('../Text-C8t_iEj6.cjs');
 require('../Accordion-D9gO9_y3.cjs');
-require('../ButtonBase-DrIwVGTR.cjs');
-require('../ButtonBase-BIXx56hq.cjs');
-require('../ModalSheet-Csz8HIxs.cjs');
-require('../RadioButton-BdKJRzLM.cjs');
-require('../RadioButtonGroup-TAJMA1j_.cjs');
-const require_SearchFilter = require('../SearchFilter-BcLc0TMq.cjs');
-require('../ToggleButton-DblAj4Cd.cjs');
+require('../AnimatedChevron-e_UzWBl0.cjs');
+require('../ButtonBase-VIv-tn7H.cjs');
+require('../ButtonBase-Cb6Iec6f.cjs');
+require('../ModalSheet-DwnbbFh7.cjs');
+require('../RadioButton-BWnaUI8o.cjs');
+require('../RadioButtonGroup-ReQqakpS.cjs');
+const require_SearchFilter = require('../SearchFilter-FrdHPM5O.cjs');
+require('../ToggleButton-DfJZ8POQ.cjs');
 
 exports.SearchFilter = require_SearchFilter.SearchFilter;
+exports.SearchFilterFooter = require_SearchFilter.SearchFilterFooter;
 exports.SearchFilterHeader = require_SearchFilter.SearchFilterHeader;
-exports.SearchFilterItem = require_SearchFilter.SearchFilterItem;
+exports.SearchFilterItem = require_SearchFilter.SearchFilterItem;
+exports.getSelectedFilterItemsCount = require_SearchFilter.getSelectedFilterItemsCount;
+exports.getTotalSelectedFilterItemsCount = require_SearchFilter.getTotalSelectedFilterItemsCount;

package/dist/SearchFilter/index.d.cts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
-import { CloseIconVariant, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
+import { CloseIconVariant, FilterFooterProps, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SearchFilter/types.d.ts
 interface SearchFilterItem$1 extends SearchFilterItemDatum {
@@ -55,7 +55,7 @@ declare const SearchFilter: ({
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor,
   filterCloseIconVariant
-}: SearchFilterProps) => react_jsx_runtime6.JSX.Element;
+}: SearchFilterProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterHeader.d.ts
 declare const SearchFilterHeader: ({
@@ -63,7 +63,17 @@ declare const SearchFilterHeader: ({
   productCount,
   headerClassName,
   filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime6.JSX.Element;
+}: SearchFilterHeaderProps) => react_jsx_runtime27.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterFooter.d.ts
+declare const SearchFilterFooter: ({
+  closeModal,
+  clearAllFilters,
+  filterCount,
+  applyFiltersUnchangedClasses,
+  applyFiltersChangedClasses,
+  hasFiltersChanged
+}: FilterFooterProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterItem.d.ts
 declare const SearchFilterItem: ({
@@ -72,6 +82,10 @@ declare const SearchFilterItem: ({
   radioButtonFillColor,
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime6.JSX.Element;
+}: SearchFilterItemProps) => react_jsx_runtime27.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/utils.d.ts
+declare const getSelectedFilterItemsCount: (filter: SearchFilterDatum) => number;
+declare const getTotalSelectedFilterItemsCount: (filters: SearchFilterDatum[]) => number;
 //#endregion
-export { SearchFilter, SearchFilterHeader, SearchFilterItem };
+export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/SearchFilter/index.d.ts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
-import { CloseIconVariant, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+import { CloseIconVariant, FilterFooterProps, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SearchFilter/types.d.ts
 interface SearchFilterItem$1 extends SearchFilterItemDatum {
@@ -55,7 +55,7 @@ declare const SearchFilter: ({
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor,
   filterCloseIconVariant
-}: SearchFilterProps) => react_jsx_runtime18.JSX.Element;
+}: SearchFilterProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterHeader.d.ts
 declare const SearchFilterHeader: ({
@@ -63,7 +63,17 @@ declare const SearchFilterHeader: ({
   productCount,
   headerClassName,
   filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime18.JSX.Element;
+}: SearchFilterHeaderProps) => react_jsx_runtime28.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterFooter.d.ts
+declare const SearchFilterFooter: ({
+  closeModal,
+  clearAllFilters,
+  filterCount,
+  applyFiltersUnchangedClasses,
+  applyFiltersChangedClasses,
+  hasFiltersChanged
+}: FilterFooterProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterItem.d.ts
 declare const SearchFilterItem: ({
@@ -72,6 +82,10 @@ declare const SearchFilterItem: ({
   radioButtonFillColor,
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime18.JSX.Element;
+}: SearchFilterItemProps) => react_jsx_runtime28.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/utils.d.ts
+declare const getSelectedFilterItemsCount: (filter: SearchFilterDatum) => number;
+declare const getTotalSelectedFilterItemsCount: (filters: SearchFilterDatum[]) => number;
 //#endregion
-export { SearchFilter, SearchFilterHeader, SearchFilterItem };
+export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/SearchFilter/index.js

@@ -2,12 +2,13 @@ import "../textVariantClasses-CRrTb43V.js";
 import "../Text-BLzNhX4H.js";
 import "../Text-BMsncrpY.js";
 import "../Accordion-ZEdp99Ph.js";
-import "../ButtonBase-DgRupM53.js";
-import "../ButtonBase-0NN6wmX-.js";
-import "../ModalSheet-01pxpy_K.js";
-import "../RadioButton-S5dALI2f.js";
-import "../RadioButtonGroup-BipNsoHL.js";
-import { SearchFilter, SearchFilterHeader, SearchFilterItem } from "../SearchFilter-w-0s2YVu.js";
-import "../ToggleButton-r7Y7Kzzo.js";
+import "../AnimatedChevron-CwuXgR2r.js";
+import "../ButtonBase-BJ0qXMWD.js";
+import "../ButtonBase-BktteD9c.js";
+import "../ModalSheet-sMg44OLz.js";
+import "../RadioButton-CG8_M0hY.js";
+import "../RadioButtonGroup-B7EuiEP1.js";
+import { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount } from "../SearchFilter-C8mgj84o.js";
+import "../ToggleButton-CRiPqTCb.js";
 
-export { SearchFilter, SearchFilterHeader, SearchFilterItem };
+export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/{SearchFilter-w-0s2YVu.js → SearchFilter-C8mgj84o.js}

@@ -1,9 +1,9 @@
 import { Text } from "./Text-BLzNhX4H.js";
 import { Accordion } from "./Accordion-ZEdp99Ph.js";
-import { ButtonBase } from "./ButtonBase-DgRupM53.js";
-import { ModalSheet } from "./ModalSheet-01pxpy_K.js";
-import { RadioButtonGroup } from "./RadioButtonGroup-BipNsoHL.js";
-import { ToggleButton } from "./ToggleButton-r7Y7Kzzo.js";
+import { ButtonBase } from "./ButtonBase-BJ0qXMWD.js";
+import { ModalSheet } from "./ModalSheet-sMg44OLz.js";
+import { RadioButtonGroup } from "./RadioButtonGroup-B7EuiEP1.js";
+import { ToggleButton } from "./ToggleButton-CRiPqTCb.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -265,4 +265,4 @@ const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor
 };
 
 //#endregion
-export { SearchFilter, SearchFilterHeader, SearchFilterItem };
+export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/{SearchFilter-BcLc0TMq.cjs → SearchFilter-FrdHPM5O.cjs}

@@ -1,10 +1,10 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_Text = require('./Text-DllCE9_D.cjs');
 const require_Accordion = require('./Accordion-D9gO9_y3.cjs');
-const require_ButtonBase = require('./ButtonBase-DrIwVGTR.cjs');
-const require_ModalSheet = require('./ModalSheet-Csz8HIxs.cjs');
-const require_RadioButtonGroup = require('./RadioButtonGroup-TAJMA1j_.cjs');
-const require_ToggleButton = require('./ToggleButton-DblAj4Cd.cjs');
+const require_ButtonBase = require('./ButtonBase-VIv-tn7H.cjs');
+const require_ModalSheet = require('./ModalSheet-DwnbbFh7.cjs');
+const require_RadioButtonGroup = require('./RadioButtonGroup-ReQqakpS.cjs');
+const require_ToggleButton = require('./ToggleButton-DfJZ8POQ.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let classnames = require("classnames");
@@ -275,6 +275,12 @@ Object.defineProperty(exports, 'SearchFilter', {
     return SearchFilter;
   }
 });
+Object.defineProperty(exports, 'SearchFilterFooter', {
+  enumerable: true,
+  get: function () {
+    return SearchFilterFooter;
+  }
+});
 Object.defineProperty(exports, 'SearchFilterHeader', {
   enumerable: true,
   get: function () {
@@ -286,4 +292,16 @@ Object.defineProperty(exports, 'SearchFilterItem', {
   get: function () {
     return SearchFilterItem;
   }
+});
+Object.defineProperty(exports, 'getSelectedFilterItemsCount', {
+  enumerable: true,
+  get: function () {
+    return getSelectedFilterItemsCount;
+  }
+});
+Object.defineProperty(exports, 'getTotalSelectedFilterItemsCount', {
+  enumerable: true,
+  get: function () {
+    return getTotalSelectedFilterItemsCount;
+  }
 });