@envive-ai/react-toolkit 0.2.11 → 0.2.13-arthur-1

package/dist/{SearchInput-C3nNkmBm.js → SearchInput-kLhxkpgq.js}

@@ -1,12 +1,67 @@
-import { TextInput } from "./TextInput-CmxnphaT.js";
-import { colorVar } from "./colorVar-BJve0Z4_.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { t as require_jsx_runtime } from "./jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
+import { t as TextInput } from "./TextInput-CsdOvLBQ.js";
+import { n as colorVar, t as ColorNames } from "./colorsConfig-CFI1KN8R.js";
 import React, { useImperativeHandle, useRef } from "react";
 import classNames from "classnames";
-import MagnifyingGlassStarVariant from "@envive-ai/react-icons/MagnifyingGlassStarVariant";
-import IconClose from "@envive-ai/react-icons/IconClose";
-import { ColorNames } from "@envive-ai/types";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../icons/dist/MagnifyingGlassStarVariant.js
+var import_jsx_runtime$1 = require_jsx_runtime();
+const SvgMagnifyingGlassStarVariant = (props) => /* @__PURE__ */ (0, import_jsx_runtime$1.jsxs)("svg", {
+	width: 23,
+	height: 21,
+	viewBox: "0 0 23 21",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
+			d: "M16.9017 1.07275L17.6915 3.12627C17.82 3.46022 17.8842 3.62719 17.984 3.76764C18.0726 3.89211 18.1813 4.00087 18.3058 4.08938C18.4462 4.18925 18.6132 4.25347 18.9472 4.38191L21.0007 5.17172L18.9472 5.96154C18.6132 6.08998 18.4462 6.1542 18.3058 6.25406C18.1813 6.34257 18.0726 6.45133 17.984 6.57581C17.8842 6.71625 17.82 6.88323 17.6915 7.21717L16.9017 9.27069L16.1119 7.21717C15.9834 6.88323 15.9192 6.71625 15.8194 6.57581C15.7308 6.45133 15.6221 6.34257 15.4976 6.25406C15.3572 6.1542 15.1902 6.08998 14.8563 5.96154L12.8027 5.17172L14.8563 4.38191C15.1902 4.25347 15.3572 4.18925 15.4976 4.08938C15.6221 4.00087 15.7308 3.89211 15.8194 3.76764C15.9192 3.62719 15.9834 3.46022 16.1119 3.12627L16.9017 1.07275Z",
+			fill: "#595959",
+			stroke: "#595959",
+			strokeWidth: .910882,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
+			d: "M11.5954 2.64387C10.5786 1.97247 9.36711 1.56895 8.05921 1.53651C4.34389 1.44434 1.25732 4.38149 1.16515 8.09681C1.07299 11.8121 4.01013 14.8987 7.72546 14.9909C10.9196 15.0701 13.6491 12.9102 14.4105 9.94181",
+			stroke: "#595959",
+			strokeWidth: 1.5,
+			strokeLinecap: "round"
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
+			d: "M13.75 15.7759L16.9274 19.2557",
+			stroke: "#595959",
+			strokeWidth: 1.5,
+			strokeLinecap: "round"
+		})
+	]
+});
+var MagnifyingGlassStarVariant_default = SvgMagnifyingGlassStarVariant;
 
+//#endregion
+//#region ../icons/dist/IconClose.js
+var import_jsx_runtime = require_jsx_runtime();
+const SvgIconClose = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+		cx: 12,
+		cy: 12,
+		r: 12,
+		fill: "#FCFCF9"
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		d: "M16.167 6L11.5 10.667L6.833 6L5 7.833L9.667 12.5L5 17.167L6.833 19L11.5 14.333L16.167 19L18 17.167L13.333 12.5L18 7.833L16.167 6Z",
+		fill: "currentColor"
+	})]
+});
+var IconClose_default = SvgIconClose;
+
+//#endregion
 //#region src/components/SearchInput/searchInputVariants.ts
 const searchInputVariantClasses = { standard: {
 	searchInputIconColor: "transparent",
@@ -48,7 +103,7 @@ const SearchInput = React.forwardRef(({ searchInputVariant = "standard", value,
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "spiffy-tw-absolute spiffy-tw-left-3 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2",
-				children: /* @__PURE__ */ jsx(MagnifyingGlassStarVariant, {
+				children: /* @__PURE__ */ jsx(MagnifyingGlassStarVariant_default, {
 					className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive,
 					stroke: iconColor,
 					strokeWidth: "1px"
@@ -80,11 +135,11 @@ 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, { className: closeButtonIconClassName })
+				children: /* @__PURE__ */ jsx(IconClose_default, { className: closeButtonIconClassName })
 			})
 		]
 	});
 });
 
 //#endregion
-export { SearchInput, searchInputVariantClasses };
+export { searchInputVariantClasses as n, SearchInput as t };

package/dist/{SearchInputForm/index.js → SearchInputForm-CFm_hUvX.js}

@@ -1,14 +1,11 @@
-import "../Typography-C3QmJzFK.js";
-import { SearchAutocomplete } from "../SearchAutocomplete-CjjL2_lm.js";
-import "../TextInput-CmxnphaT.js";
-import "../colorVar-BJve0Z4_.js";
-import { SearchInput, searchInputVariantClasses } from "../SearchInput-C3nNkmBm.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { t as SearchAutocomplete } from "./SearchAutocomplete-DNe193EV.js";
+import { n as searchInputVariantClasses, t as SearchInput } from "./SearchInput-kLhxkpgq.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({
@@ -35,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,
@@ -52,4 +50,4 @@ const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults,
 };
 
 //#endregion
-export { SearchInputForm };
+export { SearchInputForm as t };

package/dist/{SearchInputForm/index.cjs → SearchInputForm-ZgNNEX6E.cjs}

@@ -1,18 +1,13 @@
-const require_chunk = require('../chunk-CUT6urMc.cjs');
-require('../Typography-Ds4gfOJz.cjs');
-const require_SearchAutocomplete = require('../SearchAutocomplete-bbMvWWjI.cjs');
-require('../TextInput-CYTko3-n.cjs');
-require('../colorVar-B5CLhSof.cjs');
-const require_SearchInput = require('../SearchInput-BA6bepV_.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_SearchAutocomplete = require('./SearchAutocomplete-BdTWETDB.cjs');
+const require_SearchInput = require('./SearchInput-CImlqrau.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");
-__envive_ai_react_hooks_config_locators_components_search = require_chunk.__toESM(__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)({
@@ -39,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,
@@ -56,4 +52,9 @@ const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults,
 };
 
 //#endregion
-exports.SearchInputForm = SearchInputForm;
+Object.defineProperty(exports, 'SearchInputForm', {
+  enumerable: true,
+  get: function () {
+    return SearchInputForm;
+  }
+});

package/dist/SearchResultsFilterButton-D929tRt9.cjs

@@ -0,0 +1,96 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_jsx_runtime_Dg2m6dxZ = require('./jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
+const require_ButtonBase = require('./ButtonBase-C44g6llb.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region ../icons/dist/SettingsVariant.js
+var import_jsx_runtime = require_jsx_runtime_Dg2m6dxZ.require_jsx_runtime();
+const SvgSettingsVariant = (props) => /* @__PURE__ */ (0, import_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, import_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, import_jsx_runtime.jsx)("path", {
+			d: "M14 3.5L0 3.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+			d: "M28 3.5L23.5 3.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+			cx: 9.09961,
+			cy: 13.5,
+			r: 3.03346,
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+			d: "M14 13.5L28 13.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+			d: "M0 13.5L4.5 13.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, import_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, import_jsx_runtime.jsx)("path", {
+			d: "M14 23.5H0",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+			d: "M28 23.5L23.5 23.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		})
+	]
+});
+var SettingsVariant_default = SvgSettingsVariant;
+
+//#endregion
+//#region src/components/SearchResultsFilterButton/SearchResultsFilterButton.tsx
+const SearchResultsFilterButton = ({ setIsOpen, filterButtonText }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
+		onClick: (0, react.useCallback)(() => {
+			setIsOpen(true);
+		}, [setIsOpen]),
+		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",
+		buttonClass: "spiffy-tw-flex-row spiffy-tw-pl-[16px] sm:spiffy-tw-pl-0 sm:spiffy-tw-px-4 sm:spiffy-tw-gap-[8px]",
+		disablePadding: true
+	});
+};
+
+//#endregion
+Object.defineProperty(exports, 'SearchResultsFilterButton', {
+  enumerable: true,
+  get: function () {
+    return SearchResultsFilterButton;
+  }
+});

package/dist/SearchResultsFilterButton-Dk7u7rgn.js

@@ -0,0 +1,90 @@
+import { t as require_jsx_runtime } from "./jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
+import { t as ButtonBase } from "./ButtonBase-Cjo-fBg2.js";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../icons/dist/SettingsVariant.js
+var import_jsx_runtime = require_jsx_runtime();
+const SvgSettingsVariant = (props) => /* @__PURE__ */ (0, import_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, import_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, import_jsx_runtime.jsx)("path", {
+			d: "M14 3.5L0 3.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+			d: "M28 3.5L23.5 3.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+			cx: 9.09961,
+			cy: 13.5,
+			r: 3.03346,
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+			d: "M14 13.5L28 13.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+			d: "M0 13.5L4.5 13.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, import_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, import_jsx_runtime.jsx)("path", {
+			d: "M14 23.5H0",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+			d: "M28 23.5L23.5 23.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		})
+	]
+});
+var SettingsVariant_default = SvgSettingsVariant;
+
+//#endregion
+//#region src/components/SearchResultsFilterButton/SearchResultsFilterButton.tsx
+const SearchResultsFilterButton = ({ setIsOpen, filterButtonText }) => {
+	return /* @__PURE__ */ jsx(ButtonBase, {
+		onClick: useCallback(() => {
+			setIsOpen(true);
+		}, [setIsOpen]),
+		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",
+		buttonClass: "spiffy-tw-flex-row spiffy-tw-pl-[16px] sm:spiffy-tw-pl-0 sm:spiffy-tw-px-4 sm:spiffy-tw-gap-[8px]",
+		disablePadding: true
+	});
+};
+
+//#endregion
+export { SearchResultsFilterButton as t };

package/dist/{SearchResultsFilterSidebar/index.cjs → SearchResultsFilterSidebar-BRFONIEq.cjs}

@@ -1,20 +1,9 @@
-const require_chunk = require('../chunk-CUT6urMc.cjs');
-require('../AnimatedChevron-wpcAHp6d.cjs');
-require('../Typography-Ds4gfOJz.cjs');
-require('../Accordion-FyCFBOen.cjs');
-const require_ButtonBase = require('../ButtonBase-B6vDKbGQ.cjs');
-require('../ButtonBase-DbWQ25n-.cjs');
-require('../ModalSheet-BvM2PJbH.cjs');
-require('../RadioButton-DP-qs5cy.cjs');
-require('../RadioButtonGroup-CJPWfAaA.cjs');
-const require_SearchFilter = require('../SearchFilter-BLi6E9Wx.cjs');
-require('../ToggleButton-CvxNLMe_.cjs');
-require('../colorVar-B5CLhSof.cjs');
-const require_searchFilterSidebarVariants = require('../searchFilterSidebarVariants-BQ7OC862.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_ButtonBase = require('./ButtonBase-C44g6llb.cjs');
+const require_SearchFilter = require('./SearchFilter-BRtCSuAn.cjs');
+const require_searchFilterSidebarVariants = require('./searchFilterSidebarVariants-CjyRGKK_.cjs');
 let react = require("react");
-react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region ../icons/src/SettingsVariant.tsx
 const SvgSettingsVariant = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
@@ -121,5 +110,9 @@ const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, s
 };
 
 //#endregion
-exports.SearchResultsFilter = SearchResultsFilter;
-exports.searchFilterSidebarVariantClasses = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses;
+Object.defineProperty(exports, 'SearchResultsFilter', {
+  enumerable: true,
+  get: function () {
+    return SearchResultsFilter;
+  }
+});

package/dist/{SearchResultsFilterSidebar/index.js → SearchResultsFilterSidebar-DLzQoFGD.js}

@@ -1,17 +1,8 @@
-import "../AnimatedChevron-Dee6Pe81.js";
-import "../Typography-C3QmJzFK.js";
-import "../Accordion-B8aUlf0q.js";
-import { ButtonBase } from "../ButtonBase-Bpc7nOpz.js";
-import "../ButtonBase-C_uKnl48.js";
-import "../ModalSheet-DFva7krP.js";
-import "../RadioButton-CQ6qOvBl.js";
-import "../RadioButtonGroup-Ce8cKqYw.js";
-import { SearchFilter, SearchFilterHeader } from "../SearchFilter-wHwOym_n.js";
-import "../ToggleButton-V9Qsaks7.js";
-import "../colorVar-BJve0Z4_.js";
-import { searchFilterSidebarVariantClasses } from "../searchFilterSidebarVariants-C_rWIcxf.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { t as ButtonBase } from "./ButtonBase-Cjo-fBg2.js";
+import { n as SearchFilter, o as SearchFilterHeader } from "./SearchFilter-DvJx0b0W.js";
+import { t as searchFilterSidebarVariantClasses } from "./searchFilterSidebarVariants-gkgkflXx.js";
 import { useCallback } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region ../icons/src/SettingsVariant.tsx
 const SvgSettingsVariant = (props) => /* @__PURE__ */ jsxs("svg", {
@@ -118,4 +109,4 @@ const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, s
 };
 
 //#endregion
-export { SearchResultsFilter, searchFilterSidebarVariantClasses };
+export { SearchResultsFilter as t };

package/dist/SearchResultsStates-CQR5Il4l.cjs

@@ -0,0 +1,196 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_jsx_runtime_Dg2m6dxZ = require('./jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
+const require_DynamicFiltersScrollbar = require('./DynamicFiltersScrollbar-IO886VXD.cjs');
+const require_ProductCard = require('./ProductCard-C7rZyWpj.cjs');
+const require_ProductGrid = require('./ProductGrid-0A8vml2y.cjs');
+const require_RecommendedProducts = require('./RecommendedProducts-qkPxXVJn.cjs');
+const require_searchFilterSidebarVariants = require('./searchFilterSidebarVariants-CjyRGKK_.cjs');
+const require_SparkleAnimation = require('./SparkleAnimation-BikAiAmb.cjs');
+let framer_motion = require("framer-motion");
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region ../icons/dist/Sparkles.js
+var import_jsx_runtime = require_jsx_runtime_Dg2m6dxZ.require_jsx_runtime();
+const SvgSparkles = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+			d: "M8.18658 5.99609L9.47499 9.34597C9.68451 9.89072 9.78927 10.1631 9.95218 10.3922C10.0966 10.5953 10.274 10.7727 10.477 10.9171C10.7061 11.08 10.9785 11.1847 11.5233 11.3943L14.8732 12.6827L11.5233 13.9711C10.9785 14.1806 10.7061 14.2854 10.477 14.4483C10.274 14.5927 10.0966 14.7701 9.95218 14.9731C9.78927 15.2022 9.68451 15.4746 9.47499 16.0194L8.18658 19.3693L6.89816 16.0194C6.68864 15.4746 6.58388 15.2022 6.42097 14.9731C6.27659 14.7701 6.09917 14.5927 5.89612 14.4483C5.66701 14.2854 5.39463 14.1806 4.84988 13.9711L1.5 12.6827L4.84987 11.3943C5.39463 11.1847 5.66701 11.08 5.89612 10.9171C6.09917 10.7727 6.27659 10.5953 6.42097 10.3922C6.58388 10.1631 6.68864 9.89072 6.89816 9.34597L8.18658 5.99609Z",
+			fill: "currentColor",
+			stroke: "currentColor",
+			strokeWidth: 1.11443,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+			d: "M19.6402 14.3135L20.2844 15.9884C20.3891 16.2608 20.4415 16.397 20.523 16.5115C20.5952 16.6131 20.6839 16.7018 20.7854 16.774C20.8999 16.8554 21.0361 16.9078 21.3085 17.0126L22.9835 17.6568L21.3085 18.301C21.0361 18.4057 20.8999 18.4581 20.7854 18.5396C20.6839 18.6118 20.5952 18.7005 20.523 18.802C20.4415 18.9166 20.3891 19.0527 20.2844 19.3251L19.6402 21.0001L18.996 19.3251C18.8912 19.0527 18.8388 18.9166 18.7574 18.802C18.6852 18.7005 18.5965 18.6118 18.4949 18.5396C18.3804 18.4581 18.2442 18.4057 17.9718 18.301L16.2969 17.6568L17.9718 17.0126C18.2442 16.9078 18.3804 16.8554 18.4949 16.774C18.5965 16.7018 18.6852 16.6131 18.7574 16.5115C18.8388 16.397 18.8912 16.2608 18.996 15.9884L19.6402 14.3135Z",
+			fill: "currentColor",
+			stroke: "currentColor",
+			strokeWidth: 1.11443,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+			d: "M17.0913 3L17.7355 4.67494C17.8403 4.94732 17.8927 5.0835 17.9741 5.19806C18.0463 5.29959 18.135 5.38829 18.2366 5.46049C18.3511 5.54194 18.4873 5.59432 18.7597 5.69908L20.4346 6.34329L18.7597 6.9875C18.4873 7.09226 18.3511 7.14464 18.2366 7.22609C18.135 7.29829 18.0463 7.38699 17.9741 7.48852C17.8927 7.60308 17.8403 7.73927 17.7355 8.01165L17.0913 9.68658L16.4471 8.01165C16.3424 7.73927 16.29 7.60308 16.2085 7.48852C16.1363 7.38699 16.0476 7.29829 15.9461 7.22609C15.8315 7.14464 15.6954 7.09226 15.423 6.9875L13.748 6.34329L15.423 5.69908C15.6954 5.59432 15.8315 5.54194 15.9461 5.46049C16.0476 5.38829 16.1363 5.29959 16.2085 5.19806C16.29 5.0835 16.3424 4.94731 16.4471 4.67494L17.0913 3Z",
+			fill: "currentColor",
+			stroke: "currentColor",
+			strokeWidth: 1.11443,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	]
+});
+var Sparkles_default = SvgSparkles;
+
+//#endregion
+//#region src/components/SearchResultsStates/NoSearchResultsFound.tsx
+const NoSearchResultsFound = ({ containerPaddingClasses, noResultsFoundText, sparkleIconColor = "var(--spiffy-colors-accent-primary)", recommendedProducts, searchText, merchantShortName, productGridVariant }) => {
+	const containerClasses = (0, classnames.default)(containerPaddingClasses, "spiffy-tw-mt-6", { "spiffy-tw-mb-[100vh]": recommendedProducts.length === 0 });
+	let textPrompt;
+	if (recommendedProducts.length > 0) textPrompt = noResultsFoundText ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: noResultsFoundText }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+		"I’m sorry, I wasn’t able to find an exact match for",
+		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", {
+			className: "spiffy-tw-font-semibold",
+			children: [" ", `"${searchText}".`]
+		}),
+		" Try changing your filters or adjusting your search query. In the meantime, explore some of our top-selling products below."
+	] });
+	else textPrompt = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+		"I’m sorry, I wasn’t able to find an exact match for",
+		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", {
+			className: "spiffy-tw-font-semibold",
+			children: [" ", `"${searchText}."`]
+		}),
+		" Try changing your filters or adjusting your search query."
+	] });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: containerClasses,
+		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)(Sparkles_default, {
+				className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
+				style: { color: sparkleIconColor }
+			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+				variant: "body2",
+				children: textPrompt
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_RecommendedProducts.RecommendedProducts, {
+			retrievedProducts: recommendedProducts,
+			merchantShortName,
+			productCardConfig: {
+				variant: "minimal",
+				hoverVariant: "none",
+				layoutVariant: "square"
+			},
+			productGridVariant
+		})]
+	});
+};
+
+//#endregion
+//#region src/components/SearchResultsStates/SearchResultsGrid.tsx
+const SearchResultsGrid = ({ productList, productCardConfig, merchantShortName, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter, onProductClick }) => {
+	const sharedFilterBarClasses = (0, classnames.default)("spiffy-suggestion-bar", "spiffy-tw-no-scrollbar", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-gap-2", "spiffy-tw-mb-[16px]", "spiffy-tw-overflow-x-scroll", containerXPaddingClasses);
+	const filterBarClasses = (0, classnames.default)(sharedFilterBarClasses, "spiffy-tw-mt-[24px]");
+	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",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DynamicFiltersScrollbar.AppliedFiltersScrollbar, {
+				selectedFilterOptions,
+				filterBarClassNames: appliedFilterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				appliedFilterBackgroundClasses,
+				onRemoveFilter
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DynamicFiltersScrollbar.DynamicFiltersScrollbar, {
+				availableDynamicFilters,
+				filterBarClassNames: filterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				onToggleDynamicFilter
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductGrid.ProductGrid, {
+				productList,
+				productGridVariant,
+				productGridClasses,
+				productCardConfig,
+				merchantShortName,
+				onProductClick
+			})
+		]
+	});
+};
+
+//#endregion
+//#region src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx
+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",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		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",
+				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]",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "spiffy-tw-width-[24px]",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SparkleAnimation.SparkleAnimation, {
+							color: sparkleIconColor,
+							animate: true
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+						variant: "body2",
+						children: "Finding the best options for you..."
+					})]
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: productGridClasses,
+				children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCard.ProductCardSkeleton, {
+					layoutVariant: productCardLayoutVariant,
+					aspectRatio: productCardImageAspectRatio,
+					growWithContainer: true
+				}, index))
+			})]
+		})
+	});
+};
+
+//#endregion
+Object.defineProperty(exports, 'NoSearchResultsFound', {
+  enumerable: true,
+  get: function () {
+    return NoSearchResultsFound;
+  }
+});
+Object.defineProperty(exports, 'SearchResultsGrid', {
+  enumerable: true,
+  get: function () {
+    return SearchResultsGrid;
+  }
+});
+Object.defineProperty(exports, 'SearchResultsLoadingGrid', {
+  enumerable: true,
+  get: function () {
+    return SearchResultsLoadingGrid;
+  }
+});