@envive-ai/react-toolkit 0.2.5 → 0.2.7

package/dist/SearchFilter/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { CloseIconVariant, FilterFooterProps, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SearchFilter/types.d.ts
@@ -55,7 +55,7 @@ declare const SearchFilter: ({
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor,
   filterCloseIconVariant
-}: SearchFilterProps) => react_jsx_runtime8.JSX.Element;
+}: SearchFilterProps) => react_jsx_runtime6.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterHeader.d.ts
 declare const SearchFilterHeader: ({
@@ -63,7 +63,7 @@ declare const SearchFilterHeader: ({
   productCount,
   headerClassName,
   filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime8.JSX.Element;
+}: SearchFilterHeaderProps) => react_jsx_runtime6.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterFooter.d.ts
 declare const SearchFilterFooter: ({
@@ -73,7 +73,7 @@ declare const SearchFilterFooter: ({
   applyFiltersUnchangedClasses,
   applyFiltersChangedClasses,
   hasFiltersChanged
-}: FilterFooterProps) => react_jsx_runtime8.JSX.Element;
+}: FilterFooterProps) => react_jsx_runtime6.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterItem.d.ts
 declare const SearchFilterItem: ({
@@ -82,7 +82,7 @@ declare const SearchFilterItem: ({
   radioButtonFillColor,
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime8.JSX.Element;
+}: SearchFilterItemProps) => react_jsx_runtime6.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/utils.d.ts
 declare const getSelectedFilterItemsCount: (filter: SearchFilterDatum) => number;

package/dist/SearchFilter/index.js

@@ -4,9 +4,9 @@ import "../AnimatedChevron-Bik7GMSe.js";
 import "../ButtonBase-6wjsZ1tU.js";
 import "../ButtonBase-C_uKnl48.js";
 import "../ModalSheet-BSj_g9JF.js";
-import "../RadioButton-C_soBi7w.js";
-import "../RadioButtonGroup-DMbVgPQH.js";
-import { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount } from "../SearchFilter-B0ICGnqG.js";
+import "../RadioButton-DRdlp-HC.js";
+import "../RadioButtonGroup-BHfAwrH7.js";
+import { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount } from "../SearchFilter-DWUm2sZH.js";
 import "../ToggleButton-8P9eNKy1.js";
 
 export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/{SearchFilter-aSgPzPq-.cjs → SearchFilter-Cph7S1yF.cjs}

@@ -3,7 +3,7 @@ const require_Typography = require('./Typography-CFNWgbM5.cjs');
 const require_Accordion = require('./Accordion-RpyCFs2a.cjs');
 const require_ButtonBase = require('./ButtonBase-AU23oGQr.cjs');
 const require_ModalSheet = require('./ModalSheet-CcthFeMD.cjs');
-const require_RadioButtonGroup = require('./RadioButtonGroup-3t2kqSFA.cjs');
+const require_RadioButtonGroup = require('./RadioButtonGroup-DU4_ZMJ2.cjs');
 const require_ToggleButton = require('./ToggleButton-DCiR4sB5.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);

package/dist/{SearchFilter-B0ICGnqG.js → SearchFilter-DWUm2sZH.js}

@@ -2,7 +2,7 @@ import { Typography } from "./Typography-D3vDkBMS.js";
 import { Accordion } from "./Accordion-DxtXK__u.js";
 import { ButtonBase } from "./ButtonBase-6wjsZ1tU.js";
 import { ModalSheet } from "./ModalSheet-BSj_g9JF.js";
-import { RadioButtonGroup } from "./RadioButtonGroup-DMbVgPQH.js";
+import { RadioButtonGroup } from "./RadioButtonGroup-BHfAwrH7.js";
 import { ToggleButton } from "./ToggleButton-8P9eNKy1.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import classNames from "classnames";

package/dist/SearchInput/index.cjs

@@ -1,8 +1,7 @@
 require('../Typography-CFNWgbM5.cjs');
-const require_SearchInput = require('../SearchInput-DkGDEb66.cjs');
-require('../SettingsVariant-BzZSQvrw.cjs');
-require('../TextInput-BKNorxPl.cjs');
-require('../colorsConfig-CRxY3SQ_.cjs');
+require('../TextInput-Cih-pWCJ.cjs');
+require('../colorsConfig-CJTKbJsm.cjs');
+const require_SearchInput = require('../SearchInput-CAqNnjuE.cjs');
 
 exports.SearchInput = require_SearchInput.SearchInput;
 exports.searchInputVariantClasses = require_SearchInput.searchInputVariantClasses;

package/dist/SearchInput/index.d.ts

@@ -1,5 +1,5 @@
-import { SearchInputVariant as SearchInputVariant$1 } from "../types-CGRog8XL.js";
-import { TypographyVariantMap } from "../typographyVariantClasses-COmQXqcN.js";
+import { SearchInputVariant as SearchInputVariant$1 } from "../types-DlqhqT_S.js";
+import { TypographyVariantMap } from "../typographyVariantClasses-B6wiawat.js";
 import React from "react";
 import { SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
 

package/dist/SearchInput/index.js

@@ -1,7 +1,6 @@
 import "../Typography-D3vDkBMS.js";
-import { SearchInput, searchInputVariantClasses } from "../SearchInput-DY2g3Bra.js";
-import "../SettingsVariant-DMgNg4dw.js";
-import "../TextInput-NKOORtYu.js";
-import "../colorsConfig-D_IPWAUL.js";
+import "../TextInput-C9wyXFlx.js";
+import "../colorsConfig-CYZ8f_gj.js";
+import { SearchInput, searchInputVariantClasses } from "../SearchInput-Jj8nxPA0.js";
 
 export { SearchInput, searchInputVariantClasses };

package/dist/{SearchInput-DkGDEb66.cjs → SearchInput-CAqNnjuE.cjs}

@@ -1,6 +1,6 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_TextInput = require('./TextInput-BKNorxPl.cjs');
-const require_colorsConfig = require('./colorsConfig-CRxY3SQ_.cjs');
+const require_TextInput = require('./TextInput-Cih-pWCJ.cjs');
+const require_colorsConfig = require('./colorsConfig-CJTKbJsm.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let classnames = require("classnames");
@@ -9,27 +9,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(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);
+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);
 
-//#region ../icons/src/IconClose.tsx
-const SvgIconClose = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 24,
-	height: 24,
-	fill: "none",
-	...props,
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-		cx: 12,
-		cy: 12,
-		r: 12,
-		fill: "#FCFCF9"
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-		fill: "currentColor",
-		d: "M16.167 6 11.5 10.667 6.833 6 5 7.833 9.667 12.5 5 17.167 6.833 19l4.667-4.667L16.167 19 18 17.167 13.333 12.5 18 7.833z"
-	})]
-});
-var IconClose_default = SvgIconClose;
-
-//#endregion
 //#region src/components/SearchInput/searchInputVariants.ts
 const searchInputVariantClasses = { standard: {
 	searchInputIconColor: "transparent",
@@ -103,7 +85,7 @@ const SearchInput = react.default.forwardRef(({ searchInputVariant = "standard",
 				className: "spiffy-tw-absolute spiffy-tw-right-5 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2 spiffy-tw-text-neutral-500 hover:spiffy-tw-text-neutral-700",
 				"aria-label": "Clear search input",
 				type: "button",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconClose_default, { className: closeButtonIconClassName })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_IconClose.default, { className: closeButtonIconClassName })
 			})
 		]
 	});

package/dist/{SearchInput-DY2g3Bra.js → SearchInput-Jj8nxPA0.js}

@@ -1,30 +1,11 @@
-import { TextInput } from "./TextInput-NKOORtYu.js";
-import { ColorNames, colorVar } from "./colorsConfig-D_IPWAUL.js";
+import { TextInput } from "./TextInput-C9wyXFlx.js";
+import { ColorNames, colorVar } from "./colorsConfig-CYZ8f_gj.js";
 import React, { useImperativeHandle, useRef } from "react";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import MagnifyingGlassStarVariant from "@envive-ai/react-icons/MagnifyingGlassStarVariant";
+import IconClose from "@envive-ai/react-icons/IconClose";
 
-//#region ../icons/src/IconClose.tsx
-const SvgIconClose = (props) => /* @__PURE__ */ jsxs("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 24,
-	height: 24,
-	fill: "none",
-	...props,
-	children: [/* @__PURE__ */ jsx("circle", {
-		cx: 12,
-		cy: 12,
-		r: 12,
-		fill: "#FCFCF9"
-	}), /* @__PURE__ */ jsx("path", {
-		fill: "currentColor",
-		d: "M16.167 6 11.5 10.667 6.833 6 5 7.833 9.667 12.5 5 17.167 6.833 19l4.667-4.667L16.167 19 18 17.167 13.333 12.5 18 7.833z"
-	})]
-});
-var IconClose_default = SvgIconClose;
-
-//#endregion
 //#region src/components/SearchInput/searchInputVariants.ts
 const searchInputVariantClasses = { standard: {
 	searchInputIconColor: "transparent",
@@ -98,7 +79,7 @@ const SearchInput = React.forwardRef(({ searchInputVariant = "standard", value,
 				className: "spiffy-tw-absolute spiffy-tw-right-5 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2 spiffy-tw-text-neutral-500 hover:spiffy-tw-text-neutral-700",
 				"aria-label": "Clear search input",
 				type: "button",
-				children: /* @__PURE__ */ jsx(IconClose_default, { className: closeButtonIconClassName })
+				children: /* @__PURE__ */ jsx(IconClose, { className: closeButtonIconClassName })
 			})
 		]
 	});

package/dist/SearchInputForm/index.cjs

@@ -1,10 +1,9 @@
 const require_chunk = require('../chunk-CUT6urMc.cjs');
 require('../Typography-CFNWgbM5.cjs');
-const require_SearchInput = require('../SearchInput-DkGDEb66.cjs');
-require('../SettingsVariant-BzZSQvrw.cjs');
-require('../TextInput-BKNorxPl.cjs');
-require('../colorsConfig-CRxY3SQ_.cjs');
-const require_SearchAutocomplete = require('../SearchAutocomplete-BBBIDGP_.cjs');
+require('../TextInput-Cih-pWCJ.cjs');
+require('../colorsConfig-CJTKbJsm.cjs');
+const require_SearchInput = require('../SearchInput-CAqNnjuE.cjs');
+const require_SearchAutocomplete = require('../SearchAutocomplete-Dv2FQmZD.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/SearchInputForm/index.d.cts

@@ -1,5 +1,5 @@
 import { SearchInputVariant } from "../types-BhGjnuWx.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/SearchInputForm.d.ts
 interface SearchInputFormProps {
@@ -31,6 +31,6 @@ declare const SearchInputForm: ({
   onSearchSubmit,
   onSearchInputFocus,
   onSearchInputBlur
-}: SearchInputFormProps) => react_jsx_runtime0.JSX.Element;
+}: SearchInputFormProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { SearchInputForm };

package/dist/SearchInputForm/index.d.ts

@@ -1,5 +1,5 @@
-import { SearchInputVariant } from "../types-CGRog8XL.js";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import { SearchInputVariant } from "../types-DlqhqT_S.js";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/SearchInputForm.d.ts
 interface SearchInputFormProps {
@@ -31,6 +31,6 @@ declare const SearchInputForm: ({
   onSearchSubmit,
   onSearchInputFocus,
   onSearchInputBlur
-}: SearchInputFormProps) => react_jsx_runtime5.JSX.Element;
+}: SearchInputFormProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { SearchInputForm };

package/dist/SearchInputForm/index.js

@@ -1,9 +1,8 @@
 import "../Typography-D3vDkBMS.js";
-import { SearchInput, searchInputVariantClasses } from "../SearchInput-DY2g3Bra.js";
-import "../SettingsVariant-DMgNg4dw.js";
-import "../TextInput-NKOORtYu.js";
-import "../colorsConfig-D_IPWAUL.js";
-import { SearchAutocomplete } from "../SearchAutocomplete-DEY_Cmf6.js";
+import "../TextInput-C9wyXFlx.js";
+import "../colorsConfig-CYZ8f_gj.js";
+import { SearchInput, searchInputVariantClasses } from "../SearchInput-Jj8nxPA0.js";
+import { SearchAutocomplete } from "../SearchAutocomplete-BzMueTjs.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SEARCH_INPUT_TESTID } from "@envive-ai/react-hooks/config/locators/components/search";

package/dist/SearchResultsContent/index.cjs

@@ -5,10 +5,10 @@ require('../ImageWithFallback-1LqhQK1q.cjs');
 require('../ProductCard-CByKIsUN.cjs');
 require('../Spinner-DjK8ts9E.cjs');
 require('../ProductGrid-BeFeluHo.cjs');
-require('../colorsConfig-CRxY3SQ_.cjs');
-const require_SearchResultsStates = require('../SearchResultsStates-e5W9Ok19.cjs');
-require('../searchFilterSidebarVariants-CjDvgxxT.cjs');
-require('../SparkleAnimation-Bm3fk2FJ.cjs');
+require('../colorsConfig-CJTKbJsm.cjs');
+const require_SearchResultsStates = require('../SearchResultsStates-CG8-Ga-G.cjs');
+require('../searchFilterSidebarVariants-Bv_5N0Qd.cjs');
+require('../SparkleAnimation-CvGlWUqv.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 let __envive_ai_react_hooks_hooks_utils = require("@envive-ai/react-hooks/hooks/utils");

package/dist/SearchResultsContent/index.d.cts

@@ -1,6 +1,6 @@
-import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-DWTTeC2a.cjs";
-import { SearchFilterSidebarVariant } from "../index-BQVJifDf.cjs";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-DZG-p0HX.cjs";
+import { SearchFilterSidebarVariant } from "../index-Br1B7Jta.cjs";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
 
@@ -43,6 +43,6 @@ declare const SearchResultsContent: ({
   onRemoveFilter,
   onToggleDynamicFilter,
   noResultsFoundText
-}: SearchResultsContentProps) => react_jsx_runtime3.JSX.Element;
+}: SearchResultsContentProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { SearchResultsContent };

package/dist/SearchResultsContent/index.d.ts

@@ -1,6 +1,6 @@
-import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-BdNJ2gwC.js";
-import { SearchFilterSidebarVariant } from "../index-fXyRC79n.js";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-CoKLba8Y.js";
+import { SearchFilterSidebarVariant } from "../index-qY2eo4Dx.js";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
@@ -43,6 +43,6 @@ declare const SearchResultsContent: ({
   onRemoveFilter,
   onToggleDynamicFilter,
   noResultsFoundText
-}: SearchResultsContentProps) => react_jsx_runtime28.JSX.Element;
+}: SearchResultsContentProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { SearchResultsContent };

package/dist/SearchResultsContent/index.js

@@ -4,10 +4,10 @@ import "../ImageWithFallback-Ckwsmd8P.js";
 import "../ProductCard-BIlnM2nV.js";
 import "../Spinner-BqTt55uu.js";
 import "../ProductGrid-Cgkb4vNf.js";
-import "../colorsConfig-D_IPWAUL.js";
-import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-DzNMYUKh.js";
-import "../searchFilterSidebarVariants-Clm9ddD5.js";
-import "../SparkleAnimation-D1QjYho_.js";
+import "../colorsConfig-CYZ8f_gj.js";
+import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-CTgVvFe9.js";
+import "../searchFilterSidebarVariants-Dc0irQTl.js";
+import "../SparkleAnimation-paLhSu5E.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
 

package/dist/SearchResultsFilterSidebar/index.cjs

@@ -5,18 +5,84 @@ require('../AnimatedChevron-Q96FneFy.cjs');
 const require_ButtonBase = require('../ButtonBase-AU23oGQr.cjs');
 require('../ButtonBase-DbWQ25n-.cjs');
 require('../ModalSheet-CcthFeMD.cjs');
-require('../RadioButton-DG0PgZbz.cjs');
-require('../RadioButtonGroup-3t2kqSFA.cjs');
-const require_SettingsVariant = require('../SettingsVariant-BzZSQvrw.cjs');
-require('../colorsConfig-CRxY3SQ_.cjs');
-const require_SearchFilter = require('../SearchFilter-aSgPzPq-.cjs');
+require('../RadioButton-BzZTrq-i.cjs');
+require('../RadioButtonGroup-DU4_ZMJ2.cjs');
+require('../colorsConfig-CJTKbJsm.cjs');
+const require_SearchFilter = require('../SearchFilter-Cph7S1yF.cjs');
 require('../ToggleButton-DCiR4sB5.cjs');
-const require_searchFilterSidebarVariants = require('../searchFilterSidebarVariants-CjDvgxxT.cjs');
+const require_searchFilterSidebarVariants = require('../searchFilterSidebarVariants-Bv_5N0Qd.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
+//#region ../icons/src/SettingsVariant.tsx
+const SvgSettingsVariant = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	width: 28,
+	height: 28,
+	viewBox: "0 0 28 28",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: 3.5,
+			cy: 3.5,
+			r: 3.03346,
+			transform: "matrix(-1 0 0 1 22.4004 0)",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M14 3.5L0 3.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M28 3.5L23.5 3.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: 9.09961,
+			cy: 13.5,
+			r: 3.03346,
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M14 13.5L28 13.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M0 13.5L4.5 13.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: 3.5,
+			cy: 3.5,
+			r: 3.03346,
+			transform: "matrix(-1 0 0 1 22.4004 20)",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M14 23.5H0",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M28 23.5L23.5 23.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		})
+	]
+});
+var SettingsVariant_default = SvgSettingsVariant;
+
+//#endregion
 //#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.tsx
 const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, searchFilterSidebarVariant, onSelectFilterItem, onClearAllFilters, filterButtonText }) => {
 	const { applyFiltersUnchangedClasses, applyFiltersChangedClasses, searchFilterHeaderClasses, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant } = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
@@ -45,7 +111,7 @@ const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, s
 		})
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
 		onClick: openFilter,
-		icon: require_SettingsVariant.SettingsVariant_default,
+		icon: SettingsVariant_default,
 		iconClass: "spiffy-tw-w-[28px] spiffy-tw-h-[28px] spiffy-tw-object-center",
 		text: filterButtonText,
 		textClass: "spiffy-tw-uppercase spiffy-tw-text-[--spiffy-colors-text-primary] spiffy-tw-hidden md:spiffy-tw-block",

package/dist/SearchResultsFilterSidebar/index.d.cts

@@ -1,2 +1,2 @@
-import { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-BQVJifDf.cjs";
+import { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-Br1B7Jta.cjs";
 export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/SearchResultsFilterSidebar/index.d.ts

@@ -1,2 +1,2 @@
-import { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-fXyRC79n.js";
+import { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-qY2eo4Dx.js";
 export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/SearchResultsFilterSidebar/index.js

@@ -4,16 +4,82 @@ import "../AnimatedChevron-Bik7GMSe.js";
 import { ButtonBase } from "../ButtonBase-6wjsZ1tU.js";
 import "../ButtonBase-C_uKnl48.js";
 import "../ModalSheet-BSj_g9JF.js";
-import "../RadioButton-C_soBi7w.js";
-import "../RadioButtonGroup-DMbVgPQH.js";
-import { SettingsVariant_default } from "../SettingsVariant-DMgNg4dw.js";
-import "../colorsConfig-D_IPWAUL.js";
-import { SearchFilter, SearchFilterHeader } from "../SearchFilter-B0ICGnqG.js";
+import "../RadioButton-DRdlp-HC.js";
+import "../RadioButtonGroup-BHfAwrH7.js";
+import "../colorsConfig-CYZ8f_gj.js";
+import { SearchFilter, SearchFilterHeader } from "../SearchFilter-DWUm2sZH.js";
 import "../ToggleButton-8P9eNKy1.js";
-import { searchFilterSidebarVariantClasses } from "../searchFilterSidebarVariants-Clm9ddD5.js";
+import { searchFilterSidebarVariantClasses } from "../searchFilterSidebarVariants-Dc0irQTl.js";
 import { useCallback } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
+//#region ../icons/src/SettingsVariant.tsx
+const SvgSettingsVariant = (props) => /* @__PURE__ */ jsxs("svg", {
+	width: 28,
+	height: 28,
+	viewBox: "0 0 28 28",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("circle", {
+			cx: 3.5,
+			cy: 3.5,
+			r: 3.03346,
+			transform: "matrix(-1 0 0 1 22.4004 0)",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M14 3.5L0 3.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M28 3.5L23.5 3.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: 9.09961,
+			cy: 13.5,
+			r: 3.03346,
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M14 13.5L28 13.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M0 13.5L4.5 13.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: 3.5,
+			cy: 3.5,
+			r: 3.03346,
+			transform: "matrix(-1 0 0 1 22.4004 20)",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M14 23.5H0",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M28 23.5L23.5 23.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		})
+	]
+});
+var SettingsVariant_default = SvgSettingsVariant;
+
+//#endregion
 //#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.tsx
 const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, searchFilterSidebarVariant, onSelectFilterItem, onClearAllFilters, filterButtonText }) => {
 	const { applyFiltersUnchangedClasses, applyFiltersChangedClasses, searchFilterHeaderClasses, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant } = searchFilterSidebarVariantClasses[searchFilterSidebarVariant];

package/dist/SearchResultsStates/index.cjs

@@ -4,10 +4,10 @@ require('../ImageWithFallback-1LqhQK1q.cjs');
 require('../ProductCard-CByKIsUN.cjs');
 require('../Spinner-DjK8ts9E.cjs');
 require('../ProductGrid-BeFeluHo.cjs');
-require('../colorsConfig-CRxY3SQ_.cjs');
-const require_SearchResultsStates = require('../SearchResultsStates-e5W9Ok19.cjs');
-require('../searchFilterSidebarVariants-CjDvgxxT.cjs');
-require('../SparkleAnimation-Bm3fk2FJ.cjs');
+require('../colorsConfig-CJTKbJsm.cjs');
+const require_SearchResultsStates = require('../SearchResultsStates-CG8-Ga-G.cjs');
+require('../searchFilterSidebarVariants-Bv_5N0Qd.cjs');
+require('../SparkleAnimation-CvGlWUqv.cjs');
 
 exports.NoSearchResultsFound = require_SearchResultsStates.NoSearchResultsFound;
 exports.SearchResultsGrid = require_SearchResultsStates.SearchResultsGrid;

package/dist/SearchResultsStates/index.d.cts

@@ -1,6 +1,6 @@
-import { ProductCardConfig, ProductGridVariant } from "../index-DWTTeC2a.cjs";
-import { SearchFilterSidebarVariant } from "../index-BQVJifDf.cjs";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { ProductCardConfig, ProductGridVariant } from "../index-DZG-p0HX.cjs";
+import { SearchFilterSidebarVariant } from "../index-Br1B7Jta.cjs";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
@@ -16,7 +16,7 @@ declare const NoSearchResultsFound: ({
   includeBottomMargin,
   noResultsFoundText,
   sparkleIconColor
-}: NoSearchResultsFoundProps) => react_jsx_runtime7.JSX.Element;
+}: NoSearchResultsFoundProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
 interface SearchResultsGridProps {
@@ -53,7 +53,7 @@ declare const SearchResultsGrid: ({
   productGridClasses,
   onRemoveFilter,
   onToggleDynamicFilter
-}: SearchResultsGridProps) => react_jsx_runtime7.JSX.Element;
+}: SearchResultsGridProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
 declare const SearchResultsLoadingGrid: ({
@@ -64,6 +64,6 @@ declare const SearchResultsLoadingGrid: ({
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
   sparkleIconColor?: string;
-}) => react_jsx_runtime7.JSX.Element;
+}) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/SearchResultsStates/index.d.ts

@@ -1,6 +1,6 @@
-import { ProductCardConfig, ProductGridVariant } from "../index-BdNJ2gwC.js";
-import { SearchFilterSidebarVariant } from "../index-fXyRC79n.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import { ProductCardConfig, ProductGridVariant } from "../index-CoKLba8Y.js";
+import { SearchFilterSidebarVariant } from "../index-qY2eo4Dx.js";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
@@ -16,7 +16,7 @@ declare const NoSearchResultsFound: ({
   includeBottomMargin,
   noResultsFoundText,
   sparkleIconColor
-}: NoSearchResultsFoundProps) => react_jsx_runtime2.JSX.Element;
+}: NoSearchResultsFoundProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
 interface SearchResultsGridProps {
@@ -53,7 +53,7 @@ declare const SearchResultsGrid: ({
   productGridClasses,
   onRemoveFilter,
   onToggleDynamicFilter
-}: SearchResultsGridProps) => react_jsx_runtime2.JSX.Element;
+}: SearchResultsGridProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
 declare const SearchResultsLoadingGrid: ({
@@ -64,6 +64,6 @@ declare const SearchResultsLoadingGrid: ({
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
   sparkleIconColor?: string;
-}) => react_jsx_runtime2.JSX.Element;
+}) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/SearchResultsStates/index.js

@@ -4,9 +4,9 @@ import "../ImageWithFallback-Ckwsmd8P.js";
 import "../ProductCard-BIlnM2nV.js";
 import "../Spinner-BqTt55uu.js";
 import "../ProductGrid-Cgkb4vNf.js";
-import "../colorsConfig-D_IPWAUL.js";
-import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-DzNMYUKh.js";
-import "../searchFilterSidebarVariants-Clm9ddD5.js";
-import "../SparkleAnimation-D1QjYho_.js";
+import "../colorsConfig-CYZ8f_gj.js";
+import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-CTgVvFe9.js";
+import "../searchFilterSidebarVariants-Dc0irQTl.js";
+import "../SparkleAnimation-paLhSu5E.js";
 
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };