@envive-ai/react-toolkit 0.1.4 → 0.1.6

package/dist/search/SearchResultsStates/NoSearchResultsFound.js

@@ -1,26 +0,0 @@
-import "../../textVariantClasses-5t3OricK.js";
-import { Text } from "../../Text-Bdv7F5-u.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import Sparkles from "@envive-ai/react-icons/src/Sparkles";
-
-//#region src/components/search/SearchResultsStates/NoSearchResultsFound.tsx
-const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = false, noResultsFoundText, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
-	const containerClasses = classNames(containerPaddingClasses, includeBottomMargin ? "spiffy-tw-mb-[100vh]" : "", "spiffy-tw-mt-6");
-	return /* @__PURE__ */ jsx("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-w-[24px] spiffy-tw-h-[24px]",
-				style: { color: sparkleIconColor }
-			}) }), /* @__PURE__ */ jsx(Text, {
-				variant: "body2",
-				children: noResultsFoundText || "I’m sorry, I wasn’t able to find an exact match. Try changing your filters or adjusting your search query."
-			})]
-		})
-	});
-};
-
-//#endregion
-export { NoSearchResultsFound };

package/dist/search/SearchResultsStates/SearchResultsGrid.cjs

@@ -1,66 +0,0 @@
-const require_chunk = require('../../chunk-CUT6urMc.cjs');
-require('../../textVariantClasses-Bhf4VY5z.cjs');
-require('../../Text-C04c4Z93.cjs');
-require('../../ImageWithFallback-ioeMFrTf.cjs');
-require('../../Headline-CcWn0w-a.cjs');
-require('../../productCardVariants-Dd-wrJKP.cjs');
-require('../../ProductCard-C7WUShhN.cjs');
-require('../../Spinner-CfQ85Ajl.cjs');
-require('../../productGridVariants-CsNV0ACt.cjs');
-const require_ProductGrid = require('../../ProductGrid-DZgwGPSQ.cjs');
-const require_AppliedFiltersScrollbar = require('../../AppliedFiltersScrollbar-BlcyhZkZ.cjs');
-const require_DynamicFiltersScrollbar = require('../../DynamicFiltersScrollbar-B2Rr1KnJ.cjs');
-require('../../colorsConfig-vunsVTFC.cjs');
-const require_searchFilterSidebarVariants = require('../../searchFilterSidebarVariants-L1rn5Ift.cjs');
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-let framer_motion = require("framer-motion");
-framer_motion = require_chunk.__toESM(framer_motion);
-
-//#region src/components/search/SearchResultsStates/SearchResultsGrid.tsx
-const SearchResultsGrid = ({ productList, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter }) => {
-	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_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,
-				searchResponseId,
-				merchantShortName: "",
-				handleClick: function(clickedUrl) {
-					console.log(clickedUrl);
-					throw new Error("Function not implemented.");
-				}
-			})
-		]
-	});
-};
-
-//#endregion
-exports.SearchResultsGrid = SearchResultsGrid;

package/dist/search/SearchResultsStates/SearchResultsGrid.d.cts

@@ -1,41 +0,0 @@
-import { ProductGridVariant, SearchResponseProduct } from "../../types-aa4flfRE.cjs";
-import { SelectedFilterOption } from "../../types-DaSkJnT_.cjs";
-import { SearchFilterSidebarVariant } from "../../types-B4BGZSlV.cjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
-
-//#region src/components/search/SearchResultsStates/SearchResultsGrid.d.ts
-interface SearchResultsGridProps {
-  productList: SearchResponseProduct[];
-  availableDynamicFilters: {
-    name: string;
-    displayName: string;
-  }[];
-  searchFilterSidebarVariant: SearchFilterSidebarVariant;
-  productGridVariant: ProductGridVariant;
-  selectedFilterOptions: SelectedFilterOption[];
-  searchResponseId: string;
-  containerXPaddingClasses: string;
-  productGridClasses: string;
-  onRemoveFilter: (filter: SelectedFilterOption) => void;
-  onToggleDynamicFilter: ({
-    filter,
-    dynamicFilterDisplayName
-  }: {
-    filter: string;
-    dynamicFilterDisplayName: string;
-  }) => void;
-}
-declare const SearchResultsGrid: ({
-  productList,
-  availableDynamicFilters,
-  searchFilterSidebarVariant,
-  productGridVariant,
-  selectedFilterOptions,
-  searchResponseId,
-  containerXPaddingClasses,
-  productGridClasses,
-  onRemoveFilter,
-  onToggleDynamicFilter
-}: SearchResultsGridProps) => react_jsx_runtime15.JSX.Element;
-//#endregion
-export { SearchResultsGrid };

package/dist/search/SearchResultsStates/SearchResultsGrid.d.ts

@@ -1,41 +0,0 @@
-import { ProductGridVariant, SearchResponseProduct } from "../../types-53zIialA.js";
-import { SelectedFilterOption } from "../../types-DFetqNL2.js";
-import { SearchFilterSidebarVariant } from "../../types-CpiJO5UH.js";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
-
-//#region src/components/search/SearchResultsStates/SearchResultsGrid.d.ts
-interface SearchResultsGridProps {
-  productList: SearchResponseProduct[];
-  availableDynamicFilters: {
-    name: string;
-    displayName: string;
-  }[];
-  searchFilterSidebarVariant: SearchFilterSidebarVariant;
-  productGridVariant: ProductGridVariant;
-  selectedFilterOptions: SelectedFilterOption[];
-  searchResponseId: string;
-  containerXPaddingClasses: string;
-  productGridClasses: string;
-  onRemoveFilter: (filter: SelectedFilterOption) => void;
-  onToggleDynamicFilter: ({
-    filter,
-    dynamicFilterDisplayName
-  }: {
-    filter: string;
-    dynamicFilterDisplayName: string;
-  }) => void;
-}
-declare const SearchResultsGrid: ({
-  productList,
-  availableDynamicFilters,
-  searchFilterSidebarVariant,
-  productGridVariant,
-  selectedFilterOptions,
-  searchResponseId,
-  containerXPaddingClasses,
-  productGridClasses,
-  onRemoveFilter,
-  onToggleDynamicFilter
-}: SearchResultsGridProps) => react_jsx_runtime19.JSX.Element;
-//#endregion
-export { SearchResultsGrid };

package/dist/search/SearchResultsStates/SearchResultsGrid.js

@@ -1,62 +0,0 @@
-import "../../textVariantClasses-5t3OricK.js";
-import "../../Text-Bdv7F5-u.js";
-import "../../ImageWithFallback-gN5HDS9L.js";
-import "../../Headline-8on6ZB9e.js";
-import "../../productCardVariants-C_QIZ-KF.js";
-import "../../ProductCard-B5wnOeR9.js";
-import "../../Spinner-BZ-kTOpm.js";
-import "../../productGridVariants-BNX4YlRK.js";
-import { ProductGrid } from "../../ProductGrid-wnSc9bXT.js";
-import { AppliedFiltersScrollbar } from "../../AppliedFiltersScrollbar-DFGzRemu.js";
-import { DynamicFiltersScrollbar } from "../../DynamicFiltersScrollbar-Dys6geP0.js";
-import "../../colorsConfig-BKBZfFq1.js";
-import { searchFilterSidebarVariantClasses } from "../../searchFilterSidebarVariants-eoyfoWA8.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { motion } from "framer-motion";
-
-//#region src/components/search/SearchResultsStates/SearchResultsGrid.tsx
-const SearchResultsGrid = ({ productList, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter }) => {
-	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,
-				searchResponseId,
-				merchantShortName: "",
-				handleClick: function(clickedUrl) {
-					console.log(clickedUrl);
-					throw new Error("Function not implemented.");
-				}
-			})
-		]
-	});
-};
-
-//#endregion
-export { SearchResultsGrid };

package/dist/search/SearchResultsStates/SearchResultsLoadingGrid.cjs

@@ -1,52 +0,0 @@
-const require_chunk = require('../../chunk-CUT6urMc.cjs');
-require('../../textVariantClasses-Bhf4VY5z.cjs');
-const require_Text = require('../../Text-C04c4Z93.cjs');
-require('../../productCardVariants-Dd-wrJKP.cjs');
-const require_ProductCardSkeleton = require('../../ProductCardSkeleton-BgvDlaty.cjs');
-const require_productGridVariants = require('../../productGridVariants-CsNV0ACt.cjs');
-const require_SparkleAnimation = require('../../SparkleAnimation-Ba5G4MIQ.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-let framer_motion = require("framer-motion");
-framer_motion = require_chunk.__toESM(framer_motion);
-
-//#region src/components/search/SearchResultsStates/SearchResultsLoadingGrid.tsx
-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-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_Text.Text, {
-						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/search/SearchResultsStates/SearchResultsLoadingGrid.d.cts

@@ -1,15 +0,0 @@
-import { ProductGridVariant } from "../../types-aa4flfRE.cjs";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
-
-//#region src/components/search/SearchResultsStates/SearchResultsLoadingGrid.d.ts
-declare const SearchResultsLoadingGrid: ({
-  productGridVariant,
-  productGridClasses,
-  sparkleIconColor
-}: {
-  productGridVariant: ProductGridVariant;
-  productGridClasses: string;
-  sparkleIconColor?: string;
-}) => react_jsx_runtime16.JSX.Element;
-//#endregion
-export { SearchResultsLoadingGrid };

package/dist/search/SearchResultsStates/SearchResultsLoadingGrid.d.ts

@@ -1,15 +0,0 @@
-import { ProductGridVariant } from "../../types-53zIialA.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
-
-//#region src/components/search/SearchResultsStates/SearchResultsLoadingGrid.d.ts
-declare const SearchResultsLoadingGrid: ({
-  productGridVariant,
-  productGridClasses,
-  sparkleIconColor
-}: {
-  productGridVariant: ProductGridVariant;
-  productGridClasses: string;
-  sparkleIconColor?: string;
-}) => react_jsx_runtime12.JSX.Element;
-//#endregion
-export { SearchResultsLoadingGrid };

package/dist/search/SearchResultsStates/SearchResultsLoadingGrid.js

@@ -1,49 +0,0 @@
-import "../../textVariantClasses-5t3OricK.js";
-import { Text } from "../../Text-Bdv7F5-u.js";
-import "../../productCardVariants-C_QIZ-KF.js";
-import { ProductCardSkeleton } from "../../ProductCardSkeleton-BPfp6IOp.js";
-import { productGridVariantClasses } from "../../productGridVariants-BNX4YlRK.js";
-import { SparkleAnimation } from "../../SparkleAnimation-Qs17S1rn.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { motion } from "framer-motion";
-
-//#region src/components/search/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(Text, {
-						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/types-53zIialA.d.ts

@@ -1,35 +0,0 @@
-//#region src/types/external.d.ts
-
-interface SearchResponseProduct {
-  id: string;
-  title: string;
-  description?: string;
-  price?: number;
-  currency?: string;
-  imageUrl?: string;
-  brand?: string;
-  category?: string;
-  availability?: string;
-  url?: string;
-  responseId?: string;
-  originalPrice?: number;
-  salePrice?: number;
-  averageRating?: number;
-  numberReviews?: number;
-  [key: string]: unknown;
-}
-//#endregion
-//#region src/components/common/ProductCard/types.d.ts
-
-type ProductGridVariant = 'standard' | 'square';
-type ProductCardVariant = 'filled' | 'bordered' | 'minimal' | 'transparentBordered';
-type ProductCardHoverVariant = 'backgroundDark' | 'none';
-type ProductCardLayoutVariant = 'normal' | 'tall' | 'square';
-interface ProductCardConfig {
-  variant: ProductCardVariant;
-  hoverVariant: ProductCardHoverVariant;
-  layoutVariant: ProductCardLayoutVariant;
-  pricePrefix?: string;
-}
-//#endregion
-export { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant, SearchResponseProduct };

package/dist/types-B4BGZSlV.d.cts

@@ -1,4 +0,0 @@
-//#region src/components/search/SearchResultsFilterSidebar/types.d.ts
-type SearchFilterSidebarVariant = 'darkButton' | 'lightButton';
-//#endregion
-export { SearchFilterSidebarVariant };

package/dist/types-BQNqA5xL.d.ts

@@ -1,46 +0,0 @@
-import { ReactNode } from "react";
-
-//#region src/components/search/SearchFilter/types.d.ts
-type SearchFilterItem = {
-  id: string;
-  displayName: string;
-  value: string;
-  isSelected: boolean;
-};
-type SearchFilter = {
-  id: string;
-  displayName: string;
-  items: SearchFilterItem[];
-};
-type SelectFilterItem = (filterItem: SearchFilterItem) => void;
-interface SearchFilterItemProps {
-  filterItem: SearchFilterItem;
-  onSelectFilterItem: SelectFilterItem;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-}
-interface SearchFilterHeaderProps {
-  closeModal: () => void;
-  productCount: number;
-  headerClassName: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-}
-interface SearchFilterProps {
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  filters: SearchFilter[];
-  productCount: number;
-  selectFilterItem: SelectFilterItem;
-  clearAllFilters: () => void;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-  filterButtonText: string;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-  headerContent: ReactNode;
-}
-//#endregion
-export { SearchFilter, SearchFilterHeaderProps, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };

package/dist/types-BRLWwGMI.d.ts

@@ -1,4 +0,0 @@
-//#region src/components/search/SearchInputForm/types.d.ts
-type SearchInputVariant = 'standard';
-//#endregion
-export { SearchInputVariant };

package/dist/types-CImLkcNh.d.cts

@@ -1,46 +0,0 @@
-import { ReactNode } from "react";
-
-//#region src/components/search/SearchFilter/types.d.ts
-type SearchFilterItem = {
-  id: string;
-  displayName: string;
-  value: string;
-  isSelected: boolean;
-};
-type SearchFilter = {
-  id: string;
-  displayName: string;
-  items: SearchFilterItem[];
-};
-type SelectFilterItem = (filterItem: SearchFilterItem) => void;
-interface SearchFilterItemProps {
-  filterItem: SearchFilterItem;
-  onSelectFilterItem: SelectFilterItem;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-}
-interface SearchFilterHeaderProps {
-  closeModal: () => void;
-  productCount: number;
-  headerClassName: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-}
-interface SearchFilterProps {
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  filters: SearchFilter[];
-  productCount: number;
-  selectFilterItem: SelectFilterItem;
-  clearAllFilters: () => void;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-  filterButtonText: string;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-  headerContent: ReactNode;
-}
-//#endregion
-export { SearchFilter, SearchFilterHeaderProps, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };

package/dist/types-Cph97xkm.d.ts

@@ -1,6 +0,0 @@
-//#region src/components/test/types.d.ts
-interface TestProps {
-  dataTestId?: string;
-}
-//#endregion
-export { TestProps };

package/dist/types-CpiJO5UH.d.ts

@@ -1,4 +0,0 @@
-//#region src/components/search/SearchResultsFilterSidebar/types.d.ts
-type SearchFilterSidebarVariant = 'darkButton' | 'lightButton';
-//#endregion
-export { SearchFilterSidebarVariant };

package/dist/types-Dy4_w6Cf.d.cts

@@ -1,4 +0,0 @@
-//#region src/components/search/SearchInputForm/types.d.ts
-type SearchInputVariant = 'standard';
-//#endregion
-export { SearchInputVariant };

package/dist/types-TYhhwWZw.d.cts

@@ -1,6 +0,0 @@
-//#region src/components/test/types.d.ts
-interface TestProps {
-  dataTestId?: string;
-}
-//#endregion
-export { TestProps };

package/dist/types-aa4flfRE.d.cts

@@ -1,35 +0,0 @@
-//#region src/types/external.d.ts
-
-interface SearchResponseProduct {
-  id: string;
-  title: string;
-  description?: string;
-  price?: number;
-  currency?: string;
-  imageUrl?: string;
-  brand?: string;
-  category?: string;
-  availability?: string;
-  url?: string;
-  responseId?: string;
-  originalPrice?: number;
-  salePrice?: number;
-  averageRating?: number;
-  numberReviews?: number;
-  [key: string]: unknown;
-}
-//#endregion
-//#region src/components/common/ProductCard/types.d.ts
-
-type ProductGridVariant = 'standard' | 'square';
-type ProductCardVariant = 'filled' | 'bordered' | 'minimal' | 'transparentBordered';
-type ProductCardHoverVariant = 'backgroundDark' | 'none';
-type ProductCardLayoutVariant = 'normal' | 'tall' | 'square';
-interface ProductCardConfig {
-  variant: ProductCardVariant;
-  hoverVariant: ProductCardHoverVariant;
-  layoutVariant: ProductCardLayoutVariant;
-  pricePrefix?: string;
-}
-//#endregion
-export { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant, SearchResponseProduct };

package/src/components/common/ProductGrid/ProductGrid.tsx

@@ -1,73 +0,0 @@
-import type { ProductCardConfig, ProductGridVariant } from '../ProductCard/types';
-import { ProductCard } from '../ProductCard/ProductCard';
-import { productGridVariantClasses } from './productGridVariants';
-import classNames from 'classnames';
-import { ChatElementDisplayLocation } from 'src/config/chatElementDisplayLocation';
-import { SearchResponseProduct } from 'src/types/external';
-
-interface ProductGridProps {
-  productList: SearchResponseProduct[];
-  productGridVariant: ProductGridVariant;
-  productGridClasses: string;
-  productCardConfig?: ProductCardConfig;
-  merchantShortName: string;
-  searchResponseId: string;
-  cardsGrowWithContainer?: boolean;
-  handleClick: (clickedUrl: string) => void;
-}
-
-export const ProductGrid = ({
-  productList,
-  productGridVariant,
-  productGridClasses,
-  productCardConfig,
-  merchantShortName,
-  searchResponseId,
-  cardsGrowWithContainer = true,
-  handleClick,
-}: ProductGridProps) => {
-  const {
-    productCardVariant,
-    productCardHoverVariant,
-    productCardLayoutVariant,
-    productCardImageAspectRatio,
-    zoomOnHover,
-  } = productGridVariantClasses[productGridVariant];
-
-  const cardContainerClasses = classNames({
-    'spiffy-tw-w-full': cardsGrowWithContainer,
-    'spiffy-tw-h-full': cardsGrowWithContainer,
-  });
-
-  return (
-    <div className={productGridClasses}>
-      {productList.map((product: (typeof productList)[0], index: number) => (
-        <div key={product.id} className={cardContainerClasses}>
-          <ProductCard
-            productCardConfig={productCardConfig}
-            merchantShortName={merchantShortName}
-            key={product.id}
-            imageUrl={product.imageUrl}
-            searchResponseId={searchResponseId}
-            productResponseId={product.responseId}
-            title={product.title}
-            url={product.url}
-            originalPrice={product.originalPrice}
-            salePrice={product.salePrice}
-            averageRating={product.averageRating}
-            numberReviews={product.numberReviews}
-            cardDisplayLocation={ChatElementDisplayLocation.PRODUCT_GRID}
-            layoutVariant={productCardLayoutVariant}
-            variant={productCardVariant}
-            hoverVariant={productCardHoverVariant}
-            zoomOnHover={zoomOnHover}
-            aspectRatio={productCardImageAspectRatio}
-            clickPosition={index}
-            growWithContainer={cardsGrowWithContainer}
-            handleClick={handleClick}
-          />
-        </div>
-      ))}
-    </div>
-  );
-};