@envive-ai/react-toolkit 0.1.5 → 0.1.7

package/src/components/{SearchInputAutocomplete → SearchAutocomplete}/SearchAutocomplete.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { motion } from 'framer-motion';
 import classNames from 'classnames';
-import OutlinedStar from '@envive-ai/react-icons/src/OutlinedStar';
+import OutlinedStar from '@envive-ai/react-icons/OutlinedStar';
 
 interface GlobalSearchAutocompleteProps {
   id: string;

package/src/components/SearchInput/SearchInput.tsx

@@ -1,12 +1,12 @@
 import React, { useRef, useImperativeHandle } from 'react';
 import classNames from 'classnames';
-import MagnifyingGlassStarVariant from '@envive-ai/react-icons/src/MagnifyingGlassStarVariant';
-import CloseIcon from '@envive-ai/react-icons/src/IconClose';
-import { TextInput } from 'src/components/TextInput/TextInput';
+import MagnifyingGlassStarVariant from '@envive-ai/react-icons/MagnifyingGlassStarVariant';
+import { SearchInputVariant } from '../SearchInputForm';
+import { TextInput } from '../TextInput';
 import { searchInputVariantClasses } from './searchInputVariants';
-import type { SearchInputVariant } from '../SearchInputForm/types';
+import { IconClose } from '@envive-ai/react-icons/src/index.js';
 
-export interface SearchInputProps {
+interface SearchInputProps {
   searchInputVariant?: SearchInputVariant;
   value: string;
   placeholder?: string;
@@ -126,7 +126,7 @@ export const SearchInput = React.forwardRef<HTMLInputElement, SearchInputProps>(
             aria-label="Clear search input"
             type="button"
           >
-            <CloseIcon className={closeButtonIconClassName} />
+            <IconClose className={closeButtonIconClassName} />
           </button>
         )}
       </div>

package/src/components/SearchInput/searchInputVariants.ts

@@ -1,8 +1,8 @@
-import type { TextStyleVariantMap } from 'src/components/Text/textVariantClasses';
-import type { SearchInputVariant } from '../SearchInputForm/types';
-import { ColorNames, colorVar } from 'src/models/colorsConfig';
+import { colorVar, ColorNames } from 'src/models/colorsConfig';
+import { SearchInputVariant } from '../SearchInputForm';
+import { TextStyleVariantMap } from '../Text/textVariantClasses';
 
-interface SearchInputVariantClasses {
+type SearchInputVariantClasses = {
   searchInputIconColor: string;
   searchInputBorderColor: string;
   searchInputCloseIconClasses: string;
@@ -10,7 +10,7 @@ interface SearchInputVariantClasses {
   autocompleteIconColor: string;
   searchInputClasses: string;
   placeholderVariant: keyof typeof TextStyleVariantMap;
-}
+};
 
 export const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses> = {
   standard: {

package/src/components/SearchInputForm/SearchInputForm.tsx

@@ -1,7 +1,7 @@
-import type { SearchInputVariant } from './types';
-import { SearchAutocomplete } from '../SearchInputAutocomplete/SearchAutocomplete';
-import { searchInputVariantClasses } from '../SearchInput/searchInputVariants';
+import { SearchAutocomplete } from '../SearchAutocomplete';
 import { SearchInput } from '../SearchInput/SearchInput';
+import { searchInputVariantClasses } from '../SearchInput/searchInputVariants';
+import { SearchInputVariant } from './types';
 
 interface SearchInputFormProps {
   searchInputVariant: SearchInputVariant;
@@ -15,6 +15,7 @@ interface SearchInputFormProps {
   onAutocompleteSelect: (suggestion: string) => void;
   onSearchInputChange: (value: string) => void;
   onSearchSubmit: () => void;
+  searchInputDataTestId?: string;
 }
 
 export const SearchInputForm = ({
@@ -29,6 +30,7 @@ export const SearchInputForm = ({
   onAutocompleteSelect,
   onSearchInputChange,
   onSearchSubmit,
+  searchInputDataTestId,
 }: SearchInputFormProps) => {
   const { searchInputIconColor } = searchInputVariantClasses[searchInputVariant];
 
@@ -47,7 +49,7 @@ export const SearchInputForm = ({
           suggestions={autocompleteResults}
           ariaActivedescendant={focusedOptionId}
           searchInputVariant={searchInputVariant}
-          // dataTestId={SEARCH_INPUT_TESTID}
+          dataTestId={searchInputDataTestId}
           onKeyDown={onKeyDown}
           onChange={onSearchInputChange}
         />

package/src/components/SearchResultsContent/SearchResultsContent.tsx

@@ -0,0 +1,87 @@
+import { SelectedFilterOption } from 'src/atoms/search/types';
+import {
+  ProductCardConfig,
+  ProductGridVariant,
+  SearchResponseProductAttributes,
+} from '../ProductCard';
+import { SearchFilterSidebarVariant } from '../SearchResultsFilterSidebar';
+import {
+  NoSearchResultsFound,
+  SearchResultsGrid,
+  SearchResultsLoadingGrid,
+} from '../SearchResultsStates';
+import { SearchResultsState } from './utils';
+
+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 }[];
+  searchResponseId: string;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName,
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+  noResultsFoundText?: string;
+}
+
+export const SearchResultsContent = ({
+  searchResultsState,
+  productList,
+  productCardConfig,
+  merchantShortName,
+  searchFilterSidebarVariant,
+  productGridVariant,
+  productGridClasses,
+  containerXPaddingClasses,
+  selectedFilterOptions,
+  availableDynamicFilters,
+  searchResponseId,
+  onRemoveFilter,
+  onToggleDynamicFilter,
+  noResultsFoundText,
+}: SearchResultsContentProps) => {
+  return (
+    <div>
+      {searchResultsState === SearchResultsState.NoResults && (
+        <NoSearchResultsFound
+          containerPaddingClasses={containerXPaddingClasses}
+          includeBottomMargin
+          noResultsFoundText={noResultsFoundText}
+        />
+      )}
+      {searchResultsState === SearchResultsState.Results && (
+        <SearchResultsGrid
+          searchFilterSidebarVariant={searchFilterSidebarVariant}
+          productCardConfig={productCardConfig}
+          merchantShortName={merchantShortName}
+          productList={productList}
+          productGridVariant={productGridVariant}
+          productGridClasses={productGridClasses}
+          containerXPaddingClasses={containerXPaddingClasses}
+          selectedFilterOptions={selectedFilterOptions}
+          availableDynamicFilters={availableDynamicFilters}
+          searchResponseId={searchResponseId}
+          onRemoveFilter={onRemoveFilter}
+          onToggleDynamicFilter={onToggleDynamicFilter}
+        />
+      )}
+      {searchResultsState === SearchResultsState.Loading && (
+        <SearchResultsLoadingGrid
+          productGridVariant={productGridVariant}
+          productGridClasses={productGridClasses}
+        />
+      )}
+    </div>
+  );
+};

package/src/components/SearchResultsContent/index.ts

@@ -0,0 +1,2 @@
+export * from './SearchResultsContent';
+export * from './utils';

package/src/components/SearchResultsContent/utils.ts

@@ -0,0 +1,28 @@
+import { SearchResponseProduct } from '@spiffy-ai/commerce-api-client';
+
+export interface SearchResult {
+  products: SearchResponseProduct[]; // Flattened from all responses
+  filters: string[]; // Combined from all responses
+  generatedQuery?: string;
+  totalProductCount: number;
+  searchResponseId: string;
+}
+
+export const enum SearchResultsState {
+  Loading,
+  Results,
+  NoResults,
+}
+
+export const getSearchResultsState = (
+  isLoadingSearch: boolean,
+  searchData: SearchResult | null,
+): SearchResultsState => {
+  if (isLoadingSearch) {
+    return SearchResultsState.Loading;
+  }
+  if (searchData) {
+    return SearchResultsState.Results;
+  }
+  return SearchResultsState.NoResults;
+};

package/src/components/SearchResultsFilterSidebar/SearchResultsFilter.tsx

@@ -1,11 +1,10 @@
 import { useCallback } from 'react';
 
-import { SearchFilter } from '../SearchFilter/SearchFilter';
-import { SearchFilterHeader } from '../SearchFilter/SearchFilterHeader';
-import type { SearchFilter as SearchFilterType, SelectFilterItem } from '../SearchFilter/types';
-import type { SearchFilterSidebarVariant } from './types';
 import { searchFilterSidebarVariantClasses } from './searchFilterSidebarVariants';
-import { ButtonBase } from 'src/components/ButtonBase/ButtonBase';
+import SettingsVariant from '@envive-ai/react-icons/SettingsVariant';
+import { ButtonBase } from '../ButtonBase';
+import { SelectFilterItem, SearchFilter, SearchFilterHeader } from '../SearchFilter';
+import { SearchFilterSidebarVariant, type SearchFilter as SearchFilterType } from './types';
 
 export type SearchResultsFilterProps = {
   productCount: number;
@@ -70,7 +69,7 @@ export const SearchResultsFilter = ({
       />
       <ButtonBase
         onClick={openFilter}
-        // icon={SettingsVariant} // Icon is handled by user
+        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"

package/src/components/SearchResultsFilterSidebar/types.ts

@@ -1,2 +1,15 @@
 export type SearchFilterSidebarVariant = 'darkButton' | 'lightButton';
-export type CloseIconVariant = 'light' | 'tertiary' | 'dark';
+export type CloseIconVariant = 'light' | 'tertiary' | 'dark';
+
+export type SearchFilter = {
+  id: string;
+  displayName: string;
+  items: SearchFilterItem[];
+};
+
+export type SearchFilterItem = {
+  id: string;
+  displayName: string;
+  value: string;
+  isSelected: boolean;
+};

package/src/components/SearchResultsStates/NoSearchResultsFound.tsx

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
-import Sparkles from '@envive-ai/react-icons/src/Sparkles';
-import { Text } from 'src/components/Text/Text';
+import Sparkles from '@envive-ai/react-icons/Sparkles';
+import { Text } from 'src/components/Text';
 
 interface NoSearchResultsFoundProps {
   containerPaddingClasses: string;

package/src/components/SearchResultsStates/SearchResultsGrid.tsx

@@ -1,16 +1,19 @@
-import { motion } from 'framer-motion';
-import type { SelectedFilterOption } from 'src/atoms/search/types';
-import classNames from 'classnames';
-import type { SearchResponseProduct } from 'src/types/external';
-import { ProductGrid } from 'src/components/ProductGrid/ProductGrid';
 import { AppliedFiltersScrollbar } from '../FilterScrollbar/AppliedFiltersScrollbar';
 import { DynamicFiltersScrollbar } from '../FilterScrollbar/DynamicFiltersScrollbar';
+import { motion } from 'framer-motion';
+
 import { searchFilterSidebarVariantClasses } from '../SearchResultsFilterSidebar/searchFilterSidebarVariants';
-import type { SearchFilterSidebarVariant } from '../SearchResultsFilterSidebar/types';
-import { ProductGridVariant } from 'src/components/ProductCard/types';
+import classNames from 'classnames';
+import { SearchResponseProduct } from '@spiffy-ai/commerce-api-client';
+import { SelectedFilterOption } from 'src/atoms/search/types';
+import { ProductCardConfig, ProductGridVariant } from '../ProductCard';
+import { ProductGrid } from '../ProductGrid';
+import { SearchFilterSidebarVariant } from '../SearchResultsFilterSidebar';
 
 interface SearchResultsGridProps {
   productList: SearchResponseProduct[];
+  productCardConfig: ProductCardConfig;
+  merchantShortName: string;
   availableDynamicFilters: { name: string; displayName: string }[];
   searchFilterSidebarVariant: SearchFilterSidebarVariant;
   productGridVariant: ProductGridVariant;
@@ -30,6 +33,8 @@ interface SearchResultsGridProps {
 
 export const SearchResultsGrid = ({
   productList,
+  productCardConfig,
+  merchantShortName,
   availableDynamicFilters,
   searchFilterSidebarVariant,
   productGridVariant,
@@ -93,12 +98,9 @@ export const SearchResultsGrid = ({
         productList={productList}
         productGridVariant={productGridVariant}
         productGridClasses={productGridClasses}
+        productCardConfig={productCardConfig}
+        merchantShortName={merchantShortName}
         searchResponseId={searchResponseId}
-        merchantShortName={''}
-        handleClick={function (clickedUrl: string): void {
-          console.log(clickedUrl);
-          throw new Error('Function not implemented.');
-        }}
       />
     </motion.div>
   );

package/src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx

@@ -1,9 +1,8 @@
-import { Text } from 'src/components/Text/Text';
-import { SparkleAnimation } from 'src/components/SparkleAnimation/SparkleAnimation';
 import { motion } from 'framer-motion';
-import { ProductGridVariant } from 'src/components/ProductCard/types';
-import { ProductCardSkeleton } from 'src/components/ProductCard/ProductCardSkeleton';
-import { productGridVariantClasses } from 'src/components/ProductGrid/productGridVariants';
+import { ProductGridVariant, ProductCardSkeleton } from '../ProductCard';
+import { productGridVariantClasses } from '../ProductGrid';
+import { SparkleAnimation } from '../SparkleAnimation';
+import { Text } from '@envive-ai/react-toolkit/Text';
 
 export const SearchResultsLoadingGrid = ({
   productGridVariant,

package/dist/ProductCardSkeleton-B6YetUCT.js

@@ -1,43 +0,0 @@
-import { productCardLayoutVariantClasses } from "./ProductCard-aJbQz6Q7.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/ProductCard/types.ts
-let ProductCardSkeletonOverrides = /* @__PURE__ */ function(ProductCardSkeletonOverrides$1) {
-	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON_CONTAINER"] = "spiffy-product-card-skeleton-container";
-	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON"] = "spiffy-product-card-skeleton";
-	return ProductCardSkeletonOverrides$1;
-}({});
-let AnimatedProductCardOverrides = /* @__PURE__ */ function(AnimatedProductCardOverrides$1) {
-	AnimatedProductCardOverrides$1["PRODUCT_CARD_ANIMATED_CONTAINER"] = "spiffy-product-card-animated-container";
-	AnimatedProductCardOverrides$1["PRODUCT_CARD_ANIMATED_IMAGE_CONTAINER"] = "spiffy-product-card-animated";
-	return AnimatedProductCardOverrides$1;
-}({});
-
-//#endregion
-//#region src/components/ProductCard/ProductCardSkeleton.tsx
-const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = false }) => {
-	const layoutClasses = productCardLayoutVariantClasses[layoutVariant || "normal"];
-	const containerClasses = classNames(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON_CONTAINER, "spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-inherit", "spiffy-tw-bg-transparent", !growWithContainer ? layoutClasses.container : "");
-	const verticalContainerClasses = classNames("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-overflow-hidden", "spiffy-tw-gap-inherit", !growWithContainer ? layoutClasses.verticalContainer : "");
-	const imageClipContainerClasses = classNames("spiffy-tw-w-full", aspectRatio === "3:4" ? "spiffy-tw-aspect-[3/4]" : "", aspectRatio === "square" ? "spiffy-tw-aspect-square" : "", "spiffy-tw-overflow-hidden");
-	const imageSkeletonClasses = classNames("spiffy-tw-bg-[#F4F4F6]", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-w-full", "spiffy-tw-h-full");
-	const contentContainerClasses = classNames("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-2", "spiffy-tw-w-full", "spiffy-tw-p-2");
-	const textSkeletonClasses = classNames(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON, "spiffy-tw-h-[15px]", "spiffy-tw-block", "spiffy-tw-rounded-sm", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-bg-[#F4F4F6]");
-	return /* @__PURE__ */ jsx("div", {
-		className: containerClasses,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: verticalContainerClasses,
-			children: [/* @__PURE__ */ jsx("div", {
-				className: imageClipContainerClasses,
-				children: /* @__PURE__ */ jsx("div", { className: imageSkeletonClasses })
-			}), /* @__PURE__ */ jsxs("div", {
-				className: contentContainerClasses,
-				children: [/* @__PURE__ */ jsx("div", { className: classNames(textSkeletonClasses, "spiffy-tw-w-full") }), /* @__PURE__ */ jsx("div", { className: classNames(textSkeletonClasses, "spiffy-tw-w-[60%]") })]
-			})]
-		})
-	});
-};
-
-//#endregion
-export { AnimatedProductCardOverrides, ProductCardSkeleton, ProductCardSkeletonOverrides };

package/dist/ProductCardSkeleton-BzBK36m-.cjs

@@ -1,63 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-CvTRvhm7.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);
-
-//#region src/components/ProductCard/types.ts
-let ProductCardSkeletonOverrides = /* @__PURE__ */ function(ProductCardSkeletonOverrides$1) {
-	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON_CONTAINER"] = "spiffy-product-card-skeleton-container";
-	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON"] = "spiffy-product-card-skeleton";
-	return ProductCardSkeletonOverrides$1;
-}({});
-let AnimatedProductCardOverrides = /* @__PURE__ */ function(AnimatedProductCardOverrides$1) {
-	AnimatedProductCardOverrides$1["PRODUCT_CARD_ANIMATED_CONTAINER"] = "spiffy-product-card-animated-container";
-	AnimatedProductCardOverrides$1["PRODUCT_CARD_ANIMATED_IMAGE_CONTAINER"] = "spiffy-product-card-animated";
-	return AnimatedProductCardOverrides$1;
-}({});
-
-//#endregion
-//#region src/components/ProductCard/ProductCardSkeleton.tsx
-const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = false }) => {
-	const layoutClasses = require_ProductCard.productCardLayoutVariantClasses[layoutVariant || "normal"];
-	const containerClasses = (0, classnames.default)(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON_CONTAINER, "spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-inherit", "spiffy-tw-bg-transparent", !growWithContainer ? layoutClasses.container : "");
-	const verticalContainerClasses = (0, classnames.default)("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-overflow-hidden", "spiffy-tw-gap-inherit", !growWithContainer ? layoutClasses.verticalContainer : "");
-	const imageClipContainerClasses = (0, classnames.default)("spiffy-tw-w-full", aspectRatio === "3:4" ? "spiffy-tw-aspect-[3/4]" : "", aspectRatio === "square" ? "spiffy-tw-aspect-square" : "", "spiffy-tw-overflow-hidden");
-	const imageSkeletonClasses = (0, classnames.default)("spiffy-tw-bg-[#F4F4F6]", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-w-full", "spiffy-tw-h-full");
-	const contentContainerClasses = (0, classnames.default)("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-2", "spiffy-tw-w-full", "spiffy-tw-p-2");
-	const textSkeletonClasses = (0, classnames.default)(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON, "spiffy-tw-h-[15px]", "spiffy-tw-block", "spiffy-tw-rounded-sm", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-bg-[#F4F4F6]");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: containerClasses,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: verticalContainerClasses,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: imageClipContainerClasses,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: imageSkeletonClasses })
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: contentContainerClasses,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)(textSkeletonClasses, "spiffy-tw-w-full") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)(textSkeletonClasses, "spiffy-tw-w-[60%]") })]
-			})]
-		})
-	});
-};
-
-//#endregion
-Object.defineProperty(exports, 'AnimatedProductCardOverrides', {
-  enumerable: true,
-  get: function () {
-    return AnimatedProductCardOverrides;
-  }
-});
-Object.defineProperty(exports, 'ProductCardSkeleton', {
-  enumerable: true,
-  get: function () {
-    return ProductCardSkeleton;
-  }
-});
-Object.defineProperty(exports, 'ProductCardSkeletonOverrides', {
-  enumerable: true,
-  get: function () {
-    return ProductCardSkeletonOverrides;
-  }
-});

package/dist/SearchInputAutocomplete/index.js

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

package/dist/types-5luH4G-3.d.cts

@@ -1,5 +0,0 @@
-//#region src/components/SearchResultsFilterSidebar/types.d.ts
-type SearchFilterSidebarVariant = 'darkButton' | 'lightButton';
-type CloseIconVariant = 'light' | 'tertiary' | 'dark';
-//#endregion
-export { CloseIconVariant, SearchFilterSidebarVariant };

package/dist/types-BCAU5OQD.d.cts

@@ -1,46 +0,0 @@
-import { ReactNode } from "react";
-
-//#region src/components/SearchFilter/types.d.ts
-type SearchFilterItem = {
-  id: string;
-  displayName: string;
-  value: string;
-  isSelected: boolean;
-};
-type SearchFilter = {
-  id: string;
-  displayName: string;
-  items: SearchFilterItem[];
-};
-type SelectFilterItem = (filterItem: SearchFilterItem) => void;
-interface SearchFilterItemProps {
-  filterItem: SearchFilterItem;
-  onSelectFilterItem: SelectFilterItem;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-}
-interface SearchFilterHeaderProps {
-  closeModal: () => void;
-  productCount: number;
-  headerClassName: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-}
-interface SearchFilterProps {
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  filters: SearchFilter[];
-  productCount: number;
-  selectFilterItem: SelectFilterItem;
-  clearAllFilters: () => void;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-  filterButtonText: string;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-  headerContent: ReactNode;
-}
-//#endregion
-export { SearchFilter, SearchFilterHeaderProps, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };

package/dist/types-BIPqyTOJ.d.ts

@@ -1,5 +0,0 @@
-//#region src/components/SearchResultsFilterSidebar/types.d.ts
-type SearchFilterSidebarVariant = 'darkButton' | 'lightButton';
-type CloseIconVariant = 'light' | 'tertiary' | 'dark';
-//#endregion
-export { CloseIconVariant, SearchFilterSidebarVariant };

package/dist/types-BwPquD10.d.ts

@@ -1,46 +0,0 @@
-import { ReactNode } from "react";
-
-//#region src/components/SearchFilter/types.d.ts
-type SearchFilterItem = {
-  id: string;
-  displayName: string;
-  value: string;
-  isSelected: boolean;
-};
-type SearchFilter = {
-  id: string;
-  displayName: string;
-  items: SearchFilterItem[];
-};
-type SelectFilterItem = (filterItem: SearchFilterItem) => void;
-interface SearchFilterItemProps {
-  filterItem: SearchFilterItem;
-  onSelectFilterItem: SelectFilterItem;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-}
-interface SearchFilterHeaderProps {
-  closeModal: () => void;
-  productCount: number;
-  headerClassName: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-}
-interface SearchFilterProps {
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  filters: SearchFilter[];
-  productCount: number;
-  selectFilterItem: SelectFilterItem;
-  clearAllFilters: () => void;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-  filterButtonText: string;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-  headerContent: ReactNode;
-}
-//#endregion
-export { SearchFilter, SearchFilterHeaderProps, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };

package/dist/types-CosVh8Hj.d.cts

@@ -1,4 +0,0 @@
-//#region src/components/SearchInputForm/types.d.ts
-type SearchInputVariant = 'standard';
-//#endregion
-export { SearchInputVariant };

package/dist/types-nR3jHgIO.d.ts

@@ -1,4 +0,0 @@
-//#region src/components/SearchInputForm/types.d.ts
-type SearchInputVariant = 'standard';
-//#endregion
-export { SearchInputVariant };

package/src/types/external.ts

@@ -1,24 +0,0 @@
-// Local type definitions for external dependencies that may not be available
-
-export enum ResponseCategory {
-  Product = 'product',
-}
-
-export interface SearchResponseProduct {
-  id: string;
-  title: string;
-  description?: string;
-  price?: number;
-  currency?: string;
-  imageUrl?: string;
-  brand?: string;
-  category?: string;
-  availability?: string;
-  url?: string;
-  responseId?: string;
-  originalPrice?: number;
-  salePrice?: number;
-  averageRating?: number;
-  numberReviews?: number;
-  [key: string]: unknown;
-}