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

package/dist/SearchFilter-DvJx0b0W.js

@@ -1,264 +0,0 @@
-import { t as Typography } from "./Typography-xehJH05l.js";
-import { t as Accordion } from "./Accordion-8zFBEEaN.js";
-import { t as ButtonBase } from "./ButtonBase-Cjo-fBg2.js";
-import { t as ModalSheet } from "./ModalSheet-C5f5abw1.js";
-import { t as RadioButtonGroup } from "./RadioButtonGroup-YQIxmR7j.js";
-import { t as ToggleButton } from "./ToggleButton-D8--AKKK.js";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/SearchFilter/SearchFilterHeader.tsx
-const SearchFilterHeader = ({ closeModal, productCount, headerClassName, filterCloseIconVariant }) => {
-	const closeIconColor = filterCloseIconVariant === "dark" ? "var(--spiffy-colors-text-primary)" : "var(--spiffy-colors-text-light)";
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-px-4 spiffy-tw-py-3", headerClassName),
-		children: [/* @__PURE__ */ jsxs(Typography, {
-			variant: "body2",
-			className: "spiffy-tw-font-medium",
-			children: [
-				"Filters (",
-				productCount,
-				")"
-			]
-		}), /* @__PURE__ */ jsx("button", {
-			onClick: closeModal,
-			className: "spiffy-tw-p-2",
-			type: "button",
-			"aria-label": "Open Filter Menu",
-			children: /* @__PURE__ */ jsx("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				width: "14",
-				height: "14",
-				viewBox: "0 0 14 14",
-				fill: "none",
-				children: /* @__PURE__ */ jsx("path", {
-					d: "M13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711Z",
-					fill: closeIconColor
-				})
-			})
-		})]
-	});
-};
-
-//#endregion
-//#region src/components/SearchFilter/useHasFilterStateChanged.tsx
-const useHasFilterStateChanged = (filters, isOpen) => {
-	const [initialFilterStates, setInitialFilterStates] = useState({});
-	const currentFilterStates = useMemo(() => {
-		const states = {};
-		filters.forEach((filter) => {
-			filter.items.forEach((item) => {
-				states[`${filter.filterId}-${item.filterItemId}`] = item.isSelected;
-			});
-		});
-		return states;
-	}, [filters]);
-	const hasFiltersChanged = useMemo(() => {
-		if (Object.keys(initialFilterStates).length === 0) return false;
-		return Object.keys(currentFilterStates).some((key) => currentFilterStates[key] !== initialFilterStates[key]);
-	}, [currentFilterStates, initialFilterStates]);
-	useEffect(() => {
-		if (isOpen) setInitialFilterStates(currentFilterStates);
-	}, [isOpen]);
-	return hasFiltersChanged;
-};
-
-//#endregion
-//#region src/components/SearchFilter/utils.ts
-const getSelectedFilterItemsCount = (filter) => filter.items.filter((item) => item.isSelected).length;
-const getTotalSelectedFilterItemsCount = (filters) => filters.reduce((acc, filter) => {
-	if (filter.filterId === "sort") return acc;
-	return acc + getSelectedFilterItemsCount(filter);
-}, 0);
-
-//#endregion
-//#region src/components/SearchFilter/SearchFilterFooter.tsx
-const SearchFilterFooter = ({ closeModal, clearAllFilters, filterCount, applyFiltersUnchangedClasses, applyFiltersChangedClasses, hasFiltersChanged }) => {
-	const clearAllButtonEnabled = filterCount > 0;
-	const footerWrapperClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-col": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-justify-between": true,
-		"spiffy-tw-w-full": true,
-		"spiffy-tw-border-t": true,
-		"spiffy-tw-border-t-[--spiffy-colors-border-light]": true,
-		"spiffy-tw-p-[16px]": true,
-		"spiffy-tw-gap-[16px]": true
-	});
-	const applyFilterButtonClassName = classNames("spiffy-tw-flex spiffy-tw-flex-row spiffy-tw-justify-center spiffy-tw-rounded-[8px] spiffy-tw-w-full", hasFiltersChanged ? applyFiltersChangedClasses : applyFiltersUnchangedClasses);
-	const clearAllButtonClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-row": true,
-		"spiffy-tw-justify-center": true,
-		"spiffy-tw-w-full": true,
-		"spiffy-tw-text-[--spiffy-colors-text-primary]": clearAllButtonEnabled,
-		"spiffy-tw-text-[--spiffy-colors-text-secondary]": !clearAllButtonEnabled
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: footerWrapperClassName,
-		children: [/* @__PURE__ */ jsx(ButtonBase, {
-			isDisabled: !hasFiltersChanged,
-			buttonClass: applyFilterButtonClassName,
-			text: "Apply Filters",
-			onClick: closeModal
-		}), /* @__PURE__ */ jsx(ButtonBase, {
-			isDisabled: !clearAllButtonEnabled,
-			buttonClass: clearAllButtonClassName,
-			text: "Clear All",
-			onClick: clearAllFilters
-		})]
-	});
-};
-
-//#endregion
-//#region src/components/SearchFilter/SearchFilter.tsx
-const SortFilter = ({ filter, selectFilterItem, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor }) => {
-	const filterTitle = filter.displayName;
-	return /* @__PURE__ */ jsx(Accordion, {
-		title: filterTitle,
-		content: /* @__PURE__ */ jsx(RadioButtonGroup, {
-			options: filter.items.map((item) => ({
-				label: item.displayName,
-				value: item.filterItemId,
-				isSelected: item.isSelected
-			})),
-			name: filterTitle,
-			onChange: (value) => {
-				const selectedItem = filter.items.find((item) => item.filterItemId === value);
-				selectFilterItem({
-					filterId: filter.filterId,
-					filterItemId: value,
-					isSelected: true,
-					displayName: selectedItem?.displayName || value
-				});
-			},
-			gap: "large",
-			textButtonGap: "large",
-			value: filter.items.find((item) => item.isSelected)?.filterItemId,
-			fillColor: radioButtonFillColor,
-			hoverColor: radioButtonHoverColor,
-			uncheckedBorderColor: radioButtonUncheckedBorderColor
-		})
-	});
-};
-const FilterItem = ({ filterId, filterItem, selectFilterItem }) => /* @__PURE__ */ jsx(ToggleButton, {
-	label: filterItem.displayName,
-	secondaryLabel: `(${filterItem.productCount})`,
-	isSelected: filterItem.isSelected,
-	onClick: () => selectFilterItem({
-		filterId,
-		filterItemId: filterItem.filterItemId,
-		isSelected: !filterItem.isSelected,
-		displayName: filterItem.displayName
-	}),
-	variant: "default"
-});
-const Filter = ({ filter, selectFilterItem }) => {
-	const filterContentClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-wrap": true,
-		"spiffy-tw-gap-[8px]": true,
-		"spiffy-tw-pb-[1px]": true
-	});
-	const selectedFilterItems = getSelectedFilterItemsCount(filter);
-	return /* @__PURE__ */ jsx(Accordion, {
-		title: selectedFilterItems > 0 ? `${filter.displayName} (${selectedFilterItems})` : filter.displayName,
-		content: /* @__PURE__ */ jsx("div", {
-			className: filterContentClassName,
-			children: filter.items.map((item) => /* @__PURE__ */ jsx(FilterItem, {
-				filterId: filter.filterId,
-				filterItem: item,
-				selectFilterItem
-			}, item.filterItemId))
-		})
-	});
-};
-const SearchFilter = ({ filters, productCount, selectFilterItem, clearAllFilters, isOpen, setIsOpen, applyFiltersUnchangedClasses, applyFiltersChangedClasses, headerContent, footerContent, headerClassName, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant }) => {
-	const closeModal = useCallback(() => setIsOpen(false), [setIsOpen]);
-	const filterCount = getTotalSelectedFilterItemsCount(filters);
-	const hasFiltersChanged = useHasFilterStateChanged(filters, isOpen);
-	const filterWrapperClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-col": true,
-		"spiffy-tw-gap-[16px]": true,
-		"spiffy-tw-px-[24px]": true,
-		"spiffy-tw-py-[16px]": true,
-		"spiffy-tw-max-h-screen": true,
-		"spiffy-tw-overflow-y-auto": true
-	});
-	return /* @__PURE__ */ jsx(ModalSheet, {
-		isOpen,
-		closeModal,
-		headerProps: {
-			headerContent: headerContent || /* @__PURE__ */ jsx(SearchFilterHeader, {
-				closeModal,
-				productCount,
-				headerClassName: headerClassName ?? "",
-				filterCloseIconVariant
-			}),
-			chevronColor: "#000"
-		},
-		footerProps: { footerContent: footerContent || /* @__PURE__ */ jsx(SearchFilterFooter, {
-			closeModal,
-			clearAllFilters,
-			filterCount,
-			hasFiltersChanged,
-			applyFiltersUnchangedClasses,
-			applyFiltersChangedClasses
-		}) },
-		children: /* @__PURE__ */ jsx("div", {
-			className: filterWrapperClassName,
-			children: filters.filter((filter) => filter.displayName !== "").map((filter) => {
-				if (filter.filterId === "sort") return /* @__PURE__ */ jsx(SortFilter, {
-					filter,
-					selectFilterItem,
-					radioButtonFillColor,
-					radioButtonHoverColor,
-					radioButtonUncheckedBorderColor
-				}, filter.filterId);
-				return /* @__PURE__ */ jsx(Filter, {
-					filter,
-					selectFilterItem
-				}, filter.filterId);
-			})
-		})
-	});
-};
-
-//#endregion
-//#region src/components/SearchFilter/SearchFilterItem.tsx
-const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor }) => {
-	const { displayName, isSelected } = filterItem;
-	const radioClasses = classNames("spiffy-tw-w-4 spiffy-tw-h-4 spiffy-tw-rounded-full spiffy-tw-border-2", "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-center", radioButtonUncheckedBorderColor, radioButtonHoverColor, { [radioButtonFillColor]: isSelected });
-	return /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		role: "option",
-		"aria-selected": isSelected,
-		className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-py-2",
-		onClick: () => onSelectFilterItem(filterItem),
-		onKeyDown: (event) => {
-			if (event.key === "Enter" || event.key === " ") {
-				event.preventDefault();
-				onSelectFilterItem(filterItem);
-			}
-		},
-		onKeyUp: (event) => {
-			if (event.key === " ") event.preventDefault();
-		},
-		children: [/* @__PURE__ */ jsx(Typography, {
-			variant: "body3",
-			children: displayName
-		}), /* @__PURE__ */ jsx("div", {
-			className: radioClasses,
-			children: isSelected && /* @__PURE__ */ jsx("div", { className: classNames("spiffy-tw-w-2 spiffy-tw-h-2 spiffy-tw-rounded-full", {
-				"spiffy-tw-bg-white": radioButtonFillColor.includes("spiffy-tw-bg-"),
-				"spiffy-tw-bg-black": radioButtonFillColor.includes("spiffy-tw-bg-white")
-			}) })
-		})]
-	});
-};
-
-//#endregion
-export { getTotalSelectedFilterItemsCount as a, getSelectedFilterItemsCount as i, SearchFilter as n, SearchFilterHeader as o, SearchFilterFooter as r, SearchFilterItem as t };

package/dist/SearchInput-CImlqrau.cjs

@@ -1,159 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_jsx_runtime_Dg2m6dxZ = require('./jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
-const require_TextInput = require('./TextInput-CaynCoDf.cjs');
-const require_colorsConfig = require('./colorsConfig-Dp7w5LPb.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 ../icons/dist/MagnifyingGlassStarVariant.js
-var import_jsx_runtime$1 = require_jsx_runtime_Dg2m6dxZ.require_jsx_runtime();
-const SvgMagnifyingGlassStarVariant = (props) => /* @__PURE__ */ (0, import_jsx_runtime$1.jsxs)("svg", {
-	width: 23,
-	height: 21,
-	viewBox: "0 0 23 21",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg",
-	...props,
-	children: [
-		/* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
-			d: "M16.9017 1.07275L17.6915 3.12627C17.82 3.46022 17.8842 3.62719 17.984 3.76764C18.0726 3.89211 18.1813 4.00087 18.3058 4.08938C18.4462 4.18925 18.6132 4.25347 18.9472 4.38191L21.0007 5.17172L18.9472 5.96154C18.6132 6.08998 18.4462 6.1542 18.3058 6.25406C18.1813 6.34257 18.0726 6.45133 17.984 6.57581C17.8842 6.71625 17.82 6.88323 17.6915 7.21717L16.9017 9.27069L16.1119 7.21717C15.9834 6.88323 15.9192 6.71625 15.8194 6.57581C15.7308 6.45133 15.6221 6.34257 15.4976 6.25406C15.3572 6.1542 15.1902 6.08998 14.8563 5.96154L12.8027 5.17172L14.8563 4.38191C15.1902 4.25347 15.3572 4.18925 15.4976 4.08938C15.6221 4.00087 15.7308 3.89211 15.8194 3.76764C15.9192 3.62719 15.9834 3.46022 16.1119 3.12627L16.9017 1.07275Z",
-			fill: "#595959",
-			stroke: "#595959",
-			strokeWidth: .910882,
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		}),
-		/* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
-			d: "M11.5954 2.64387C10.5786 1.97247 9.36711 1.56895 8.05921 1.53651C4.34389 1.44434 1.25732 4.38149 1.16515 8.09681C1.07299 11.8121 4.01013 14.8987 7.72546 14.9909C10.9196 15.0701 13.6491 12.9102 14.4105 9.94181",
-			stroke: "#595959",
-			strokeWidth: 1.5,
-			strokeLinecap: "round"
-		}),
-		/* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
-			d: "M13.75 15.7759L16.9274 19.2557",
-			stroke: "#595959",
-			strokeWidth: 1.5,
-			strokeLinecap: "round"
-		})
-	]
-});
-var MagnifyingGlassStarVariant_default = SvgMagnifyingGlassStarVariant;
-
-//#endregion
-//#region ../icons/dist/IconClose.js
-var import_jsx_runtime = require_jsx_runtime_Dg2m6dxZ.require_jsx_runtime();
-const SvgIconClose = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
-	width: 24,
-	height: 24,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg",
-	...props,
-	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
-		cx: 12,
-		cy: 12,
-		r: 12,
-		fill: "#FCFCF9"
-	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-		d: "M16.167 6L11.5 10.667L6.833 6L5 7.833L9.667 12.5L5 17.167L6.833 19L11.5 14.333L16.167 19L18 17.167L13.333 12.5L18 7.833L16.167 6Z",
-		fill: "currentColor"
-	})]
-});
-var IconClose_default = SvgIconClose;
-
-//#endregion
-//#region src/components/SearchInput/searchInputVariants.ts
-const searchInputVariantClasses = { standard: {
-	searchInputIconColor: "transparent",
-	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: require_colorsConfig.colorVar(require_colorsConfig.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"
-} };
-
-//#endregion
-//#region src/components/SearchInput/SearchInput.tsx
-const SearchInput = react.default.forwardRef(({ searchInputVariant = "standard", value, placeholder, suggestions, className, dataTestId, ariaActivedescendant, onKeyDown, onChange, onFocus, onBlur }, ref) => {
-	const localInputRef = (0, react.useRef)(null);
-	const { searchInputClasses: inputClassName, searchInputIconColor: iconColor, searchInputBorderColor: borderColor, searchInputCloseIconClasses: closeIconClasses, searchInputActiveStarClasses, placeholderVariant } = searchInputVariantClasses[searchInputVariant];
-	(0, react.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 = (0, classnames.default)(magnifyingGlassClassesBase);
-	const magnifyingGlassClassesActive = (0, classnames.default)([...magnifyingGlassClassesBase, searchInputActiveStarClasses]);
-	const containerClasses = (0, classnames.default)("spiffy-global-search-input-container", "spiffy-tw-relative spiffy-tw-flex spiffy-tw-items-center", className);
-	const inputClasses = (0, classnames.default)("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 = (0, classnames.default)([
-		"spiffy-tw-w-[16px]",
-		"spiffy-tw-h-[16px]",
-		"sm:spiffy-tw-w-[24px]",
-		"sm:spiffy-tw-h-[24px]",
-		"spiffy-tw-cursor-pointer",
-		closeIconClasses
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: containerClasses,
-		"data-testid": dataTestId,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "spiffy-tw-absolute spiffy-tw-left-3 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MagnifyingGlassStarVariant_default, {
-					className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive,
-					stroke: iconColor,
-					strokeWidth: "1px"
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextInput.TextInput, {
-				value,
-				onChange: (event) => onChange(event.target.value),
-				onFocus,
-				onBlur,
-				onKeyDown,
-				placeholder,
-				className: inputClasses,
-				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 && /* @__PURE__ */ (0, react_jsx_runtime.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: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconClose_default, { className: closeButtonIconClassName })
-			})
-		]
-	});
-});
-
-//#endregion
-Object.defineProperty(exports, 'SearchInput', {
-  enumerable: true,
-  get: function () {
-    return SearchInput;
-  }
-});
-Object.defineProperty(exports, 'searchInputVariantClasses', {
-  enumerable: true,
-  get: function () {
-    return searchInputVariantClasses;
-  }
-});

package/dist/SearchInput-kLhxkpgq.js

@@ -1,145 +0,0 @@
-import { t as require_jsx_runtime } from "./jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
-import { t as TextInput } from "./TextInput-CsdOvLBQ.js";
-import { n as colorVar, t as ColorNames } from "./colorsConfig-CFI1KN8R.js";
-import React, { useImperativeHandle, useRef } from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ../icons/dist/MagnifyingGlassStarVariant.js
-var import_jsx_runtime$1 = require_jsx_runtime();
-const SvgMagnifyingGlassStarVariant = (props) => /* @__PURE__ */ (0, import_jsx_runtime$1.jsxs)("svg", {
-	width: 23,
-	height: 21,
-	viewBox: "0 0 23 21",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg",
-	...props,
-	children: [
-		/* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
-			d: "M16.9017 1.07275L17.6915 3.12627C17.82 3.46022 17.8842 3.62719 17.984 3.76764C18.0726 3.89211 18.1813 4.00087 18.3058 4.08938C18.4462 4.18925 18.6132 4.25347 18.9472 4.38191L21.0007 5.17172L18.9472 5.96154C18.6132 6.08998 18.4462 6.1542 18.3058 6.25406C18.1813 6.34257 18.0726 6.45133 17.984 6.57581C17.8842 6.71625 17.82 6.88323 17.6915 7.21717L16.9017 9.27069L16.1119 7.21717C15.9834 6.88323 15.9192 6.71625 15.8194 6.57581C15.7308 6.45133 15.6221 6.34257 15.4976 6.25406C15.3572 6.1542 15.1902 6.08998 14.8563 5.96154L12.8027 5.17172L14.8563 4.38191C15.1902 4.25347 15.3572 4.18925 15.4976 4.08938C15.6221 4.00087 15.7308 3.89211 15.8194 3.76764C15.9192 3.62719 15.9834 3.46022 16.1119 3.12627L16.9017 1.07275Z",
-			fill: "#595959",
-			stroke: "#595959",
-			strokeWidth: .910882,
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		}),
-		/* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
-			d: "M11.5954 2.64387C10.5786 1.97247 9.36711 1.56895 8.05921 1.53651C4.34389 1.44434 1.25732 4.38149 1.16515 8.09681C1.07299 11.8121 4.01013 14.8987 7.72546 14.9909C10.9196 15.0701 13.6491 12.9102 14.4105 9.94181",
-			stroke: "#595959",
-			strokeWidth: 1.5,
-			strokeLinecap: "round"
-		}),
-		/* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
-			d: "M13.75 15.7759L16.9274 19.2557",
-			stroke: "#595959",
-			strokeWidth: 1.5,
-			strokeLinecap: "round"
-		})
-	]
-});
-var MagnifyingGlassStarVariant_default = SvgMagnifyingGlassStarVariant;
-
-//#endregion
-//#region ../icons/dist/IconClose.js
-var import_jsx_runtime = require_jsx_runtime();
-const SvgIconClose = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
-	width: 24,
-	height: 24,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg",
-	...props,
-	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
-		cx: 12,
-		cy: 12,
-		r: 12,
-		fill: "#FCFCF9"
-	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-		d: "M16.167 6L11.5 10.667L6.833 6L5 7.833L9.667 12.5L5 17.167L6.833 19L11.5 14.333L16.167 19L18 17.167L13.333 12.5L18 7.833L16.167 6Z",
-		fill: "currentColor"
-	})]
-});
-var IconClose_default = SvgIconClose;
-
-//#endregion
-//#region src/components/SearchInput/searchInputVariants.ts
-const searchInputVariantClasses = { standard: {
-	searchInputIconColor: "transparent",
-	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"
-} };
-
-//#endregion
-//#region src/components/SearchInput/SearchInput.tsx
-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];
-	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 /* @__PURE__ */ jsxs("div", {
-		className: containerClasses,
-		"data-testid": dataTestId,
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "spiffy-tw-absolute spiffy-tw-left-3 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2",
-				children: /* @__PURE__ */ jsx(MagnifyingGlassStarVariant_default, {
-					className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive,
-					stroke: iconColor,
-					strokeWidth: "1px"
-				})
-			}),
-			/* @__PURE__ */ jsx(TextInput, {
-				value,
-				onChange: (event) => onChange(event.target.value),
-				onFocus,
-				onBlur,
-				onKeyDown,
-				placeholder,
-				className: inputClasses,
-				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 && /* @__PURE__ */ 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: /* @__PURE__ */ jsx(IconClose_default, { className: closeButtonIconClassName })
-			})
-		]
-	});
-});
-
-//#endregion
-export { searchInputVariantClasses as n, SearchInput as t };

package/dist/SearchResultsFilterButton-D929tRt9.cjs

@@ -1,96 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_jsx_runtime_Dg2m6dxZ = require('./jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
-const require_ButtonBase = require('./ButtonBase-C44g6llb.cjs');
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region ../icons/dist/SettingsVariant.js
-var import_jsx_runtime = require_jsx_runtime_Dg2m6dxZ.require_jsx_runtime();
-const SvgSettingsVariant = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
-	width: 28,
-	height: 28,
-	viewBox: "0 0 28 28",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg",
-	...props,
-	children: [
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
-			cx: 3.5,
-			cy: 3.5,
-			r: 3.03346,
-			transform: "matrix(-1 0 0 1 22.4004 0)",
-			stroke: "#767676",
-			strokeWidth: .933083
-		}),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-			d: "M14 3.5L0 3.5",
-			stroke: "#767676",
-			strokeWidth: .933083
-		}),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-			d: "M28 3.5L23.5 3.5",
-			stroke: "#767676",
-			strokeWidth: .933083
-		}),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
-			cx: 9.09961,
-			cy: 13.5,
-			r: 3.03346,
-			stroke: "#767676",
-			strokeWidth: .933083
-		}),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-			d: "M14 13.5L28 13.5",
-			stroke: "#767676",
-			strokeWidth: .933083
-		}),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-			d: "M0 13.5L4.5 13.5",
-			stroke: "#767676",
-			strokeWidth: .933083
-		}),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
-			cx: 3.5,
-			cy: 3.5,
-			r: 3.03346,
-			transform: "matrix(-1 0 0 1 22.4004 20)",
-			stroke: "#767676",
-			strokeWidth: .933083
-		}),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-			d: "M14 23.5H0",
-			stroke: "#767676",
-			strokeWidth: .933083
-		}),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-			d: "M28 23.5L23.5 23.5",
-			stroke: "#767676",
-			strokeWidth: .933083
-		})
-	]
-});
-var SettingsVariant_default = SvgSettingsVariant;
-
-//#endregion
-//#region src/components/SearchResultsFilterButton/SearchResultsFilterButton.tsx
-const SearchResultsFilterButton = ({ setIsOpen, filterButtonText }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
-		onClick: (0, react.useCallback)(() => {
-			setIsOpen(true);
-		}, [setIsOpen]),
-		icon: SettingsVariant_default,
-		iconClass: "spiffy-tw-w-[28px] spiffy-tw-h-[28px] spiffy-tw-object-center",
-		text: filterButtonText,
-		textClass: "spiffy-tw-uppercase spiffy-tw-text-[--spiffy-colors-text-primary] spiffy-tw-hidden md:spiffy-tw-block",
-		buttonClass: "spiffy-tw-flex-row spiffy-tw-pl-[16px] sm:spiffy-tw-pl-0 sm:spiffy-tw-px-4 sm:spiffy-tw-gap-[8px]",
-		disablePadding: true
-	});
-};
-
-//#endregion
-Object.defineProperty(exports, 'SearchResultsFilterButton', {
-  enumerable: true,
-  get: function () {
-    return SearchResultsFilterButton;
-  }
-});