@envive-ai/react-toolkit 0.2.10 → 0.2.12

package/dist/components/SearchResultsFilterButton/index.cjs

@@ -0,0 +1,9 @@
+'use client';
+
+
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../ButtonBase-BMEAmPnS.cjs');
+require('../../ButtonBase-BIXx56hq.cjs');
+const require_SearchResultsFilterButton = require('../../SearchResultsFilterButton-BedTofz5.cjs');
+
+exports.SearchResultsFilterButton = require_SearchResultsFilterButton.SearchResultsFilterButton;

package/dist/components/SearchResultsFilterButton/index.js

@@ -0,0 +1,9 @@
+'use client';
+
+
+import "../../Typography-xehJH05l.js";
+import "../../ButtonBase-CT397aT3.js";
+import "../../ButtonBase-C9fn-c5h.js";
+import { t as SearchResultsFilterButton } from "../../SearchResultsFilterButton-CV11UTGi.js";
+
+export { SearchResultsFilterButton };

package/dist/components/SearchResultsFilterModal/index-BNZEJiXR.d.cts

@@ -0,0 +1,27 @@
+import { a as SearchFilterSidebarVariant } from "../../index-BKYA7uMB.cjs";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { SearchFilterDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
+
+//#region src/components/SearchResultsFilterModal/SearchResultsFilterModal.d.ts
+type SearchResultsFilterModalProps = {
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  searchFilters: SearchFilterDatum[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  onSelectFilterItem: SelectFilterItem;
+  onClearAllFilters: () => void;
+  filterButtonText: string;
+};
+declare const SearchResultsFilterModal: ({
+  productCount,
+  isOpen,
+  setIsOpen,
+  searchFilters,
+  searchFilterSidebarVariant,
+  onSelectFilterItem,
+  onClearAllFilters,
+  filterButtonText
+}: SearchResultsFilterModalProps) => react_jsx_runtime7.JSX.Element;
+//#endregion
+export { SearchResultsFilterModal, SearchResultsFilterModalProps };

package/dist/components/SearchResultsFilterModal/index-CXBAA2-F.d.ts

@@ -0,0 +1,27 @@
+import { a as SearchFilterSidebarVariant } from "../../index-8cIrhPDk.js";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { SearchFilterDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
+
+//#region src/components/SearchResultsFilterModal/SearchResultsFilterModal.d.ts
+type SearchResultsFilterModalProps = {
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  searchFilters: SearchFilterDatum[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  onSelectFilterItem: SelectFilterItem;
+  onClearAllFilters: () => void;
+  filterButtonText: string;
+};
+declare const SearchResultsFilterModal: ({
+  productCount,
+  isOpen,
+  setIsOpen,
+  searchFilters,
+  searchFilterSidebarVariant,
+  onSelectFilterItem,
+  onClearAllFilters,
+  filterButtonText
+}: SearchResultsFilterModalProps) => react_jsx_runtime7.JSX.Element;
+//#endregion
+export { SearchResultsFilterModal, SearchResultsFilterModalProps };

package/dist/components/SearchResultsFilterModal/index.cjs

@@ -0,0 +1,47 @@
+'use client';
+
+
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../Accordion-B0TzPN3m.cjs');
+require('../../AnimatedChevron-9xf90bpP.cjs');
+require('../../ButtonBase-BMEAmPnS.cjs');
+require('../../ButtonBase-BIXx56hq.cjs');
+require('../../ModalSheet-Be7-bkXK.cjs');
+require('../../RadioButton-Dcdj8pNp.cjs');
+require('../../RadioButtonGroup-BnnMx8sE.cjs');
+const require_SearchFilter = require('../../SearchFilter-DxrQOLx0.cjs');
+require('../../ToggleButton-CmxTz-ou.cjs');
+require('../../colorsConfig-D-MZuBvt.cjs');
+const require_searchFilterSidebarVariants = require('../../searchFilterSidebarVariants-C61Byr1S.cjs');
+require('../../SearchResultsFilterSidebar-Dgz98oyD.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/SearchResultsFilterModal/SearchResultsFilterModal.tsx
+const SearchResultsFilterModal = ({ productCount, isOpen, setIsOpen, searchFilters, searchFilterSidebarVariant, onSelectFilterItem, onClearAllFilters, filterButtonText }) => {
+	const { applyFiltersUnchangedClasses, applyFiltersChangedClasses, searchFilterHeaderClasses, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant } = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
+	return /* @__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
+		})
+	});
+};
+
+//#endregion
+exports.SearchResultsFilterModal = SearchResultsFilterModal;

package/dist/components/SearchResultsFilterModal/index.js

@@ -0,0 +1,46 @@
+'use client';
+
+
+import "../../Typography-xehJH05l.js";
+import "../../Accordion-D8Vm8J1y.js";
+import "../../AnimatedChevron-DghLnmlM.js";
+import "../../ButtonBase-CT397aT3.js";
+import "../../ButtonBase-C9fn-c5h.js";
+import "../../ModalSheet-DVrY7Mw0.js";
+import "../../RadioButton-Bm0qK3bX.js";
+import "../../RadioButtonGroup-hme7gSiQ.js";
+import { n as SearchFilter, o as SearchFilterHeader } from "../../SearchFilter-CYY5sNXV.js";
+import "../../ToggleButton-BTz_zIdc.js";
+import "../../colorsConfig-BjdoRtRK.js";
+import { t as searchFilterSidebarVariantClasses } from "../../searchFilterSidebarVariants-DcwlBfvY.js";
+import "../../SearchResultsFilterSidebar-Bvpk7Uoo.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/SearchResultsFilterModal/SearchResultsFilterModal.tsx
+const SearchResultsFilterModal = ({ productCount, isOpen, setIsOpen, searchFilters, searchFilterSidebarVariant, onSelectFilterItem, onClearAllFilters, filterButtonText }) => {
+	const { applyFiltersUnchangedClasses, applyFiltersChangedClasses, searchFilterHeaderClasses, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant } = searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
+	return /* @__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
+		})
+	});
+};
+
+//#endregion
+export { SearchResultsFilterModal };

package/dist/components/SearchResultsFilterSidebar/index-BDcl27l4.d.ts

@@ -0,0 +1,2 @@
+import { a as SearchFilterSidebarVariant, i as CloseIconVariant, n as SearchResultsFilterProps, r as searchFilterSidebarVariantClasses, t as SearchResultsFilter } from "../../index-8cIrhPDk.js";
+export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/components/SearchResultsFilterSidebar/index-DgPB1knO.d.cts

@@ -0,0 +1,2 @@
+import { a as SearchFilterSidebarVariant, i as CloseIconVariant, n as SearchResultsFilterProps, r as searchFilterSidebarVariantClasses, t as SearchResultsFilter } from "../../index-BKYA7uMB.cjs";
+export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/components/SearchResultsFilterSidebar/index.cjs

@@ -0,0 +1,16 @@
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../Accordion-B0TzPN3m.cjs');
+require('../../AnimatedChevron-9xf90bpP.cjs');
+require('../../ButtonBase-BMEAmPnS.cjs');
+require('../../ButtonBase-BIXx56hq.cjs');
+require('../../ModalSheet-Be7-bkXK.cjs');
+require('../../RadioButton-Dcdj8pNp.cjs');
+require('../../RadioButtonGroup-BnnMx8sE.cjs');
+require('../../SearchFilter-DxrQOLx0.cjs');
+require('../../ToggleButton-CmxTz-ou.cjs');
+require('../../colorsConfig-D-MZuBvt.cjs');
+const require_searchFilterSidebarVariants = require('../../searchFilterSidebarVariants-C61Byr1S.cjs');
+const require_SearchResultsFilterSidebar = require('../../SearchResultsFilterSidebar-Dgz98oyD.cjs');
+
+exports.SearchResultsFilter = require_SearchResultsFilterSidebar.SearchResultsFilter;
+exports.searchFilterSidebarVariantClasses = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses;

package/dist/components/SearchResultsFilterSidebar/index.js

@@ -0,0 +1,15 @@
+import "../../Typography-xehJH05l.js";
+import "../../Accordion-D8Vm8J1y.js";
+import "../../AnimatedChevron-DghLnmlM.js";
+import "../../ButtonBase-CT397aT3.js";
+import "../../ButtonBase-C9fn-c5h.js";
+import "../../ModalSheet-DVrY7Mw0.js";
+import "../../RadioButton-Bm0qK3bX.js";
+import "../../RadioButtonGroup-hme7gSiQ.js";
+import "../../SearchFilter-CYY5sNXV.js";
+import "../../ToggleButton-BTz_zIdc.js";
+import "../../colorsConfig-BjdoRtRK.js";
+import { t as searchFilterSidebarVariantClasses } from "../../searchFilterSidebarVariants-DcwlBfvY.js";
+import { t as SearchResultsFilter } from "../../SearchResultsFilterSidebar-Bvpk7Uoo.js";
+
+export { SearchResultsFilter, searchFilterSidebarVariantClasses };

package/dist/{SearchResultsStates/index.d.ts → components/SearchResultsStates/index-CjYl1v-v.d.cts}

@@ -1,22 +1,29 @@
-import { ProductCardConfig, ProductGridVariant } from "../index-BB4Qbpmg.js";
-import { SearchFilterSidebarVariant } from "../index-DmvaMYbj.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import { d as ProductCardConfig, y as ProductGridVariant } from "../../index-CqfgJHj8.cjs";
+import { a as SearchFilterSidebarVariant } from "../../index-BKYA7uMB.cjs";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/SearchResultsStates/NoSearchResultsFound.d.ts
 interface NoSearchResultsFoundProps {
   containerPaddingClasses: string;
-  includeBottomMargin?: boolean;
   noResultsFoundText?: string;
   sparkleIconColor?: string;
+  recommendedProducts: SearchResponseProductAttributes['attributes'][];
+  searchText: string;
+  merchantShortName: string;
+  productGridVariant: ProductGridVariant;
 }
 declare const NoSearchResultsFound: ({
   containerPaddingClasses,
-  includeBottomMargin,
   noResultsFoundText,
-  sparkleIconColor
-}: NoSearchResultsFoundProps) => react_jsx_runtime14.JSX.Element;
+  sparkleIconColor,
+  recommendedProducts,
+  searchText,
+  merchantShortName,
+  productGridVariant
+}: NoSearchResultsFoundProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
 interface SearchResultsGridProps {
@@ -32,6 +39,7 @@ interface SearchResultsGridProps {
   selectedFilterOptions: SelectedFilterOption[];
   containerXPaddingClasses: string;
   productGridClasses: string;
+  onProductClick?: () => void;
   onRemoveFilter: (filter: SelectedFilterOption) => void;
   onToggleDynamicFilter: ({
     filter,
@@ -52,8 +60,9 @@ declare const SearchResultsGrid: ({
   containerXPaddingClasses,
   productGridClasses,
   onRemoveFilter,
-  onToggleDynamicFilter
-}: SearchResultsGridProps) => react_jsx_runtime14.JSX.Element;
+  onToggleDynamicFilter,
+  onProductClick
+}: SearchResultsGridProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
 declare const SearchResultsLoadingGrid: ({
@@ -64,6 +73,6 @@ declare const SearchResultsLoadingGrid: ({
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
   sparkleIconColor?: string;
-}) => react_jsx_runtime14.JSX.Element;
+}) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/{SearchResultsStates/index.d.cts → components/SearchResultsStates/index-DJaUfKjE.d.ts}

@@ -1,22 +1,29 @@
-import { ProductCardConfig, ProductGridVariant } from "../index-BqARXvZ6.cjs";
-import { SearchFilterSidebarVariant } from "../index-Dfe_lkL2.cjs";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import { d as ProductCardConfig, y as ProductGridVariant } from "../../index-Cz6qxTZG.js";
+import { a as SearchFilterSidebarVariant } from "../../index-8cIrhPDk.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/SearchResultsStates/NoSearchResultsFound.d.ts
 interface NoSearchResultsFoundProps {
   containerPaddingClasses: string;
-  includeBottomMargin?: boolean;
   noResultsFoundText?: string;
   sparkleIconColor?: string;
+  recommendedProducts: SearchResponseProductAttributes['attributes'][];
+  searchText: string;
+  merchantShortName: string;
+  productGridVariant: ProductGridVariant;
 }
 declare const NoSearchResultsFound: ({
   containerPaddingClasses,
-  includeBottomMargin,
   noResultsFoundText,
-  sparkleIconColor
-}: NoSearchResultsFoundProps) => react_jsx_runtime26.JSX.Element;
+  sparkleIconColor,
+  recommendedProducts,
+  searchText,
+  merchantShortName,
+  productGridVariant
+}: NoSearchResultsFoundProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
 interface SearchResultsGridProps {
@@ -32,6 +39,7 @@ interface SearchResultsGridProps {
   selectedFilterOptions: SelectedFilterOption[];
   containerXPaddingClasses: string;
   productGridClasses: string;
+  onProductClick?: () => void;
   onRemoveFilter: (filter: SelectedFilterOption) => void;
   onToggleDynamicFilter: ({
     filter,
@@ -52,8 +60,9 @@ declare const SearchResultsGrid: ({
   containerXPaddingClasses,
   productGridClasses,
   onRemoveFilter,
-  onToggleDynamicFilter
-}: SearchResultsGridProps) => react_jsx_runtime26.JSX.Element;
+  onToggleDynamicFilter,
+  onProductClick
+}: SearchResultsGridProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
 declare const SearchResultsLoadingGrid: ({
@@ -64,6 +73,6 @@ declare const SearchResultsLoadingGrid: ({
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
   sparkleIconColor?: string;
-}) => react_jsx_runtime26.JSX.Element;
+}) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/components/SearchResultsStates/index.cjs

@@ -0,0 +1,16 @@
+require('../../formatPrice-CyfkjZ3R.cjs');
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../DynamicFiltersScrollbar-DqIydLJu.cjs');
+require('../../ImageWithFallback-CuPe6XF6.cjs');
+require('../../ProductCard-BeY85PBf.cjs');
+require('../../Spinner-FQpy5bGu.cjs');
+require('../../ProductGrid-CxKK7w_X.cjs');
+require('../../RecommendedProducts-C2eNVrLo.cjs');
+require('../../colorsConfig-D-MZuBvt.cjs');
+const require_SearchResultsStates = require('../../SearchResultsStates-D37wFr9h.cjs');
+require('../../searchFilterSidebarVariants-C61Byr1S.cjs');
+require('../../SparkleAnimation-B5A_NCuy.cjs');
+
+exports.NoSearchResultsFound = require_SearchResultsStates.NoSearchResultsFound;
+exports.SearchResultsGrid = require_SearchResultsStates.SearchResultsGrid;
+exports.SearchResultsLoadingGrid = require_SearchResultsStates.SearchResultsLoadingGrid;

package/dist/components/SearchResultsStates/index.js

@@ -0,0 +1,14 @@
+import "../../formatPrice-DexQu2aZ.js";
+import "../../Typography-xehJH05l.js";
+import "../../DynamicFiltersScrollbar-CibstqNd.js";
+import "../../ImageWithFallback-_QZT0EKI.js";
+import "../../ProductCard-BoyYu6mI.js";
+import "../../Spinner-CDDFWySo.js";
+import "../../ProductGrid-DmtSXfyE.js";
+import "../../RecommendedProducts-LalI8aVC.js";
+import "../../colorsConfig-BjdoRtRK.js";
+import { n as SearchResultsGrid, r as NoSearchResultsFound, t as SearchResultsLoadingGrid } from "../../SearchResultsStates-DrGtw0pM.js";
+import "../../searchFilterSidebarVariants-DcwlBfvY.js";
+import "../../SparkleAnimation-BSI_34HX.js";
+
+export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/components/SearchResultsToolbar/index-CVstdvRQ.d.cts

@@ -0,0 +1,49 @@
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+import React from "react";
+import { SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
+
+//#region src/components/SearchResultsToolbar/SearchResultsToolbar.d.ts
+interface SearchResultsToolbarProps {
+  searchInputVariant: SearchInputVariant;
+  searchBoxPlaceholder: string;
+  searchText: string;
+  focusedIndex: number;
+  focusedOptionId: string | undefined;
+  autocompleteResults: string[];
+  filterButtonText: string;
+  shouldShowAutocomplete: boolean;
+  onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onSearchInputChange: (value: string) => void;
+  onSubmitSearch: () => void;
+  onAutocompleteSelect: (suggestion: string, rankPosition?: number) => void;
+  onSearchInputFocus: () => void;
+  onSearchInputBlur: () => void;
+  setIsFilterOpen: (isOpen: boolean) => void;
+  containerXPaddingClasses: string;
+  toolbarRef: React.RefObject<HTMLDivElement> | null;
+  isVisible: boolean;
+  className?: string;
+}
+declare const SearchResultsToolbar: ({
+  searchInputVariant,
+  searchBoxPlaceholder,
+  searchText,
+  focusedIndex,
+  focusedOptionId,
+  autocompleteResults,
+  filterButtonText,
+  onKeyDown,
+  onSearchInputChange,
+  onSubmitSearch,
+  onAutocompleteSelect,
+  onSearchInputFocus,
+  onSearchInputBlur,
+  shouldShowAutocomplete,
+  setIsFilterOpen,
+  containerXPaddingClasses,
+  toolbarRef,
+  isVisible,
+  className
+}: SearchResultsToolbarProps) => react_jsx_runtime31.JSX.Element;
+//#endregion
+export { SearchResultsToolbar };

package/dist/components/SearchResultsToolbar/index-tAB6lEUm.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
+
+//#region src/components/SearchResultsToolbar/SearchResultsToolbar.d.ts
+interface SearchResultsToolbarProps {
+  searchInputVariant: SearchInputVariant;
+  searchBoxPlaceholder: string;
+  searchText: string;
+  focusedIndex: number;
+  focusedOptionId: string | undefined;
+  autocompleteResults: string[];
+  filterButtonText: string;
+  shouldShowAutocomplete: boolean;
+  onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onSearchInputChange: (value: string) => void;
+  onSubmitSearch: () => void;
+  onAutocompleteSelect: (suggestion: string, rankPosition?: number) => void;
+  onSearchInputFocus: () => void;
+  onSearchInputBlur: () => void;
+  setIsFilterOpen: (isOpen: boolean) => void;
+  containerXPaddingClasses: string;
+  toolbarRef: React.RefObject<HTMLDivElement> | null;
+  isVisible: boolean;
+  className?: string;
+}
+declare const SearchResultsToolbar: ({
+  searchInputVariant,
+  searchBoxPlaceholder,
+  searchText,
+  focusedIndex,
+  focusedOptionId,
+  autocompleteResults,
+  filterButtonText,
+  onKeyDown,
+  onSearchInputChange,
+  onSubmitSearch,
+  onAutocompleteSelect,
+  onSearchInputFocus,
+  onSearchInputBlur,
+  shouldShowAutocomplete,
+  setIsFilterOpen,
+  containerXPaddingClasses,
+  toolbarRef,
+  isVisible,
+  className
+}: SearchResultsToolbarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SearchResultsToolbar };

package/dist/components/SearchResultsToolbar/index.cjs

@@ -0,0 +1,66 @@
+'use client';
+
+
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../ButtonBase-BMEAmPnS.cjs');
+require('../../ButtonBase-BIXx56hq.cjs');
+require('../../SearchAutocomplete-A3HXkHwK.cjs');
+require('../../TextInput-Do5-j1V_.cjs');
+require('../../colorsConfig-D-MZuBvt.cjs');
+require('../../SearchInput-3ppsm2Ke.cjs');
+const require_SearchInputForm = require('../../SearchInputForm-CZz62rOX.cjs');
+const require_SearchResultsFilterButton = require('../../SearchResultsFilterButton-BedTofz5.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");
+
+//#region src/components/SearchResultsToolbar/SearchResultsToolbar.tsx
+const SearchResultsToolbar = ({ searchInputVariant, searchBoxPlaceholder, searchText, focusedIndex, focusedOptionId, autocompleteResults, filterButtonText, onKeyDown, onSearchInputChange, onSubmitSearch, onAutocompleteSelect, onSearchInputFocus, onSearchInputBlur, shouldShowAutocomplete, setIsFilterOpen, containerXPaddingClasses, toolbarRef, isVisible, className }) => {
+	const [hasZIndex, setHasZIndex] = react.default.useState(false);
+	react.default.useEffect(() => {
+		let timer;
+		if (isVisible) {
+			timer = setTimeout(() => {
+				setHasZIndex(true);
+			}, 300);
+			return () => clearTimeout(timer);
+		}
+		setHasZIndex(false);
+		return () => clearTimeout(timer);
+	}, [isVisible]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)("spiffy-tw-bg-white", "spiffy-tw-w-full", className, {
+			"spiffy-tw-z-10": hasZIndex,
+			"spiffy-tw-translate-y-0": isVisible,
+			"-spiffy-tw-translate-y-full": !isVisible
+		}),
+		ref: toolbarRef,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: (0, classnames.default)("spiffy-tw-flex", containerXPaddingClasses),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchInputForm.SearchInputForm, {
+				searchInputVariant,
+				searchText,
+				focusedIndex,
+				autocompleteResults,
+				searchBoxPlaceholder,
+				focusedOptionId,
+				onKeyDown,
+				onSearchInputChange,
+				onSearchInputFocus,
+				onSearchInputBlur,
+				shouldShowAutocomplete,
+				onSearchSubmit: onSubmitSearch,
+				onAutocompleteSelect
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsFilterButton.SearchResultsFilterButton, {
+				setIsOpen: setIsFilterOpen,
+				filterButtonText
+			})]
+		})
+	});
+};
+
+//#endregion
+exports.SearchResultsToolbar = SearchResultsToolbar;

package/dist/components/SearchResultsToolbar/index.js

@@ -0,0 +1,63 @@
+'use client';
+
+
+import "../../Typography-xehJH05l.js";
+import "../../ButtonBase-CT397aT3.js";
+import "../../ButtonBase-C9fn-c5h.js";
+import "../../SearchAutocomplete-Rza3A-gs.js";
+import "../../TextInput-PtrUXoZo.js";
+import "../../colorsConfig-BjdoRtRK.js";
+import "../../SearchInput-DE9Iz7A8.js";
+import { t as SearchInputForm } from "../../SearchInputForm-DrI4WHDt.js";
+import { t as SearchResultsFilterButton } from "../../SearchResultsFilterButton-CV11UTGi.js";
+import React from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SearchResultsToolbar/SearchResultsToolbar.tsx
+const SearchResultsToolbar = ({ searchInputVariant, searchBoxPlaceholder, searchText, focusedIndex, focusedOptionId, autocompleteResults, filterButtonText, onKeyDown, onSearchInputChange, onSubmitSearch, onAutocompleteSelect, onSearchInputFocus, onSearchInputBlur, shouldShowAutocomplete, setIsFilterOpen, containerXPaddingClasses, toolbarRef, isVisible, className }) => {
+	const [hasZIndex, setHasZIndex] = React.useState(false);
+	React.useEffect(() => {
+		let timer;
+		if (isVisible) {
+			timer = setTimeout(() => {
+				setHasZIndex(true);
+			}, 300);
+			return () => clearTimeout(timer);
+		}
+		setHasZIndex(false);
+		return () => clearTimeout(timer);
+	}, [isVisible]);
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames("spiffy-tw-bg-white", "spiffy-tw-w-full", className, {
+			"spiffy-tw-z-10": hasZIndex,
+			"spiffy-tw-translate-y-0": isVisible,
+			"-spiffy-tw-translate-y-full": !isVisible
+		}),
+		ref: toolbarRef,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: classNames("spiffy-tw-flex", containerXPaddingClasses),
+			children: [/* @__PURE__ */ jsx(SearchInputForm, {
+				searchInputVariant,
+				searchText,
+				focusedIndex,
+				autocompleteResults,
+				searchBoxPlaceholder,
+				focusedOptionId,
+				onKeyDown,
+				onSearchInputChange,
+				onSearchInputFocus,
+				onSearchInputBlur,
+				shouldShowAutocomplete,
+				onSearchSubmit: onSubmitSearch,
+				onAutocompleteSelect
+			}), /* @__PURE__ */ jsx(SearchResultsFilterButton, {
+				setIsOpen: setIsFilterOpen,
+				filterButtonText
+			})]
+		})
+	});
+};
+
+//#endregion
+export { SearchResultsToolbar };

package/dist/{SparkleAnimation/index.d.ts → components/SparkleAnimation/index-BQOC3G_6.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/components/SparkleAnimation/SparkleAnimation.d.ts
 interface SparkleAnimationProps {
@@ -10,7 +10,7 @@ declare const SparkleAnimation: ({
   color,
   className,
   animate
-}: SparkleAnimationProps) => react_jsx_runtime2.JSX.Element;
+}: SparkleAnimationProps) => react_jsx_runtime6.JSX.Element;
 //#endregion
 //#region src/components/SparkleAnimation/types.d.ts
 declare enum SparkleAnimationOverride {

package/dist/{SparkleAnimation/index.d.cts → components/SparkleAnimation/index-DjRK3Dys.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/components/SparkleAnimation/SparkleAnimation.d.ts
 interface SparkleAnimationProps {
@@ -10,7 +10,7 @@ declare const SparkleAnimation: ({
   color,
   className,
   animate
-}: SparkleAnimationProps) => react_jsx_runtime25.JSX.Element;
+}: SparkleAnimationProps) => react_jsx_runtime6.JSX.Element;
 //#endregion
 //#region src/components/SparkleAnimation/types.d.ts
 declare enum SparkleAnimationOverride {

package/dist/{SparkleAnimation → components/SparkleAnimation}/index.cjs

@@ -1,4 +1,4 @@
-const require_SparkleAnimation = require('../SparkleAnimation-CvGlWUqv.cjs');
+const require_SparkleAnimation = require('../../SparkleAnimation-B5A_NCuy.cjs');
 
 exports.SparkleAnimation = require_SparkleAnimation.SparkleAnimation;
 exports.SparkleAnimationOverride = require_SparkleAnimation.SparkleAnimationOverride;

package/dist/components/SparkleAnimation/index.js

@@ -0,0 +1,3 @@
+import { n as SparkleAnimationOverride, t as SparkleAnimation } from "../../SparkleAnimation-BSI_34HX.js";
+
+export { SparkleAnimation, SparkleAnimationOverride };