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

package/dist/SearchResultsFilterButton-Dk7u7rgn.js

@@ -1,90 +0,0 @@
-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-BRFONIEq.cjs

@@ -1,118 +0,0 @@
-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");
-let react_jsx_runtime = require("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];
-	const openFilter = (0, react.useCallback)(() => {
-		setIsOpen(true);
-	}, [setIsOpen]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilter.SearchFilter, {
-		isOpen,
-		setIsOpen,
-		filters: searchFilters,
-		productCount,
-		selectFilterItem: onSelectFilterItem,
-		clearAllFilters: onClearAllFilters,
-		applyFiltersUnchangedClasses,
-		applyFiltersChangedClasses,
-		filterButtonText,
-		radioButtonFillColor,
-		radioButtonHoverColor,
-		radioButtonUncheckedBorderColor,
-		filterCloseIconVariant,
-		headerContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilter.SearchFilterHeader, {
-			closeModal: () => setIsOpen(false),
-			productCount,
-			headerClassName: searchFilterHeaderClasses,
-			filterCloseIconVariant
-		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
-		onClick: openFilter,
-		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, 'SearchResultsFilter', {
-  enumerable: true,
-  get: function () {
-    return SearchResultsFilter;
-  }
-});

package/dist/SearchResultsStates-CQR5Il4l.cjs

@@ -1,196 +0,0 @@
-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;
-  }
-});

package/dist/SearchResultsStates-D7HfsLeZ.js

@@ -1,177 +0,0 @@
-import { t as Typography } from "./Typography-xehJH05l.js";
-import { t as require_jsx_runtime } from "./jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
-import { n as AppliedFiltersScrollbar, t as DynamicFiltersScrollbar } from "./DynamicFiltersScrollbar-s5yfmMau.js";
-import { t as ProductCardSkeleton } from "./ProductCard-GxpFxjh0.js";
-import { n as productGridVariantClasses, t as ProductGrid } from "./ProductGrid-DAwc9dKV.js";
-import { t as RecommendedProducts } from "./RecommendedProducts-C6dLpLPP.js";
-import { t as searchFilterSidebarVariantClasses } from "./searchFilterSidebarVariants-gkgkflXx.js";
-import { t as SparkleAnimation } from "./SparkleAnimation-szzXiTam.js";
-import { motion } from "framer-motion";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ../icons/dist/Sparkles.js
-var import_jsx_runtime = 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 = classNames(containerPaddingClasses, "spiffy-tw-mt-6", { "spiffy-tw-mb-[100vh]": recommendedProducts.length === 0 });
-	let textPrompt;
-	if (recommendedProducts.length > 0) textPrompt = noResultsFoundText ? /* @__PURE__ */ jsx("span", { children: noResultsFoundText }) : /* @__PURE__ */ jsxs("span", { children: [
-		"I’m sorry, I wasn’t able to find an exact match for",
-		/* @__PURE__ */ 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__ */ jsxs("span", { children: [
-		"I’m sorry, I wasn’t able to find an exact match for",
-		/* @__PURE__ */ jsxs("strong", {
-			className: "spiffy-tw-font-semibold",
-			children: [" ", `"${searchText}."`]
-		}),
-		" Try changing your filters or adjusting your search query."
-	] });
-	return /* @__PURE__ */ jsxs("div", {
-		className: containerClasses,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "spiffy-tw-flex spiffy-tw-items-start spiffy-tw-gap-2",
-			children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Sparkles_default, {
-				className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
-				style: { color: sparkleIconColor }
-			}) }), /* @__PURE__ */ jsx(Typography, {
-				variant: "body2",
-				children: textPrompt
-			})]
-		}), /* @__PURE__ */ jsx(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 = classNames("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 = classNames(sharedFilterBarClasses, "spiffy-tw-mt-[24px]");
-	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",
-		initial: { opacity: 0 },
-		animate: { opacity: 1 },
-		exit: { opacity: 0 },
-		transition: { duration: .2 },
-		children: [
-			/* @__PURE__ */ jsx(AppliedFiltersScrollbar, {
-				selectedFilterOptions,
-				filterBarClassNames: appliedFilterBarClasses,
-				filterDefaultClasses,
-				filterHoverClasses,
-				appliedFilterBackgroundClasses,
-				onRemoveFilter
-			}),
-			/* @__PURE__ */ jsx(DynamicFiltersScrollbar, {
-				availableDynamicFilters,
-				filterBarClassNames: filterBarClasses,
-				filterDefaultClasses,
-				filterHoverClasses,
-				onToggleDynamicFilter
-			}),
-			/* @__PURE__ */ jsx(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 } = productGridVariantClasses[productGridVariant];
-	return /* @__PURE__ */ jsx(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__ */ 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",
-				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]",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "spiffy-tw-width-[24px]",
-						children: /* @__PURE__ */ jsx(SparkleAnimation, {
-							color: sparkleIconColor,
-							animate: true
-						})
-					}), /* @__PURE__ */ jsx(Typography, {
-						variant: "body2",
-						children: "Finding the best options for you..."
-					})]
-				})
-			}), /* @__PURE__ */ jsx("div", {
-				className: productGridClasses,
-				children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx(ProductCardSkeleton, {
-					layoutVariant: productCardLayoutVariant,
-					aspectRatio: productCardImageAspectRatio,
-					growWithContainer: true
-				}, index))
-			})]
-		})
-	});
-};
-
-//#endregion
-export { SearchResultsGrid as n, NoSearchResultsFound as r, SearchResultsLoadingGrid as t };