@envive-ai/react-toolkit 0.1.4 → 0.1.5

package/dist/SearchFilterHeader-BDEcDc_4.js

@@ -0,0 +1,114 @@
+import { ButtonBase } from "./ButtonBase-CpmFsiUf.js";
+import { Text } from "./Text-BMg3d10t.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#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("li", {
+		className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-py-2 spiffy-tw-cursor-pointer",
+		onClick: () => onSelectFilterItem(filterItem),
+		children: [/* @__PURE__ */ jsx(Text, {
+			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
+//#region src/components/SearchFilter/SearchFilter.tsx
+const SearchFilter = ({ isOpen, setIsOpen, filters, selectFilterItem, clearAllFilters, filterButtonText, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, headerContent }) => {
+	const modalClasses = classNames("spiffy-tw-fixed spiffy-tw-inset-0 spiffy-tw-z-50 spiffy-tw-flex spiffy-tw-transform spiffy-tw-transition-all", {
+		"spiffy-tw-translate-x-full": !isOpen,
+		"spiffy-tw-translate-x-0": isOpen
+	});
+	const overlayClasses = classNames("spiffy-tw-absolute spiffy-tw-inset-0 spiffy-tw-bg-black spiffy-tw-bg-opacity-50", {
+		"spiffy-tw-opacity-0": !isOpen,
+		"spiffy-tw-opacity-100": isOpen
+	});
+	const sidebarClasses = classNames("spiffy-tw-relative spiffy-tw-ml-auto spiffy-tw-flex spiffy-tw-h-full spiffy-tw-w-full spiffy-tw-max-w-xs spiffy-tw-flex-col spiffy-tw-overflow-y-auto spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-py-4 spiffy-tw-shadow-xl");
+	return /* @__PURE__ */ jsxs("div", {
+		className: modalClasses,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: overlayClasses,
+			onClick: () => setIsOpen(false)
+		}), /* @__PURE__ */ jsxs("div", {
+			className: sidebarClasses,
+			children: [
+				headerContent,
+				/* @__PURE__ */ jsx("div", {
+					className: "spiffy-tw-flex-1 spiffy-tw-px-4 spiffy-tw-py-6",
+					children: filters.map((filter) => /* @__PURE__ */ jsxs("div", {
+						className: "spiffy-tw-mb-6",
+						children: [/* @__PURE__ */ jsx(Text, {
+							variant: "body2",
+							className: "spiffy-tw-font-medium spiffy-tw-mb-3",
+							children: filter.displayName
+						}), /* @__PURE__ */ jsx("ul", { children: filter.items.map((item) => /* @__PURE__ */ jsx(SearchFilterItem, {
+							filterItem: item,
+							onSelectFilterItem: selectFilterItem,
+							radioButtonFillColor,
+							radioButtonHoverColor,
+							radioButtonUncheckedBorderColor
+						}, item.id)) })]
+					}, filter.id))
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "spiffy-tw-border-t spiffy-tw-border-[--spiffy-colors-border-light] spiffy-tw-px-4 spiffy-tw-py-3",
+					children: [/* @__PURE__ */ jsx(ButtonBase, {
+						onClick: clearAllFilters,
+						text: "Clear All",
+						buttonClass: "spiffy-tw-w-full spiffy-tw-mb-2"
+					}), /* @__PURE__ */ jsx(ButtonBase, {
+						onClick: () => setIsOpen(false),
+						text: filterButtonText,
+						buttonClass: "spiffy-tw-w-full"
+					})]
+				})
+			]
+		})]
+	});
+};
+
+//#endregion
+//#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(Text, {
+			variant: "body2",
+			className: "spiffy-tw-font-medium",
+			children: [
+				"Filters (",
+				productCount,
+				")"
+			]
+		}), /* @__PURE__ */ jsx("button", {
+			onClick: closeModal,
+			className: "spiffy-tw-p-2",
+			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
+export { SearchFilter, SearchFilterHeader, SearchFilterItem };

package/dist/SearchFilterHeader-qkRVfAB5.cjs

@@ -0,0 +1,134 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_ButtonBase = require('./ButtonBase-Dlh3bpR3.cjs');
+const require_Text = require('./Text-CgOYTs8D.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/SearchFilter/SearchFilterItem.tsx
+const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor }) => {
+	const { displayName, isSelected } = filterItem;
+	const radioClasses = (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsxs)("li", {
+		className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-py-2 spiffy-tw-cursor-pointer",
+		onClick: () => onSelectFilterItem(filterItem),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+			variant: "body3",
+			children: displayName
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: radioClasses,
+			children: isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)("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
+//#region src/components/SearchFilter/SearchFilter.tsx
+const SearchFilter = ({ isOpen, setIsOpen, filters, selectFilterItem, clearAllFilters, filterButtonText, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, headerContent }) => {
+	const modalClasses = (0, classnames.default)("spiffy-tw-fixed spiffy-tw-inset-0 spiffy-tw-z-50 spiffy-tw-flex spiffy-tw-transform spiffy-tw-transition-all", {
+		"spiffy-tw-translate-x-full": !isOpen,
+		"spiffy-tw-translate-x-0": isOpen
+	});
+	const overlayClasses = (0, classnames.default)("spiffy-tw-absolute spiffy-tw-inset-0 spiffy-tw-bg-black spiffy-tw-bg-opacity-50", {
+		"spiffy-tw-opacity-0": !isOpen,
+		"spiffy-tw-opacity-100": isOpen
+	});
+	const sidebarClasses = (0, classnames.default)("spiffy-tw-relative spiffy-tw-ml-auto spiffy-tw-flex spiffy-tw-h-full spiffy-tw-w-full spiffy-tw-max-w-xs spiffy-tw-flex-col spiffy-tw-overflow-y-auto spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-py-4 spiffy-tw-shadow-xl");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: modalClasses,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: overlayClasses,
+			onClick: () => setIsOpen(false)
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: sidebarClasses,
+			children: [
+				headerContent,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "spiffy-tw-flex-1 spiffy-tw-px-4 spiffy-tw-py-6",
+					children: filters.map((filter) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "spiffy-tw-mb-6",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+							variant: "body2",
+							className: "spiffy-tw-font-medium spiffy-tw-mb-3",
+							children: filter.displayName
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: filter.items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchFilterItem, {
+							filterItem: item,
+							onSelectFilterItem: selectFilterItem,
+							radioButtonFillColor,
+							radioButtonHoverColor,
+							radioButtonUncheckedBorderColor
+						}, item.id)) })]
+					}, filter.id))
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "spiffy-tw-border-t spiffy-tw-border-[--spiffy-colors-border-light] spiffy-tw-px-4 spiffy-tw-py-3",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
+						onClick: clearAllFilters,
+						text: "Clear All",
+						buttonClass: "spiffy-tw-w-full spiffy-tw-mb-2"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
+						onClick: () => setIsOpen(false),
+						text: filterButtonText,
+						buttonClass: "spiffy-tw-w-full"
+					})]
+				})
+			]
+		})]
+	});
+};
+
+//#endregion
+//#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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-px-4 spiffy-tw-py-3", headerClassName),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Text.Text, {
+			variant: "body2",
+			className: "spiffy-tw-font-medium",
+			children: [
+				"Filters (",
+				productCount,
+				")"
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			onClick: closeModal,
+			className: "spiffy-tw-p-2",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "14",
+				height: "14",
+				viewBox: "0 0 14 14",
+				fill: "none",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.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
+Object.defineProperty(exports, 'SearchFilter', {
+  enumerable: true,
+  get: function () {
+    return SearchFilter;
+  }
+});
+Object.defineProperty(exports, 'SearchFilterHeader', {
+  enumerable: true,
+  get: function () {
+    return SearchFilterHeader;
+  }
+});
+Object.defineProperty(exports, 'SearchFilterItem', {
+  enumerable: true,
+  get: function () {
+    return SearchFilterItem;
+  }
+});

package/dist/SearchInput/index.cjs

@@ -0,0 +1,7 @@
+require('../textVariantClasses-BnV4wXaw.cjs');
+require('../TextInput-CObd_Wcw.cjs');
+require('../colorsConfig-DulwYRIk.cjs');
+const require_SearchInput = require('../SearchInput-Cdpwswyv.cjs');
+
+exports.SearchInput = require_SearchInput.SearchInput;
+exports.searchInputVariantClasses = require_SearchInput.searchInputVariantClasses;

package/dist/SearchInput/index.d.cts

@@ -0,0 +1,33 @@
+import { SearchInputVariant } from "../types-CosVh8Hj.cjs";
+import { TextStyleVariantMap } from "../textVariantClasses-DwnnFNBf.cjs";
+import React from "react";
+
+//#region src/components/SearchInput/SearchInput.d.ts
+interface SearchInputProps {
+  searchInputVariant?: SearchInputVariant;
+  value: string;
+  placeholder?: string;
+  suggestions?: string[];
+  className?: string;
+  dataTestId?: string;
+  ariaActivedescendant?: string;
+  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onChange: (newValue: string) => void;
+  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+}
+declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/SearchInput/searchInputVariants.d.ts
+interface SearchInputVariantClasses {
+  searchInputIconColor: string;
+  searchInputBorderColor: string;
+  searchInputCloseIconClasses: string;
+  searchInputActiveStarClasses: string;
+  autocompleteIconColor: string;
+  searchInputClasses: string;
+  placeholderVariant: keyof typeof TextStyleVariantMap;
+}
+declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
+//#endregion
+export { SearchInput, SearchInputProps, searchInputVariantClasses };

package/dist/SearchInput/index.d.ts

@@ -0,0 +1,33 @@
+import { SearchInputVariant } from "../types-nR3jHgIO.js";
+import { TextStyleVariantMap } from "../textVariantClasses-sT9E8Uty.js";
+import React from "react";
+
+//#region src/components/SearchInput/SearchInput.d.ts
+interface SearchInputProps {
+  searchInputVariant?: SearchInputVariant;
+  value: string;
+  placeholder?: string;
+  suggestions?: string[];
+  className?: string;
+  dataTestId?: string;
+  ariaActivedescendant?: string;
+  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onChange: (newValue: string) => void;
+  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+}
+declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/SearchInput/searchInputVariants.d.ts
+interface SearchInputVariantClasses {
+  searchInputIconColor: string;
+  searchInputBorderColor: string;
+  searchInputCloseIconClasses: string;
+  searchInputActiveStarClasses: string;
+  autocompleteIconColor: string;
+  searchInputClasses: string;
+  placeholderVariant: keyof typeof TextStyleVariantMap;
+}
+declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
+//#endregion
+export { SearchInput, SearchInputProps, searchInputVariantClasses };

package/dist/SearchInput/index.js

@@ -0,0 +1,6 @@
+import "../textVariantClasses-CnjwO2Fv.js";
+import "../TextInput-ChPhL54o.js";
+import "../colorsConfig-CKiMYHO_.js";
+import { SearchInput, searchInputVariantClasses } from "../SearchInput-DxGvYGZO.js";
+
+export { SearchInput, searchInputVariantClasses };

package/dist/{SearchInput-mLPisqFO.cjs → SearchInput-Cdpwswyv.cjs}

@@ -1,6 +1,6 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_TextInput = require('./TextInput-BO80ixsV.cjs');
-const require_colorsConfig = require('./colorsConfig-vunsVTFC.cjs');
+const require_TextInput = require('./TextInput-CObd_Wcw.cjs');
+const require_colorsConfig = require('./colorsConfig-DulwYRIk.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react = require("react");
@@ -12,7 +12,7 @@ __envive_ai_react_icons_src_MagnifyingGlassStarVariant = require_chunk.__toESM(_
 let __envive_ai_react_icons_src_IconClose = require("@envive-ai/react-icons/src/IconClose");
 __envive_ai_react_icons_src_IconClose = require_chunk.__toESM(__envive_ai_react_icons_src_IconClose);
 
-//#region src/components/search/SearchInput/searchInputVariants.ts
+//#region src/components/SearchInput/searchInputVariants.ts
 const searchInputVariantClasses = { standard: {
 	searchInputIconColor: "transparent",
 	searchInputBorderColor: "spiffy-tw-border-[--spiffy-colors-border-medium]",
@@ -24,7 +24,7 @@ const searchInputVariantClasses = { standard: {
 } };
 
 //#endregion
-//#region src/components/search/SearchInput/SearchInput.tsx
+//#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];

package/dist/{SearchInput-CzVUsUSb.js → SearchInput-DxGvYGZO.js}

@@ -1,12 +1,12 @@
-import { TextInput } from "./TextInput-CEGWfdPC.js";
-import { ColorNames, colorVar } from "./colorsConfig-BKBZfFq1.js";
+import { TextInput } from "./TextInput-ChPhL54o.js";
+import { ColorNames, colorVar } from "./colorsConfig-CKiMYHO_.js";
 import classNames from "classnames";
 import React, { useImperativeHandle, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import MagnifyingGlassStarVariant from "@envive-ai/react-icons/src/MagnifyingGlassStarVariant";
 import CloseIcon from "@envive-ai/react-icons/src/IconClose";
 
-//#region src/components/search/SearchInput/searchInputVariants.ts
+//#region src/components/SearchInput/searchInputVariants.ts
 const searchInputVariantClasses = { standard: {
 	searchInputIconColor: "transparent",
 	searchInputBorderColor: "spiffy-tw-border-[--spiffy-colors-border-medium]",
@@ -18,7 +18,7 @@ const searchInputVariantClasses = { standard: {
 } };
 
 //#endregion
-//#region src/components/search/SearchInput/SearchInput.tsx
+//#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];

package/dist/SearchInputAutocomplete/index.cjs

@@ -0,0 +1,3 @@
+const require_SearchAutocomplete = require('../SearchAutocomplete-CQxxe5Op.cjs');
+
+exports.SearchAutocomplete = require_SearchAutocomplete.SearchAutocomplete;

package/dist/{search/SearchInputAutocomplete/SearchAutocomplete.d.cts → SearchInputAutocomplete/index.d.cts}

@@ -1,6 +1,6 @@
 import React from "react";
 
-//#region src/components/search/SearchInputAutocomplete/SearchAutocomplete.d.ts
+//#region src/components/SearchInputAutocomplete/SearchAutocomplete.d.ts
 interface GlobalSearchAutocompleteProps {
   id: string;
   results: string[];

package/dist/{search/SearchInputAutocomplete/SearchAutocomplete.d.ts → SearchInputAutocomplete/index.d.ts}

@@ -1,6 +1,6 @@
 import React from "react";
 
-//#region src/components/search/SearchInputAutocomplete/SearchAutocomplete.d.ts
+//#region src/components/SearchInputAutocomplete/SearchAutocomplete.d.ts
 interface GlobalSearchAutocompleteProps {
   id: string;
   results: string[];

package/dist/SearchInputAutocomplete/index.js

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

package/dist/{search/SearchInputForm/SearchInputForm.cjs → SearchInputForm/index.cjs}

@@ -1,13 +1,13 @@
-const require_chunk = require('../../chunk-CUT6urMc.cjs');
-require('../../textVariantClasses-Bhf4VY5z.cjs');
-require('../../TextInput-BO80ixsV.cjs');
-require('../../colorsConfig-vunsVTFC.cjs');
-const require_SearchInput = require('../../SearchInput-mLPisqFO.cjs');
-const require_SearchAutocomplete = require('../../SearchAutocomplete-BrF2SMoZ.cjs');
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+require('../textVariantClasses-BnV4wXaw.cjs');
+require('../TextInput-CObd_Wcw.cjs');
+require('../colorsConfig-DulwYRIk.cjs');
+const require_SearchInput = require('../SearchInput-Cdpwswyv.cjs');
+const require_SearchAutocomplete = require('../SearchAutocomplete-CQxxe5Op.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
-//#region src/components/search/SearchInputForm/SearchInputForm.tsx
+//#region src/components/SearchInputForm/SearchInputForm.tsx
 const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, isDirty, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit }) => {
 	const { searchInputIconColor } = require_SearchInput.searchInputVariantClasses[searchInputVariant];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {

package/dist/{search/SearchInputForm/SearchInputForm.d.ts → SearchInputForm/index.d.cts}

@@ -1,7 +1,7 @@
-import { SearchInputVariant } from "../../types-BRLWwGMI.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import { SearchInputVariant } from "../types-CosVh8Hj.cjs";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
-//#region src/components/search/SearchInputForm/SearchInputForm.d.ts
+//#region src/components/SearchInputForm/SearchInputForm.d.ts
 interface SearchInputFormProps {
   searchInputVariant: SearchInputVariant;
   searchText: string;
@@ -27,6 +27,6 @@ declare const SearchInputForm: ({
   onAutocompleteSelect,
   onSearchInputChange,
   onSearchSubmit
-}: SearchInputFormProps) => react_jsx_runtime9.JSX.Element;
+}: SearchInputFormProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
-export { SearchInputForm };
+export { SearchInputForm, SearchInputVariant };

package/dist/{search/SearchInputForm/SearchInputForm.d.cts → SearchInputForm/index.d.ts}

@@ -1,7 +1,7 @@
-import { SearchInputVariant } from "../../types-Dy4_w6Cf.cjs";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import { SearchInputVariant } from "../types-nR3jHgIO.js";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
-//#region src/components/search/SearchInputForm/SearchInputForm.d.ts
+//#region src/components/SearchInputForm/SearchInputForm.d.ts
 interface SearchInputFormProps {
   searchInputVariant: SearchInputVariant;
   searchText: string;
@@ -27,6 +27,6 @@ declare const SearchInputForm: ({
   onAutocompleteSelect,
   onSearchInputChange,
   onSearchSubmit
-}: SearchInputFormProps) => react_jsx_runtime14.JSX.Element;
+}: SearchInputFormProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
-export { SearchInputForm };
+export { SearchInputForm, SearchInputVariant };

package/dist/{search/SearchInputForm/SearchInputForm.js → SearchInputForm/index.js}

@@ -1,11 +1,11 @@
-import "../../textVariantClasses-5t3OricK.js";
-import "../../TextInput-CEGWfdPC.js";
-import "../../colorsConfig-BKBZfFq1.js";
-import { SearchInput, searchInputVariantClasses } from "../../SearchInput-CzVUsUSb.js";
-import { SearchAutocomplete } from "../../SearchAutocomplete-B8mO03Rr.js";
+import "../textVariantClasses-CnjwO2Fv.js";
+import "../TextInput-ChPhL54o.js";
+import "../colorsConfig-CKiMYHO_.js";
+import { SearchInput, searchInputVariantClasses } from "../SearchInput-DxGvYGZO.js";
+import { SearchAutocomplete } from "../SearchAutocomplete-DCu9-Yfk.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/search/SearchInputForm/SearchInputForm.tsx
+//#region src/components/SearchInputForm/SearchInputForm.tsx
 const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, isDirty, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit }) => {
 	const { searchInputIconColor } = searchInputVariantClasses[searchInputVariant];
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("form", {

package/dist/{search/SearchResultsFilterSidebar/SearchResultsFilter.cjs → SearchResultsFilterSidebar/index.cjs}

@@ -1,24 +1,22 @@
-const require_chunk = require('../../chunk-CUT6urMc.cjs');
-const require_ButtonBase = require('../../ButtonBase-a8uj6c2f.cjs');
-require('../../textVariantClasses-Bhf4VY5z.cjs');
-require('../../Text-C04c4Z93.cjs');
-require('../../SearchFilterItem-DmMkiqNC.cjs');
-const require_SearchFilter = require('../../SearchFilter-D0IzBlG5.cjs');
-const require_SearchFilterHeader = require('../../SearchFilterHeader-C3EklfoO.cjs');
-require('../../colorsConfig-vunsVTFC.cjs');
-const require_searchFilterSidebarVariants = require('../../searchFilterSidebarVariants-L1rn5Ift.cjs');
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+const require_ButtonBase = require('../ButtonBase-Dlh3bpR3.cjs');
+require('../textVariantClasses-BnV4wXaw.cjs');
+require('../Text-CgOYTs8D.cjs');
+const require_SearchFilterHeader = require('../SearchFilterHeader-qkRVfAB5.cjs');
+require('../colorsConfig-DulwYRIk.cjs');
+const require_searchFilterSidebarVariants = require('../searchFilterSidebarVariants-DcQLi_TT.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
-//#region src/components/search/SearchResultsFilterSidebar/SearchResultsFilter.tsx
+//#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.tsx
 const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, searchFilterSidebarVariant, onSelectFilterItem, onClearAllFilters, filterButtonText }) => {
 	const { applyFiltersUnchangedClasses, applyFiltersChangedClasses, searchFilterHeaderClasses, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant } = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
 	const openFilter = (0, react.useCallback)(() => {
 		setIsOpen(true);
 	}, [setIsOpen]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilter.SearchFilter, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilterHeader.SearchFilter, {
 		isOpen,
 		setIsOpen,
 		filters: searchFilters,
@@ -49,4 +47,5 @@ const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, s
 };
 
 //#endregion
-exports.SearchResultsFilter = SearchResultsFilter;
+exports.SearchResultsFilter = SearchResultsFilter;
+exports.searchFilterSidebarVariantClasses = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses;

package/dist/SearchResultsFilterSidebar/index.d.cts

@@ -0,0 +1,44 @@
+import { SearchFilter, SelectFilterItem } from "../types-BCAU5OQD.cjs";
+import { CloseIconVariant, SearchFilterSidebarVariant } from "../types-5luH4G-3.cjs";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+
+//#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.d.ts
+interface SearchFilterSidebarVariantClasses {
+  searchFilterHeaderClasses: string;
+  radioButtonFillColor: string;
+  radioButtonHoverColor: string;
+  radioButtonUncheckedBorderColor: string;
+  filterDefaultClasses: string;
+  filterActiveClasses: string;
+  filterHoverClasses: string;
+  appliedFilterBackgroundClasses: string;
+  applyFiltersUnchangedClasses: string;
+  applyFiltersChangedClasses: string;
+  filterCloseIconVariant: CloseIconVariant;
+}
+declare const searchFilterSidebarVariantClasses: Record<SearchFilterSidebarVariant, SearchFilterSidebarVariantClasses>;
+//#endregion
+//#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.d.ts
+type SearchResultsFilterProps = {
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  searchFilters: SearchFilter[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  searchText: string;
+  onSelectFilterItem: SelectFilterItem;
+  onClearAllFilters: () => void;
+  filterButtonText: string;
+};
+declare const SearchResultsFilter: ({
+  productCount,
+  isOpen,
+  setIsOpen,
+  searchFilters,
+  searchFilterSidebarVariant,
+  onSelectFilterItem,
+  onClearAllFilters,
+  filterButtonText
+}: SearchResultsFilterProps) => react_jsx_runtime9.JSX.Element;
+//#endregion
+export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/SearchResultsFilterSidebar/index.d.ts

@@ -0,0 +1,44 @@
+import { SearchFilter, SelectFilterItem } from "../types-BwPquD10.js";
+import { CloseIconVariant, SearchFilterSidebarVariant } from "../types-BIPqyTOJ.js";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+
+//#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.d.ts
+interface SearchFilterSidebarVariantClasses {
+  searchFilterHeaderClasses: string;
+  radioButtonFillColor: string;
+  radioButtonHoverColor: string;
+  radioButtonUncheckedBorderColor: string;
+  filterDefaultClasses: string;
+  filterActiveClasses: string;
+  filterHoverClasses: string;
+  appliedFilterBackgroundClasses: string;
+  applyFiltersUnchangedClasses: string;
+  applyFiltersChangedClasses: string;
+  filterCloseIconVariant: CloseIconVariant;
+}
+declare const searchFilterSidebarVariantClasses: Record<SearchFilterSidebarVariant, SearchFilterSidebarVariantClasses>;
+//#endregion
+//#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.d.ts
+type SearchResultsFilterProps = {
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  searchFilters: SearchFilter[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  searchText: string;
+  onSelectFilterItem: SelectFilterItem;
+  onClearAllFilters: () => void;
+  filterButtonText: string;
+};
+declare const SearchResultsFilter: ({
+  productCount,
+  isOpen,
+  setIsOpen,
+  searchFilters,
+  searchFilterSidebarVariant,
+  onSelectFilterItem,
+  onClearAllFilters,
+  filterButtonText
+}: SearchResultsFilterProps) => react_jsx_runtime14.JSX.Element;
+//#endregion
+export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };