@envive-ai/react-toolkit 0.2.12 → 0.2.13

package/dist/{Accordion-B0TzPN3m.cjs → Accordion-Bc3o-NjV.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
 let react = require("react");
 let framer_motion = require("framer-motion");
 let classnames = require("classnames");

package/dist/{AnimatedChevron-9xf90bpP.cjs → AnimatedChevron-BKQrUKb5.cjs}

@@ -1,4 +1,4 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
 let framer_motion = require("framer-motion");
 let react_jsx_runtime = require("react/jsx-runtime");
 

package/dist/{ButtonBase-BMEAmPnS.cjs → ButtonBase-Bm_QOyM1.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
 let react = require("react");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);

package/dist/{DynamicFiltersScrollbar-DqIydLJu.cjs → DynamicFiltersScrollbar-bT3VoG-D.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/{ImageWithFallback-CuPe6XF6.cjs → ImageWithFallback-BiBjNK-9.cjs}

@@ -1,4 +1,4 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let classnames = require("classnames");

package/dist/{ModalSheet-Be7-bkXK.cjs → ModalSheet-BuCtRDnQ.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_AnimatedChevron = require('./AnimatedChevron-9xf90bpP.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_AnimatedChevron = require('./AnimatedChevron-BKQrUKb5.cjs');
 let react = require("react");
 let framer_motion = require("framer-motion");
 let classnames = require("classnames");

package/dist/{ProductCard-BeY85PBf.cjs → ProductCard-C3seoFWE.cjs}

@@ -1,8 +1,8 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
 const require_formatPrice = require('./formatPrice-CyfkjZ3R.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
-const require_ImageWithFallback = require('./ImageWithFallback-CuPe6XF6.cjs');
-const require_Spinner = require('./Spinner-FQpy5bGu.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
+const require_ImageWithFallback = require('./ImageWithFallback-BiBjNK-9.cjs');
+const require_Spinner = require('./Spinner-CUrXDajS.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -177,7 +177,7 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 						children: imageUrl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ImageWithFallback.ImageWithFallback, {
 							src: resolve(imageUrl, layoutVariant === "tall" ? 300 : 178),
 							alt: title,
-							fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Spinner.Spinner, { className: "spiffy-tw-w-6 spiffy-tw-h-6" }),
+							fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Spinner.Spinner, { className: "spiffy-tw-h-6 spiffy-tw-w-6" }),
 							imageClassnames
 						})
 					})

package/dist/{ProductCard-BoyYu6mI.js → ProductCard-ChitHvuc.js}

@@ -175,7 +175,7 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 						children: imageUrl && /* @__PURE__ */ jsx(ImageWithFallback, {
 							src: resolve(imageUrl, layoutVariant === "tall" ? 300 : 178),
 							alt: title,
-							fallback: /* @__PURE__ */ jsx(Spinner, { className: "spiffy-tw-w-6 spiffy-tw-h-6" }),
+							fallback: /* @__PURE__ */ jsx(Spinner, { className: "spiffy-tw-h-6 spiffy-tw-w-6" }),
 							imageClassnames
 						})
 					})

package/dist/{ProductGrid-CxKK7w_X.cjs → ProductGrid-Ct2DvLGf.cjs}

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

package/dist/{ProductGrid-DmtSXfyE.js → ProductGrid-DukHo_KY.js}

@@ -1,4 +1,4 @@
-import { a as ProductCard } from "./ProductCard-BoyYu6mI.js";
+import { a as ProductCard } from "./ProductCard-ChitHvuc.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 

package/dist/{RadioButton-Dcdj8pNp.cjs → RadioButton-D4TPq1Aa.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
 let react = require("react");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);

package/dist/{RadioButtonGroup-hme7gSiQ.js → RadioButtonGroup-BWQ4-m2M.js}

@@ -1,4 +1,4 @@
-import { t as RadioButton } from "./RadioButton-Bm0qK3bX.js";
+import { t as RadioButton } from "./RadioButton-C1w7N40t.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 

package/dist/{RadioButtonGroup-BnnMx8sE.cjs → RadioButtonGroup-BhZloLH6.cjs}

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

package/dist/{RecommendedProducts-C2eNVrLo.cjs → RecommendedProducts-Cy-1szYc.cjs}

@@ -1,6 +1,6 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
-const require_ProductGrid = require('./ProductGrid-CxKK7w_X.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
+const require_ProductGrid = require('./ProductGrid-Ct2DvLGf.cjs');
 let framer_motion = require("framer-motion");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);

package/dist/{RecommendedProducts-LalI8aVC.js → RecommendedProducts-DooGvLFT.js}

@@ -1,5 +1,5 @@
 import { t as Typography } from "./Typography-xehJH05l.js";
-import { t as ProductGrid } from "./ProductGrid-DmtSXfyE.js";
+import { t as ProductGrid } from "./ProductGrid-DukHo_KY.js";
 import { motion } from "framer-motion";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{SearchAutocomplete-A3HXkHwK.cjs → SearchAutocomplete-C1XH39Xx.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let framer_motion = require("framer-motion");
@@ -60,7 +60,7 @@ const SearchAutocomplete = ({ id, results, focusedIndex, searchText = "", onSugg
 					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-[16px]",
+					className: "spiffy-tw-mr-[16px] spiffy-tw-h-[16px] spiffy-tw-w-[16px]",
 					fill: iconColor
 				}), highlightMatchingText(result, searchText)]
 			}, index))

package/dist/{SearchAutocomplete-Rza3A-gs.js → SearchAutocomplete-CuuN0cDu.js}

@@ -56,7 +56,7 @@ const SearchAutocomplete = ({ id, results, focusedIndex, searchText = "", onSugg
 					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-[16px]",
+					className: "spiffy-tw-mr-[16px] spiffy-tw-h-[16px] spiffy-tw-w-[16px]",
 					fill: iconColor
 				}), highlightMatchingText(result, searchText)]
 			}, index))

package/dist/{SearchFilter-DxrQOLx0.cjs → SearchFilter-CnP71PTj.cjs}

@@ -1,10 +1,10 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
-const require_Accordion = require('./Accordion-B0TzPN3m.cjs');
-const require_ButtonBase = require('./ButtonBase-BMEAmPnS.cjs');
-const require_ModalSheet = require('./ModalSheet-Be7-bkXK.cjs');
-const require_RadioButtonGroup = require('./RadioButtonGroup-BnnMx8sE.cjs');
-const require_ToggleButton = require('./ToggleButton-CmxTz-ou.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
+const require_Accordion = require('./Accordion-Bc3o-NjV.cjs');
+const require_ButtonBase = require('./ButtonBase-Bm_QOyM1.cjs');
+const require_ModalSheet = require('./ModalSheet-BuCtRDnQ.cjs');
+const require_RadioButtonGroup = require('./RadioButtonGroup-BhZloLH6.cjs');
+const require_ToggleButton = require('./ToggleButton-BhBEOjxO.cjs');
 let react = require("react");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
@@ -254,7 +254,7 @@ const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor
 			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-w-2 spiffy-tw-h-2 spiffy-tw-rounded-full", {
+			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")
 			}) })

package/dist/{SearchFilter-CYY5sNXV.js → SearchFilter-DsYF1A5n.js}

@@ -2,7 +2,7 @@ import { t as Typography } from "./Typography-xehJH05l.js";
 import { t as Accordion } from "./Accordion-D8Vm8J1y.js";
 import { t as ButtonBase } from "./ButtonBase-CT397aT3.js";
 import { t as ModalSheet } from "./ModalSheet-DVrY7Mw0.js";
-import { t as RadioButtonGroup } from "./RadioButtonGroup-hme7gSiQ.js";
+import { t as RadioButtonGroup } from "./RadioButtonGroup-BWQ4-m2M.js";
 import { t as ToggleButton } from "./ToggleButton-BTz_zIdc.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import classNames from "classnames";
@@ -252,7 +252,7 @@ const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor
 			children: displayName
 		}), /* @__PURE__ */ jsx("div", {
 			className: radioClasses,
-			children: isSelected && /* @__PURE__ */ jsx("div", { className: classNames("spiffy-tw-w-2 spiffy-tw-h-2 spiffy-tw-rounded-full", {
+			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")
 			}) })

package/dist/{SearchInput-3ppsm2Ke.cjs → SearchInput-Cgsjew8Q.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_TextInput = require('./TextInput-Do5-j1V_.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_TextInput = require('./TextInput-DfCocKVm.cjs');
 const require_colorsConfig = require('./colorsConfig-D-MZuBvt.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);

package/dist/{SearchInputForm-DrI4WHDt.js → SearchInputForm--CvVrjwl.js}

@@ -1,11 +1,11 @@
-import { t as SearchAutocomplete } from "./SearchAutocomplete-Rza3A-gs.js";
+import { t as SearchAutocomplete } from "./SearchAutocomplete-CuuN0cDu.js";
 import { n as searchInputVariantClasses, t as SearchInput } from "./SearchInput-DE9Iz7A8.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";
 
 //#region src/components/SearchInputForm/SearchInputForm.tsx
-const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, shouldShowAutocomplete, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, onSearchInputFocus, onSearchInputBlur }) => {
+const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, shouldShowAutocomplete, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, onSearchInputFocus, onSearchInputBlur, searchInputRef }) => {
 	const { autocompleteIconColor } = searchInputVariantClasses[searchInputVariant];
 	const containerClasses = classNames("spiffy-tw-relative", "spiffy-tw-w-full");
 	const formClasses = classNames({
@@ -32,7 +32,8 @@ const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults,
 				onKeyDown,
 				onChange: onSearchInputChange,
 				onFocus: onSearchInputFocus,
-				onBlur: onSearchInputBlur
+				onBlur: onSearchInputBlur,
+				ref: searchInputRef
 			})
 		}), shouldShowAutocomplete && /* @__PURE__ */ jsx("div", {
 			className: autocompleteContainerClasses,

package/dist/{SearchInputForm-CZz62rOX.cjs → SearchInputForm-CSd4tjts.cjs}

@@ -1,13 +1,13 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_SearchAutocomplete = require('./SearchAutocomplete-A3HXkHwK.cjs');
-const require_SearchInput = require('./SearchInput-3ppsm2Ke.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_SearchAutocomplete = require('./SearchAutocomplete-C1XH39Xx.cjs');
+const require_SearchInput = require('./SearchInput-Cgsjew8Q.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_config_locators_components_search = require("@envive-ai/react-hooks/config/locators/components/search");
 
 //#region src/components/SearchInputForm/SearchInputForm.tsx
-const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, shouldShowAutocomplete, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, onSearchInputFocus, onSearchInputBlur }) => {
+const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, shouldShowAutocomplete, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, onSearchInputFocus, onSearchInputBlur, searchInputRef }) => {
 	const { autocompleteIconColor } = require_SearchInput.searchInputVariantClasses[searchInputVariant];
 	const containerClasses = (0, classnames.default)("spiffy-tw-relative", "spiffy-tw-w-full");
 	const formClasses = (0, classnames.default)({
@@ -34,7 +34,8 @@ const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults,
 				onKeyDown,
 				onChange: onSearchInputChange,
 				onFocus: onSearchInputFocus,
-				onBlur: onSearchInputBlur
+				onBlur: onSearchInputBlur,
+				ref: searchInputRef
 			})
 		}), shouldShowAutocomplete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: autocompleteContainerClasses,

package/dist/{SearchResultsFilterButton-BedTofz5.cjs → SearchResultsFilterButton-BQqm4icD.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ButtonBase = require('./ButtonBase-BMEAmPnS.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_ButtonBase = require('./ButtonBase-Bm_QOyM1.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_icons_SettingsVariant = require("@envive-ai/react-icons/SettingsVariant");

package/dist/{SearchResultsFilterSidebar-Dgz98oyD.cjs → SearchResultsFilterSidebar-U6dFy-Jo.cjs}

@@ -1,6 +1,6 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ButtonBase = require('./ButtonBase-BMEAmPnS.cjs');
-const require_SearchFilter = require('./SearchFilter-DxrQOLx0.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_ButtonBase = require('./ButtonBase-Bm_QOyM1.cjs');
+const require_SearchFilter = require('./SearchFilter-CnP71PTj.cjs');
 const require_searchFilterSidebarVariants = require('./searchFilterSidebarVariants-C61Byr1S.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/{SearchResultsFilterSidebar-Bvpk7Uoo.js → SearchResultsFilterSidebar-ydSo1S6h.js}

@@ -1,5 +1,5 @@
 import { t as ButtonBase } from "./ButtonBase-CT397aT3.js";
-import { n as SearchFilter, o as SearchFilterHeader } from "./SearchFilter-CYY5sNXV.js";
+import { n as SearchFilter, o as SearchFilterHeader } from "./SearchFilter-DsYF1A5n.js";
 import { t as searchFilterSidebarVariantClasses } from "./searchFilterSidebarVariants-DcwlBfvY.js";
 import { useCallback } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/{SearchResultsStates-DrGtw0pM.js → SearchResultsStates-BCeqeo9y.js}

@@ -1,10 +1,10 @@
 import { t as Typography } from "./Typography-xehJH05l.js";
 import { n as AppliedFiltersScrollbar, t as DynamicFiltersScrollbar } from "./DynamicFiltersScrollbar-CibstqNd.js";
-import { t as ProductCardSkeleton } from "./ProductCard-BoyYu6mI.js";
-import { n as productGridVariantClasses, t as ProductGrid } from "./ProductGrid-DmtSXfyE.js";
-import { t as RecommendedProducts } from "./RecommendedProducts-LalI8aVC.js";
+import { t as ProductCardSkeleton } from "./ProductCard-ChitHvuc.js";
+import { n as productGridVariantClasses, t as ProductGrid } from "./ProductGrid-DukHo_KY.js";
+import { t as RecommendedProducts } from "./RecommendedProducts-DooGvLFT.js";
 import { t as searchFilterSidebarVariantClasses } from "./searchFilterSidebarVariants-DcwlBfvY.js";
-import { t as SparkleAnimation } from "./SparkleAnimation-BSI_34HX.js";
+import { t as SparkleAnimation } from "./SparkleAnimation-HY4cgwE3.js";
 import { motion } from "framer-motion";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -35,7 +35,7 @@ const NoSearchResultsFound = ({ containerPaddingClasses, noResultsFoundText, spa
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "spiffy-tw-flex spiffy-tw-items-start spiffy-tw-gap-2",
 			children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Sparkles, {
-				className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
+				className: "spiffy-tw-h-[24px] spiffy-tw-w-[24px]",
 				style: { color: sparkleIconColor }
 			}) }), /* @__PURE__ */ jsx(Typography, {
 				variant: "body2",
@@ -62,7 +62,7 @@ const SearchResultsGrid = ({ productList, productCardConfig, merchantShortName,
 	const appliedFilterBarClasses = classNames(sharedFilterBarClasses, "spiffy-tw-mb-[32px]", "spiffy-tw-mt-[8px]");
 	const { filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses } = searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
 	return /* @__PURE__ */ jsxs(motion.div, {
-		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		className: "spiffy-tw-w-full spiffy-tw-justify-center spiffy-tw-overflow-hidden",
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
@@ -100,7 +100,7 @@ const SearchResultsGrid = ({ productList, productCardConfig, merchantShortName,
 const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
 	const { productCardLayoutVariant, productCardImageAspectRatio } = productGridVariantClasses[productGridVariant];
 	return /* @__PURE__ */ jsx(motion.div, {
-		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		className: "spiffy-tw-w-full spiffy-tw-justify-center spiffy-tw-overflow-hidden",
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
@@ -108,9 +108,9 @@ const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, spar
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "spiffy-tw-mt-6 spiffy-tw-w-full",
 			children: [/* @__PURE__ */ jsx("div", {
-				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-mb-4",
+				className: "spiffy-tw-mb-4 spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between",
 				children: /* @__PURE__ */ jsxs("div", {
-					className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 spiffy-tw-ml-[16px] md:spiffy-tw-ml-[80px]",
+					className: "spiffy-tw-ml-[16px] spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 md:spiffy-tw-ml-[80px]",
 					children: [/* @__PURE__ */ jsx("div", {
 						className: "spiffy-tw-width-[24px]",
 						children: /* @__PURE__ */ jsx(SparkleAnimation, {

package/dist/{SearchResultsStates-D37wFr9h.cjs → SearchResultsStates-Dp-AsmH8.cjs}

@@ -1,11 +1,11 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
-const require_DynamicFiltersScrollbar = require('./DynamicFiltersScrollbar-DqIydLJu.cjs');
-const require_ProductCard = require('./ProductCard-BeY85PBf.cjs');
-const require_ProductGrid = require('./ProductGrid-CxKK7w_X.cjs');
-const require_RecommendedProducts = require('./RecommendedProducts-C2eNVrLo.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
+const require_DynamicFiltersScrollbar = require('./DynamicFiltersScrollbar-bT3VoG-D.cjs');
+const require_ProductCard = require('./ProductCard-C3seoFWE.cjs');
+const require_ProductGrid = require('./ProductGrid-Ct2DvLGf.cjs');
+const require_RecommendedProducts = require('./RecommendedProducts-Cy-1szYc.cjs');
 const require_searchFilterSidebarVariants = require('./searchFilterSidebarVariants-C61Byr1S.cjs');
-const require_SparkleAnimation = require('./SparkleAnimation-B5A_NCuy.cjs');
+const require_SparkleAnimation = require('./SparkleAnimation-Bg5qax1t.cjs');
 let framer_motion = require("framer-motion");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
@@ -38,7 +38,7 @@ const NoSearchResultsFound = ({ containerPaddingClasses, noResultsFoundText, spa
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "spiffy-tw-flex spiffy-tw-items-start spiffy-tw-gap-2",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_Sparkles.default, {
-				className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
+				className: "spiffy-tw-h-[24px] spiffy-tw-w-[24px]",
 				style: { color: sparkleIconColor }
 			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
 				variant: "body2",
@@ -65,7 +65,7 @@ const SearchResultsGrid = ({ productList, productCardConfig, merchantShortName,
 	const appliedFilterBarClasses = (0, classnames.default)(sharedFilterBarClasses, "spiffy-tw-mb-[32px]", "spiffy-tw-mt-[8px]");
 	const { filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses } = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
-		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		className: "spiffy-tw-w-full spiffy-tw-justify-center spiffy-tw-overflow-hidden",
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
@@ -103,7 +103,7 @@ const SearchResultsGrid = ({ productList, productCardConfig, merchantShortName,
 const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
 	const { productCardLayoutVariant, productCardImageAspectRatio } = require_ProductGrid.productGridVariantClasses[productGridVariant];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		className: "spiffy-tw-w-full spiffy-tw-justify-center spiffy-tw-overflow-hidden",
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
@@ -111,9 +111,9 @@ const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, spar
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "spiffy-tw-mt-6 spiffy-tw-w-full",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-mb-4",
+				className: "spiffy-tw-mb-4 spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 spiffy-tw-ml-[16px] md:spiffy-tw-ml-[80px]",
+					className: "spiffy-tw-ml-[16px] spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 md:spiffy-tw-ml-[80px]",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "spiffy-tw-width-[24px]",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SparkleAnimation.SparkleAnimation, {

package/dist/{SparkleAnimation-B5A_NCuy.cjs → SparkleAnimation-Bg5qax1t.cjs}

@@ -1,4 +1,4 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
 let react = require("react");
 let framer_motion = require("framer-motion");
 let classnames = require("classnames");
@@ -47,13 +47,13 @@ const SparkleAnimation = ({ color, className, animate = true }) => {
 		className: containerClasses,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)(SparkleAnimationOverride.STAR_ONE_CONTAINER, "spiffy-tw-absolute -spiffy-tw-top-[2px] spiffy-tw-left-0"),
+				className: (0, classnames.default)(SparkleAnimationOverride.STAR_ONE_CONTAINER, "spiffy-tw-left-0 spiffy-tw-absolute -spiffy-tw-top-[2px]"),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
 					animate: { scale: mainStarScale },
 					transition: starTransition,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_FourPointStar.default, {
 						fill: color,
-						className: "spiffy-tw-w-4 spiffy-tw-h-4 spiffy-tw-inline-block"
+						className: "spiffy-tw-inline-block spiffy-tw-h-4 spiffy-tw-w-4"
 					})
 				})
 			}),
@@ -64,18 +64,18 @@ const SparkleAnimation = ({ color, className, animate = true }) => {
 					transition: starTransition,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_FourPointStar.default, {
 						fill: color,
-						className: "spiffy-tw-w-2 spiffy-tw-h-2 spiffy-tw-inline-block"
+						className: "spiffy-tw-inline-block spiffy-tw-h-2 spiffy-tw-w-2"
 					})
 				})
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)(SparkleAnimationOverride.STAR_THREE_CONTAINER, "spiffy-tw-absolute spiffy-tw-top-[1px] spiffy-tw-left-[12px]"),
+				className: (0, classnames.default)(SparkleAnimationOverride.STAR_THREE_CONTAINER, "spiffy-tw-absolute spiffy-tw-left-[12px] spiffy-tw-top-[1px]"),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
 					animate: { scale: smallStar2Scale },
 					transition: starTransition,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_FourPointStar.default, {
 						fill: color,
-						className: "spiffy-tw-w-2 spiffy-tw-h-2 spiffy-tw-inline-block"
+						className: "spiffy-tw-inline-block spiffy-tw-h-2 spiffy-tw-w-2"
 					})
 				})
 			})

package/dist/{SparkleAnimation-BSI_34HX.js → SparkleAnimation-HY4cgwE3.js}

@@ -44,13 +44,13 @@ const SparkleAnimation = ({ color, className, animate = true }) => {
 		className: containerClasses,
 		children: [
 			/* @__PURE__ */ jsx("div", {
-				className: classNames(SparkleAnimationOverride.STAR_ONE_CONTAINER, "spiffy-tw-absolute -spiffy-tw-top-[2px] spiffy-tw-left-0"),
+				className: classNames(SparkleAnimationOverride.STAR_ONE_CONTAINER, "spiffy-tw-left-0 spiffy-tw-absolute -spiffy-tw-top-[2px]"),
 				children: /* @__PURE__ */ jsx(motion.div, {
 					animate: { scale: mainStarScale },
 					transition: starTransition,
 					children: /* @__PURE__ */ jsx(FourPointStar, {
 						fill: color,
-						className: "spiffy-tw-w-4 spiffy-tw-h-4 spiffy-tw-inline-block"
+						className: "spiffy-tw-inline-block spiffy-tw-h-4 spiffy-tw-w-4"
 					})
 				})
 			}),
@@ -61,18 +61,18 @@ const SparkleAnimation = ({ color, className, animate = true }) => {
 					transition: starTransition,
 					children: /* @__PURE__ */ jsx(FourPointStar, {
 						fill: color,
-						className: "spiffy-tw-w-2 spiffy-tw-h-2 spiffy-tw-inline-block"
+						className: "spiffy-tw-inline-block spiffy-tw-h-2 spiffy-tw-w-2"
 					})
 				})
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: classNames(SparkleAnimationOverride.STAR_THREE_CONTAINER, "spiffy-tw-absolute spiffy-tw-top-[1px] spiffy-tw-left-[12px]"),
+				className: classNames(SparkleAnimationOverride.STAR_THREE_CONTAINER, "spiffy-tw-absolute spiffy-tw-left-[12px] spiffy-tw-top-[1px]"),
 				children: /* @__PURE__ */ jsx(motion.div, {
 					animate: { scale: smallStar2Scale },
 					transition: starTransition,
 					children: /* @__PURE__ */ jsx(FourPointStar, {
 						fill: color,
-						className: "spiffy-tw-w-2 spiffy-tw-h-2 spiffy-tw-inline-block"
+						className: "spiffy-tw-inline-block spiffy-tw-h-2 spiffy-tw-w-2"
 					})
 				})
 			})

package/dist/{Spinner-FQpy5bGu.cjs → Spinner-CUrXDajS.cjs}

@@ -1,4 +1,4 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/{TextInput-Do5-j1V_.cjs → TextInput-DfCocKVm.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let classnames = require("classnames");

package/dist/{ToggleButton-CmxTz-ou.cjs → ToggleButton-BhBEOjxO.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/{Typography-Ds4gfOJz.cjs → Typography-Csg-nd_w.cjs}

@@ -1,4 +1,4 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let classnames = require("classnames");

package/dist/{chunk-CUT6urMc.cjs → chunk-CbDLau6x.cjs}

@@ -6,12 +6,16 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
 	}
 	return to;
 };

package/dist/components/Accordion/{index-DBEaF9x5.d.ts → index-D_7-KJa0.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Accordion/Accordion.d.ts
 interface AccordionProps {
@@ -8,6 +8,6 @@ interface AccordionProps {
 declare const Accordion: ({
   title,
   content
-}: AccordionProps) => react_jsx_runtime22.JSX.Element;
+}: AccordionProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Accordion };

package/dist/components/Accordion/index.cjs

@@ -1,4 +1,4 @@
-require('../../Typography-Ds4gfOJz.cjs');
-const require_Accordion = require('../../Accordion-B0TzPN3m.cjs');
+require('../../Typography-Csg-nd_w.cjs');
+const require_Accordion = require('../../Accordion-Bc3o-NjV.cjs');
 
 exports.Accordion = require_Accordion.Accordion;

package/dist/components/AnimatedChevron/{index-Bvff3AGS.d.ts → index-BfdaL9eW.d.cts}

@@ -1,5 +1,5 @@
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { MotionValue } from "framer-motion";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/components/AnimatedChevron/AnimatedChevron.d.ts
 interface AnimatedChevronProps {
@@ -9,6 +9,6 @@ interface AnimatedChevronProps {
 declare const AnimatedChevron: ({
   animationKey,
   chevronColor
-}: AnimatedChevronProps) => react_jsx_runtime30.JSX.Element;
+}: AnimatedChevronProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { AnimatedChevron };