@envive-ai/react-toolkit 0.1.1 → 0.1.3

package/dist/SearchInput-zggwSGKj.d.ts

@@ -0,0 +1,20 @@
+import { SearchInputVariant } from "./types-DIFUT33A.js";
+import React from "react";
+
+//#region src/components/search/SearchInput/SearchInput.d.ts
+interface SearchInputProps {
+  searchInputVariant?: SearchInputVariant;
+  value: string;
+  placeholder?: string;
+  suggestions?: string[];
+  className?: string;
+  dataTestId?: string;
+  ariaActivedescendant?: string;
+  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onChange: (newValue: string) => void;
+  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+}
+declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { SearchInput, SearchInputProps };

package/dist/SearchInputForm-BWMdfatv.d.cts

@@ -0,0 +1,32 @@
+import { SearchInputVariant } from "./types-ZUUsuyGT.cjs";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+
+//#region src/components/search/SearchInputForm/SearchInputForm.d.ts
+interface SearchInputFormProps {
+  searchInputVariant: SearchInputVariant;
+  searchText: string;
+  autocompleteResults: string[];
+  searchBoxPlaceholder: string;
+  focusedOptionId: string | undefined;
+  isDirty: boolean;
+  focusedIndex: number;
+  onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onAutocompleteSelect: (suggestion: string) => void;
+  onSearchInputChange: (value: string) => void;
+  onSearchSubmit: () => void;
+}
+declare const SearchInputForm: ({
+  searchInputVariant,
+  searchText,
+  autocompleteResults,
+  searchBoxPlaceholder,
+  focusedOptionId,
+  isDirty,
+  focusedIndex,
+  onKeyDown,
+  onAutocompleteSelect,
+  onSearchInputChange,
+  onSearchSubmit
+}: SearchInputFormProps) => react_jsx_runtime19.JSX.Element;
+//#endregion
+export { SearchInputForm };

package/dist/SearchInputForm-D4qh2b7S.d.ts

@@ -0,0 +1,32 @@
+import { SearchInputVariant } from "./types-DIFUT33A.js";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+
+//#region src/components/search/SearchInputForm/SearchInputForm.d.ts
+interface SearchInputFormProps {
+  searchInputVariant: SearchInputVariant;
+  searchText: string;
+  autocompleteResults: string[];
+  searchBoxPlaceholder: string;
+  focusedOptionId: string | undefined;
+  isDirty: boolean;
+  focusedIndex: number;
+  onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onAutocompleteSelect: (suggestion: string) => void;
+  onSearchInputChange: (value: string) => void;
+  onSearchSubmit: () => void;
+}
+declare const SearchInputForm: ({
+  searchInputVariant,
+  searchText,
+  autocompleteResults,
+  searchBoxPlaceholder,
+  focusedOptionId,
+  isDirty,
+  focusedIndex,
+  onKeyDown,
+  onAutocompleteSelect,
+  onSearchInputChange,
+  onSearchSubmit
+}: SearchInputFormProps) => react_jsx_runtime8.JSX.Element;
+//#endregion
+export { SearchInputForm };

package/dist/SearchInputForm-DNEkauQ5.js

@@ -0,0 +1,33 @@
+import { SearchInput, searchInputVariantClasses } from "./SearchInput-Cxg1t9H8.js";
+import { SearchAutocomplete } from "./SearchAutocomplete-D4LkC6bS.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/search/SearchInputForm/SearchInputForm.tsx
+const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, isDirty, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit }) => {
+	const { searchInputIconColor } = searchInputVariantClasses[searchInputVariant];
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("form", {
+		onSubmit: (e) => {
+			e.preventDefault();
+			onSearchSubmit();
+		},
+		className: "spiffy-tw-grow",
+		children: /* @__PURE__ */ jsx(SearchInput, {
+			value: searchText,
+			placeholder: searchBoxPlaceholder,
+			suggestions: autocompleteResults,
+			ariaActivedescendant: focusedOptionId,
+			searchInputVariant,
+			onKeyDown,
+			onChange: onSearchInputChange
+		})
+	}), isDirty && /* @__PURE__ */ jsx(SearchAutocomplete, {
+		id: "autocomplete-results",
+		results: autocompleteResults,
+		focusedIndex,
+		iconColor: searchInputIconColor,
+		onSuggestionSelect: onAutocompleteSelect
+	})] });
+};
+
+//#endregion
+export { SearchInputForm };

package/dist/SearchInputForm-z5RFjdh2.cjs

@@ -0,0 +1,40 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_SearchInput = require('./SearchInput-D2yMIYtf.cjs');
+const require_SearchAutocomplete = require('./SearchAutocomplete-CIsbwN0M.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/components/search/SearchInputForm/SearchInputForm.tsx
+const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, isDirty, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit }) => {
+	const { searchInputIconColor } = require_SearchInput.searchInputVariantClasses[searchInputVariant];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
+		onSubmit: (e) => {
+			e.preventDefault();
+			onSearchSubmit();
+		},
+		className: "spiffy-tw-grow",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchInput.SearchInput, {
+			value: searchText,
+			placeholder: searchBoxPlaceholder,
+			suggestions: autocompleteResults,
+			ariaActivedescendant: focusedOptionId,
+			searchInputVariant,
+			onKeyDown,
+			onChange: onSearchInputChange
+		})
+	}), isDirty && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchAutocomplete.SearchAutocomplete, {
+		id: "autocomplete-results",
+		results: autocompleteResults,
+		focusedIndex,
+		iconColor: searchInputIconColor,
+		onSuggestionSelect: onAutocompleteSelect
+	})] });
+};
+
+//#endregion
+Object.defineProperty(exports, 'SearchInputForm', {
+  enumerable: true,
+  get: function () {
+    return SearchInputForm;
+  }
+});

package/dist/SearchResultsFilter-3U3u9E4U.d.ts

@@ -0,0 +1,28 @@
+import { SearchFilter, SelectFilterItem } from "./types-DSduYC0Z.js";
+import { SearchFilterSidebarVariant } from "./types-BKI60fVP.js";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+
+//#region src/components/search/SearchResultsFilterSidebar/SearchResultsFilter.d.ts
+type SearchResultsFilterProps = {
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  searchFilters: SearchFilter[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  searchText: string;
+  onSelectFilterItem: SelectFilterItem;
+  onClearAllFilters: () => void;
+  filterButtonText: string;
+};
+declare const SearchResultsFilter: ({
+  productCount,
+  isOpen,
+  setIsOpen,
+  searchFilters,
+  searchFilterSidebarVariant,
+  onSelectFilterItem,
+  onClearAllFilters,
+  filterButtonText
+}: SearchResultsFilterProps) => react_jsx_runtime18.JSX.Element;
+//#endregion
+export { SearchResultsFilter, SearchResultsFilterProps };

package/dist/SearchResultsFilter-CVFVMTUO.js

@@ -0,0 +1,45 @@
+import { ButtonBase } from "./ButtonBase-Dk_5Bxe0.js";
+import { SearchFilter } from "./SearchFilter-qTwBmFt1.js";
+import { SearchFilterHeader } from "./SearchFilterHeader-DRA6XMMY.js";
+import { searchFilterSidebarVariantClasses } from "./searchFilterSidebarVariants-ClPVoN5E.js";
+import { useCallback } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/search/SearchResultsFilterSidebar/SearchResultsFilter.tsx
+const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, searchFilterSidebarVariant, onSelectFilterItem, onClearAllFilters, filterButtonText }) => {
+	const { applyFiltersUnchangedClasses, applyFiltersChangedClasses, searchFilterHeaderClasses, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant } = searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
+	const openFilter = useCallback(() => {
+		setIsOpen(true);
+	}, [setIsOpen]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SearchFilter, {
+		isOpen,
+		setIsOpen,
+		filters: searchFilters,
+		productCount,
+		selectFilterItem: onSelectFilterItem,
+		clearAllFilters: onClearAllFilters,
+		applyFiltersUnchangedClasses,
+		applyFiltersChangedClasses,
+		filterButtonText,
+		radioButtonFillColor,
+		radioButtonHoverColor,
+		radioButtonUncheckedBorderColor,
+		filterCloseIconVariant,
+		headerContent: /* @__PURE__ */ jsx(SearchFilterHeader, {
+			closeModal: () => setIsOpen(false),
+			productCount,
+			headerClassName: searchFilterHeaderClasses,
+			filterCloseIconVariant
+		})
+	}), /* @__PURE__ */ jsx(ButtonBase, {
+		onClick: openFilter,
+		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 { SearchResultsFilter };

package/dist/SearchResultsFilter-DdF8BeDA.cjs

@@ -0,0 +1,53 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_ButtonBase = require('./ButtonBase-RIYFAcSy.cjs');
+const require_SearchFilter = require('./SearchFilter-D9_2Bdu0.cjs');
+const require_SearchFilterHeader = require('./SearchFilterHeader-CcHU0lN_.cjs');
+const require_searchFilterSidebarVariants = require('./searchFilterSidebarVariants-2hFLDP6e.cjs');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/components/search/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_SearchFilterHeader.SearchFilterHeader, {
+			closeModal: () => setIsOpen(false),
+			productCount,
+			headerClassName: searchFilterHeaderClasses,
+			filterCloseIconVariant
+		})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
+		onClick: openFilter,
+		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/SearchResultsFilter-RuaEmhp5.d.cts

@@ -0,0 +1,28 @@
+import { SearchFilter, SelectFilterItem } from "./types-pOHvi423.cjs";
+import { SearchFilterSidebarVariant } from "./types-D2gzKgxc.cjs";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
+
+//#region src/components/search/SearchResultsFilterSidebar/SearchResultsFilter.d.ts
+type SearchResultsFilterProps = {
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  searchFilters: SearchFilter[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  searchText: string;
+  onSelectFilterItem: SelectFilterItem;
+  onClearAllFilters: () => void;
+  filterButtonText: string;
+};
+declare const SearchResultsFilter: ({
+  productCount,
+  isOpen,
+  setIsOpen,
+  searchFilters,
+  searchFilterSidebarVariant,
+  onSelectFilterItem,
+  onClearAllFilters,
+  filterButtonText
+}: SearchResultsFilterProps) => react_jsx_runtime15.JSX.Element;
+//#endregion
+export { SearchResultsFilter, SearchResultsFilterProps };

package/dist/SearchResultsGrid-B7bjLKye.cjs

@@ -0,0 +1,62 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_ProductGrid = require('./ProductGrid-CocLTY7Q.cjs');
+const require_AppliedFiltersScrollbar = require('./AppliedFiltersScrollbar-Cd6jgn-c.cjs');
+const require_DynamicFiltersScrollbar = require('./DynamicFiltersScrollbar-FKO8Qb5u.cjs');
+const require_searchFilterSidebarVariants = require('./searchFilterSidebarVariants-2hFLDP6e.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
+Object.defineProperty(exports, 'SearchResultsGrid', {
+  enumerable: true,
+  get: function () {
+    return SearchResultsGrid;
+  }
+});

package/dist/SearchResultsGrid-BXyk2cMd.js

@@ -0,0 +1,53 @@
+import { ProductGrid } from "./ProductGrid-CGKgdAK7.js";
+import { AppliedFiltersScrollbar } from "./AppliedFiltersScrollbar-DUo5NSwQ.js";
+import { DynamicFiltersScrollbar } from "./DynamicFiltersScrollbar-BbgfsOpt.js";
+import { searchFilterSidebarVariantClasses } from "./searchFilterSidebarVariants-ClPVoN5E.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/SearchResultsGrid-CLldvt66.d.cts

@@ -0,0 +1,41 @@
+import { ProductGridVariant, SearchResponseProduct } from "./types--SBcFTJX.cjs";
+import { SelectedFilterOption } from "./types-DBFHTDLN.cjs";
+import { SearchFilterSidebarVariant } from "./types-D2gzKgxc.cjs";
+import * as react_jsx_runtime17 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_runtime17.JSX.Element;
+//#endregion
+export { SearchResultsGrid };

package/dist/SearchResultsGrid-CoWZNxWh.d.ts

@@ -0,0 +1,41 @@
+import { ProductGridVariant, SearchResponseProduct } from "./types-CmjqQWAG.js";
+import { SelectedFilterOption } from "./types-CrKSiwfx.js";
+import { SearchFilterSidebarVariant } from "./types-BKI60fVP.js";
+import * as react_jsx_runtime10 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_runtime10.JSX.Element;
+//#endregion
+export { SearchResultsGrid };

package/dist/SearchResultsLoadingGrid-4QzwkBiT.cjs

@@ -0,0 +1,55 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_Text = require('./Text-C04c4Z93.cjs');
+const require_ProductCardSkeleton = require('./ProductCardSkeleton-Pp0UQG-h.cjs');
+const require_productGridVariants = require('./productGridVariants-CsNV0ACt.cjs');
+const require_SparkleAnimation = require('./SparkleAnimation-CVu9vUAb.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
+Object.defineProperty(exports, 'SearchResultsLoadingGrid', {
+  enumerable: true,
+  get: function () {
+    return SearchResultsLoadingGrid;
+  }
+});

package/dist/SearchResultsLoadingGrid-BiZ11r8B.js

@@ -0,0 +1,47 @@
+import { Text } from "./Text-Bdv7F5-u.js";
+import { ProductCardSkeleton } from "./ProductCardSkeleton-lKjP9IjT.js";
+import { productGridVariantClasses } from "./productGridVariants-BNX4YlRK.js";
+import { SparkleAnimation } from "./SparkleAnimation-Df_wUFfB.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/SearchResultsLoadingGrid-DN3MQxZi.d.ts

@@ -0,0 +1,15 @@
+import { ProductGridVariant } from "./types-CmjqQWAG.js";
+import * as react_jsx_runtime11 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_runtime11.JSX.Element;
+//#endregion
+export { SearchResultsLoadingGrid };

package/dist/SearchResultsLoadingGrid-XA5pUZAz.d.cts

@@ -0,0 +1,15 @@
+import { ProductGridVariant } from "./types--SBcFTJX.cjs";
+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 };