@envive-ai/react-toolkit 0.2.1 → 0.2.3

package/dist/SearchInputForm/index.d.cts

@@ -0,0 +1,34 @@
+import { SearchInputVariant } from "../types-BhGjnuWx.cjs";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/components/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;
+  searchInputDataTestId?: string;
+}
+declare const SearchInputForm: ({
+  searchInputVariant,
+  searchText,
+  autocompleteResults,
+  searchBoxPlaceholder,
+  focusedOptionId,
+  isDirty,
+  focusedIndex,
+  onKeyDown,
+  onAutocompleteSelect,
+  onSearchInputChange,
+  onSearchSubmit,
+  searchInputDataTestId
+}: SearchInputFormProps) => react_jsx_runtime2.JSX.Element;
+//#endregion
+export { SearchInputForm };

package/dist/SearchInputForm/index.d.ts

@@ -0,0 +1,34 @@
+import { SearchInputVariant } from "../types-CGRog8XL.js";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+
+//#region src/components/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;
+  searchInputDataTestId?: string;
+}
+declare const SearchInputForm: ({
+  searchInputVariant,
+  searchText,
+  autocompleteResults,
+  searchBoxPlaceholder,
+  focusedOptionId,
+  isDirty,
+  focusedIndex,
+  onKeyDown,
+  onAutocompleteSelect,
+  onSearchInputChange,
+  onSearchSubmit,
+  searchInputDataTestId
+}: SearchInputFormProps) => react_jsx_runtime17.JSX.Element;
+//#endregion
+export { SearchInputForm };

package/dist/SearchInputForm/index.js

@@ -0,0 +1,38 @@
+import "../Typography-D3vDkBMS.js";
+import { SearchAutocomplete } from "../SearchAutocomplete-obO19yzL.js";
+import { SearchInput, searchInputVariantClasses } from "../SearchInput-BaiWd0_O.js";
+import "../SettingsVariant-CUSFlJEu.js";
+import "../TextInput-B_4Bu2vf.js";
+import "../colorsConfig-DEfiLHH0.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SearchInputForm/SearchInputForm.tsx
+const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, isDirty, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, searchInputDataTestId }) => {
+	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,
+			dataTestId: searchInputDataTestId,
+			onKeyDown,
+			onChange: onSearchInputChange
+		})
+	}), isDirty && /* @__PURE__ */ jsx(SearchAutocomplete, {
+		id: "autocomplete-results",
+		results: autocompleteResults,
+		focusedIndex,
+		iconColor: searchInputIconColor,
+		onSuggestionSelect: onAutocompleteSelect
+	})] });
+};
+
+//#endregion
+export { SearchInputForm };

package/dist/SearchResultsContent/index.cjs

@@ -0,0 +1,44 @@
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+require('../Typography-CFNWgbM5.cjs');
+require('../DynamicFiltersScrollbar-50i_InZz.cjs');
+require('../ImageWithFallback-1LqhQK1q.cjs');
+require('../ProductGrid-Dcy7JxVN.cjs');
+require('../ProductCard-D1F9A8Rw.cjs');
+require('../Spinner-B1IEMa00.cjs');
+require('../colorsConfig-D-MZuBvt.cjs');
+const require_SearchResultsStates = require('../SearchResultsStates-DQlstrHd.cjs');
+require('../searchFilterSidebarVariants-DXabOauB.cjs');
+require('../SparkleAnimation-Bm3fk2FJ.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+let __envive_ai_react_hooks_hooks_utils = require("@envive-ai/react-hooks/hooks/utils");
+__envive_ai_react_hooks_hooks_utils = require_chunk.__toESM(__envive_ai_react_hooks_hooks_utils);
+
+//#region src/components/SearchResultsContent/SearchResultsContent.tsx
+const SearchResultsContent = ({ searchResultsState, productList, productCardConfig, merchantShortName, searchFilterSidebarVariant, productGridVariant, productGridClasses, containerXPaddingClasses, selectedFilterOptions, availableDynamicFilters, onRemoveFilter, onToggleDynamicFilter, noResultsFoundText }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+	searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.NoResults && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.NoSearchResultsFound, {
+		containerPaddingClasses: containerXPaddingClasses,
+		includeBottomMargin: true,
+		noResultsFoundText
+	}),
+	searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.Results && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.SearchResultsGrid, {
+		searchFilterSidebarVariant,
+		productCardConfig,
+		merchantShortName,
+		productList,
+		productGridVariant,
+		productGridClasses,
+		containerXPaddingClasses,
+		selectedFilterOptions,
+		availableDynamicFilters,
+		onRemoveFilter,
+		onToggleDynamicFilter
+	}),
+	searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.Loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.SearchResultsLoadingGrid, {
+		productGridVariant,
+		productGridClasses
+	})
+] });
+
+//#endregion
+exports.SearchResultsContent = SearchResultsContent;

package/dist/SearchResultsContent/index.d.cts

@@ -0,0 +1,48 @@
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-cx3r6TgQ.cjs";
+import { SearchFilterSidebarVariant } from "../index-B-5pBFE7.cjs";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
+
+//#region src/components/SearchResultsContent/SearchResultsContent.d.ts
+interface SearchResultsContentProps {
+  searchResultsState: SearchResultsState;
+  productList: SearchResponseProductAttributes['attributes'][];
+  productCardConfig: ProductCardConfig;
+  merchantShortName: string;
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  containerXPaddingClasses: string;
+  selectedFilterOptions: SelectedFilterOption[];
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+  noResultsFoundText?: string;
+}
+declare const SearchResultsContent: ({
+  searchResultsState,
+  productList,
+  productCardConfig,
+  merchantShortName,
+  searchFilterSidebarVariant,
+  productGridVariant,
+  productGridClasses,
+  containerXPaddingClasses,
+  selectedFilterOptions,
+  availableDynamicFilters,
+  onRemoveFilter,
+  onToggleDynamicFilter,
+  noResultsFoundText
+}: SearchResultsContentProps) => react_jsx_runtime9.JSX.Element;
+//#endregion
+export { SearchResultsContent };

package/dist/SearchResultsContent/index.d.ts

@@ -0,0 +1,48 @@
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-BzY_al-V.js";
+import { SearchFilterSidebarVariant } from "../index-BcvJf9Sr.js";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+
+//#region src/components/SearchResultsContent/SearchResultsContent.d.ts
+interface SearchResultsContentProps {
+  searchResultsState: SearchResultsState;
+  productList: SearchResponseProductAttributes['attributes'][];
+  productCardConfig: ProductCardConfig;
+  merchantShortName: string;
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  containerXPaddingClasses: string;
+  selectedFilterOptions: SelectedFilterOption[];
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+  noResultsFoundText?: string;
+}
+declare const SearchResultsContent: ({
+  searchResultsState,
+  productList,
+  productCardConfig,
+  merchantShortName,
+  searchFilterSidebarVariant,
+  productGridVariant,
+  productGridClasses,
+  containerXPaddingClasses,
+  selectedFilterOptions,
+  availableDynamicFilters,
+  onRemoveFilter,
+  onToggleDynamicFilter,
+  noResultsFoundText
+}: SearchResultsContentProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { SearchResultsContent };

package/dist/SearchResultsContent/index.js

@@ -0,0 +1,41 @@
+import "../Typography-D3vDkBMS.js";
+import "../DynamicFiltersScrollbar-AhyHehrB.js";
+import "../ImageWithFallback-Ckwsmd8P.js";
+import "../ProductGrid-NtuMrOtp.js";
+import "../ProductCard-2aPkjS8z.js";
+import "../Spinner-BrHoB-Zg.js";
+import "../colorsConfig-DEfiLHH0.js";
+import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-CalOf6QP.js";
+import "../searchFilterSidebarVariants-BD4SYugF.js";
+import "../SparkleAnimation-D1QjYho_.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
+
+//#region src/components/SearchResultsContent/SearchResultsContent.tsx
+const SearchResultsContent = ({ searchResultsState, productList, productCardConfig, merchantShortName, searchFilterSidebarVariant, productGridVariant, productGridClasses, containerXPaddingClasses, selectedFilterOptions, availableDynamicFilters, onRemoveFilter, onToggleDynamicFilter, noResultsFoundText }) => /* @__PURE__ */ jsxs("div", { children: [
+	searchResultsState === SearchResultsState.NoResults && /* @__PURE__ */ jsx(NoSearchResultsFound, {
+		containerPaddingClasses: containerXPaddingClasses,
+		includeBottomMargin: true,
+		noResultsFoundText
+	}),
+	searchResultsState === SearchResultsState.Results && /* @__PURE__ */ jsx(SearchResultsGrid, {
+		searchFilterSidebarVariant,
+		productCardConfig,
+		merchantShortName,
+		productList,
+		productGridVariant,
+		productGridClasses,
+		containerXPaddingClasses,
+		selectedFilterOptions,
+		availableDynamicFilters,
+		onRemoveFilter,
+		onToggleDynamicFilter
+	}),
+	searchResultsState === SearchResultsState.Loading && /* @__PURE__ */ jsx(SearchResultsLoadingGrid, {
+		productGridVariant,
+		productGridClasses
+	})
+] });
+
+//#endregion
+export { SearchResultsContent };

package/dist/SearchResultsFilterSidebar/index.cjs

@@ -0,0 +1,59 @@
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+require('../Typography-CFNWgbM5.cjs');
+require('../Accordion-RpyCFs2a.cjs');
+require('../AnimatedChevron-Q96FneFy.cjs');
+const require_ButtonBase = require('../ButtonBase-AU23oGQr.cjs');
+require('../ButtonBase-DbWQ25n-.cjs');
+require('../ModalSheet-CcthFeMD.cjs');
+require('../RadioButton-DG0PgZbz.cjs');
+require('../RadioButtonGroup-3t2kqSFA.cjs');
+const require_SearchFilter = require('../SearchFilter-t9or-lnj.cjs');
+require('../ToggleButton-CJ74eu-N.cjs');
+const require_SettingsVariant = require('../SettingsVariant-BsBbdjV5.cjs');
+require('../colorsConfig-D-MZuBvt.cjs');
+const require_searchFilterSidebarVariants = require('../searchFilterSidebarVariants-DXabOauB.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/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: require_SettingsVariant.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
+exports.SearchResultsFilter = SearchResultsFilter;
+exports.searchFilterSidebarVariantClasses = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses;

package/dist/SearchResultsFilterSidebar/index.d.cts

@@ -0,0 +1,2 @@
+import { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-B-5pBFE7.cjs";
+export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/SearchResultsFilterSidebar/index.d.ts

@@ -0,0 +1,2 @@
+import { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-BcvJf9Sr.js";
+export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/SearchResultsFilterSidebar/index.js

@@ -0,0 +1,55 @@
+import "../Typography-D3vDkBMS.js";
+import "../Accordion-DxtXK__u.js";
+import "../AnimatedChevron-Bik7GMSe.js";
+import { ButtonBase } from "../ButtonBase-6wjsZ1tU.js";
+import "../ButtonBase-C_uKnl48.js";
+import "../ModalSheet-BSj_g9JF.js";
+import "../RadioButton-C_soBi7w.js";
+import "../RadioButtonGroup-DMbVgPQH.js";
+import { SearchFilter, SearchFilterHeader } from "../SearchFilter-BQW4o3Xf.js";
+import "../ToggleButton-Br6MgjiG.js";
+import { SettingsVariant_default } from "../SettingsVariant-CUSFlJEu.js";
+import "../colorsConfig-DEfiLHH0.js";
+import { searchFilterSidebarVariantClasses } from "../searchFilterSidebarVariants-BD4SYugF.js";
+import { useCallback } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/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,
+		icon: SettingsVariant_default,
+		iconClass: "spiffy-tw-w-[28px] spiffy-tw-h-[28px] spiffy-tw-object-center",
+		text: filterButtonText,
+		textClass: "spiffy-tw-uppercase spiffy-tw-text-[--spiffy-colors-text-primary] spiffy-tw-hidden md:spiffy-tw-block",
+		buttonClass: "spiffy-tw-flex-row spiffy-tw-pl-[16px] sm:spiffy-tw-pl-0 sm:spiffy-tw-px-4 sm:spiffy-tw-gap-[8px]",
+		disablePadding: true
+	})] });
+};
+
+//#endregion
+export { SearchResultsFilter, searchFilterSidebarVariantClasses };

package/dist/SearchResultsStates/index.cjs

@@ -0,0 +1,14 @@
+require('../Typography-CFNWgbM5.cjs');
+require('../DynamicFiltersScrollbar-50i_InZz.cjs');
+require('../ImageWithFallback-1LqhQK1q.cjs');
+require('../ProductGrid-Dcy7JxVN.cjs');
+require('../ProductCard-D1F9A8Rw.cjs');
+require('../Spinner-B1IEMa00.cjs');
+require('../colorsConfig-D-MZuBvt.cjs');
+const require_SearchResultsStates = require('../SearchResultsStates-DQlstrHd.cjs');
+require('../searchFilterSidebarVariants-DXabOauB.cjs');
+require('../SparkleAnimation-Bm3fk2FJ.cjs');
+
+exports.NoSearchResultsFound = require_SearchResultsStates.NoSearchResultsFound;
+exports.SearchResultsGrid = require_SearchResultsStates.SearchResultsGrid;
+exports.SearchResultsLoadingGrid = require_SearchResultsStates.SearchResultsLoadingGrid;

package/dist/SearchResultsStates/index.d.cts

@@ -0,0 +1,69 @@
+import { ProductCardConfig, ProductGridVariant } from "../index-cx3r6TgQ.cjs";
+import { SearchFilterSidebarVariant } from "../index-B-5pBFE7.cjs";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+
+//#region src/components/SearchResultsStates/NoSearchResultsFound.d.ts
+interface NoSearchResultsFoundProps {
+  containerPaddingClasses: string;
+  includeBottomMargin?: boolean;
+  noResultsFoundText?: string;
+  sparkleIconColor?: string;
+}
+declare const NoSearchResultsFound: ({
+  containerPaddingClasses,
+  includeBottomMargin,
+  noResultsFoundText,
+  sparkleIconColor
+}: NoSearchResultsFoundProps) => react_jsx_runtime7.JSX.Element;
+//#endregion
+//#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
+interface SearchResultsGridProps {
+  productList: SearchResponseProduct[];
+  productCardConfig: ProductCardConfig;
+  merchantShortName: string;
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  productGridVariant: ProductGridVariant;
+  selectedFilterOptions: SelectedFilterOption[];
+  containerXPaddingClasses: string;
+  productGridClasses: string;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const SearchResultsGrid: ({
+  productList,
+  productCardConfig,
+  merchantShortName,
+  availableDynamicFilters,
+  searchFilterSidebarVariant,
+  productGridVariant,
+  selectedFilterOptions,
+  containerXPaddingClasses,
+  productGridClasses,
+  onRemoveFilter,
+  onToggleDynamicFilter
+}: SearchResultsGridProps) => react_jsx_runtime7.JSX.Element;
+//#endregion
+//#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
+declare const SearchResultsLoadingGrid: ({
+  productGridVariant,
+  productGridClasses,
+  sparkleIconColor
+}: {
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  sparkleIconColor?: string;
+}) => react_jsx_runtime7.JSX.Element;
+//#endregion
+export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/SearchResultsStates/index.d.ts

@@ -0,0 +1,69 @@
+import { ProductCardConfig, ProductGridVariant } from "../index-BzY_al-V.js";
+import { SearchFilterSidebarVariant } from "../index-BcvJf9Sr.js";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+
+//#region src/components/SearchResultsStates/NoSearchResultsFound.d.ts
+interface NoSearchResultsFoundProps {
+  containerPaddingClasses: string;
+  includeBottomMargin?: boolean;
+  noResultsFoundText?: string;
+  sparkleIconColor?: string;
+}
+declare const NoSearchResultsFound: ({
+  containerPaddingClasses,
+  includeBottomMargin,
+  noResultsFoundText,
+  sparkleIconColor
+}: NoSearchResultsFoundProps) => react_jsx_runtime7.JSX.Element;
+//#endregion
+//#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
+interface SearchResultsGridProps {
+  productList: SearchResponseProduct[];
+  productCardConfig: ProductCardConfig;
+  merchantShortName: string;
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  productGridVariant: ProductGridVariant;
+  selectedFilterOptions: SelectedFilterOption[];
+  containerXPaddingClasses: string;
+  productGridClasses: string;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const SearchResultsGrid: ({
+  productList,
+  productCardConfig,
+  merchantShortName,
+  availableDynamicFilters,
+  searchFilterSidebarVariant,
+  productGridVariant,
+  selectedFilterOptions,
+  containerXPaddingClasses,
+  productGridClasses,
+  onRemoveFilter,
+  onToggleDynamicFilter
+}: SearchResultsGridProps) => react_jsx_runtime7.JSX.Element;
+//#endregion
+//#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
+declare const SearchResultsLoadingGrid: ({
+  productGridVariant,
+  productGridClasses,
+  sparkleIconColor
+}: {
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  sparkleIconColor?: string;
+}) => react_jsx_runtime7.JSX.Element;
+//#endregion
+export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/SearchResultsStates/index.js

@@ -0,0 +1,12 @@
+import "../Typography-D3vDkBMS.js";
+import "../DynamicFiltersScrollbar-AhyHehrB.js";
+import "../ImageWithFallback-Ckwsmd8P.js";
+import "../ProductGrid-NtuMrOtp.js";
+import "../ProductCard-2aPkjS8z.js";
+import "../Spinner-BrHoB-Zg.js";
+import "../colorsConfig-DEfiLHH0.js";
+import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-CalOf6QP.js";
+import "../searchFilterSidebarVariants-BD4SYugF.js";
+import "../SparkleAnimation-D1QjYho_.js";
+
+export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };