@envive-ai/react-toolkit 0.1.1 → 0.1.2

package/dist/src/components/search/SearchInput/SearchInput.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 '../../../components/common/TextInput/TextInput';
-import { searchInputVariantClasses } from './searchInputVariants';
-export const SearchInput = React.forwardRef(({ searchInputVariant = 'standard', value, placeholder, suggestions, className, dataTestId, ariaActivedescendant, onKeyDown, onChange, onFocus, onBlur, }, ref) => {
-    const localInputRef = useRef(null);
-    const { searchInputClasses: inputClassName, searchInputIconColor: iconColor, searchInputBorderColor: borderColor, searchInputCloseIconClasses: closeIconClasses, searchInputActiveStarClasses, placeholderVariant, } = searchInputVariantClasses[searchInputVariant];
-    // Expose the local ref through the forwarded ref
-    useImperativeHandle(ref, () => localInputRef.current, []);
-    const magnifyingGlassClassesBase = [
-        'spiffy-tw-w-[24px]',
-        'spiffy-tw-h-[32px]',
-        'spiffy-tw-stroke-width-1',
-        'sm:spiffy-tw-w-[32px]',
-    ];
-    const magnifyingGlassClassesInactive = classNames(magnifyingGlassClassesBase);
-    const magnifyingGlassClassesActive = classNames([
-        ...magnifyingGlassClassesBase,
-        searchInputActiveStarClasses,
-    ]);
-    const containerClasses = classNames('spiffy-global-search-input-container', 'spiffy-tw-relative spiffy-tw-flex spiffy-tw-items-center', className);
-    const inputClasses = classNames('spiffy-global-search-input', 'spiffy-tw-flex-grow spiffy-tw-p-2 spiffy-tw-px-[42px] sm:spiffy-tw-p-3 sm:spiffy-tw-px-[48px]', 'spiffy-tw-border', 'spiffy-tw-text-base', inputClassName);
-    const closeButtonIconClassName = classNames([
-        'spiffy-tw-w-[16px]',
-        'spiffy-tw-h-[16px]',
-        'sm:spiffy-tw-w-[24px]',
-        'sm:spiffy-tw-h-[24px]',
-        'spiffy-tw-cursor-pointer',
-        closeIconClasses,
-    ]);
-    return (_jsxs("div", { className: containerClasses, "data-testid": dataTestId, children: [_jsx("div", { className: "spiffy-tw-absolute spiffy-tw-left-3 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2", children: _jsx(MagnifyingGlassStarVariant, { className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive, stroke: iconColor, strokeWidth: "1px" }) }), _jsx(TextInput, { value: value, onChange: (event) => onChange(event.target.value), onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, placeholder: placeholder, className: inputClasses, placeholderVariant: placeholderVariant, "aria-label": "Search", "aria-autocomplete": "list", "aria-expanded": !!suggestions && suggestions.length > 0, "aria-controls": "autocomplete-results", "aria-activedescendant": ariaActivedescendant, borderRadius: "xl", borderColorClass: borderColor, ref: localInputRef }), value && (_jsx("button", { onClick: () => {
-                    onChange('');
-                    localInputRef.current?.focus();
-                }, className: "spiffy-tw-absolute spiffy-tw-right-5 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2 spiffy-tw-text-neutral-500 hover:spiffy-tw-text-neutral-700", "aria-label": "Clear search input", type: "button", children: _jsx(CloseIcon, { className: closeButtonIconClassName }) }))] }));
-});

package/dist/src/components/search/SearchInput/searchInputVariants.d.ts

@@ -1,13 +0,0 @@
-import type { TextStyleVariantMap } from '../../../components/common/Text/textVariantClasses';
-import type { SearchInputVariant } from '../SearchInputForm/types';
-interface SearchInputVariantClasses {
-    searchInputIconColor: string;
-    searchInputBorderColor: string;
-    searchInputCloseIconClasses: string;
-    searchInputActiveStarClasses: string;
-    autocompleteIconColor: string;
-    searchInputClasses: string;
-    placeholderVariant: keyof typeof TextStyleVariantMap;
-}
-export declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
-export {};

package/dist/src/components/search/SearchInput/searchInputVariants.js

@@ -1,12 +0,0 @@
-import { ColorNames, colorVar } from '../../../components/models/colorsConfig';
-export const searchInputVariantClasses = {
-    standard: {
-        searchInputIconColor: 'transparent', // colorVar(ColorNames.TextSecondary),
-        searchInputBorderColor: 'spiffy-tw-border-[--spiffy-colors-border-medium]',
-        searchInputCloseIconClasses: '[&>circle]:spiffy-tw-fill-[--spiffy-colors-text-secondary] [&>path]:spiffy-tw-fill-[#fff]',
-        searchInputActiveStarClasses: `first:[&>path]:spiffy-tw-stroke-[--spiffy-colors-accent-primary] first:[&>path]:spiffy-tw-fill-[--spiffy-colors-accent-primary]`,
-        autocompleteIconColor: colorVar(ColorNames.BackgroundPrimary),
-        searchInputClasses: 'spiffy-tw-text-[--spiffy-colors-text-primary] placeholder:spiffy-tw-text-[--spiffy-colors-text-secondary] spiffy-tw-text-[16px] spiffy-tw-font-normal spiffy-tw-leading-[148%] placeholder:spiffy-tw-font-medium placeholder:spiffy-tw-leading-[124%]',
-        placeholderVariant: 'h2',
-    },
-};

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

@@ -1,10 +0,0 @@
-import React from 'react';
-interface GlobalSearchAutocompleteProps {
-    id: string;
-    results: string[];
-    focusedIndex: number;
-    onSuggestionSelect: (suggestion: string, rankPosition: number) => void;
-    iconColor?: string;
-}
-export declare const SearchAutocomplete: React.FC<GlobalSearchAutocompleteProps>;
-export {};

package/dist/src/components/search/SearchInputAutocomplete/SearchAutocomplete.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { motion } from 'framer-motion';
-import classNames from 'classnames';
-import OutlinedStar from '@envive-ai/react-icons/src/OutlinedStar';
-export const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor, }) => {
-    if (results.length === 0) {
-        return null;
-    }
-    return (_jsx(motion.div, { className: "spiffy-tw-h-full", initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, transition: { duration: 0.2 }, children: _jsx("ul", { id: id, role: "listbox", className: "spiffy-tw-mt-4 spiffy-tw-space-y-2", children: results.map((result, index) => (_jsxs("li", { id: `option-${index}`, role: "option", "aria-selected": index === focusedIndex, className: classNames('spiffy-tw-flex spiffy-tw-items-center spiffy-tw-cursor-pointer spiffy-tw-py-1', { 'spiffy-tw-bg-neutral-200': index === focusedIndex }, 'hover:spiffy-tw-bg-neutral-100'), onClick: () => onSuggestionSelect(result, index), onKeyDown: (event) => {
-                    if (event.key === 'Enter' || event.keyCode === 13) {
-                        onSuggestionSelect(result, index);
-                    }
-                }, children: [_jsx(OutlinedStar, { className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-2", fill: iconColor }), _jsx("span", { className: "spiffy-tw-font-bold", children: result })] }, index))) }) }));
-};

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

@@ -1,16 +0,0 @@
-import type { SearchInputVariant } from './types';
-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;
-}
-export declare const SearchInputForm: ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, isDirty, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, }: SearchInputFormProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/search/SearchInputForm/SearchInputForm.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { SearchAutocomplete } from '../SearchInputAutocomplete/SearchAutocomplete';
-import { searchInputVariantClasses } from '../SearchInput/searchInputVariants';
-import { SearchInput } from '../SearchInput/SearchInput';
-export const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, isDirty, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, }) => {
-    const { searchInputIconColor } = searchInputVariantClasses[searchInputVariant];
-    return (_jsxs(_Fragment, { children: [_jsx("form", { onSubmit: (e) => {
-                    e.preventDefault();
-                    onSearchSubmit();
-                }, className: "spiffy-tw-grow", children: _jsx(SearchInput, { value: searchText, placeholder: searchBoxPlaceholder, suggestions: autocompleteResults, ariaActivedescendant: focusedOptionId, searchInputVariant: searchInputVariant, 
-                    // dataTestId={SEARCH_INPUT_TESTID}
-                    onKeyDown: onKeyDown, onChange: onSearchInputChange }) }), isDirty && (_jsx(SearchAutocomplete, { id: "autocomplete-results", results: autocompleteResults, focusedIndex: focusedIndex, iconColor: searchInputIconColor, onSuggestionSelect: onAutocompleteSelect }))] }));
-};

package/dist/src/components/search/SearchInputForm/types.d.ts

@@ -1 +0,0 @@
-export type SearchInputVariant = 'standard';

package/dist/src/components/search/SearchInputForm/types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/search/SearchResultsFilterSidebar/SearchResultsFilter.d.ts

@@ -1,14 +0,0 @@
-import type { SearchFilter as SearchFilterType, SelectFilterItem } from '../SearchFilter/types';
-import type { SearchFilterSidebarVariant } from './types';
-export type SearchResultsFilterProps = {
-    productCount: number;
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    searchFilters: SearchFilterType[];
-    searchFilterSidebarVariant: SearchFilterSidebarVariant;
-    searchText: string;
-    onSelectFilterItem: SelectFilterItem;
-    onClearAllFilters: () => void;
-    filterButtonText: string;
-};
-export declare const SearchResultsFilter: ({ productCount, isOpen, setIsOpen, searchFilters, searchFilterSidebarVariant, onSelectFilterItem, onClearAllFilters, filterButtonText, }: SearchResultsFilterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/search/SearchResultsFilterSidebar/SearchResultsFilter.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { SearchFilter } from '../SearchFilter/SearchFilter';
-import { SearchFilterHeader } from '../SearchFilter/SearchFilterHeader';
-import { searchFilterSidebarVariantClasses } from './searchFilterSidebarVariants';
-import { ButtonBase } from '../../../components/common/ButtonBase/ButtonBase';
-export 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 (_jsxs(_Fragment, { children: [_jsx(SearchFilter, { isOpen: isOpen, setIsOpen: setIsOpen, filters: searchFilters, productCount: productCount, selectFilterItem: onSelectFilterItem, clearAllFilters: onClearAllFilters, applyFiltersUnchangedClasses: applyFiltersUnchangedClasses, applyFiltersChangedClasses: applyFiltersChangedClasses, filterButtonText: filterButtonText, radioButtonFillColor: radioButtonFillColor, radioButtonHoverColor: radioButtonHoverColor, radioButtonUncheckedBorderColor: radioButtonUncheckedBorderColor, filterCloseIconVariant: filterCloseIconVariant, headerContent: _jsx(SearchFilterHeader, { closeModal: () => setIsOpen(false), productCount: productCount, headerClassName: searchFilterHeaderClasses, filterCloseIconVariant: filterCloseIconVariant }) }), _jsx(ButtonBase, { onClick: openFilter, 
-                // icon={SettingsVariant} // Icon is handled by user
-                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 })] }));
-};

package/dist/src/components/search/SearchResultsFilterSidebar/searchFilterSidebarVariants.d.ts

@@ -1,16 +0,0 @@
-import type { SearchFilterSidebarVariant, CloseIconVariant } from './types';
-interface SearchFilterSidebarVariantClasses {
-    searchFilterHeaderClasses: string;
-    radioButtonFillColor: string;
-    radioButtonHoverColor: string;
-    radioButtonUncheckedBorderColor: string;
-    filterDefaultClasses: string;
-    filterActiveClasses: string;
-    filterHoverClasses: string;
-    appliedFilterBackgroundClasses: string;
-    applyFiltersUnchangedClasses: string;
-    applyFiltersChangedClasses: string;
-    filterCloseIconVariant: CloseIconVariant;
-}
-export declare const searchFilterSidebarVariantClasses: Record<SearchFilterSidebarVariant, SearchFilterSidebarVariantClasses>;
-export {};

package/dist/src/components/search/SearchResultsFilterSidebar/searchFilterSidebarVariants.js

@@ -1,29 +0,0 @@
-import { ColorNames, colorVar } from '../../../components/models/colorsConfig';
-export const searchFilterSidebarVariantClasses = {
-    darkButton: {
-        radioButtonFillColor: colorVar(ColorNames.BackgroundDark),
-        radioButtonHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
-        radioButtonUncheckedBorderColor: colorVar(ColorNames.BorderMedium),
-        searchFilterHeaderClasses: 'spiffy-tw-text-[--spiffy-colors-text-light]',
-        filterDefaultClasses: 'spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]',
-        filterHoverClasses: 'hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]',
-        filterActiveClasses: 'spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]',
-        appliedFilterBackgroundClasses: 'spiffy-tw-bg-[--spiffy-colors-border-light]',
-        applyFiltersUnchangedClasses: 'spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]',
-        applyFiltersChangedClasses: 'spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]',
-        filterCloseIconVariant: 'light',
-    },
-    lightButton: {
-        radioButtonFillColor: colorVar(ColorNames.BackgroundDark),
-        radioButtonHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
-        radioButtonUncheckedBorderColor: colorVar(ColorNames.BorderMedium),
-        searchFilterHeaderClasses: 'spiffy-tw-text-[--spiffy-colors-text-primary]',
-        filterDefaultClasses: 'spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]',
-        filterHoverClasses: 'hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]',
-        filterActiveClasses: 'spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]',
-        appliedFilterBackgroundClasses: 'spiffy-tw-bg-[--spiffy-colors-border-light]',
-        applyFiltersUnchangedClasses: 'spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]',
-        applyFiltersChangedClasses: 'spiffy-tw-bg-[--spiffy-colors-background-primary] spiffy-tw-text-[--spiffy-colors-text-link]',
-        filterCloseIconVariant: 'dark',
-    },
-};

package/dist/src/components/search/SearchResultsFilterSidebar/types.d.ts

@@ -1,2 +0,0 @@
-export type SearchFilterSidebarVariant = 'darkButton' | 'lightButton';
-export type CloseIconVariant = 'light' | 'tertiary' | 'dark';

package/dist/src/components/search/SearchResultsFilterSidebar/types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/search/SearchResultsStates/NoSearchResultsFound.d.ts

@@ -1,8 +0,0 @@
-interface NoSearchResultsFoundProps {
-    containerPaddingClasses: string;
-    includeBottomMargin?: boolean;
-    noResultsFoundText?: string;
-    sparkleIconColor?: string;
-}
-export declare const NoSearchResultsFound: ({ containerPaddingClasses, includeBottomMargin, noResultsFoundText, sparkleIconColor, }: NoSearchResultsFoundProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/search/SearchResultsStates/NoSearchResultsFound.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import Sparkles from '@envive-ai/react-icons/src/Sparkles';
-import { Text } from '../../../components/common/Text/Text';
-export const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = false, noResultsFoundText, sparkleIconColor = 'var(--spiffy-colors-accent-primary)', }) => {
-    const containerClasses = classNames(containerPaddingClasses, includeBottomMargin ? 'spiffy-tw-mb-[100vh]' : '', 'spiffy-tw-mt-6');
-    const textPrompt = noResultsFoundText ||
-        'I’m sorry, I wasn’t able to find an exact match. Try changing your filters or adjusting your search query.';
-    return (_jsx("div", { className: containerClasses, children: _jsxs("div", { className: "spiffy-tw-flex spiffy-tw-items-start spiffy-tw-gap-2", children: [_jsx("div", { children: _jsx(Sparkles, { className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]", style: { color: sparkleIconColor } }) }), _jsx(Text, { variant: "body2", children: textPrompt })] }) }));
-};

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

@@ -1,24 +0,0 @@
-import type { SelectedFilterOption } from '../../../atoms/search/types';
-import type { SearchResponseProduct } from '../../../types/external';
-import type { SearchFilterSidebarVariant } from '../SearchResultsFilterSidebar/types';
-import { ProductGridVariant } from '../../../components/common/ProductCard/types';
-interface SearchResultsGridProps {
-    productList: SearchResponseProduct[];
-    availableDynamicFilters: {
-        name: string;
-        displayName: string;
-    }[];
-    searchFilterSidebarVariant: SearchFilterSidebarVariant;
-    productGridVariant: ProductGridVariant;
-    selectedFilterOptions: SelectedFilterOption[];
-    searchResponseId: string;
-    containerXPaddingClasses: string;
-    productGridClasses: string;
-    onRemoveFilter: (filter: SelectedFilterOption) => void;
-    onToggleDynamicFilter: ({ filter, dynamicFilterDisplayName, }: {
-        filter: string;
-        dynamicFilterDisplayName: string;
-    }) => void;
-}
-export declare const SearchResultsGrid: ({ productList, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter, }: SearchResultsGridProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/search/SearchResultsStates/SearchResultsGrid.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { motion } from 'framer-motion';
-import classNames from 'classnames';
-import { ProductGrid } from '../../../components/common/ProductGrid/ProductGrid';
-import { AppliedFiltersScrollbar } from '../FilterScrollbar/AppliedFiltersScrollbar';
-import { DynamicFiltersScrollbar } from '../FilterScrollbar/DynamicFiltersScrollbar';
-import { searchFilterSidebarVariantClasses } from '../SearchResultsFilterSidebar/searchFilterSidebarVariants';
-export const SearchResultsGrid = ({ productList, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter, }) => {
-    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 { 
-    // We may want to pull these into their own variant separated from the filter sidebar (but also used in it) In this case, we need them for dynamic filters
-    filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, } = searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
-    return (_jsxs(motion.div, { className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2 }, children: [_jsx(AppliedFiltersScrollbar, { selectedFilterOptions: selectedFilterOptions, filterBarClassNames: appliedFilterBarClasses, filterDefaultClasses: filterDefaultClasses, filterHoverClasses: filterHoverClasses, appliedFilterBackgroundClasses: appliedFilterBackgroundClasses, onRemoveFilter: onRemoveFilter }), _jsx(DynamicFiltersScrollbar, { availableDynamicFilters: availableDynamicFilters, filterBarClassNames: filterBarClasses, filterDefaultClasses: filterDefaultClasses, filterHoverClasses: filterHoverClasses, onToggleDynamicFilter: onToggleDynamicFilter }), _jsx(ProductGrid, { productList: productList, productGridVariant: productGridVariant, productGridClasses: productGridClasses, searchResponseId: searchResponseId, merchantShortName: '', handleClick: function (clickedUrl) {
-                    console.log(clickedUrl);
-                    throw new Error('Function not implemented.');
-                } })] }));
-};

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

@@ -1,6 +0,0 @@
-import { ProductGridVariant } from '../../../components/common/ProductCard/types';
-export declare const SearchResultsLoadingGrid: ({ productGridVariant, productGridClasses, sparkleIconColor, }: {
-    productGridVariant: ProductGridVariant;
-    productGridClasses: string;
-    sparkleIconColor?: string;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/search/SearchResultsStates/SearchResultsLoadingGrid.js

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

package/dist/src/components/search/types.d.ts

@@ -1,5 +0,0 @@
-export declare enum SearchResultsState {
-    NoResults = "noResults",
-    Results = "results",
-    Loading = "loading"
-}

package/dist/src/components/search/types.js

@@ -1,6 +0,0 @@
-export var SearchResultsState;
-(function (SearchResultsState) {
-    SearchResultsState["NoResults"] = "noResults";
-    SearchResultsState["Results"] = "results";
-    SearchResultsState["Loading"] = "loading";
-})(SearchResultsState || (SearchResultsState = {}));

package/dist/src/components/test/types.d.ts

@@ -1,3 +0,0 @@
-export interface TestProps {
-    dataTestId?: string;
-}

package/dist/src/components/test/types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/config/chatElementDisplayLocation.d.ts

@@ -1,21 +0,0 @@
-export declare enum ChatElementDisplayLocation {
-    IN_CHAT = "in_chat",
-    CHAT_PREVIEW = "chat_preview",
-    FLOATING_BUTTON = "floating_button",
-    HELP_ME_CHOOSE = "help_me_choose",
-    PLP_IMAGE_BANNER = "plp_image_banner",
-    TOP_REVIEWS_SNIPPET = "top_reviews_snippet",
-    BOTTOM_REVIEWS_SNIPPET = "bottom_reviews_snippet",
-    BLOCK_BACK_BUTTON = "block_back_button",
-    SWITCH_TO_AGENT = "switch_to_agent",
-    CONVERSATIONAL_SEARCH = "conversational_search",
-    GLOBAL_SEARCH_ENTRYPOINT = "global_search_entrypoint",
-    SEARCH_NAV_ENTRYPOINT = "search_nav_entrypoint",
-    SEARCH_PROMPT = "search_prompt",
-    SEARCH_PROMPT_BUTTON = "search_prompt_button",
-    PRODUCT_GRID = "product_grid",
-    UNSPECIFIED = "unspecified",
-    FILTER_MODAL = "filter_modal",
-    PROMPT_CARD = "prompt_card",
-    WINDOW_API_CALL = "window_api_call"
-}

package/dist/src/config/chatElementDisplayLocation.js

@@ -1,23 +0,0 @@
-// Chat element display location enum
-export var ChatElementDisplayLocation;
-(function (ChatElementDisplayLocation) {
-    ChatElementDisplayLocation["IN_CHAT"] = "in_chat";
-    ChatElementDisplayLocation["CHAT_PREVIEW"] = "chat_preview";
-    ChatElementDisplayLocation["FLOATING_BUTTON"] = "floating_button";
-    ChatElementDisplayLocation["HELP_ME_CHOOSE"] = "help_me_choose";
-    ChatElementDisplayLocation["PLP_IMAGE_BANNER"] = "plp_image_banner";
-    ChatElementDisplayLocation["TOP_REVIEWS_SNIPPET"] = "top_reviews_snippet";
-    ChatElementDisplayLocation["BOTTOM_REVIEWS_SNIPPET"] = "bottom_reviews_snippet";
-    ChatElementDisplayLocation["BLOCK_BACK_BUTTON"] = "block_back_button";
-    ChatElementDisplayLocation["SWITCH_TO_AGENT"] = "switch_to_agent";
-    ChatElementDisplayLocation["CONVERSATIONAL_SEARCH"] = "conversational_search";
-    ChatElementDisplayLocation["GLOBAL_SEARCH_ENTRYPOINT"] = "global_search_entrypoint";
-    ChatElementDisplayLocation["SEARCH_NAV_ENTRYPOINT"] = "search_nav_entrypoint";
-    ChatElementDisplayLocation["SEARCH_PROMPT"] = "search_prompt";
-    ChatElementDisplayLocation["SEARCH_PROMPT_BUTTON"] = "search_prompt_button";
-    ChatElementDisplayLocation["PRODUCT_GRID"] = "product_grid";
-    ChatElementDisplayLocation["UNSPECIFIED"] = "unspecified";
-    ChatElementDisplayLocation["FILTER_MODAL"] = "filter_modal";
-    ChatElementDisplayLocation["PROMPT_CARD"] = "prompt_card";
-    ChatElementDisplayLocation["WINDOW_API_CALL"] = "window_api_call";
-})(ChatElementDisplayLocation || (ChatElementDisplayLocation = {}));

package/dist/src/index.d.ts

@@ -1,45 +0,0 @@
-export { ButtonBase } from './components/common/ButtonBase/ButtonBase';
-export { Headline } from './components/common/Headline/Headline';
-export { ImageWithFallback } from './components/common/ImageWithFallback/ImageWithFallback';
-export { ProductCard } from './components/common/ProductCard/ProductCard';
-export { ProductCardSkeleton } from './components/common/ProductCard/ProductCardSkeleton';
-export { ProductGrid } from './components/common/ProductGrid/ProductGrid';
-export { SparkleAnimation } from './components/common/SparkleAnimation/SparkleAnimation';
-export { Spinner } from './components/common/Spinner/Spinner';
-export { SuggestionButton } from './components/common/SuggestionButton/SuggestionButton';
-export { Text } from './components/common/Text/Text';
-export { TextInput } from './components/common/TextInput/TextInput';
-export { AppliedFiltersScrollbar } from './components/search/FilterScrollbar/AppliedFiltersScrollbar';
-export { DynamicFiltersScrollbar } from './components/search/FilterScrollbar/DynamicFiltersScrollbar';
-export { SearchFilter } from './components/search/SearchFilter/SearchFilter';
-export { SearchFilterHeader } from './components/search/SearchFilter/SearchFilterHeader';
-export { SearchFilterItem } from './components/search/SearchFilter/SearchFilterItem';
-export { SearchInput } from './components/search/SearchInput/SearchInput';
-export { SearchAutocomplete } from './components/search/SearchInputAutocomplete/SearchAutocomplete';
-export { SearchInputForm } from './components/search/SearchInputForm/SearchInputForm';
-export { SearchResultsFilter } from './components/search/SearchResultsFilterSidebar/SearchResultsFilter';
-export { NoSearchResultsFound } from './components/search/SearchResultsStates/NoSearchResultsFound';
-export { SearchResultsGrid } from './components/search/SearchResultsStates/SearchResultsGrid';
-export { SearchResultsLoadingGrid } from './components/search/SearchResultsStates/SearchResultsLoadingGrid';
-export * from './util/camelCase';
-export * from './util/camelCasedPropertiesDeep';
-export * from './util/formatPrice';
-export * from './util/internal';
-export * from './util/primitive';
-export * from './util/splitWords';
-export * from './util/trim';
-export * from './util/unknownArray';
-export * from './components/common/ButtonBase/types';
-export * from './components/common/ProductCard/types';
-export * from './components/common/SparkleAnimation/types';
-export * from './components/common/SuggestionButton/types';
-export * from './components/common/Text/types';
-export type { HeadlineProps, HeadlineVariant } from './components/common/Text/types';
-export * from './components/search/types';
-export * from './components/search/SearchFilter/types';
-export * from './components/search/SearchInputForm/types';
-export type { SearchFilterSidebarVariant, CloseIconVariant as CloseIconVariantType, } from './components/search/SearchResultsFilterSidebar/types';
-export * from './atoms/search/types';
-export { ChatElementDisplayLocation } from './config/chatElementDisplayLocation';
-export { productGridVariantClasses } from './components/common/ProductGrid/productGridVariants';
-export { searchFilterSidebarVariantClasses } from './components/search/SearchResultsFilterSidebar/searchFilterSidebarVariants';

package/dist/src/index.js

@@ -1,49 +0,0 @@
-// Common Components
-export { ButtonBase } from './components/common/ButtonBase/ButtonBase';
-export { Headline } from './components/common/Headline/Headline';
-export { ImageWithFallback } from './components/common/ImageWithFallback/ImageWithFallback';
-export { ProductCard } from './components/common/ProductCard/ProductCard';
-export { ProductCardSkeleton } from './components/common/ProductCard/ProductCardSkeleton';
-export { ProductGrid } from './components/common/ProductGrid/ProductGrid';
-export { SparkleAnimation } from './components/common/SparkleAnimation/SparkleAnimation';
-export { Spinner } from './components/common/Spinner/Spinner';
-export { SuggestionButton } from './components/common/SuggestionButton/SuggestionButton';
-export { Text } from './components/common/Text/Text';
-export { TextInput } from './components/common/TextInput/TextInput';
-// Search Components
-export { AppliedFiltersScrollbar } from './components/search/FilterScrollbar/AppliedFiltersScrollbar';
-export { DynamicFiltersScrollbar } from './components/search/FilterScrollbar/DynamicFiltersScrollbar';
-export { SearchFilter } from './components/search/SearchFilter/SearchFilter';
-export { SearchFilterHeader } from './components/search/SearchFilter/SearchFilterHeader';
-export { SearchFilterItem } from './components/search/SearchFilter/SearchFilterItem';
-export { SearchInput } from './components/search/SearchInput/SearchInput';
-export { SearchAutocomplete } from './components/search/SearchInputAutocomplete/SearchAutocomplete';
-export { SearchInputForm } from './components/search/SearchInputForm/SearchInputForm';
-export { SearchResultsFilter } from './components/search/SearchResultsFilterSidebar/SearchResultsFilter';
-export { NoSearchResultsFound } from './components/search/SearchResultsStates/NoSearchResultsFound';
-export { SearchResultsGrid } from './components/search/SearchResultsStates/SearchResultsGrid';
-export { SearchResultsLoadingGrid } from './components/search/SearchResultsStates/SearchResultsLoadingGrid';
-// Utilities
-export * from './util/camelCase';
-export * from './util/camelCasedPropertiesDeep';
-export * from './util/formatPrice';
-export * from './util/internal';
-export * from './util/primitive';
-export * from './util/splitWords';
-export * from './util/trim';
-export * from './util/unknownArray';
-// Types
-export * from './components/common/ButtonBase/types';
-export * from './components/common/ProductCard/types';
-export * from './components/common/SparkleAnimation/types';
-export * from './components/common/SuggestionButton/types';
-export * from './components/common/Text/types';
-export * from './components/search/types';
-export * from './components/search/SearchFilter/types';
-export * from './components/search/SearchInputForm/types';
-export * from './atoms/search/types';
-// Config exports
-export { ChatElementDisplayLocation } from './config/chatElementDisplayLocation';
-// Variants
-export { productGridVariantClasses } from './components/common/ProductGrid/productGridVariants';
-export { searchFilterSidebarVariantClasses } from './components/search/SearchResultsFilterSidebar/searchFilterSidebarVariants';

package/dist/src/logging/logger.d.ts

@@ -1,7 +0,0 @@
-declare class Logger {
-    static logInfo(message: string, ...args: unknown[]): void;
-    static logDebug(message: string, ...args: unknown[]): void;
-    static logError(message: string, error: unknown | undefined, ...args: unknown[]): void;
-    static logWarn(message: string, error: unknown | undefined, ...args: unknown[]): void;
-}
-export default Logger;

package/dist/src/logging/logger.js

@@ -1,16 +0,0 @@
-/* eslint-disable no-console */
-class Logger {
-    static logInfo(message, ...args) {
-        console.info(`INFO: ${message}`, ...args);
-    }
-    static logDebug(message, ...args) {
-        console.debug(`DEBUG: ${message}`, ...args);
-    }
-    static logError(message, error, ...args) {
-        console.error(`ERROR: ${message} error=${error}`, args);
-    }
-    static logWarn(message, error, ...args) {
-        console.warn(`WARN: ${message} error=${error}`, args);
-    }
-}
-export default Logger;

package/dist/src/types/external.d.ts

@@ -1,21 +0,0 @@
-export declare 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;
-}

package/dist/src/types/external.js

@@ -1,5 +0,0 @@
-// Local type definitions for external dependencies that may not be available
-export var ResponseCategory;
-(function (ResponseCategory) {
-    ResponseCategory["Product"] = "product";
-})(ResponseCategory || (ResponseCategory = {}));

package/dist/src/util/camelCase.d.ts

@@ -1,65 +0,0 @@
-import type { SplitWords } from './splitWords';
-/**
- * CamelCase options.
- *
- * @see {@link CamelCase}
- */
-export type CamelCaseOptions = {
-    /**
-     * Whether to preserved consecutive uppercase letter.
-     *
-     * @default true
-     */
-    preserveConsecutiveUppercase?: boolean;
-};
-/**
- * Convert an array of words to camel-case.
- */
-type CamelCaseFromArray<Words extends string[], Options extends CamelCaseOptions, OutputString extends string = ''> = Words extends [infer FirstWord extends string, ...infer RemainingWords extends string[]] ? Options['preserveConsecutiveUppercase'] extends true ? `${Capitalize<FirstWord>}${CamelCaseFromArray<RemainingWords, Options>}` : `${Capitalize<Lowercase<FirstWord>>}${CamelCaseFromArray<RemainingWords, Options>}` : OutputString;
-/**
- * Convert a string literal to camel-case.
- *
- * This can be useful when, for example, converting some kebab-cased command-line flags or a snake-cased database result.
- *
- * By default, consecutive uppercase letter are preserved. See {@link CamelCaseOptions.preserveConsecutiveUppercase preserveConsecutiveUppercase} option to change this behaviour.
- *
- * @example
- * ```
- * import type {CamelCase} from 'type-fest';
- *
- * // Simple
- *
- * const someVariable: CamelCase<'foo-bar'> = 'fooBar';
- *
- * // Advanced
- *
- * type CamelCasedProperties<T> = {
- * 	[K in keyof T as CamelCase<K>]: T[K]
- * };
- *
- * interface RawOptions {
- * 	'dry-run': boolean;
- * 	'full_family_name': string;
- * 	foo: number;
- * 	BAR: string;
- * 	QUZ_QUX: number;
- * 	'OTHER-FIELD': boolean;
- * }
- *
- * const dbResult: CamelCasedProperties<RawOptions> = {
- * 	dryRun: true,
- * 	fullFamilyName: 'bar.js',
- * 	foo: 123,
- * 	bar: 'foo',
- * 	quzQux: 6,
- * 	otherField: false
- * };
- * ```
- *
- * @category Change case
- * @category Template literal
- */
-export type CamelCase<Type, Options extends CamelCaseOptions = {
-    preserveConsecutiveUppercase: true;
-}> = Type extends string ? string extends Type ? Type : Uncapitalize<CamelCaseFromArray<SplitWords<Type extends Uppercase<Type> ? Lowercase<Type> : Type>, Options>> : Type;
-export {};

package/dist/src/util/camelCase.js

@@ -1,2 +0,0 @@
-// these types come from https://github.com/sindresorhus/type-fest/blob/main/source/camel-case.d.ts
-export {};