@envive-ai/react-toolkit 0.2.0 → 0.2.2

package/dist/SearchInput--x9NTMTb.cjs

@@ -1,106 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_TextInput = require('./TextInput-CGs4BY1q.cjs');
-const require_colorsConfig = require('./colorsConfig-CqCKftuM.cjs');
-let react = require("react");
-react = require_chunk.__toESM(react);
-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 __envive_ai_react_icons_MagnifyingGlassStarVariant = require("@envive-ai/react-icons/MagnifyingGlassStarVariant");
-__envive_ai_react_icons_MagnifyingGlassStarVariant = require_chunk.__toESM(__envive_ai_react_icons_MagnifyingGlassStarVariant);
-let __envive_ai_react_icons_src_index_js = require("@envive-ai/react-icons/src/index.js");
-__envive_ai_react_icons_src_index_js = require_chunk.__toESM(__envive_ai_react_icons_src_index_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: 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];
-	(0, react.useImperativeHandle)(ref, () => localInputRef.current, []);
-	const magnifyingGlassClassesBase = [
-		"spiffy-tw-w-[24px]",
-		"spiffy-tw-h-[32px]",
-		"spiffy-tw-stroke-width-1",
-		"sm:spiffy-tw-w-[32px]"
-	];
-	const magnifyingGlassClassesInactive = (0, classnames.default)(magnifyingGlassClassesBase);
-	const magnifyingGlassClassesActive = (0, classnames.default)([...magnifyingGlassClassesBase, searchInputActiveStarClasses]);
-	const containerClasses = (0, classnames.default)("spiffy-global-search-input-container", "spiffy-tw-relative spiffy-tw-flex spiffy-tw-items-center", className);
-	const inputClasses = (0, classnames.default)("spiffy-global-search-input", "spiffy-tw-flex-grow spiffy-tw-p-2 spiffy-tw-px-[42px] sm:spiffy-tw-p-3 sm:spiffy-tw-px-[48px]", "spiffy-tw-border", "spiffy-tw-text-base", inputClassName);
-	const closeButtonIconClassName = (0, classnames.default)([
-		"spiffy-tw-w-[16px]",
-		"spiffy-tw-h-[16px]",
-		"sm:spiffy-tw-w-[24px]",
-		"sm:spiffy-tw-h-[24px]",
-		"spiffy-tw-cursor-pointer",
-		closeIconClasses
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: containerClasses,
-		"data-testid": dataTestId,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "spiffy-tw-absolute spiffy-tw-left-3 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_MagnifyingGlassStarVariant.default, {
-					className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive,
-					stroke: iconColor,
-					strokeWidth: "1px"
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextInput.TextInput, {
-				value,
-				onChange: (event) => onChange(event.target.value),
-				onFocus,
-				onBlur,
-				onKeyDown,
-				placeholder,
-				className: inputClasses,
-				placeholderVariant,
-				"aria-label": "Search",
-				"aria-autocomplete": "list",
-				"aria-expanded": !!suggestions && suggestions.length > 0,
-				"aria-controls": "autocomplete-results",
-				"aria-activedescendant": ariaActivedescendant,
-				borderRadius: "xl",
-				borderColorClass: borderColor,
-				ref: localInputRef
-			}),
-			value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				onClick: () => {
-					onChange("");
-					localInputRef.current?.focus();
-				},
-				className: "spiffy-tw-absolute spiffy-tw-right-5 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2 spiffy-tw-text-neutral-500 hover:spiffy-tw-text-neutral-700",
-				"aria-label": "Clear search input",
-				type: "button",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_src_index_js.IconClose, { className: closeButtonIconClassName })
-			})
-		]
-	});
-});
-
-//#endregion
-Object.defineProperty(exports, 'SearchInput', {
-  enumerable: true,
-  get: function () {
-    return SearchInput;
-  }
-});
-Object.defineProperty(exports, 'searchInputVariantClasses', {
-  enumerable: true,
-  get: function () {
-    return searchInputVariantClasses;
-  }
-});

package/dist/SearchInput-IBq83nqF.js

@@ -1,89 +0,0 @@
-import { TextInput } from "./TextInput-BeHPlVHT.js";
-import { ColorNames, colorVar } from "./colorsConfig-Ck2jeqWe.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/src/index.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
-//#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);
-	const { searchInputClasses: inputClassName, searchInputIconColor: iconColor, searchInputBorderColor: borderColor, searchInputCloseIconClasses: closeIconClasses, searchInputActiveStarClasses, placeholderVariant } = searchInputVariantClasses[searchInputVariant];
-	useImperativeHandle(ref, () => localInputRef.current, []);
-	const magnifyingGlassClassesBase = [
-		"spiffy-tw-w-[24px]",
-		"spiffy-tw-h-[32px]",
-		"spiffy-tw-stroke-width-1",
-		"sm:spiffy-tw-w-[32px]"
-	];
-	const magnifyingGlassClassesInactive = classNames(magnifyingGlassClassesBase);
-	const magnifyingGlassClassesActive = classNames([...magnifyingGlassClassesBase, searchInputActiveStarClasses]);
-	const containerClasses = classNames("spiffy-global-search-input-container", "spiffy-tw-relative spiffy-tw-flex spiffy-tw-items-center", className);
-	const inputClasses = classNames("spiffy-global-search-input", "spiffy-tw-flex-grow spiffy-tw-p-2 spiffy-tw-px-[42px] sm:spiffy-tw-p-3 sm:spiffy-tw-px-[48px]", "spiffy-tw-border", "spiffy-tw-text-base", inputClassName);
-	const closeButtonIconClassName = classNames([
-		"spiffy-tw-w-[16px]",
-		"spiffy-tw-h-[16px]",
-		"sm:spiffy-tw-w-[24px]",
-		"sm:spiffy-tw-h-[24px]",
-		"spiffy-tw-cursor-pointer",
-		closeIconClasses
-	]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: containerClasses,
-		"data-testid": dataTestId,
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "spiffy-tw-absolute spiffy-tw-left-3 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2",
-				children: /* @__PURE__ */ jsx(MagnifyingGlassStarVariant, {
-					className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive,
-					stroke: iconColor,
-					strokeWidth: "1px"
-				})
-			}),
-			/* @__PURE__ */ jsx(TextInput, {
-				value,
-				onChange: (event) => onChange(event.target.value),
-				onFocus,
-				onBlur,
-				onKeyDown,
-				placeholder,
-				className: inputClasses,
-				placeholderVariant,
-				"aria-label": "Search",
-				"aria-autocomplete": "list",
-				"aria-expanded": !!suggestions && suggestions.length > 0,
-				"aria-controls": "autocomplete-results",
-				"aria-activedescendant": ariaActivedescendant,
-				borderRadius: "xl",
-				borderColorClass: borderColor,
-				ref: localInputRef
-			}),
-			value && /* @__PURE__ */ jsx("button", {
-				onClick: () => {
-					onChange("");
-					localInputRef.current?.focus();
-				},
-				className: "spiffy-tw-absolute spiffy-tw-right-5 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2 spiffy-tw-text-neutral-500 hover:spiffy-tw-text-neutral-700",
-				"aria-label": "Clear search input",
-				type: "button",
-				children: /* @__PURE__ */ jsx(IconClose, { className: closeButtonIconClassName })
-			})
-		]
-	});
-});
-
-//#endregion
-export { SearchInput, searchInputVariantClasses };

package/dist/SearchInputForm/index.cjs

@@ -1,39 +0,0 @@
-const require_chunk = require('../chunk-CUT6urMc.cjs');
-require('../textVariantClasses-CBre7vXv.cjs');
-const require_SearchAutocomplete = require('../SearchAutocomplete-BmHdijOv.cjs');
-require('../TextInput-CGs4BY1q.cjs');
-require('../colorsConfig-CqCKftuM.cjs');
-const require_SearchInput = require('../SearchInput--x9NTMTb.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(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 } = 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,
-			dataTestId: searchInputDataTestId,
-			onKeyDown,
-			onChange: onSearchInputChange
-		})
-	}), isDirty && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchAutocomplete.SearchAutocomplete, {
-		id: "autocomplete-results",
-		results: autocompleteResults,
-		focusedIndex,
-		iconColor: searchInputIconColor,
-		onSuggestionSelect: onAutocompleteSelect
-	})] });
-};
-
-//#endregion
-exports.SearchInputForm = SearchInputForm;

package/dist/SearchInputForm/index.d.cts

@@ -1,34 +0,0 @@
-import { SearchInputVariant } from "../types-BhGjnuWx.cjs";
-import * as react_jsx_runtime1 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_runtime1.JSX.Element;
-//#endregion
-export { SearchInputForm };

package/dist/SearchInputForm/index.d.ts

@@ -1,34 +0,0 @@
-import { SearchInputVariant } from "../types-CTOdb0G0.js";
-import * as react_jsx_runtime1 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_runtime1.JSX.Element;
-//#endregion
-export { SearchInputForm };

package/dist/SearchInputForm/index.js

@@ -1,37 +0,0 @@
-import "../textVariantClasses-CRrTb43V.js";
-import { SearchAutocomplete } from "../SearchAutocomplete-BMNYZiJL.js";
-import "../TextInput-BeHPlVHT.js";
-import "../colorsConfig-Ck2jeqWe.js";
-import { SearchInput, searchInputVariantClasses } from "../SearchInput-IBq83nqF.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

@@ -1,47 +0,0 @@
-const require_chunk = require('../chunk-CUT6urMc.cjs');
-require('../textVariantClasses-CBre7vXv.cjs');
-require('../Text-DllCE9_D.cjs');
-require('../Text-C8t_iEj6.cjs');
-require('../DynamicFiltersScrollbar-HCYZjI14.cjs');
-require('../Headline-CKJmd2w4.cjs');
-require('../ImageWithFallback-Km9h16Vz.cjs');
-require('../ProductCard-BDz80MCQ.cjs');
-require('../Spinner-rcWX566W.cjs');
-require('../ProductGrid-RRcdkY5J.cjs');
-require('../colorsConfig-CqCKftuM.cjs');
-const require_SearchResultsStates = require('../SearchResultsStates-nlaPbkj3.cjs');
-require('../searchFilterSidebarVariants-NQhqq-NT.cjs');
-require('../SparkleAnimation-D1aZE-7A.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

@@ -1,48 +0,0 @@
-import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-B9WeFNlO.cjs";
-import { SearchFilterSidebarVariant } from "../index-CLGe_Pam.cjs";
-import * as react_jsx_runtime12 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_runtime12.JSX.Element;
-//#endregion
-export { SearchResultsContent };

package/dist/SearchResultsContent/index.d.ts

@@ -1,48 +0,0 @@
-import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-CeECGrFM.js";
-import { SearchFilterSidebarVariant } from "../index-PSzeHU2s.js";
-import * as react_jsx_runtime13 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_runtime13.JSX.Element;
-//#endregion
-export { SearchResultsContent };

package/dist/SearchResultsContent/index.js

@@ -1,44 +0,0 @@
-import "../textVariantClasses-CRrTb43V.js";
-import "../Text-BLzNhX4H.js";
-import "../Text-BMsncrpY.js";
-import "../DynamicFiltersScrollbar-O0ai3cIG.js";
-import "../Headline-DtjTB4xS.js";
-import "../ImageWithFallback-CbYsD1_a.js";
-import "../ProductCard-CqhNJShq.js";
-import "../Spinner-bg6jb_ks.js";
-import "../ProductGrid-8n4XgcMr.js";
-import "../colorsConfig-Ck2jeqWe.js";
-import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-D7dM35qq.js";
-import "../searchFilterSidebarVariants-B05f5SD5.js";
-import "../SparkleAnimation-DtWkXmkN.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

@@ -1,62 +0,0 @@
-const require_chunk = require('../chunk-CUT6urMc.cjs');
-require('../textVariantClasses-CBre7vXv.cjs');
-require('../Text-DllCE9_D.cjs');
-require('../Text-C8t_iEj6.cjs');
-require('../Accordion-D9gO9_y3.cjs');
-require('../AnimatedChevron-e_UzWBl0.cjs');
-const require_ButtonBase = require('../ButtonBase-VIv-tn7H.cjs');
-require('../ButtonBase-Cb6Iec6f.cjs');
-require('../ModalSheet-DwnbbFh7.cjs');
-require('../RadioButton-BWnaUI8o.cjs');
-require('../RadioButtonGroup-ReQqakpS.cjs');
-const require_SearchFilter = require('../SearchFilter-FrdHPM5O.cjs');
-require('../ToggleButton-DfJZ8POQ.cjs');
-require('../colorsConfig-CqCKftuM.cjs');
-const require_searchFilterSidebarVariants = require('../searchFilterSidebarVariants-NQhqq-NT.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);
-let __envive_ai_react_icons_src_SettingsVariant_js = require("@envive-ai/react-icons/src/SettingsVariant.js");
-__envive_ai_react_icons_src_SettingsVariant_js = require_chunk.__toESM(__envive_ai_react_icons_src_SettingsVariant_js);
-
-//#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: __envive_ai_react_icons_src_SettingsVariant_js.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

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

package/dist/SearchResultsFilterSidebar/index.d.ts

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

package/dist/SearchResultsFilterSidebar/index.js

@@ -1,57 +0,0 @@
-import "../textVariantClasses-CRrTb43V.js";
-import "../Text-BLzNhX4H.js";
-import "../Text-BMsncrpY.js";
-import "../Accordion-ZEdp99Ph.js";
-import "../AnimatedChevron-CwuXgR2r.js";
-import { ButtonBase } from "../ButtonBase-BJ0qXMWD.js";
-import "../ButtonBase-BktteD9c.js";
-import "../ModalSheet-sMg44OLz.js";
-import "../RadioButton-CG8_M0hY.js";
-import "../RadioButtonGroup-B7EuiEP1.js";
-import { SearchFilter, SearchFilterHeader } from "../SearchFilter-C8mgj84o.js";
-import "../ToggleButton-CRiPqTCb.js";
-import "../colorsConfig-Ck2jeqWe.js";
-import { searchFilterSidebarVariantClasses } from "../searchFilterSidebarVariants-B05f5SD5.js";
-import { useCallback } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import SettingsVariant from "@envive-ai/react-icons/src/SettingsVariant.js";
-
-//#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,
-		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 };