@envive-ai/react-toolkit 0.1.12 → 0.2.0

package/dist/{ProductCard-C3MjnfZJ.js → ProductCard-CqhNJShq.js}

@@ -1,12 +1,42 @@
-import { Text } from "./Text-Bod4OMPk.js";
-import { Headline } from "./Headline-DNEWF8ly.js";
-import { ImageWithFallback } from "./ImageWithFallback-DqxjwO3i.js";
-import { Spinner } from "./Spinner-CjGLIRgs.js";
+import { Text } from "./Text-BLzNhX4H.js";
+import { Headline } from "./Headline-DtjTB4xS.js";
+import { ImageWithFallback } from "./ImageWithFallback-CbYsD1_a.js";
+import { Spinner } from "./Spinner-bg6jb_ks.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MdStar } from "react-icons/md";
 import { useImageResolver } from "@envive-ai/react-hooks/hooks/ImageResolver";
 
+//#region src/logging/logger.ts
+var Logger = class {
+	static logInfo(message, ...args) {
+		console.info(`INFO: ${message}`, ...args);
+	}
+	static logDebug(message, ...args) {
+		console.debug(`DEBUG: ${message}`, ...args);
+	}
+	static logError(message, error, ...args) {
+		console.error(`ERROR: ${message} error=${error}`, args);
+	}
+	static logWarn(message, error, ...args) {
+		console.warn(`WARN: ${message} error=${error}`, args);
+	}
+};
+var logger_default = Logger;
+
+//#endregion
+//#region src/util/formatPrice.ts
+const formatPrice = (price, currency = "$") => {
+	if (price == null) return "";
+	const options = {};
+	if (!Number.isInteger(price)) {
+		options.minimumFractionDigits = 2;
+		options.maximumFractionDigits = 2;
+	}
+	return `${currency}${price.toLocaleString("en-US", options)}`;
+};
+
+//#endregion
 //#region src/components/ProductCard/productCardVariants.ts
 /**
 * Shared variant mapping configurations for ProductCard components
@@ -50,36 +80,6 @@ const productCardLayoutVariantClasses = {
 	}
 };
 
-//#endregion
-//#region src/logging/logger.ts
-var Logger = class {
-	static logInfo(message, ...args) {
-		console.info(`INFO: ${message}`, ...args);
-	}
-	static logDebug(message, ...args) {
-		console.debug(`DEBUG: ${message}`, ...args);
-	}
-	static logError(message, error, ...args) {
-		console.error(`ERROR: ${message} error=${error}`, args);
-	}
-	static logWarn(message, error, ...args) {
-		console.warn(`WARN: ${message} error=${error}`, args);
-	}
-};
-var logger_default = Logger;
-
-//#endregion
-//#region src/util/formatPrice.ts
-const formatPrice = (price, currency = "$") => {
-	if (price == null) return "";
-	const options = {};
-	if (!Number.isInteger(price)) {
-		options.minimumFractionDigits = 2;
-		options.maximumFractionDigits = 2;
-	}
-	return `${currency}${price.toLocaleString("en-US", options)}`;
-};
-
 //#endregion
 //#region src/components/ProductCard/ProductCard.tsx
 const formatReviews = (stars) => String(Number(stars).toLocaleString("en-US", {

package/dist/ProductGrid/index.cjs

@@ -1,10 +1,10 @@
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../Text-MQjxqgZZ.cjs');
-require('../Headline-DTT4RSv2.cjs');
-require('../ImageWithFallback-Cx-KNi-D.cjs');
-require('../ProductCard-FDyIMnZs.cjs');
-require('../Spinner-DFor2Szi.cjs');
-const require_ProductGrid = require('../ProductGrid-TlntVJ6h.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+require('../Text-DllCE9_D.cjs');
+require('../Headline-CKJmd2w4.cjs');
+require('../ImageWithFallback-Km9h16Vz.cjs');
+require('../ProductCard-BDz80MCQ.cjs');
+require('../Spinner-rcWX566W.cjs');
+const require_ProductGrid = require('../ProductGrid-RRcdkY5J.cjs');
 
 exports.ProductGrid = require_ProductGrid.ProductGrid;
 exports.productGridVariantClasses = require_ProductGrid.productGridVariantClasses;

package/dist/ProductGrid/index.d.cts

@@ -1,5 +1,5 @@
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-CFH3KUVw.cjs";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-B9WeFNlO.cjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -9,9 +9,7 @@ interface ProductGridProps {
   productGridClasses: string;
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
-  searchResponseId: string;
   cardsGrowWithContainer?: boolean;
-  cardDisplayLocation: string;
 }
 declare const ProductGrid: ({
   productList,
@@ -19,10 +17,8 @@ declare const ProductGrid: ({
   productGridClasses,
   productCardConfig,
   merchantShortName,
-  searchResponseId,
-  cardsGrowWithContainer,
-  cardDisplayLocation
-}: ProductGridProps) => react_jsx_runtime22.JSX.Element;
+  cardsGrowWithContainer
+}: ProductGridProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/ProductGrid/index.d.ts

@@ -1,5 +1,5 @@
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-Vck3pox6.js";
-import * as react_jsx_runtime3 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
@@ -9,9 +9,7 @@ interface ProductGridProps {
   productGridClasses: string;
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
-  searchResponseId: string;
   cardsGrowWithContainer?: boolean;
-  cardDisplayLocation: string;
 }
 declare const ProductGrid: ({
   productList,
@@ -19,10 +17,8 @@ declare const ProductGrid: ({
   productGridClasses,
   productCardConfig,
   merchantShortName,
-  searchResponseId,
-  cardsGrowWithContainer,
-  cardDisplayLocation
-}: ProductGridProps) => react_jsx_runtime3.JSX.Element;
+  cardsGrowWithContainer
+}: 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-D77TGEy1.js";
-import "../Text-Bod4OMPk.js";
-import "../Headline-DNEWF8ly.js";
-import "../ImageWithFallback-DqxjwO3i.js";
-import "../ProductCard-C3MjnfZJ.js";
-import "../Spinner-CjGLIRgs.js";
-import { ProductGrid, productGridVariantClasses } from "../ProductGrid-C9OKsyB2.js";
+import "../textVariantClasses-CRrTb43V.js";
+import "../Text-BLzNhX4H.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-C9OKsyB2.js → ProductGrid-8n4XgcMr.js}

@@ -1,4 +1,4 @@
-import { ProductCard } from "./ProductCard-C3MjnfZJ.js";
+import { ProductCard } from "./ProductCard-CqhNJShq.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 
@@ -22,7 +22,7 @@ const productGridVariantClasses = {
 
 //#endregion
 //#region src/components/ProductGrid/ProductGrid.tsx
-const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, searchResponseId, cardsGrowWithContainer = true, cardDisplayLocation }) => {
+const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, cardsGrowWithContainer = true }) => {
 	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
 	const cardContainerClasses = classNames({
 		"spiffy-tw-w-full": cardsGrowWithContainer,
@@ -30,7 +30,7 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 	});
 	return /* @__PURE__ */ jsx("div", {
 		className: productGridClasses,
-		children: productList.map((product, index) => {
+		children: productList.map((product) => {
 			const camelCasedProduct = product;
 			return /* @__PURE__ */ jsx("div", {
 				className: cardContainerClasses,
@@ -38,21 +38,17 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 					productCardConfig,
 					merchantShortName,
 					imageUrl: camelCasedProduct.imageUrl,
-					searchResponseId,
-					productResponseId: camelCasedProduct.responseId,
 					title: camelCasedProduct.title,
 					url: camelCasedProduct.url,
 					originalPrice: camelCasedProduct.originalPrice,
 					salePrice: camelCasedProduct.salePrice,
 					averageRating: camelCasedProduct.averageRating,
 					numberReviews: camelCasedProduct.numberReviews,
-					cardDisplayLocation,
 					layoutVariant: productCardLayoutVariant,
 					variant: productCardVariant,
 					hoverVariant: productCardHoverVariant,
 					zoomOnHover,
 					aspectRatio: productCardImageAspectRatio,
-					clickPosition: index,
 					growWithContainer: cardsGrowWithContainer
 				}, camelCasedProduct.id)
 			}, camelCasedProduct.id);

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

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-FDyIMnZs.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");
@@ -25,7 +25,7 @@ const productGridVariantClasses = {
 
 //#endregion
 //#region src/components/ProductGrid/ProductGrid.tsx
-const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, searchResponseId, cardsGrowWithContainer = true, cardDisplayLocation }) => {
+const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, cardsGrowWithContainer = true }) => {
 	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
 	const cardContainerClasses = (0, classnames.default)({
 		"spiffy-tw-w-full": cardsGrowWithContainer,
@@ -33,7 +33,7 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: productGridClasses,
-		children: productList.map((product, index) => {
+		children: productList.map((product) => {
 			const camelCasedProduct = product;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: cardContainerClasses,
@@ -41,21 +41,17 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 					productCardConfig,
 					merchantShortName,
 					imageUrl: camelCasedProduct.imageUrl,
-					searchResponseId,
-					productResponseId: camelCasedProduct.responseId,
 					title: camelCasedProduct.title,
 					url: camelCasedProduct.url,
 					originalPrice: camelCasedProduct.originalPrice,
 					salePrice: camelCasedProduct.salePrice,
 					averageRating: camelCasedProduct.averageRating,
 					numberReviews: camelCasedProduct.numberReviews,
-					cardDisplayLocation,
 					layoutVariant: productCardLayoutVariant,
 					variant: productCardVariant,
 					hoverVariant: productCardHoverVariant,
 					zoomOnHover,
 					aspectRatio: productCardImageAspectRatio,
-					clickPosition: index,
 					growWithContainer: cardsGrowWithContainer
 				}, camelCasedProduct.id)
 			}, camelCasedProduct.id);

package/dist/RadioButton/index.cjs

@@ -1,6 +1,6 @@
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../Text-MQjxqgZZ.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+require('../Text-DllCE9_D.cjs');
 require('../Text-C8t_iEj6.cjs');
-const require_RadioButton = require('../RadioButton-DZ6QXkrN.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_runtime2 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
@@ -13,6 +13,7 @@ interface RadioButtonProps extends TestProps {
   uncheckedBorderColor?: string;
   checked?: boolean;
   onChange: (value: string) => void;
+  id: any;
 }
 declare const RadioButton: ({
   isDisabled,
@@ -24,7 +25,8 @@ declare const RadioButton: ({
   hoverColor,
   uncheckedBorderColor,
   checked,
-  onChange
-}: RadioButtonProps) => react_jsx_runtime2.JSX.Element;
+  onChange,
+  id
+}: RadioButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RadioButton };

package/dist/RadioButton/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 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
@@ -13,6 +13,7 @@ interface RadioButtonProps extends TestProps {
   uncheckedBorderColor?: string;
   checked?: boolean;
   onChange: (value: string) => void;
+  id: any;
 }
 declare const RadioButton: ({
   isDisabled,
@@ -24,7 +25,8 @@ declare const RadioButton: ({
   hoverColor,
   uncheckedBorderColor,
   checked,
-  onChange
-}: RadioButtonProps) => react_jsx_runtime6.JSX.Element;
+  onChange,
+  id
+}: RadioButtonProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { RadioButton };

package/dist/RadioButton/index.js

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

package/dist/{RadioButton-DZ6QXkrN.cjs → RadioButton-BWnaUI8o.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-MQjxqgZZ.cjs');
+const require_Text = require('./Text-DllCE9_D.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let classnames = require("classnames");
@@ -8,7 +8,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
 //#region src/components/RadioButton/RadioButton.tsx
-const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "medium", fillColor, hoverColor, uncheckedBorderColor, checked = false, onChange }) => {
+const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "medium", fillColor, hoverColor, uncheckedBorderColor, checked = false, onChange, id }) => {
 	const [isHovered, setIsHovered] = (0, react.useState)(false);
 	const containerClassName = (0, classnames.default)({
 		"spiffy-tw-flex": true,
@@ -28,14 +28,20 @@ const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "
 	const handleChange = () => {
 		if (!isDisabled) onChange(value);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-		className: containerClassName,
-		onMouseEnter: () => !isDisabled && setIsHovered(true),
-		onMouseLeave: () => setIsHovered(false),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+			className: containerClassName,
+			onMouseEnter: () => !isDisabled && setIsHovered(true),
+			onMouseLeave: () => setIsHovered(false),
+			"aria-label": label,
+			htmlFor: id,
+			children: label
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "spiffy-tw-relative",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 				type: "radio",
+				id,
 				name,
 				value,
 				checked,
@@ -61,11 +67,12 @@ const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "
 					fill: getFillColor()
 				})]
 			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
 			variant: "body3",
 			children: label
-		})]
-	});
+		})
+	] });
 };
 
 //#endregion

package/dist/{RadioButton-Bf68dZl7.js → RadioButton-CG8_M0hY.js}

@@ -1,10 +1,10 @@
-import { Text } from "./Text-Bod4OMPk.js";
+import { Text } from "./Text-BLzNhX4H.js";
 import { useState } from "react";
 import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/RadioButton/RadioButton.tsx
-const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "medium", fillColor, hoverColor, uncheckedBorderColor, checked = false, onChange }) => {
+const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "medium", fillColor, hoverColor, uncheckedBorderColor, checked = false, onChange, id }) => {
 	const [isHovered, setIsHovered] = useState(false);
 	const containerClassName = classNames({
 		"spiffy-tw-flex": true,
@@ -24,14 +24,20 @@ const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "
 	const handleChange = () => {
 		if (!isDisabled) onChange(value);
 	};
-	return /* @__PURE__ */ jsxs("label", {
-		className: containerClassName,
-		onMouseEnter: () => !isDisabled && setIsHovered(true),
-		onMouseLeave: () => setIsHovered(false),
-		children: [/* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("label", {
+			className: containerClassName,
+			onMouseEnter: () => !isDisabled && setIsHovered(true),
+			onMouseLeave: () => setIsHovered(false),
+			"aria-label": label,
+			htmlFor: id,
+			children: label
+		}),
+		/* @__PURE__ */ jsxs("div", {
 			className: "spiffy-tw-relative",
 			children: [/* @__PURE__ */ jsx("input", {
 				type: "radio",
+				id,
 				name,
 				value,
 				checked,
@@ -57,11 +63,12 @@ const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "
 					fill: getFillColor()
 				})]
 			})]
-		}), /* @__PURE__ */ jsx(Text, {
+		}),
+		/* @__PURE__ */ jsx(Text, {
 			variant: "body3",
 			children: label
-		})]
-	});
+		})
+	] });
 };
 
 //#endregion

package/dist/RadioButtonGroup/index.cjs

@@ -1,8 +1,8 @@
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../Text-MQjxqgZZ.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+require('../Text-DllCE9_D.cjs');
 require('../Text-C8t_iEj6.cjs');
-require('../RadioButton-DZ6QXkrN.cjs');
-const require_RadioButtonGroup = require('../RadioButtonGroup-Dc_n5amh.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_runtime12 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_runtime12.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_runtime23 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_runtime23.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-D77TGEy1.js";
-import "../Text-Bod4OMPk.js";
+import "../textVariantClasses-CRrTb43V.js";
+import "../Text-BLzNhX4H.js";
 import "../Text-BMsncrpY.js";
-import "../RadioButton-Bf68dZl7.js";
-import { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS } from "../RadioButtonGroup-8k7hkJYB.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-8k7hkJYB.js → RadioButtonGroup-B7EuiEP1.js}

@@ -1,4 +1,4 @@
-import { RadioButton } from "./RadioButton-Bf68dZl7.js";
+import { RadioButton } from "./RadioButton-CG8_M0hY.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 
@@ -19,6 +19,7 @@ const RadioButtonGroup = ({ name, options, fillColor, hoverColor, uncheckedBorde
 	return /* @__PURE__ */ jsx("div", {
 		className: groupClassName,
 		children: options.map((option) => /* @__PURE__ */ jsx(RadioButton, {
+			id: option.value,
 			name,
 			value: option.value,
 			fillColor,

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

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_RadioButton = require('./RadioButton-DZ6QXkrN.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");
@@ -22,6 +22,7 @@ const RadioButtonGroup = ({ name, options, fillColor, hoverColor, uncheckedBorde
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: groupClassName,
 		children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_RadioButton.RadioButton, {
+			id: option.value,
 			name,
 			value: option.value,
 			fillColor,

package/dist/SearchAutocomplete/index.cjs

@@ -1,3 +1,3 @@
-const require_SearchAutocomplete = require('../SearchAutocomplete-DIEhLT4C.cjs');
+const require_SearchAutocomplete = require('../SearchAutocomplete-BmHdijOv.cjs');
 
 exports.SearchAutocomplete = require_SearchAutocomplete.SearchAutocomplete;

package/dist/SearchAutocomplete/index.js

@@ -1,3 +1,3 @@
-import { SearchAutocomplete } from "../SearchAutocomplete-BlpII8Xs.js";
+import { SearchAutocomplete } from "../SearchAutocomplete-BMNYZiJL.js";
 
 export { SearchAutocomplete };

package/dist/SearchFilter/index.cjs

@@ -1,15 +1,19 @@
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../Text-MQjxqgZZ.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+require('../Text-DllCE9_D.cjs');
 require('../Text-C8t_iEj6.cjs');
-require('../Accordion-DBZpiQe7.cjs');
-require('../ButtonBase-Do88ndKa.cjs');
-require('../ButtonBase-BIXx56hq.cjs');
-require('../ModalSheet-Csz8HIxs.cjs');
-require('../RadioButton-DZ6QXkrN.cjs');
-require('../RadioButtonGroup-Dc_n5amh.cjs');
-const require_SearchFilter = require('../SearchFilter-CTVBi5s3.cjs');
-require('../ToggleButton-CK_vkMvt.cjs');
+require('../Accordion-D9gO9_y3.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_runtime16 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_runtime16.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_runtime16.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_runtime16.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 };