@envive-ai/react-toolkit 0.2.13-arthur-1 → 0.2.14

package/dist/components/SearchResultsStates/SearchResultsGrid.d.cts

@@ -0,0 +1,46 @@
+import { ProductCardConfig, ProductGridVariant } from "../ProductCard/types.cjs";
+import { SearchFilterSidebarVariant } from "../SearchResultsFilterSidebar/types.cjs";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+
+//#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
+interface SearchResultsGridProps {
+  productList: SearchResponseProduct[];
+  productCardConfig: ProductCardConfig;
+  merchantShortName: string;
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  productGridVariant: ProductGridVariant;
+  selectedFilterOptions: SelectedFilterOption[];
+  containerXPaddingClasses: string;
+  productGridClasses: string;
+  onProductClick?: () => void;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const SearchResultsGrid: ({
+  productList,
+  productCardConfig,
+  merchantShortName,
+  availableDynamicFilters,
+  searchFilterSidebarVariant,
+  productGridVariant,
+  selectedFilterOptions,
+  containerXPaddingClasses,
+  productGridClasses,
+  onRemoveFilter,
+  onToggleDynamicFilter,
+  onProductClick
+}: SearchResultsGridProps) => react_jsx_runtime5.JSX.Element;
+//#endregion
+export { SearchResultsGrid };

package/dist/components/SearchResultsStates/SearchResultsGrid.d.ts

@@ -0,0 +1,46 @@
+import { ProductCardConfig, ProductGridVariant } from "../ProductCard/types.js";
+import { SearchFilterSidebarVariant } from "../SearchResultsFilterSidebar/types.js";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+
+//#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
+interface SearchResultsGridProps {
+  productList: SearchResponseProduct[];
+  productCardConfig: ProductCardConfig;
+  merchantShortName: string;
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  productGridVariant: ProductGridVariant;
+  selectedFilterOptions: SelectedFilterOption[];
+  containerXPaddingClasses: string;
+  productGridClasses: string;
+  onProductClick?: () => void;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const SearchResultsGrid: ({
+  productList,
+  productCardConfig,
+  merchantShortName,
+  availableDynamicFilters,
+  searchFilterSidebarVariant,
+  productGridVariant,
+  selectedFilterOptions,
+  containerXPaddingClasses,
+  productGridClasses,
+  onRemoveFilter,
+  onToggleDynamicFilter,
+  onProductClick
+}: SearchResultsGridProps) => react_jsx_runtime8.JSX.Element;
+//#endregion
+export { SearchResultsGrid };

package/dist/components/SearchResultsStates/SearchResultsGrid.js

@@ -0,0 +1,51 @@
+import { AppliedFiltersScrollbar } from "../FilterScrollbar/AppliedFiltersScrollbar.js";
+import { DynamicFiltersScrollbar } from "../FilterScrollbar/DynamicFiltersScrollbar.js";
+import { ProductGrid } from "../ProductGrid/ProductGrid.js";
+import "../ProductGrid/index.js";
+import { searchFilterSidebarVariantClasses } from "../SearchResultsFilterSidebar/searchFilterSidebarVariants.js";
+import { motion } from "framer-motion";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SearchResultsStates/SearchResultsGrid.tsx
+const SearchResultsGrid = ({ productList, productCardConfig, merchantShortName, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter, onProductClick }) => {
+	const sharedFilterBarClasses = classNames("spiffy-suggestion-bar", "spiffy-tw-no-scrollbar", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-gap-2", "spiffy-tw-mb-[16px]", "spiffy-tw-overflow-x-scroll", containerXPaddingClasses);
+	const filterBarClasses = classNames(sharedFilterBarClasses, "spiffy-tw-mt-[24px]");
+	const appliedFilterBarClasses = classNames(sharedFilterBarClasses, "spiffy-tw-mb-[32px]", "spiffy-tw-mt-[8px]");
+	const { filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses } = searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
+	return /* @__PURE__ */ jsxs(motion.div, {
+		className: "spiffy-tw-w-full spiffy-tw-justify-center spiffy-tw-overflow-hidden",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: [
+			/* @__PURE__ */ jsx(AppliedFiltersScrollbar, {
+				selectedFilterOptions,
+				filterBarClassNames: appliedFilterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				appliedFilterBackgroundClasses,
+				onRemoveFilter
+			}),
+			/* @__PURE__ */ jsx(DynamicFiltersScrollbar, {
+				availableDynamicFilters,
+				filterBarClassNames: filterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				onToggleDynamicFilter
+			}),
+			/* @__PURE__ */ jsx(ProductGrid, {
+				productList,
+				productGridVariant,
+				productGridClasses,
+				productCardConfig,
+				merchantShortName,
+				onProductClick
+			})
+		]
+	});
+};
+
+//#endregion
+export { SearchResultsGrid };

package/dist/components/SearchResultsStates/SearchResultsLoadingGrid.cjs

@@ -0,0 +1,52 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Typography = require('../Typography/Typography.cjs');
+require('../Typography/index.cjs');
+const require_ProductCardSkeleton = require('../ProductCard/ProductCardSkeleton.cjs');
+require('../ProductCard/index.cjs');
+const require_productGridVariants = require('../ProductGrid/productGridVariants.cjs');
+require('../ProductGrid/index.cjs');
+const require_SparkleAnimation = require('../SparkleAnimation/SparkleAnimation.cjs');
+require('../SparkleAnimation/index.cjs');
+let framer_motion = require("framer-motion");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx
+const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
+	const { productCardLayoutVariant, productCardImageAspectRatio } = require_productGridVariants.productGridVariantClasses[productGridVariant];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+		className: "spiffy-tw-w-full spiffy-tw-justify-center spiffy-tw-overflow-hidden",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "spiffy-tw-mt-6 spiffy-tw-w-full",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "spiffy-tw-mb-4 spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "spiffy-tw-ml-[16px] spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 md:spiffy-tw-ml-[80px]",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "spiffy-tw-width-[24px]",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SparkleAnimation.SparkleAnimation, {
+							color: sparkleIconColor,
+							animate: true
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+						variant: "body2",
+						children: "Finding the best options for you..."
+					})]
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: productGridClasses,
+				children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCardSkeleton.ProductCardSkeleton, {
+					layoutVariant: productCardLayoutVariant,
+					aspectRatio: productCardImageAspectRatio,
+					growWithContainer: true
+				}, index))
+			})]
+		})
+	});
+};
+
+//#endregion
+exports.SearchResultsLoadingGrid = SearchResultsLoadingGrid;

package/dist/components/SearchResultsStates/SearchResultsLoadingGrid.d.cts

@@ -0,0 +1,15 @@
+import { ProductGridVariant } from "../ProductCard/types.cjs";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
+declare const SearchResultsLoadingGrid: ({
+  productGridVariant,
+  productGridClasses,
+  sparkleIconColor
+}: {
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  sparkleIconColor?: string;
+}) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { SearchResultsLoadingGrid };

package/dist/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts

@@ -0,0 +1,15 @@
+import { ProductGridVariant } from "../ProductCard/types.js";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
+declare const SearchResultsLoadingGrid: ({
+  productGridVariant,
+  productGridClasses,
+  sparkleIconColor
+}: {
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  sparkleIconColor?: string;
+}) => react_jsx_runtime7.JSX.Element;
+//#endregion
+export { SearchResultsLoadingGrid };

package/dist/components/SearchResultsStates/SearchResultsLoadingGrid.js

@@ -0,0 +1,51 @@
+import { Typography } from "../Typography/Typography.js";
+import "../Typography/index.js";
+import { ProductCardSkeleton } from "../ProductCard/ProductCardSkeleton.js";
+import "../ProductCard/index.js";
+import { productGridVariantClasses } from "../ProductGrid/productGridVariants.js";
+import "../ProductGrid/index.js";
+import { SparkleAnimation } from "../SparkleAnimation/SparkleAnimation.js";
+import "../SparkleAnimation/index.js";
+import { motion } from "framer-motion";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx
+const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
+	const { productCardLayoutVariant, productCardImageAspectRatio } = productGridVariantClasses[productGridVariant];
+	return /* @__PURE__ */ jsx(motion.div, {
+		className: "spiffy-tw-w-full spiffy-tw-justify-center spiffy-tw-overflow-hidden",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "spiffy-tw-mt-6 spiffy-tw-w-full",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "spiffy-tw-mb-4 spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "spiffy-tw-ml-[16px] spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 md:spiffy-tw-ml-[80px]",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "spiffy-tw-width-[24px]",
+						children: /* @__PURE__ */ jsx(SparkleAnimation, {
+							color: sparkleIconColor,
+							animate: true
+						})
+					}), /* @__PURE__ */ jsx(Typography, {
+						variant: "body2",
+						children: "Finding the best options for you..."
+					})]
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: productGridClasses,
+				children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx(ProductCardSkeleton, {
+					layoutVariant: productCardLayoutVariant,
+					aspectRatio: productCardImageAspectRatio,
+					growWithContainer: true
+				}, index))
+			})]
+		})
+	});
+};
+
+//#endregion
+export { SearchResultsLoadingGrid };

package/dist/components/SearchResultsStates/index.cjs

@@ -1,18 +1,7 @@
-require('../../formatPrice-CyfkjZ3R.cjs');
-require('../../Typography-Ds4gfOJz.cjs');
-require('../../jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
-require('../../DynamicFiltersScrollbar-IO886VXD.cjs');
-require('../../ImageWithFallback-C-ZQn7tR.cjs');
-require('../../ProductCard-C7rZyWpj.cjs');
-require('../../Spinner-7HblFCja.cjs');
-require('../../ProductGrid-0A8vml2y.cjs');
-require('../../RecommendedProducts-qkPxXVJn.cjs');
-require('../../colorsConfig-Dp7w5LPb.cjs');
-const require_SearchResultsStates = require('../../SearchResultsStates-CQR5Il4l.cjs');
-require('../../searchFilterSidebarVariants-CjyRGKK_.cjs');
-require('../../FourPointStar-AQ9OSu0S.cjs');
-require('../../SparkleAnimation-BikAiAmb.cjs');
+const require_NoSearchResultsFound = require('./NoSearchResultsFound.cjs');
+const require_SearchResultsGrid = require('./SearchResultsGrid.cjs');
+const require_SearchResultsLoadingGrid = require('./SearchResultsLoadingGrid.cjs');
 
-exports.NoSearchResultsFound = require_SearchResultsStates.NoSearchResultsFound;
-exports.SearchResultsGrid = require_SearchResultsStates.SearchResultsGrid;
-exports.SearchResultsLoadingGrid = require_SearchResultsStates.SearchResultsLoadingGrid;
+exports.NoSearchResultsFound = require_NoSearchResultsFound.NoSearchResultsFound;
+exports.SearchResultsGrid = require_SearchResultsGrid.SearchResultsGrid;
+exports.SearchResultsLoadingGrid = require_SearchResultsLoadingGrid.SearchResultsLoadingGrid;

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

@@ -0,0 +1,4 @@
+import { NoSearchResultsFound } from "./NoSearchResultsFound.cjs";
+import { SearchResultsGrid } from "./SearchResultsGrid.cjs";
+import { SearchResultsLoadingGrid } from "./SearchResultsLoadingGrid.cjs";
+export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

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

@@ -0,0 +1,4 @@
+import { NoSearchResultsFound } from "./NoSearchResultsFound.js";
+import { SearchResultsGrid } from "./SearchResultsGrid.js";
+import { SearchResultsLoadingGrid } from "./SearchResultsLoadingGrid.js";
+export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/components/SearchResultsStates/index.js

@@ -1,16 +1,5 @@
-import "../../formatPrice-DexQu2aZ.js";
-import "../../Typography-xehJH05l.js";
-import "../../jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
-import "../../DynamicFiltersScrollbar-s5yfmMau.js";
-import "../../ImageWithFallback-DjDNefaG.js";
-import "../../ProductCard-GxpFxjh0.js";
-import "../../Spinner-OFbXMms8.js";
-import "../../ProductGrid-DAwc9dKV.js";
-import "../../RecommendedProducts-C6dLpLPP.js";
-import "../../colorsConfig-CFI1KN8R.js";
-import { n as SearchResultsGrid, r as NoSearchResultsFound, t as SearchResultsLoadingGrid } from "../../SearchResultsStates-D7HfsLeZ.js";
-import "../../searchFilterSidebarVariants-gkgkflXx.js";
-import "../../FourPointStar-3DqnYmfN.js";
-import "../../SparkleAnimation-szzXiTam.js";
+import { NoSearchResultsFound } from "./NoSearchResultsFound.js";
+import { SearchResultsGrid } from "./SearchResultsGrid.js";
+import { SearchResultsLoadingGrid } from "./SearchResultsLoadingGrid.js";
 
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/components/SearchResultsToolbar/SearchResultsToolbar.cjs

@@ -0,0 +1,60 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_SearchInputForm = require('../SearchInputForm/SearchInputForm.cjs');
+require('../SearchInputForm/index.cjs');
+const require_SearchResultsFilterButton = require('../SearchResultsFilterButton/SearchResultsFilterButton.cjs');
+require('../SearchResultsFilterButton/index.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__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);
+	const searchInputRef = (0, react.useRef)(null);
+	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,
+				searchInputRef
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsFilterButton.SearchResultsFilterButton, {
+				setIsOpen: setIsFilterOpen,
+				filterButtonText
+			})]
+		})
+	});
+};
+
+//#endregion
+exports.SearchResultsToolbar = SearchResultsToolbar;

package/dist/components/SearchResultsToolbar/{index-CIvuccni.d.ts → SearchResultsToolbar.d.cts}

@@ -1,5 +1,5 @@
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import React from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
 
 //#region src/components/SearchResultsToolbar/SearchResultsToolbar.d.ts
@@ -44,6 +44,6 @@ declare const SearchResultsToolbar: ({
   toolbarRef,
   isVisible,
   className
-}: SearchResultsToolbarProps) => react_jsx_runtime9.JSX.Element;
+}: SearchResultsToolbarProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { SearchResultsToolbar };

package/dist/components/SearchResultsToolbar/{index-PYr086HM.d.cts → SearchResultsToolbar.d.ts}

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
 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
@@ -44,6 +44,6 @@ declare const SearchResultsToolbar: ({
   toolbarRef,
   isVisible,
   className
-}: SearchResultsToolbarProps) => react_jsx_runtime14.JSX.Element;
+}: SearchResultsToolbarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SearchResultsToolbar };

package/dist/components/SearchResultsToolbar/SearchResultsToolbar.js

@@ -0,0 +1,57 @@
+import { SearchInputForm } from "../SearchInputForm/SearchInputForm.js";
+import "../SearchInputForm/index.js";
+import { SearchResultsFilterButton } from "../SearchResultsFilterButton/SearchResultsFilterButton.js";
+import "../SearchResultsFilterButton/index.js";
+import React, { useRef } 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);
+	const searchInputRef = useRef(null);
+	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,
+				searchInputRef
+			}), /* @__PURE__ */ jsx(SearchResultsFilterButton, {
+				setIsOpen: setIsFilterOpen,
+				filterButtonText
+			})]
+		})
+	});
+};
+
+//#endregion
+export { SearchResultsToolbar };

package/dist/components/SearchResultsToolbar/index.cjs

@@ -1,68 +1,5 @@
 'use client';
 
+const require_SearchResultsToolbar = require('./SearchResultsToolbar.cjs');
 
-const require_chunk = require('../../chunk-CUT6urMc.cjs');
-require('../../Typography-Ds4gfOJz.cjs');
-require('../../jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
-require('../../ButtonBase-C44g6llb.cjs');
-require('../../ButtonBase-Cb6Iec6f.cjs');
-require('../../OutlinedStar-CC0V_jAK.cjs');
-require('../../SearchAutocomplete-BdTWETDB.cjs');
-require('../../SearchInput-CImlqrau.cjs');
-require('../../TextInput-CaynCoDf.cjs');
-require('../../colorsConfig-Dp7w5LPb.cjs');
-const require_SearchInputForm = require('../../SearchInputForm-ZgNNEX6E.cjs');
-const require_SearchResultsFilterButton = require('../../SearchResultsFilterButton-D929tRt9.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;
+exports.SearchResultsToolbar = require_SearchResultsToolbar.SearchResultsToolbar;

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

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

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

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

package/dist/components/SearchResultsToolbar/index.js

@@ -1,65 +1,5 @@
 'use client';
 
+import { SearchResultsToolbar } from "./SearchResultsToolbar.js";
 
-import "../../Typography-xehJH05l.js";
-import "../../jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
-import "../../ButtonBase-Cjo-fBg2.js";
-import "../../ButtonBase-D2eXuapk.js";
-import "../../OutlinedStar-WWs3gRwt.js";
-import "../../SearchAutocomplete-DNe193EV.js";
-import "../../SearchInput-kLhxkpgq.js";
-import "../../TextInput-CsdOvLBQ.js";
-import "../../colorsConfig-CFI1KN8R.js";
-import { t as SearchInputForm } from "../../SearchInputForm-CFm_hUvX.js";
-import { t as SearchResultsFilterButton } from "../../SearchResultsFilterButton-Dk7u7rgn.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 };