@envive-ai/react-toolkit 0.1.1 → 0.1.2

package/dist/search/FilterScrollbar/DynamicFiltersScrollbar.cjs

@@ -0,0 +1,5 @@
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+require('../../Text-C04c4Z93.cjs');
+const require_DynamicFiltersScrollbar = require('../../DynamicFiltersScrollbar-B2Rr1KnJ.cjs');
+
+exports.DynamicFiltersScrollbar = require_DynamicFiltersScrollbar.DynamicFiltersScrollbar;

package/dist/search/FilterScrollbar/DynamicFiltersScrollbar.d.cts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/components/search/FilterScrollbar/DynamicFiltersScrollbar.d.ts
+interface DynamicFiltersScrollbarProps {
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const DynamicFiltersScrollbar: ({
+  availableDynamicFilters,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  onToggleDynamicFilter
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime13.JSX.Element;
+//#endregion
+export { DynamicFiltersScrollbar };

package/dist/search/FilterScrollbar/DynamicFiltersScrollbar.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+
+//#region src/components/search/FilterScrollbar/DynamicFiltersScrollbar.d.ts
+interface DynamicFiltersScrollbarProps {
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const DynamicFiltersScrollbar: ({
+  availableDynamicFilters,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  onToggleDynamicFilter
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime16.JSX.Element;
+//#endregion
+export { DynamicFiltersScrollbar };

package/dist/search/FilterScrollbar/DynamicFiltersScrollbar.js

@@ -0,0 +1,5 @@
+import "../../textVariantClasses-5t3OricK.js";
+import "../../Text-Bdv7F5-u.js";
+import { DynamicFiltersScrollbar } from "../../DynamicFiltersScrollbar-Dys6geP0.js";
+
+export { DynamicFiltersScrollbar };

package/dist/search/SearchFilter/SearchFilter.cjs

@@ -0,0 +1,7 @@
+require('../../ButtonBase-a8uj6c2f.cjs');
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+require('../../Text-C04c4Z93.cjs');
+require('../../SearchFilterItem-DmMkiqNC.cjs');
+const require_SearchFilter = require('../../SearchFilter-D0IzBlG5.cjs');
+
+exports.SearchFilter = require_SearchFilter.SearchFilter;

package/dist/search/SearchFilter/SearchFilter.d.cts

@@ -0,0 +1,18 @@
+import { SearchFilterProps } from "../../types-CImLkcNh.cjs";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/components/search/SearchFilter/SearchFilter.d.ts
+declare const SearchFilter: ({
+  isOpen,
+  setIsOpen,
+  filters,
+  selectFilterItem,
+  clearAllFilters,
+  filterButtonText,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor,
+  headerContent
+}: SearchFilterProps) => react_jsx_runtime2.JSX.Element;
+//#endregion
+export { SearchFilter };

package/dist/search/SearchFilter/SearchFilter.d.ts

@@ -0,0 +1,18 @@
+import { SearchFilterProps } from "../../types-BQNqA5xL.js";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+
+//#region src/components/search/SearchFilter/SearchFilter.d.ts
+declare const SearchFilter: ({
+  isOpen,
+  setIsOpen,
+  filters,
+  selectFilterItem,
+  clearAllFilters,
+  filterButtonText,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor,
+  headerContent
+}: SearchFilterProps) => react_jsx_runtime18.JSX.Element;
+//#endregion
+export { SearchFilter };

package/dist/search/SearchFilter/SearchFilter.js

@@ -0,0 +1,7 @@
+import "../../ButtonBase-C1rsL9gO.js";
+import "../../textVariantClasses-5t3OricK.js";
+import "../../Text-Bdv7F5-u.js";
+import "../../SearchFilterItem-BodtWLoP.js";
+import { SearchFilter } from "../../SearchFilter-D-2IdBKS.js";
+
+export { SearchFilter };

package/dist/search/SearchFilter/SearchFilterHeader.cjs

@@ -0,0 +1,5 @@
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+require('../../Text-C04c4Z93.cjs');
+const require_SearchFilterHeader = require('../../SearchFilterHeader-C3EklfoO.cjs');
+
+exports.SearchFilterHeader = require_SearchFilterHeader.SearchFilterHeader;

package/dist/search/SearchFilter/SearchFilterHeader.d.cts

@@ -0,0 +1,12 @@
+import { SearchFilterHeaderProps } from "../../types-CImLkcNh.cjs";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+
+//#region src/components/search/SearchFilter/SearchFilterHeader.d.ts
+declare const SearchFilterHeader: ({
+  closeModal,
+  productCount,
+  headerClassName,
+  filterCloseIconVariant
+}: SearchFilterHeaderProps) => react_jsx_runtime8.JSX.Element;
+//#endregion
+export { SearchFilterHeader };

package/dist/search/SearchFilter/SearchFilterHeader.d.ts

@@ -0,0 +1,12 @@
+import { SearchFilterHeaderProps } from "../../types-BQNqA5xL.js";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+
+//#region src/components/search/SearchFilter/SearchFilterHeader.d.ts
+declare const SearchFilterHeader: ({
+  closeModal,
+  productCount,
+  headerClassName,
+  filterCloseIconVariant
+}: SearchFilterHeaderProps) => react_jsx_runtime3.JSX.Element;
+//#endregion
+export { SearchFilterHeader };

package/dist/search/SearchFilter/SearchFilterHeader.js

@@ -0,0 +1,5 @@
+import "../../textVariantClasses-5t3OricK.js";
+import "../../Text-Bdv7F5-u.js";
+import { SearchFilterHeader } from "../../SearchFilterHeader-BQT0-ssS.js";
+
+export { SearchFilterHeader };

package/dist/search/SearchFilter/SearchFilterItem.cjs

@@ -0,0 +1,5 @@
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+require('../../Text-C04c4Z93.cjs');
+const require_SearchFilterItem = require('../../SearchFilterItem-DmMkiqNC.cjs');
+
+exports.SearchFilterItem = require_SearchFilterItem.SearchFilterItem;

package/dist/search/SearchFilter/SearchFilterItem.d.cts

@@ -0,0 +1,13 @@
+import { SearchFilterItemProps } from "../../types-CImLkcNh.cjs";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+
+//#region src/components/search/SearchFilter/SearchFilterItem.d.ts
+declare const SearchFilterItem: ({
+  filterItem,
+  onSelectFilterItem,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor
+}: SearchFilterItemProps) => react_jsx_runtime9.JSX.Element;
+//#endregion
+export { SearchFilterItem };

package/dist/search/SearchFilter/SearchFilterItem.d.ts

@@ -0,0 +1,13 @@
+import { SearchFilterItemProps } from "../../types-BQNqA5xL.js";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+
+//#region src/components/search/SearchFilter/SearchFilterItem.d.ts
+declare const SearchFilterItem: ({
+  filterItem,
+  onSelectFilterItem,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor
+}: SearchFilterItemProps) => react_jsx_runtime19.JSX.Element;
+//#endregion
+export { SearchFilterItem };

package/dist/search/SearchFilter/SearchFilterItem.js

@@ -0,0 +1,5 @@
+import "../../textVariantClasses-5t3OricK.js";
+import "../../Text-Bdv7F5-u.js";
+import { SearchFilterItem } from "../../SearchFilterItem-BodtWLoP.js";
+
+export { SearchFilterItem };

package/dist/search/SearchInput/SearchInput.cjs

@@ -0,0 +1,6 @@
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+require('../../TextInput-BO80ixsV.cjs');
+require('../../colorsConfig-TCONYTQ7.cjs');
+const require_SearchInput = require('../../SearchInput-DSB9CwIq.cjs');
+
+exports.SearchInput = require_SearchInput.SearchInput;

package/dist/search/SearchInput/SearchInput.d.cts

@@ -0,0 +1,20 @@
+import { SearchInputVariant } from "../../types-Dy4_w6Cf.cjs";
+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/search/SearchInput/SearchInput.d.ts

@@ -0,0 +1,20 @@
+import { SearchInputVariant } from "../../types-BRLWwGMI.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/search/SearchInput/SearchInput.js

@@ -0,0 +1,6 @@
+import "../../textVariantClasses-5t3OricK.js";
+import "../../TextInput-CEGWfdPC.js";
+import "../../colorsConfig-l0ODUVhu.js";
+import { SearchInput } from "../../SearchInput-BrcAgcvI.js";
+
+export { SearchInput };

package/dist/search/SearchInputAutocomplete/SearchAutocomplete.cjs

@@ -0,0 +1,3 @@
+const require_SearchAutocomplete = require('../../SearchAutocomplete-wr18dJ8L.cjs');
+
+exports.SearchAutocomplete = require_SearchAutocomplete.SearchAutocomplete;

package/dist/search/SearchInputAutocomplete/SearchAutocomplete.d.cts

@@ -0,0 +1,13 @@
+import React from "react";
+
+//#region src/components/search/SearchInputAutocomplete/SearchAutocomplete.d.ts
+interface GlobalSearchAutocompleteProps {
+  id: string;
+  results: string[];
+  focusedIndex: number;
+  onSuggestionSelect: (suggestion: string, rankPosition: number) => void;
+  iconColor?: string;
+}
+declare const SearchAutocomplete: React.FC<GlobalSearchAutocompleteProps>;
+//#endregion
+export { SearchAutocomplete };

package/dist/search/SearchInputAutocomplete/SearchAutocomplete.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+
+//#region src/components/search/SearchInputAutocomplete/SearchAutocomplete.d.ts
+interface GlobalSearchAutocompleteProps {
+  id: string;
+  results: string[];
+  focusedIndex: number;
+  onSuggestionSelect: (suggestion: string, rankPosition: number) => void;
+  iconColor?: string;
+}
+declare const SearchAutocomplete: React.FC<GlobalSearchAutocompleteProps>;
+//#endregion
+export { SearchAutocomplete };

package/dist/search/SearchInputAutocomplete/SearchAutocomplete.js

@@ -0,0 +1,3 @@
+import { SearchAutocomplete } from "../../SearchAutocomplete-C5FL82xC.js";
+
+export { SearchAutocomplete };

package/dist/search/SearchInputForm/SearchInputForm.cjs

@@ -0,0 +1,38 @@
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+require('../../TextInput-BO80ixsV.cjs');
+const require_SearchAutocomplete = require('../../SearchAutocomplete-wr18dJ8L.cjs');
+require('../../colorsConfig-TCONYTQ7.cjs');
+const require_SearchInput = require('../../SearchInput-DSB9CwIq.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
+exports.SearchInputForm = SearchInputForm;

package/dist/search/SearchInputForm/SearchInputForm.d.cts

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

package/dist/search/SearchInputForm/SearchInputForm.d.ts

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

package/dist/search/SearchInputForm/SearchInputForm.js

@@ -0,0 +1,36 @@
+import "../../textVariantClasses-5t3OricK.js";
+import "../../TextInput-CEGWfdPC.js";
+import { SearchAutocomplete } from "../../SearchAutocomplete-C5FL82xC.js";
+import "../../colorsConfig-l0ODUVhu.js";
+import { SearchInput, searchInputVariantClasses } from "../../SearchInput-BrcAgcvI.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/search/SearchResultsFilterSidebar/SearchResultsFilter.cjs

@@ -0,0 +1,52 @@
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+const require_ButtonBase = require('../../ButtonBase-a8uj6c2f.cjs');
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+require('../../Text-C04c4Z93.cjs');
+require('../../SearchFilterItem-DmMkiqNC.cjs');
+const require_SearchFilter = require('../../SearchFilter-D0IzBlG5.cjs');
+const require_SearchFilterHeader = require('../../SearchFilterHeader-C3EklfoO.cjs');
+require('../../colorsConfig-TCONYTQ7.cjs');
+const require_searchFilterSidebarVariants = require('../../searchFilterSidebarVariants-GfFbQzGf.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
+exports.SearchResultsFilter = SearchResultsFilter;

package/dist/search/SearchResultsFilterSidebar/SearchResultsFilter.d.cts

@@ -0,0 +1,28 @@
+import { SearchFilter, SelectFilterItem } from "../../types-CImLkcNh.cjs";
+import { SearchFilterSidebarVariant } from "../../types-B4BGZSlV.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/search/SearchResultsFilterSidebar/SearchResultsFilter.d.ts

@@ -0,0 +1,28 @@
+import { SearchFilter, SelectFilterItem } from "../../types-BQNqA5xL.js";
+import { SearchFilterSidebarVariant } from "../../types-CpiJO5UH.js";
+import * as react_jsx_runtime0 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_runtime0.JSX.Element;
+//#endregion
+export { SearchResultsFilter, SearchResultsFilterProps };

package/dist/search/SearchResultsFilterSidebar/SearchResultsFilter.js

@@ -0,0 +1,49 @@
+import { ButtonBase } from "../../ButtonBase-C1rsL9gO.js";
+import "../../textVariantClasses-5t3OricK.js";
+import "../../Text-Bdv7F5-u.js";
+import "../../SearchFilterItem-BodtWLoP.js";
+import { SearchFilter } from "../../SearchFilter-D-2IdBKS.js";
+import { SearchFilterHeader } from "../../SearchFilterHeader-BQT0-ssS.js";
+import "../../colorsConfig-l0ODUVhu.js";
+import { searchFilterSidebarVariantClasses } from "../../searchFilterSidebarVariants-lJVVZT_2.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/search/SearchResultsStates/NoSearchResultsFound.cjs

@@ -0,0 +1,30 @@
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+const require_Text = require('../../Text-C04c4Z93.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 __envive_ai_react_icons_src_Sparkles = require("@envive-ai/react-icons/src/Sparkles");
+__envive_ai_react_icons_src_Sparkles = require_chunk.__toESM(__envive_ai_react_icons_src_Sparkles);
+
+//#region src/components/search/SearchResultsStates/NoSearchResultsFound.tsx
+const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = false, noResultsFoundText, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
+	const containerClasses = (0, classnames.default)(containerPaddingClasses, includeBottomMargin ? "spiffy-tw-mb-[100vh]" : "", "spiffy-tw-mt-6");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: containerClasses,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "spiffy-tw-flex spiffy-tw-items-start spiffy-tw-gap-2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_src_Sparkles.default, {
+				className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
+				style: { color: sparkleIconColor }
+			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+				variant: "body2",
+				children: noResultsFoundText || "I’m sorry, I wasn’t able to find an exact match. Try changing your filters or adjusting your search query."
+			})]
+		})
+	});
+};
+
+//#endregion
+exports.NoSearchResultsFound = NoSearchResultsFound;