@envive-ai/react-toolkit 0.2.13 → 0.3.0

package/dist/{SearchInput-Cgsjew8Q.cjs → components/SearchInput/SearchInput.cjs}

@@ -1,32 +1,21 @@
-const require_chunk = require('./chunk-CbDLau6x.cjs');
-const require_TextInput = require('./TextInput-DfCocKVm.cjs');
-const require_colorsConfig = require('./colorsConfig-D-MZuBvt.cjs');
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_TextInput = require('../TextInput/TextInput.cjs');
+require('../TextInput/index.cjs');
+const require_searchInputVariants = require('./searchInputVariants.cjs');
 let react = require("react");
-react = require_chunk.__toESM(react);
+react = require_rolldown_runtime.__toESM(react);
 let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
+classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_icons_MagnifyingGlassStarVariant = require("@envive-ai/react-icons/MagnifyingGlassStarVariant");
-__envive_ai_react_icons_MagnifyingGlassStarVariant = require_chunk.__toESM(__envive_ai_react_icons_MagnifyingGlassStarVariant);
+__envive_ai_react_icons_MagnifyingGlassStarVariant = require_rolldown_runtime.__toESM(__envive_ai_react_icons_MagnifyingGlassStarVariant);
 let __envive_ai_react_icons_IconClose = require("@envive-ai/react-icons/IconClose");
-__envive_ai_react_icons_IconClose = require_chunk.__toESM(__envive_ai_react_icons_IconClose);
+__envive_ai_react_icons_IconClose = require_rolldown_runtime.__toESM(__envive_ai_react_icons_IconClose);
 
-//#region src/components/SearchInput/searchInputVariants.ts
-const searchInputVariantClasses = { standard: {
-	searchInputIconColor: "transparent",
-	searchInputBorderColor: "spiffy-tw-border-[--spiffy-colors-border-medium]",
-	searchInputCloseIconClasses: "[&>circle]:spiffy-tw-fill-[--spiffy-colors-text-secondary] [&>path]:spiffy-tw-fill-[#fff]",
-	searchInputActiveStarClasses: `first:[&>path]:spiffy-tw-stroke-[--spiffy-colors-accent-primary] first:[&>path]:spiffy-tw-fill-[--spiffy-colors-accent-primary]`,
-	autocompleteIconColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundPrimary),
-	searchInputClasses: "spiffy-tw-text-[--spiffy-colors-text-primary] placeholder:spiffy-tw-text-[--spiffy-colors-text-secondary] spiffy-tw-text-[16px] spiffy-tw-font-normal spiffy-tw-leading-[148%] placeholder:spiffy-tw-font-medium placeholder:spiffy-tw-leading-[124%]",
-	placeholderVariant: "h2"
-} };
-
-//#endregion
 //#region src/components/SearchInput/SearchInput.tsx
 const SearchInput = react.default.forwardRef(({ searchInputVariant = "standard", value, placeholder, suggestions, className, dataTestId, ariaActivedescendant, onKeyDown, onChange, onFocus, onBlur }, ref) => {
 	const localInputRef = (0, react.useRef)(null);
-	const { searchInputClasses: inputClassName, searchInputIconColor: iconColor, searchInputBorderColor: borderColor, searchInputCloseIconClasses: closeIconClasses, searchInputActiveStarClasses, placeholderVariant } = searchInputVariantClasses[searchInputVariant];
+	const { searchInputClasses: inputClassName, searchInputIconColor: iconColor, searchInputBorderColor: borderColor, searchInputCloseIconClasses: closeIconClasses, searchInputActiveStarClasses, placeholderVariant } = require_searchInputVariants.searchInputVariantClasses[searchInputVariant];
 	(0, react.useImperativeHandle)(ref, () => localInputRef.current, []);
 	const magnifyingGlassClassesBase = [
 		"spiffy-tw-w-[24px]",
@@ -91,15 +80,4 @@ const SearchInput = react.default.forwardRef(({ searchInputVariant = "standard",
 });
 
 //#endregion
-Object.defineProperty(exports, 'SearchInput', {
-  enumerable: true,
-  get: function () {
-    return SearchInput;
-  }
-});
-Object.defineProperty(exports, 'searchInputVariantClasses', {
-  enumerable: true,
-  get: function () {
-    return searchInputVariantClasses;
-  }
-});
+exports.SearchInput = SearchInput;

package/dist/components/SearchInput/SearchInput.d.cts

@@ -0,0 +1,20 @@
+import { SearchInputVariant } from "../../hooks/dist/contexts/types.cjs";
+import React from "react";
+
+//#region src/components/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 };

package/dist/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,20 @@
+import { SearchInputVariant } from "../../hooks/dist/contexts/types.js";
+import React from "react";
+
+//#region src/components/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 };

package/dist/{SearchInput-DE9Iz7A8.js → components/SearchInput/SearchInput.js}

@@ -1,23 +1,12 @@
-import { t as TextInput } from "./TextInput-PtrUXoZo.js";
-import { n as colorVar, t as ColorNames } from "./colorsConfig-BjdoRtRK.js";
+import { TextInput } from "../TextInput/TextInput.js";
+import "../TextInput/index.js";
+import { searchInputVariantClasses } from "./searchInputVariants.js";
 import React, { useImperativeHandle, useRef } from "react";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import MagnifyingGlassStarVariant from "@envive-ai/react-icons/MagnifyingGlassStarVariant";
 import IconClose from "@envive-ai/react-icons/IconClose";
 
-//#region src/components/SearchInput/searchInputVariants.ts
-const searchInputVariantClasses = { standard: {
-	searchInputIconColor: "transparent",
-	searchInputBorderColor: "spiffy-tw-border-[--spiffy-colors-border-medium]",
-	searchInputCloseIconClasses: "[&>circle]:spiffy-tw-fill-[--spiffy-colors-text-secondary] [&>path]:spiffy-tw-fill-[#fff]",
-	searchInputActiveStarClasses: `first:[&>path]:spiffy-tw-stroke-[--spiffy-colors-accent-primary] first:[&>path]:spiffy-tw-fill-[--spiffy-colors-accent-primary]`,
-	autocompleteIconColor: colorVar(ColorNames.BackgroundPrimary),
-	searchInputClasses: "spiffy-tw-text-[--spiffy-colors-text-primary] placeholder:spiffy-tw-text-[--spiffy-colors-text-secondary] spiffy-tw-text-[16px] spiffy-tw-font-normal spiffy-tw-leading-[148%] placeholder:spiffy-tw-font-medium placeholder:spiffy-tw-leading-[124%]",
-	placeholderVariant: "h2"
-} };
-
-//#endregion
 //#region src/components/SearchInput/SearchInput.tsx
 const SearchInput = React.forwardRef(({ searchInputVariant = "standard", value, placeholder, suggestions, className, dataTestId, ariaActivedescendant, onKeyDown, onChange, onFocus, onBlur }, ref) => {
 	const localInputRef = useRef(null);
@@ -86,4 +75,4 @@ const SearchInput = React.forwardRef(({ searchInputVariant = "standard", value,
 });
 
 //#endregion
-export { searchInputVariantClasses as n, SearchInput as t };
+export { SearchInput };

package/dist/components/SearchInput/index.cjs

@@ -1,7 +1,5 @@
-require('../../Typography-Csg-nd_w.cjs');
-require('../../TextInput-DfCocKVm.cjs');
-require('../../colorsConfig-D-MZuBvt.cjs');
-const require_SearchInput = require('../../SearchInput-Cgsjew8Q.cjs');
+const require_searchInputVariants = require('./searchInputVariants.cjs');
+const require_SearchInput = require('./SearchInput.cjs');
 
 exports.SearchInput = require_SearchInput.SearchInput;
-exports.searchInputVariantClasses = require_SearchInput.searchInputVariantClasses;
+exports.searchInputVariantClasses = require_searchInputVariants.searchInputVariantClasses;

package/dist/components/SearchInput/index.d.cts

@@ -0,0 +1,3 @@
+import { SearchInput } from "./SearchInput.cjs";
+import { searchInputVariantClasses } from "./searchInputVariants.cjs";
+export { SearchInput, searchInputVariantClasses };

package/dist/components/SearchInput/index.d.ts

@@ -0,0 +1,3 @@
+import { SearchInput } from "./SearchInput.js";
+import { searchInputVariantClasses } from "./searchInputVariants.js";
+export { SearchInput, searchInputVariantClasses };

package/dist/components/SearchInput/index.js

@@ -1,6 +1,4 @@
-import "../../Typography-xehJH05l.js";
-import "../../TextInput-PtrUXoZo.js";
-import "../../colorsConfig-BjdoRtRK.js";
-import { n as searchInputVariantClasses, t as SearchInput } from "../../SearchInput-DE9Iz7A8.js";
+import { searchInputVariantClasses } from "./searchInputVariants.js";
+import { SearchInput } from "./SearchInput.js";
 
 export { SearchInput, searchInputVariantClasses };

package/dist/components/SearchInput/searchInputVariants.cjs

@@ -0,0 +1,15 @@
+const require_colorsConfig = require('../../models/colorsConfig.cjs');
+
+//#region src/components/SearchInput/searchInputVariants.ts
+const searchInputVariantClasses = { standard: {
+	searchInputIconColor: "transparent",
+	searchInputBorderColor: "spiffy-tw-border-[--spiffy-colors-border-medium]",
+	searchInputCloseIconClasses: "[&>circle]:spiffy-tw-fill-[--spiffy-colors-text-secondary] [&>path]:spiffy-tw-fill-[#fff]",
+	searchInputActiveStarClasses: `first:[&>path]:spiffy-tw-stroke-[--spiffy-colors-accent-primary] first:[&>path]:spiffy-tw-fill-[--spiffy-colors-accent-primary]`,
+	autocompleteIconColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundPrimary),
+	searchInputClasses: "spiffy-tw-text-[--spiffy-colors-text-primary] placeholder:spiffy-tw-text-[--spiffy-colors-text-secondary] spiffy-tw-text-[16px] spiffy-tw-font-normal spiffy-tw-leading-[148%] placeholder:spiffy-tw-font-medium placeholder:spiffy-tw-leading-[124%]",
+	placeholderVariant: "h2"
+} };
+
+//#endregion
+exports.searchInputVariantClasses = searchInputVariantClasses;

package/dist/components/SearchInput/searchInputVariants.d.cts

@@ -0,0 +1,16 @@
+import { SearchInputVariant } from "../../atoms/search/types.cjs";
+import { TypographyVariantMap } from "../Typography/typographyVariantClasses.cjs";
+
+//#region src/components/SearchInput/searchInputVariants.d.ts
+type SearchInputVariantClasses = {
+  searchInputIconColor: string;
+  searchInputBorderColor: string;
+  searchInputCloseIconClasses: string;
+  searchInputActiveStarClasses: string;
+  autocompleteIconColor: string;
+  searchInputClasses: string;
+  placeholderVariant: keyof typeof TypographyVariantMap;
+};
+declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
+//#endregion
+export { searchInputVariantClasses };

package/dist/components/SearchInput/searchInputVariants.d.ts

@@ -0,0 +1,16 @@
+import { SearchInputVariant } from "../../atoms/search/types.js";
+import { TypographyVariantMap } from "../Typography/typographyVariantClasses.js";
+
+//#region src/components/SearchInput/searchInputVariants.d.ts
+type SearchInputVariantClasses = {
+  searchInputIconColor: string;
+  searchInputBorderColor: string;
+  searchInputCloseIconClasses: string;
+  searchInputActiveStarClasses: string;
+  autocompleteIconColor: string;
+  searchInputClasses: string;
+  placeholderVariant: keyof typeof TypographyVariantMap;
+};
+declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
+//#endregion
+export { searchInputVariantClasses };

package/dist/components/SearchInput/searchInputVariants.js

@@ -0,0 +1,15 @@
+import { ColorNames, colorVar } from "../../models/colorsConfig.js";
+
+//#region src/components/SearchInput/searchInputVariants.ts
+const searchInputVariantClasses = { standard: {
+	searchInputIconColor: "transparent",
+	searchInputBorderColor: "spiffy-tw-border-[--spiffy-colors-border-medium]",
+	searchInputCloseIconClasses: "[&>circle]:spiffy-tw-fill-[--spiffy-colors-text-secondary] [&>path]:spiffy-tw-fill-[#fff]",
+	searchInputActiveStarClasses: `first:[&>path]:spiffy-tw-stroke-[--spiffy-colors-accent-primary] first:[&>path]:spiffy-tw-fill-[--spiffy-colors-accent-primary]`,
+	autocompleteIconColor: colorVar(ColorNames.BackgroundPrimary),
+	searchInputClasses: "spiffy-tw-text-[--spiffy-colors-text-primary] placeholder:spiffy-tw-text-[--spiffy-colors-text-secondary] spiffy-tw-text-[16px] spiffy-tw-font-normal spiffy-tw-leading-[148%] placeholder:spiffy-tw-font-medium placeholder:spiffy-tw-leading-[124%]",
+	placeholderVariant: "h2"
+} };
+
+//#endregion
+export { searchInputVariantClasses };

package/dist/{SearchInputForm-CSd4tjts.cjs → components/SearchInputForm/SearchInputForm.cjs}

@@ -1,14 +1,16 @@
-const require_chunk = require('./chunk-CbDLau6x.cjs');
-const require_SearchAutocomplete = require('./SearchAutocomplete-C1XH39Xx.cjs');
-const require_SearchInput = require('./SearchInput-Cgsjew8Q.cjs');
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_SearchAutocomplete = require('../SearchAutocomplete/SearchAutocomplete.cjs');
+require('../SearchAutocomplete/index.cjs');
+const require_searchInputVariants = require('../SearchInput/searchInputVariants.cjs');
+const require_SearchInput = require('../SearchInput/SearchInput.cjs');
 let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
+classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_config_locators_components_search = require("@envive-ai/react-hooks/config/locators/components/search");
 
 //#region src/components/SearchInputForm/SearchInputForm.tsx
 const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, shouldShowAutocomplete, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, onSearchInputFocus, onSearchInputBlur, searchInputRef }) => {
-	const { autocompleteIconColor } = require_SearchInput.searchInputVariantClasses[searchInputVariant];
+	const { autocompleteIconColor } = require_searchInputVariants.searchInputVariantClasses[searchInputVariant];
 	const containerClasses = (0, classnames.default)("spiffy-tw-relative", "spiffy-tw-w-full");
 	const formClasses = (0, classnames.default)({
 		"spiffy-tw-grow": true,
@@ -52,9 +54,4 @@ const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults,
 };
 
 //#endregion
-Object.defineProperty(exports, 'SearchInputForm', {
-  enumerable: true,
-  get: function () {
-    return SearchInputForm;
-  }
-});
+exports.SearchInputForm = SearchInputForm;

package/dist/components/SearchInputForm/{index-D1F37qNH.d.ts → SearchInputForm.d.cts}

@@ -1,5 +1,5 @@
-import { t as SearchInputVariant } from "../../types-CQpdBL3M.js";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import { SearchInputVariant } from "../../atoms/search/types.cjs";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/SearchInputForm.d.ts
 interface SearchInputFormProps {
@@ -33,6 +33,6 @@ declare const SearchInputForm: ({
   onSearchInputFocus,
   onSearchInputBlur,
   searchInputRef
-}: SearchInputFormProps) => react_jsx_runtime15.JSX.Element;
+}: SearchInputFormProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { SearchInputForm };

package/dist/components/SearchInputForm/{index-B3A17s3e.d.cts → SearchInputForm.d.ts}

@@ -1,5 +1,5 @@
-import { t as SearchInputVariant } from "../../types--eyQnaEA.cjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import { SearchInputVariant } from "../../atoms/search/types.js";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/SearchInputForm.d.ts
 interface SearchInputFormProps {
@@ -33,6 +33,6 @@ declare const SearchInputForm: ({
   onSearchInputFocus,
   onSearchInputBlur,
   searchInputRef
-}: SearchInputFormProps) => react_jsx_runtime15.JSX.Element;
+}: SearchInputFormProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { SearchInputForm };

package/dist/{SearchInputForm--CvVrjwl.js → components/SearchInputForm/SearchInputForm.js}

@@ -1,5 +1,7 @@
-import { t as SearchAutocomplete } from "./SearchAutocomplete-CuuN0cDu.js";
-import { n as searchInputVariantClasses, t as SearchInput } from "./SearchInput-DE9Iz7A8.js";
+import { SearchAutocomplete } from "../SearchAutocomplete/SearchAutocomplete.js";
+import "../SearchAutocomplete/index.js";
+import { searchInputVariantClasses } from "../SearchInput/searchInputVariants.js";
+import { SearchInput } from "../SearchInput/SearchInput.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SEARCH_INPUT_TESTID } from "@envive-ai/react-hooks/config/locators/components/search";
@@ -50,4 +52,4 @@ const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults,
 };
 
 //#endregion
-export { SearchInputForm as t };
+export { SearchInputForm };

package/dist/components/SearchInputForm/index.cjs

@@ -1,8 +1,3 @@
-require('../../Typography-Csg-nd_w.cjs');
-require('../../SearchAutocomplete-C1XH39Xx.cjs');
-require('../../TextInput-DfCocKVm.cjs');
-require('../../colorsConfig-D-MZuBvt.cjs');
-require('../../SearchInput-Cgsjew8Q.cjs');
-const require_SearchInputForm = require('../../SearchInputForm-CSd4tjts.cjs');
+const require_SearchInputForm = require('./SearchInputForm.cjs');
 
 exports.SearchInputForm = require_SearchInputForm.SearchInputForm;

package/dist/components/SearchInputForm/index.d.cts

@@ -0,0 +1,2 @@
+import { SearchInputForm } from "./SearchInputForm.cjs";
+export { SearchInputForm };

package/dist/components/SearchInputForm/index.d.ts

@@ -0,0 +1,2 @@
+import { SearchInputForm } from "./SearchInputForm.js";
+export { SearchInputForm };

package/dist/components/SearchInputForm/index.js

@@ -1,8 +1,3 @@
-import "../../Typography-xehJH05l.js";
-import "../../SearchAutocomplete-CuuN0cDu.js";
-import "../../TextInput-PtrUXoZo.js";
-import "../../colorsConfig-BjdoRtRK.js";
-import "../../SearchInput-DE9Iz7A8.js";
-import { t as SearchInputForm } from "../../SearchInputForm--CvVrjwl.js";
+import { SearchInputForm } from "./SearchInputForm.js";
 
 export { SearchInputForm };

package/dist/components/SearchResultsContent/SearchResultsContent.cjs

@@ -0,0 +1,52 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_NoSearchResultsFound = require('../SearchResultsStates/NoSearchResultsFound.cjs');
+const require_SearchResultsGrid = require('../SearchResultsStates/SearchResultsGrid.cjs');
+const require_SearchResultsLoadingGrid = require('../SearchResultsStates/SearchResultsLoadingGrid.cjs');
+require('../SearchResultsStates/index.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_hooks_utils = require("@envive-ai/react-hooks/hooks/utils");
+
+//#region src/components/SearchResultsContent/SearchResultsContent.tsx
+const SearchResultsContent = ({ searchResultsState, productList, recommendedProducts, productCardConfig, merchantShortName, searchFilterSidebarVariant, productGridVariant, containerXPaddingClasses, selectedFilterOptions, availableDynamicFilters, onProductClick, onRemoveFilter, onToggleDynamicFilter, noResultsFoundText, searchResultsRef, toolbarHeight, query }) => {
+	const productGridClasses = (0, classnames.default)("spiffy-tw-grid", "spiffy-tw-justify-items-stretch", "spiffy-tw-grid-cols-2", "md:spiffy-tw-grid-cols-3", "lg:spiffy-tw-grid-cols-4", "spiffy-tw-gap-x-[4px]", "spiffy-tw-gap-y-[24px]", "spiffy-tw-h-full", "spiffy-tw-w-full", "spiffy-tw-items-stretch", containerXPaddingClasses);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: searchResultsRef,
+		style: {
+			paddingTop: `${toolbarHeight}px`,
+			backgroundColor: "white"
+		},
+		children: [
+			searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.NoResults && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_NoSearchResultsFound.NoSearchResultsFound, {
+				containerPaddingClasses: containerXPaddingClasses,
+				noResultsFoundText,
+				recommendedProducts,
+				searchText: query,
+				merchantShortName,
+				productGridVariant
+			}),
+			searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.Results && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsGrid.SearchResultsGrid, {
+				searchFilterSidebarVariant,
+				productCardConfig,
+				merchantShortName,
+				productList,
+				productGridVariant,
+				productGridClasses,
+				containerXPaddingClasses,
+				selectedFilterOptions,
+				availableDynamicFilters,
+				onRemoveFilter,
+				onProductClick,
+				onToggleDynamicFilter
+			}),
+			searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.Loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsLoadingGrid.SearchResultsLoadingGrid, {
+				productGridVariant,
+				productGridClasses
+			})
+		]
+	});
+};
+
+//#endregion
+exports.SearchResultsContent = SearchResultsContent;

package/dist/components/SearchResultsContent/{index-B66EnbgF.d.cts → SearchResultsContent.d.cts}

@@ -1,9 +1,9 @@
-import { b as SearchResponseProductAttributes, d as ProductCardConfig, y as ProductGridVariant } from "../../index-1GZFptEC.cjs";
-import { a as SearchFilterSidebarVariant } from "../../index-CBI4Lqsm.cjs";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
-import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+import { SelectedFilterOption } from "../../hooks/dist/atoms/search/searchAPI.cjs";
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../ProductCard/types.cjs";
+import { SearchResultsState } from "../../hooks/dist/hooks/utils.cjs";
+import { SearchFilterSidebarVariant } from "../SearchResultsFilterSidebar/types.cjs";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
-import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
 
 //#region src/components/SearchResultsContent/SearchResultsContent.d.ts
 interface SearchResultsContentProps {
@@ -52,6 +52,6 @@ declare const SearchResultsContent: ({
   searchResultsRef,
   toolbarHeight,
   query
-}: SearchResultsContentProps) => react_jsx_runtime17.JSX.Element;
+}: SearchResultsContentProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { SearchResultsContent };

package/dist/components/SearchResultsContent/{index-BI4Dm7mI.d.ts → SearchResultsContent.d.ts}

@@ -1,8 +1,8 @@
-import { b as SearchResponseProductAttributes, d as ProductCardConfig, y as ProductGridVariant } from "../../index-yDKT5Bem.js";
-import { a as SearchFilterSidebarVariant } from "../../index-pZZXXUG_.js";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
-import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
-import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+import { SelectedFilterOption } from "../../hooks/dist/atoms/search/searchAPI.js";
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../ProductCard/types.js";
+import { SearchResultsState } from "../../hooks/dist/hooks/utils.js";
+import { SearchFilterSidebarVariant } from "../SearchResultsFilterSidebar/types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/SearchResultsContent/SearchResultsContent.d.ts
@@ -52,6 +52,6 @@ declare const SearchResultsContent: ({
   searchResultsRef,
   toolbarHeight,
   query
-}: SearchResultsContentProps) => react_jsx_runtime16.JSX.Element;
+}: SearchResultsContentProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SearchResultsContent };

package/dist/components/SearchResultsContent/SearchResultsContent.js

@@ -0,0 +1,50 @@
+import { NoSearchResultsFound } from "../SearchResultsStates/NoSearchResultsFound.js";
+import { SearchResultsGrid } from "../SearchResultsStates/SearchResultsGrid.js";
+import { SearchResultsLoadingGrid } from "../SearchResultsStates/SearchResultsLoadingGrid.js";
+import "../SearchResultsStates/index.js";
+import classNames from "classnames";
+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, recommendedProducts, productCardConfig, merchantShortName, searchFilterSidebarVariant, productGridVariant, containerXPaddingClasses, selectedFilterOptions, availableDynamicFilters, onProductClick, onRemoveFilter, onToggleDynamicFilter, noResultsFoundText, searchResultsRef, toolbarHeight, query }) => {
+	const productGridClasses = classNames("spiffy-tw-grid", "spiffy-tw-justify-items-stretch", "spiffy-tw-grid-cols-2", "md:spiffy-tw-grid-cols-3", "lg:spiffy-tw-grid-cols-4", "spiffy-tw-gap-x-[4px]", "spiffy-tw-gap-y-[24px]", "spiffy-tw-h-full", "spiffy-tw-w-full", "spiffy-tw-items-stretch", containerXPaddingClasses);
+	return /* @__PURE__ */ jsxs("div", {
+		ref: searchResultsRef,
+		style: {
+			paddingTop: `${toolbarHeight}px`,
+			backgroundColor: "white"
+		},
+		children: [
+			searchResultsState === SearchResultsState.NoResults && /* @__PURE__ */ jsx(NoSearchResultsFound, {
+				containerPaddingClasses: containerXPaddingClasses,
+				noResultsFoundText,
+				recommendedProducts,
+				searchText: query,
+				merchantShortName,
+				productGridVariant
+			}),
+			searchResultsState === SearchResultsState.Results && /* @__PURE__ */ jsx(SearchResultsGrid, {
+				searchFilterSidebarVariant,
+				productCardConfig,
+				merchantShortName,
+				productList,
+				productGridVariant,
+				productGridClasses,
+				containerXPaddingClasses,
+				selectedFilterOptions,
+				availableDynamicFilters,
+				onRemoveFilter,
+				onProductClick,
+				onToggleDynamicFilter
+			}),
+			searchResultsState === SearchResultsState.Loading && /* @__PURE__ */ jsx(SearchResultsLoadingGrid, {
+				productGridVariant,
+				productGridClasses
+			})
+		]
+	});
+};
+
+//#endregion
+export { SearchResultsContent };

package/dist/components/SearchResultsContent/index.cjs

@@ -1,60 +1,3 @@
-const require_chunk = require('../../chunk-CbDLau6x.cjs');
-require('../../formatPrice-CyfkjZ3R.cjs');
-require('../../Typography-Csg-nd_w.cjs');
-require('../../DynamicFiltersScrollbar-bT3VoG-D.cjs');
-require('../../ImageWithFallback-BiBjNK-9.cjs');
-require('../../ProductCard-C3seoFWE.cjs');
-require('../../Spinner-CUrXDajS.cjs');
-require('../../ProductGrid-Ct2DvLGf.cjs');
-require('../../RecommendedProducts-Cy-1szYc.cjs');
-require('../../colorsConfig-D-MZuBvt.cjs');
-const require_SearchResultsStates = require('../../SearchResultsStates-Dp-AsmH8.cjs');
-require('../../searchFilterSidebarVariants-C61Byr1S.cjs');
-require('../../SparkleAnimation-Bg5qax1t.cjs');
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-let __envive_ai_react_hooks_hooks_utils = require("@envive-ai/react-hooks/hooks/utils");
+const require_SearchResultsContent = require('./SearchResultsContent.cjs');
 
-//#region src/components/SearchResultsContent/SearchResultsContent.tsx
-const SearchResultsContent = ({ searchResultsState, productList, recommendedProducts, productCardConfig, merchantShortName, searchFilterSidebarVariant, productGridVariant, containerXPaddingClasses, selectedFilterOptions, availableDynamicFilters, onProductClick, onRemoveFilter, onToggleDynamicFilter, noResultsFoundText, searchResultsRef, toolbarHeight, query }) => {
-	const productGridClasses = (0, classnames.default)("spiffy-tw-grid", "spiffy-tw-justify-items-stretch", "spiffy-tw-grid-cols-2", "md:spiffy-tw-grid-cols-3", "lg:spiffy-tw-grid-cols-4", "spiffy-tw-gap-x-[4px]", "spiffy-tw-gap-y-[24px]", "spiffy-tw-h-full", "spiffy-tw-w-full", "spiffy-tw-items-stretch", containerXPaddingClasses);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref: searchResultsRef,
-		style: {
-			paddingTop: `${toolbarHeight}px`,
-			backgroundColor: "white"
-		},
-		children: [
-			searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.NoResults && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.NoSearchResultsFound, {
-				containerPaddingClasses: containerXPaddingClasses,
-				noResultsFoundText,
-				recommendedProducts,
-				searchText: query,
-				merchantShortName,
-				productGridVariant
-			}),
-			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,
-				onProductClick,
-				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;
+exports.SearchResultsContent = require_SearchResultsContent.SearchResultsContent;

package/dist/components/SearchResultsContent/index.d.cts

@@ -0,0 +1,2 @@
+import { SearchResultsContent } from "./SearchResultsContent.cjs";
+export { SearchResultsContent };

package/dist/components/SearchResultsContent/index.d.ts

@@ -0,0 +1,2 @@
+import { SearchResultsContent } from "./SearchResultsContent.js";
+export { SearchResultsContent };