@envive-ai/react-toolkit 0.2.13 → 0.3.0

package/dist/SearchFilter-DsYF1A5n.js

@@ -1,264 +0,0 @@
-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-BWQ4-m2M.js";
-import { t as ToggleButton } from "./ToggleButton-BTz_zIdc.js";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/SearchFilter/SearchFilterHeader.tsx
-const SearchFilterHeader = ({ closeModal, productCount, headerClassName, filterCloseIconVariant }) => {
-	const closeIconColor = filterCloseIconVariant === "dark" ? "var(--spiffy-colors-text-primary)" : "var(--spiffy-colors-text-light)";
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-px-4 spiffy-tw-py-3", headerClassName),
-		children: [/* @__PURE__ */ jsxs(Typography, {
-			variant: "body2",
-			className: "spiffy-tw-font-medium",
-			children: [
-				"Filters (",
-				productCount,
-				")"
-			]
-		}), /* @__PURE__ */ jsx("button", {
-			onClick: closeModal,
-			className: "spiffy-tw-p-2",
-			type: "button",
-			"aria-label": "Open Filter Menu",
-			children: /* @__PURE__ */ jsx("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				width: "14",
-				height: "14",
-				viewBox: "0 0 14 14",
-				fill: "none",
-				children: /* @__PURE__ */ jsx("path", {
-					d: "M13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711Z",
-					fill: closeIconColor
-				})
-			})
-		})]
-	});
-};
-
-//#endregion
-//#region src/components/SearchFilter/useHasFilterStateChanged.tsx
-const useHasFilterStateChanged = (filters, isOpen) => {
-	const [initialFilterStates, setInitialFilterStates] = useState({});
-	const currentFilterStates = useMemo(() => {
-		const states = {};
-		filters.forEach((filter) => {
-			filter.items.forEach((item) => {
-				states[`${filter.filterId}-${item.filterItemId}`] = item.isSelected;
-			});
-		});
-		return states;
-	}, [filters]);
-	const hasFiltersChanged = useMemo(() => {
-		if (Object.keys(initialFilterStates).length === 0) return false;
-		return Object.keys(currentFilterStates).some((key) => currentFilterStates[key] !== initialFilterStates[key]);
-	}, [currentFilterStates, initialFilterStates]);
-	useEffect(() => {
-		if (isOpen) setInitialFilterStates(currentFilterStates);
-	}, [isOpen]);
-	return hasFiltersChanged;
-};
-
-//#endregion
-//#region src/components/SearchFilter/utils.ts
-const getSelectedFilterItemsCount = (filter) => filter.items.filter((item) => item.isSelected).length;
-const getTotalSelectedFilterItemsCount = (filters) => filters.reduce((acc, filter) => {
-	if (filter.filterId === "sort") return acc;
-	return acc + getSelectedFilterItemsCount(filter);
-}, 0);
-
-//#endregion
-//#region src/components/SearchFilter/SearchFilterFooter.tsx
-const SearchFilterFooter = ({ closeModal, clearAllFilters, filterCount, applyFiltersUnchangedClasses, applyFiltersChangedClasses, hasFiltersChanged }) => {
-	const clearAllButtonEnabled = filterCount > 0;
-	const footerWrapperClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-col": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-justify-between": true,
-		"spiffy-tw-w-full": true,
-		"spiffy-tw-border-t": true,
-		"spiffy-tw-border-t-[--spiffy-colors-border-light]": true,
-		"spiffy-tw-p-[16px]": true,
-		"spiffy-tw-gap-[16px]": true
-	});
-	const applyFilterButtonClassName = classNames("spiffy-tw-flex spiffy-tw-flex-row spiffy-tw-justify-center spiffy-tw-rounded-[8px] spiffy-tw-w-full", hasFiltersChanged ? applyFiltersChangedClasses : applyFiltersUnchangedClasses);
-	const clearAllButtonClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-row": true,
-		"spiffy-tw-justify-center": true,
-		"spiffy-tw-w-full": true,
-		"spiffy-tw-text-[--spiffy-colors-text-primary]": clearAllButtonEnabled,
-		"spiffy-tw-text-[--spiffy-colors-text-secondary]": !clearAllButtonEnabled
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: footerWrapperClassName,
-		children: [/* @__PURE__ */ jsx(ButtonBase, {
-			isDisabled: !hasFiltersChanged,
-			buttonClass: applyFilterButtonClassName,
-			text: "Apply Filters",
-			onClick: closeModal
-		}), /* @__PURE__ */ jsx(ButtonBase, {
-			isDisabled: !clearAllButtonEnabled,
-			buttonClass: clearAllButtonClassName,
-			text: "Clear All",
-			onClick: clearAllFilters
-		})]
-	});
-};
-
-//#endregion
-//#region src/components/SearchFilter/SearchFilter.tsx
-const SortFilter = ({ filter, selectFilterItem, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor }) => {
-	const filterTitle = filter.displayName;
-	return /* @__PURE__ */ jsx(Accordion, {
-		title: filterTitle,
-		content: /* @__PURE__ */ jsx(RadioButtonGroup, {
-			options: filter.items.map((item) => ({
-				label: item.displayName,
-				value: item.filterItemId,
-				isSelected: item.isSelected
-			})),
-			name: filterTitle,
-			onChange: (value) => {
-				const selectedItem = filter.items.find((item) => item.filterItemId === value);
-				selectFilterItem({
-					filterId: filter.filterId,
-					filterItemId: value,
-					isSelected: true,
-					displayName: selectedItem?.displayName || value
-				});
-			},
-			gap: "large",
-			textButtonGap: "large",
-			value: filter.items.find((item) => item.isSelected)?.filterItemId,
-			fillColor: radioButtonFillColor,
-			hoverColor: radioButtonHoverColor,
-			uncheckedBorderColor: radioButtonUncheckedBorderColor
-		})
-	});
-};
-const FilterItem = ({ filterId, filterItem, selectFilterItem }) => /* @__PURE__ */ jsx(ToggleButton, {
-	label: filterItem.displayName,
-	secondaryLabel: `(${filterItem.productCount})`,
-	isSelected: filterItem.isSelected,
-	onClick: () => selectFilterItem({
-		filterId,
-		filterItemId: filterItem.filterItemId,
-		isSelected: !filterItem.isSelected,
-		displayName: filterItem.displayName
-	}),
-	variant: "default"
-});
-const Filter = ({ filter, selectFilterItem }) => {
-	const filterContentClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-wrap": true,
-		"spiffy-tw-gap-[8px]": true,
-		"spiffy-tw-pb-[1px]": true
-	});
-	const selectedFilterItems = getSelectedFilterItemsCount(filter);
-	return /* @__PURE__ */ jsx(Accordion, {
-		title: selectedFilterItems > 0 ? `${filter.displayName} (${selectedFilterItems})` : filter.displayName,
-		content: /* @__PURE__ */ jsx("div", {
-			className: filterContentClassName,
-			children: filter.items.map((item) => /* @__PURE__ */ jsx(FilterItem, {
-				filterId: filter.filterId,
-				filterItem: item,
-				selectFilterItem
-			}, item.filterItemId))
-		})
-	});
-};
-const SearchFilter = ({ filters, productCount, selectFilterItem, clearAllFilters, isOpen, setIsOpen, applyFiltersUnchangedClasses, applyFiltersChangedClasses, headerContent, footerContent, headerClassName, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant }) => {
-	const closeModal = useCallback(() => setIsOpen(false), [setIsOpen]);
-	const filterCount = getTotalSelectedFilterItemsCount(filters);
-	const hasFiltersChanged = useHasFilterStateChanged(filters, isOpen);
-	const filterWrapperClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-col": true,
-		"spiffy-tw-gap-[16px]": true,
-		"spiffy-tw-px-[24px]": true,
-		"spiffy-tw-py-[16px]": true,
-		"spiffy-tw-max-h-screen": true,
-		"spiffy-tw-overflow-y-auto": true
-	});
-	return /* @__PURE__ */ jsx(ModalSheet, {
-		isOpen,
-		closeModal,
-		headerProps: {
-			headerContent: headerContent || /* @__PURE__ */ jsx(SearchFilterHeader, {
-				closeModal,
-				productCount,
-				headerClassName: headerClassName ?? "",
-				filterCloseIconVariant
-			}),
-			chevronColor: "#000"
-		},
-		footerProps: { footerContent: footerContent || /* @__PURE__ */ jsx(SearchFilterFooter, {
-			closeModal,
-			clearAllFilters,
-			filterCount,
-			hasFiltersChanged,
-			applyFiltersUnchangedClasses,
-			applyFiltersChangedClasses
-		}) },
-		children: /* @__PURE__ */ jsx("div", {
-			className: filterWrapperClassName,
-			children: filters.filter((filter) => filter.displayName !== "").map((filter) => {
-				if (filter.filterId === "sort") return /* @__PURE__ */ jsx(SortFilter, {
-					filter,
-					selectFilterItem,
-					radioButtonFillColor,
-					radioButtonHoverColor,
-					radioButtonUncheckedBorderColor
-				}, filter.filterId);
-				return /* @__PURE__ */ jsx(Filter, {
-					filter,
-					selectFilterItem
-				}, filter.filterId);
-			})
-		})
-	});
-};
-
-//#endregion
-//#region src/components/SearchFilter/SearchFilterItem.tsx
-const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor }) => {
-	const { displayName, isSelected } = filterItem;
-	const radioClasses = classNames("spiffy-tw-w-4 spiffy-tw-h-4 spiffy-tw-rounded-full spiffy-tw-border-2", "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-center", radioButtonUncheckedBorderColor, radioButtonHoverColor, { [radioButtonFillColor]: isSelected });
-	return /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		role: "option",
-		"aria-selected": isSelected,
-		className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-py-2",
-		onClick: () => onSelectFilterItem(filterItem),
-		onKeyDown: (event) => {
-			if (event.key === "Enter" || event.key === " ") {
-				event.preventDefault();
-				onSelectFilterItem(filterItem);
-			}
-		},
-		onKeyUp: (event) => {
-			if (event.key === " ") event.preventDefault();
-		},
-		children: [/* @__PURE__ */ jsx(Typography, {
-			variant: "body3",
-			children: displayName
-		}), /* @__PURE__ */ jsx("div", {
-			className: radioClasses,
-			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")
-			}) })
-		})]
-	});
-};
-
-//#endregion
-export { getTotalSelectedFilterItemsCount as a, getSelectedFilterItemsCount as i, SearchFilter as n, SearchFilterHeader as o, SearchFilterFooter as r, SearchFilterItem as t };

package/dist/SearchResultsFilterSidebar-U6dFy-Jo.cjs

@@ -1,118 +0,0 @@
-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");
-
-//#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-BCeqeo9y.js

@@ -1,138 +0,0 @@
-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-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-HY4cgwE3.js";
-import { motion } from "framer-motion";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import Sparkles from "@envive-ai/react-icons/Sparkles";
-
-//#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, {
-				className: "spiffy-tw-h-[24px] spiffy-tw-w-[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-w-full spiffy-tw-justify-center 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-w-full spiffy-tw-justify-center 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-mb-4 spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between",
-				children: /* @__PURE__ */ jsxs("div", {
-					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, {
-							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 };

package/dist/SearchResultsStates-Dp-AsmH8.cjs

@@ -1,158 +0,0 @@
-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-Bg5qax1t.cjs');
-let framer_motion = require("framer-motion");
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-let __envive_ai_react_icons_Sparkles = require("@envive-ai/react-icons/Sparkles");
-__envive_ai_react_icons_Sparkles = require_chunk.__toESM(__envive_ai_react_icons_Sparkles);
-
-//#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)(__envive_ai_react_icons_Sparkles.default, {
-				className: "spiffy-tw-h-[24px] spiffy-tw-w-[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-w-full spiffy-tw-justify-center 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-w-full spiffy-tw-justify-center 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-mb-4 spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					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, {
-							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;
-  }
-});