@envive-ai/react-widgets 0.1.3 → 0.3.1

package/dist/packages/components/dist/components/SearchResultsFilterSidebar/SearchResultsFilter.js

@@ -1,9 +0,0 @@
-import "../ButtonBase/ButtonBase.js";
-import "./searchFilterSidebarVariants.js";
-import "../SearchFilter/SearchFilterHeader.js";
-import "../ButtonBase/index.js";
-import "../SearchFilter/SearchFilter.js";
-import "../SearchFilter/index.js";
-import "../../../../icons/dist/SettingsVariant.js";
-import { useCallback } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/packages/components/dist/components/SearchResultsFilterSidebar/index.cjs

@@ -1,2 +0,0 @@
-const require_searchFilterSidebarVariants = require('./searchFilterSidebarVariants.cjs');
-require('./SearchResultsFilter.cjs');

package/dist/packages/components/dist/components/SearchResultsFilterSidebar/index.js

@@ -1,2 +0,0 @@
-import { searchFilterSidebarVariantClasses } from "./searchFilterSidebarVariants.js";
-import "./SearchResultsFilter.js";

package/dist/packages/components/dist/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.cjs

@@ -1,34 +0,0 @@
-const require_colorsConfig = require('../../models/colorsConfig.cjs');
-
-//#region ../components/dist/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.js
-const searchFilterSidebarVariantClasses = {
-	darkButton: {
-		radioButtonFillColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundDark),
-		radioButtonHoverColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundSecondaryDark),
-		radioButtonUncheckedBorderColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BorderMedium),
-		searchFilterHeaderClasses: "spiffy-tw-text-[--spiffy-colors-text-light]",
-		filterDefaultClasses: "spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
-		filterHoverClasses: "hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]",
-		filterActiveClasses: "spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
-		appliedFilterBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-border-light]",
-		applyFiltersUnchangedClasses: "spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
-		applyFiltersChangedClasses: "spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
-		filterCloseIconVariant: "light"
-	},
-	lightButton: {
-		radioButtonFillColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundDark),
-		radioButtonHoverColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundSecondaryDark),
-		radioButtonUncheckedBorderColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BorderMedium),
-		searchFilterHeaderClasses: "spiffy-tw-text-[--spiffy-colors-text-primary]",
-		filterDefaultClasses: "spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
-		filterHoverClasses: "hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]",
-		filterActiveClasses: "spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
-		appliedFilterBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-border-light]",
-		applyFiltersUnchangedClasses: "spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
-		applyFiltersChangedClasses: "spiffy-tw-bg-[--spiffy-colors-background-primary] spiffy-tw-text-[--spiffy-colors-text-link]",
-		filterCloseIconVariant: "dark"
-	}
-};
-
-//#endregion
-exports.searchFilterSidebarVariantClasses = searchFilterSidebarVariantClasses;

package/dist/packages/components/dist/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.js

@@ -1,34 +0,0 @@
-import { ColorNames, colorVar } from "../../models/colorsConfig.js";
-
-//#region ../components/dist/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.js
-const searchFilterSidebarVariantClasses = {
-	darkButton: {
-		radioButtonFillColor: colorVar(ColorNames.BackgroundDark),
-		radioButtonHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
-		radioButtonUncheckedBorderColor: colorVar(ColorNames.BorderMedium),
-		searchFilterHeaderClasses: "spiffy-tw-text-[--spiffy-colors-text-light]",
-		filterDefaultClasses: "spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
-		filterHoverClasses: "hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]",
-		filterActiveClasses: "spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
-		appliedFilterBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-border-light]",
-		applyFiltersUnchangedClasses: "spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
-		applyFiltersChangedClasses: "spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
-		filterCloseIconVariant: "light"
-	},
-	lightButton: {
-		radioButtonFillColor: colorVar(ColorNames.BackgroundDark),
-		radioButtonHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
-		radioButtonUncheckedBorderColor: colorVar(ColorNames.BorderMedium),
-		searchFilterHeaderClasses: "spiffy-tw-text-[--spiffy-colors-text-primary]",
-		filterDefaultClasses: "spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
-		filterHoverClasses: "hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]",
-		filterActiveClasses: "spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]",
-		appliedFilterBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-border-light]",
-		applyFiltersUnchangedClasses: "spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]",
-		applyFiltersChangedClasses: "spiffy-tw-bg-[--spiffy-colors-background-primary] spiffy-tw-text-[--spiffy-colors-text-link]",
-		filterCloseIconVariant: "dark"
-	}
-};
-
-//#endregion
-export { searchFilterSidebarVariantClasses };

package/dist/packages/components/dist/components/SearchResultsStates/NoSearchResultsFound.cjs

@@ -1,56 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_Typography = require('../Typography/Typography.cjs');
-require('../Typography/index.cjs');
-const require_RecommendedProducts = require('../RecommendedProducts/RecommendedProducts.cjs');
-require('../RecommendedProducts/index.cjs');
-const require_Sparkles = require('../../../../icons/dist/Sparkles.cjs');
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region ../components/dist/components/SearchResultsStates/NoSearchResultsFound.js
-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)(require_Sparkles.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
-exports.NoSearchResultsFound = NoSearchResultsFound;

package/dist/packages/components/dist/components/SearchResultsStates/NoSearchResultsFound.js

@@ -1,54 +0,0 @@
-import { Typography } from "../Typography/Typography.js";
-import "../Typography/index.js";
-import { RecommendedProducts } from "../RecommendedProducts/RecommendedProducts.js";
-import "../RecommendedProducts/index.js";
-import { Sparkles_default } from "../../../../icons/dist/Sparkles.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ../components/dist/components/SearchResultsStates/NoSearchResultsFound.js
-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-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
-export { NoSearchResultsFound };

package/dist/packages/components/dist/components/SearchResultsStates/SearchResultsGrid.cjs

@@ -1,53 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_ProductGrid = require('../ProductGrid/ProductGrid.cjs');
-require('../ProductGrid/index.cjs');
-const require_AppliedFiltersScrollbar = require('../FilterScrollbar/AppliedFiltersScrollbar.cjs');
-const require_DynamicFiltersScrollbar = require('../FilterScrollbar/DynamicFiltersScrollbar.cjs');
-const require_searchFilterSidebarVariants = require('../SearchResultsFilterSidebar/searchFilterSidebarVariants.cjs');
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-let framer_motion = require("framer-motion");
-
-//#region ../components/dist/components/SearchResultsStates/SearchResultsGrid.js
-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_AppliedFiltersScrollbar.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
-exports.SearchResultsGrid = SearchResultsGrid;

package/dist/packages/components/dist/components/SearchResultsStates/SearchResultsGrid.js

@@ -1,51 +0,0 @@
-import { ProductGrid } from "../ProductGrid/ProductGrid.js";
-import "../ProductGrid/index.js";
-import { AppliedFiltersScrollbar } from "../FilterScrollbar/AppliedFiltersScrollbar.js";
-import { DynamicFiltersScrollbar } from "../FilterScrollbar/DynamicFiltersScrollbar.js";
-import { searchFilterSidebarVariantClasses } from "../SearchResultsFilterSidebar/searchFilterSidebarVariants.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { motion } from "framer-motion";
-
-//#region ../components/dist/components/SearchResultsStates/SearchResultsGrid.js
-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
-export { SearchResultsGrid };

package/dist/packages/components/dist/components/SearchResultsStates/SearchResultsLoadingGrid.cjs

@@ -1,52 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_Typography = require('../Typography/Typography.cjs');
-require('../Typography/index.cjs');
-const require_ProductCardSkeleton = require('../ProductCard/ProductCardSkeleton.cjs');
-require('../ProductCard/index.cjs');
-const require_productGridVariants = require('../ProductGrid/productGridVariants.cjs');
-require('../ProductGrid/index.cjs');
-const require_SparkleAnimation = require('../SparkleAnimation/SparkleAnimation.cjs');
-require('../SparkleAnimation/index.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-let framer_motion = require("framer-motion");
-
-//#region ../components/dist/components/SearchResultsStates/SearchResultsLoadingGrid.js
-const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
-	const { productCardLayoutVariant, productCardImageAspectRatio } = require_productGridVariants.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_ProductCardSkeleton.ProductCardSkeleton, {
-					layoutVariant: productCardLayoutVariant,
-					aspectRatio: productCardImageAspectRatio,
-					growWithContainer: true
-				}, index))
-			})]
-		})
-	});
-};
-
-//#endregion
-exports.SearchResultsLoadingGrid = SearchResultsLoadingGrid;

package/dist/packages/components/dist/components/SearchResultsStates/SearchResultsLoadingGrid.js

@@ -1,51 +0,0 @@
-import { Typography } from "../Typography/Typography.js";
-import "../Typography/index.js";
-import { ProductCardSkeleton } from "../ProductCard/ProductCardSkeleton.js";
-import "../ProductCard/index.js";
-import { productGridVariantClasses } from "../ProductGrid/productGridVariants.js";
-import "../ProductGrid/index.js";
-import { SparkleAnimation } from "../SparkleAnimation/SparkleAnimation.js";
-import "../SparkleAnimation/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { motion } from "framer-motion";
-
-//#region ../components/dist/components/SearchResultsStates/SearchResultsLoadingGrid.js
-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 { SearchResultsLoadingGrid };

package/dist/packages/components/dist/components/SearchResultsStates/index.cjs

@@ -1,3 +0,0 @@
-const require_NoSearchResultsFound = require('./NoSearchResultsFound.cjs');
-const require_SearchResultsGrid = require('./SearchResultsGrid.cjs');
-const require_SearchResultsLoadingGrid = require('./SearchResultsLoadingGrid.cjs');

package/dist/packages/components/dist/components/SearchResultsStates/index.js

@@ -1,3 +0,0 @@
-import { NoSearchResultsFound } from "./NoSearchResultsFound.js";
-import { SearchResultsGrid } from "./SearchResultsGrid.js";
-import { SearchResultsLoadingGrid } from "./SearchResultsLoadingGrid.js";

package/dist/packages/components/dist/components/SearchResultsToolbar/SearchResultsToolbar.cjs

@@ -1,60 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_SearchInputForm = require('../SearchInputForm/SearchInputForm.cjs');
-require('../SearchInputForm/index.cjs');
-const require_SearchResultsFilterButton = require('../SearchResultsFilterButton/SearchResultsFilterButton.cjs');
-require('../SearchResultsFilterButton/index.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region ../components/dist/components/SearchResultsToolbar/SearchResultsToolbar.js
-const SearchResultsToolbar = ({ searchInputVariant, searchBoxPlaceholder, searchText, focusedIndex, focusedOptionId, autocompleteResults, filterButtonText, onKeyDown, onSearchInputChange, onSubmitSearch, onAutocompleteSelect, onSearchInputFocus, onSearchInputBlur, shouldShowAutocomplete, setIsFilterOpen, containerXPaddingClasses, toolbarRef, isVisible, className }) => {
-	const [hasZIndex, setHasZIndex] = react.default.useState(false);
-	const searchInputRef = (0, react.useRef)(null);
-	react.default.useEffect(() => {
-		let timer;
-		if (isVisible) {
-			timer = setTimeout(() => {
-				setHasZIndex(true);
-			}, 300);
-			return () => clearTimeout(timer);
-		}
-		setHasZIndex(false);
-		return () => clearTimeout(timer);
-	}, [isVisible]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, classnames.default)("spiffy-tw-bg-white", "spiffy-tw-w-full", className, {
-			"spiffy-tw-z-10": hasZIndex,
-			"spiffy-tw-translate-y-0": isVisible,
-			"-spiffy-tw-translate-y-full": !isVisible
-		}),
-		ref: toolbarRef,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, classnames.default)("spiffy-tw-flex", containerXPaddingClasses),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchInputForm.SearchInputForm, {
-				searchInputVariant,
-				searchText,
-				focusedIndex,
-				autocompleteResults,
-				searchBoxPlaceholder,
-				focusedOptionId,
-				onKeyDown,
-				onSearchInputChange,
-				onSearchInputFocus,
-				onSearchInputBlur,
-				shouldShowAutocomplete,
-				onSearchSubmit: onSubmitSearch,
-				onAutocompleteSelect,
-				searchInputRef
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsFilterButton.SearchResultsFilterButton, {
-				setIsOpen: setIsFilterOpen,
-				filterButtonText
-			})]
-		})
-	});
-};
-
-//#endregion
-exports.SearchResultsToolbar = SearchResultsToolbar;

package/dist/packages/components/dist/components/SearchResultsToolbar/SearchResultsToolbar.js

@@ -1,57 +0,0 @@
-import { SearchInputForm } from "../SearchInputForm/SearchInputForm.js";
-import "../SearchInputForm/index.js";
-import { SearchResultsFilterButton } from "../SearchResultsFilterButton/SearchResultsFilterButton.js";
-import "../SearchResultsFilterButton/index.js";
-import React, { useRef } from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ../components/dist/components/SearchResultsToolbar/SearchResultsToolbar.js
-const SearchResultsToolbar = ({ searchInputVariant, searchBoxPlaceholder, searchText, focusedIndex, focusedOptionId, autocompleteResults, filterButtonText, onKeyDown, onSearchInputChange, onSubmitSearch, onAutocompleteSelect, onSearchInputFocus, onSearchInputBlur, shouldShowAutocomplete, setIsFilterOpen, containerXPaddingClasses, toolbarRef, isVisible, className }) => {
-	const [hasZIndex, setHasZIndex] = React.useState(false);
-	const searchInputRef = useRef(null);
-	React.useEffect(() => {
-		let timer;
-		if (isVisible) {
-			timer = setTimeout(() => {
-				setHasZIndex(true);
-			}, 300);
-			return () => clearTimeout(timer);
-		}
-		setHasZIndex(false);
-		return () => clearTimeout(timer);
-	}, [isVisible]);
-	return /* @__PURE__ */ jsx("div", {
-		className: classNames("spiffy-tw-bg-white", "spiffy-tw-w-full", className, {
-			"spiffy-tw-z-10": hasZIndex,
-			"spiffy-tw-translate-y-0": isVisible,
-			"-spiffy-tw-translate-y-full": !isVisible
-		}),
-		ref: toolbarRef,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: classNames("spiffy-tw-flex", containerXPaddingClasses),
-			children: [/* @__PURE__ */ jsx(SearchInputForm, {
-				searchInputVariant,
-				searchText,
-				focusedIndex,
-				autocompleteResults,
-				searchBoxPlaceholder,
-				focusedOptionId,
-				onKeyDown,
-				onSearchInputChange,
-				onSearchInputFocus,
-				onSearchInputBlur,
-				shouldShowAutocomplete,
-				onSearchSubmit: onSubmitSearch,
-				onAutocompleteSelect,
-				searchInputRef
-			}), /* @__PURE__ */ jsx(SearchResultsFilterButton, {
-				setIsOpen: setIsFilterOpen,
-				filterButtonText
-			})]
-		})
-	});
-};
-
-//#endregion
-export { SearchResultsToolbar };

package/dist/packages/components/dist/components/SearchResultsToolbar/index.cjs

@@ -1,3 +0,0 @@
-'use client';
-
-const require_SearchResultsToolbar = require('./SearchResultsToolbar.cjs');

package/dist/packages/components/dist/components/SearchResultsToolbar/index.js

@@ -1,3 +0,0 @@
-'use client';
-
-import { SearchResultsToolbar } from "./SearchResultsToolbar.js";

package/dist/packages/components/dist/components/SparkleAnimation/SparkleAnimation.cjs

@@ -1,77 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_FourPointStar = require('../../../../icons/dist/FourPointStar.cjs');
-const require_types = require('./types.cjs');
-let react = require("react");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-let framer_motion = require("framer-motion");
-
-//#region ../components/dist/components/SparkleAnimation/SparkleAnimation.js
-const ANIMATION_CYCLE_TIME = 1e3;
-const STAR_DELAY_OFFSET = 250;
-const SparkleAnimation = ({ color, className, animate = true }) => {
-	const [mainStarScale, setMainStarScale] = (0, react.useState)(animate ? 0 : 1);
-	const [smallStar1Scale, setSmallStar1Scale] = (0, react.useState)(animate ? 0 : 1);
-	const [smallStar2Scale, setSmallStar2Scale] = (0, react.useState)(animate ? 0 : 1);
-	const containerClasses = (0, classnames.default)(require_types.SparkleAnimationOverride.CONTAINER, "spiffy-tw-w-6 spiffy-tw-h-6 spiffy-tw-relative", className);
-	(0, react.useEffect)(() => {
-		if (!animate) {
-			setMainStarScale(1);
-			setSmallStar1Scale(1);
-			setSmallStar2Scale(1);
-		}
-	}, [animate]);
-	(0, react.useEffect)(() => {
-		if (!animate) return;
-		const newScale = mainStarScale === 1 ? 0 : 1;
-		setTimeout(() => setMainStarScale(newScale), ANIMATION_CYCLE_TIME);
-		setTimeout(() => setSmallStar1Scale(newScale), ANIMATION_CYCLE_TIME + STAR_DELAY_OFFSET);
-		setTimeout(() => setSmallStar2Scale(newScale), ANIMATION_CYCLE_TIME + 2 * STAR_DELAY_OFFSET);
-	}, [mainStarScale, animate]);
-	const starTransition = {
-		duration: .3,
-		ease: "easeOut"
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: containerClasses,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)(require_types.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)(require_FourPointStar.FourPointStar_default, {
-						fill: color,
-						className: "spiffy-tw-inline-block spiffy-tw-h-4 spiffy-tw-w-4"
-					})
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)(require_types.SparkleAnimationOverride.STAR_TWO_CONTAINER, "spiffy-tw-absolute -spiffy-tw-top-[7px] spiffy-tw-left-[10px]"),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-					animate: { scale: smallStar1Scale },
-					transition: starTransition,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FourPointStar.FourPointStar_default, {
-						fill: color,
-						className: "spiffy-tw-inline-block spiffy-tw-h-2 spiffy-tw-w-2"
-					})
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)(require_types.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)(require_FourPointStar.FourPointStar_default, {
-						fill: color,
-						className: "spiffy-tw-inline-block spiffy-tw-h-2 spiffy-tw-w-2"
-					})
-				})
-			})
-		]
-	});
-};
-
-//#endregion
-exports.SparkleAnimation = SparkleAnimation;