@envive-ai/react-toolkit 0.1.5 → 0.1.7

package/dist/{ProductGrid-CSIH2_G9.cjs → ProductGrid-BSSmPr7K.cjs}

@@ -1,29 +1,10 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-CvTRvhm7.cjs');
+const require_ProductCard = require('./ProductCard-DZZKutY-.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/ProductGrid/productGridVariants.ts
-const productGridVariantClasses = {
-	standard: {
-		productCardVariant: "minimal",
-		productCardHoverVariant: "backgroundDark",
-		productCardLayoutVariant: "tall",
-		productCardImageAspectRatio: "3:4",
-		zoomOnHover: true
-	},
-	square: {
-		productCardVariant: "minimal",
-		productCardHoverVariant: "backgroundDark",
-		productCardLayoutVariant: "square",
-		productCardImageAspectRatio: "square",
-		zoomOnHover: true
-	}
-};
-
-//#endregion
 //#region src/config/chatElementDisplayLocation.ts
 let ChatElementDisplayLocation = /* @__PURE__ */ function(ChatElementDisplayLocation$1) {
 	ChatElementDisplayLocation$1["IN_CHAT"] = "in_chat";
@@ -48,9 +29,28 @@ let ChatElementDisplayLocation = /* @__PURE__ */ function(ChatElementDisplayLoca
 	return ChatElementDisplayLocation$1;
 }({});
 
+//#endregion
+//#region src/components/ProductGrid/productGridVariants.ts
+const productGridVariantClasses = {
+	standard: {
+		productCardVariant: "minimal",
+		productCardHoverVariant: "backgroundDark",
+		productCardLayoutVariant: "tall",
+		productCardImageAspectRatio: "3:4",
+		zoomOnHover: true
+	},
+	square: {
+		productCardVariant: "minimal",
+		productCardHoverVariant: "backgroundDark",
+		productCardLayoutVariant: "square",
+		productCardImageAspectRatio: "square",
+		zoomOnHover: true
+	}
+};
+
 //#endregion
 //#region src/components/ProductGrid/ProductGrid.tsx
-const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, searchResponseId, cardsGrowWithContainer = true, handleClick }) => {
+const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, searchResponseId, cardsGrowWithContainer = true }) => {
 	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
 	const cardContainerClasses = (0, classnames.default)({
 		"spiffy-tw-w-full": cardsGrowWithContainer,
@@ -58,31 +58,33 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: productGridClasses,
-		children: productList.map((product, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: cardContainerClasses,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCard.ProductCard, {
-				productCardConfig,
-				merchantShortName,
-				imageUrl: product.imageUrl,
-				searchResponseId,
-				productResponseId: product.responseId,
-				title: product.title,
-				url: product.url,
-				originalPrice: product.originalPrice,
-				salePrice: product.salePrice,
-				averageRating: product.averageRating,
-				numberReviews: product.numberReviews,
-				cardDisplayLocation: ChatElementDisplayLocation.PRODUCT_GRID,
-				layoutVariant: productCardLayoutVariant,
-				variant: productCardVariant,
-				hoverVariant: productCardHoverVariant,
-				zoomOnHover,
-				aspectRatio: productCardImageAspectRatio,
-				clickPosition: index,
-				growWithContainer: cardsGrowWithContainer,
-				handleClick
-			}, product.id)
-		}, product.id))
+		children: productList.map((product, index) => {
+			const camelCasedProduct = product;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: cardContainerClasses,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCard.ProductCard, {
+					productCardConfig,
+					merchantShortName,
+					imageUrl: camelCasedProduct.imageUrl,
+					searchResponseId,
+					productResponseId: camelCasedProduct.responseId,
+					title: camelCasedProduct.title,
+					url: camelCasedProduct.url,
+					originalPrice: camelCasedProduct.originalPrice,
+					salePrice: camelCasedProduct.salePrice,
+					averageRating: camelCasedProduct.averageRating,
+					numberReviews: camelCasedProduct.numberReviews,
+					cardDisplayLocation: ChatElementDisplayLocation.PRODUCT_GRID,
+					layoutVariant: productCardLayoutVariant,
+					variant: productCardVariant,
+					hoverVariant: productCardHoverVariant,
+					zoomOnHover,
+					aspectRatio: productCardImageAspectRatio,
+					clickPosition: index,
+					growWithContainer: cardsGrowWithContainer
+				}, camelCasedProduct.id)
+			}, camelCasedProduct.id);
+		})
 	});
 };
 

package/dist/{ProductGrid-NOCayW9O.js → ProductGrid-DTUhH219.js}

@@ -1,26 +1,7 @@
-import { ProductCard } from "./ProductCard-aJbQz6Q7.js";
+import { ProductCard } from "./ProductCard-SF8-lXlT.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/ProductGrid/productGridVariants.ts
-const productGridVariantClasses = {
-	standard: {
-		productCardVariant: "minimal",
-		productCardHoverVariant: "backgroundDark",
-		productCardLayoutVariant: "tall",
-		productCardImageAspectRatio: "3:4",
-		zoomOnHover: true
-	},
-	square: {
-		productCardVariant: "minimal",
-		productCardHoverVariant: "backgroundDark",
-		productCardLayoutVariant: "square",
-		productCardImageAspectRatio: "square",
-		zoomOnHover: true
-	}
-};
-
-//#endregion
 //#region src/config/chatElementDisplayLocation.ts
 let ChatElementDisplayLocation = /* @__PURE__ */ function(ChatElementDisplayLocation$1) {
 	ChatElementDisplayLocation$1["IN_CHAT"] = "in_chat";
@@ -45,9 +26,28 @@ let ChatElementDisplayLocation = /* @__PURE__ */ function(ChatElementDisplayLoca
 	return ChatElementDisplayLocation$1;
 }({});
 
+//#endregion
+//#region src/components/ProductGrid/productGridVariants.ts
+const productGridVariantClasses = {
+	standard: {
+		productCardVariant: "minimal",
+		productCardHoverVariant: "backgroundDark",
+		productCardLayoutVariant: "tall",
+		productCardImageAspectRatio: "3:4",
+		zoomOnHover: true
+	},
+	square: {
+		productCardVariant: "minimal",
+		productCardHoverVariant: "backgroundDark",
+		productCardLayoutVariant: "square",
+		productCardImageAspectRatio: "square",
+		zoomOnHover: true
+	}
+};
+
 //#endregion
 //#region src/components/ProductGrid/ProductGrid.tsx
-const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, searchResponseId, cardsGrowWithContainer = true, handleClick }) => {
+const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, searchResponseId, cardsGrowWithContainer = true }) => {
 	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
 	const cardContainerClasses = classNames({
 		"spiffy-tw-w-full": cardsGrowWithContainer,
@@ -55,31 +55,33 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 	});
 	return /* @__PURE__ */ jsx("div", {
 		className: productGridClasses,
-		children: productList.map((product, index) => /* @__PURE__ */ jsx("div", {
-			className: cardContainerClasses,
-			children: /* @__PURE__ */ jsx(ProductCard, {
-				productCardConfig,
-				merchantShortName,
-				imageUrl: product.imageUrl,
-				searchResponseId,
-				productResponseId: product.responseId,
-				title: product.title,
-				url: product.url,
-				originalPrice: product.originalPrice,
-				salePrice: product.salePrice,
-				averageRating: product.averageRating,
-				numberReviews: product.numberReviews,
-				cardDisplayLocation: ChatElementDisplayLocation.PRODUCT_GRID,
-				layoutVariant: productCardLayoutVariant,
-				variant: productCardVariant,
-				hoverVariant: productCardHoverVariant,
-				zoomOnHover,
-				aspectRatio: productCardImageAspectRatio,
-				clickPosition: index,
-				growWithContainer: cardsGrowWithContainer,
-				handleClick
-			}, product.id)
-		}, product.id))
+		children: productList.map((product, index) => {
+			const camelCasedProduct = product;
+			return /* @__PURE__ */ jsx("div", {
+				className: cardContainerClasses,
+				children: /* @__PURE__ */ jsx(ProductCard, {
+					productCardConfig,
+					merchantShortName,
+					imageUrl: camelCasedProduct.imageUrl,
+					searchResponseId,
+					productResponseId: camelCasedProduct.responseId,
+					title: camelCasedProduct.title,
+					url: camelCasedProduct.url,
+					originalPrice: camelCasedProduct.originalPrice,
+					salePrice: camelCasedProduct.salePrice,
+					averageRating: camelCasedProduct.averageRating,
+					numberReviews: camelCasedProduct.numberReviews,
+					cardDisplayLocation: ChatElementDisplayLocation.PRODUCT_GRID,
+					layoutVariant: productCardLayoutVariant,
+					variant: productCardVariant,
+					hoverVariant: productCardHoverVariant,
+					zoomOnHover,
+					aspectRatio: productCardImageAspectRatio,
+					clickPosition: index,
+					growWithContainer: cardsGrowWithContainer
+				}, camelCasedProduct.id)
+			}, camelCasedProduct.id);
+		})
 	});
 };
 

package/dist/{SearchInputAutocomplete → SearchAutocomplete}/index.cjs

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

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

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

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

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

package/dist/SearchAutocomplete/index.js

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

package/dist/{SearchAutocomplete-DCu9-Yfk.js → SearchAutocomplete-BPjlo6qq.js}

@@ -1,10 +1,10 @@
-import classNames from "classnames";
+import { motion } from "framer-motion";
 import React from "react";
+import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { motion } from "framer-motion";
-import OutlinedStar from "@envive-ai/react-icons/src/OutlinedStar";
+import OutlinedStar from "@envive-ai/react-icons/OutlinedStar";
 
-//#region src/components/SearchInputAutocomplete/SearchAutocomplete.tsx
+//#region src/components/SearchAutocomplete/SearchAutocomplete.tsx
 const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
 	if (results.length === 0) return null;
 	return /* @__PURE__ */ jsx(motion.div, {

package/dist/{SearchAutocomplete-CQxxe5Op.cjs → SearchAutocomplete-BzaEXmRQ.cjs}

@@ -1,16 +1,16 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
+let framer_motion = require("framer-motion");
+framer_motion = require_chunk.__toESM(framer_motion);
 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");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-let framer_motion = require("framer-motion");
-framer_motion = require_chunk.__toESM(framer_motion);
-let __envive_ai_react_icons_src_OutlinedStar = require("@envive-ai/react-icons/src/OutlinedStar");
-__envive_ai_react_icons_src_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_src_OutlinedStar);
+let __envive_ai_react_icons_OutlinedStar = require("@envive-ai/react-icons/OutlinedStar");
+__envive_ai_react_icons_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_OutlinedStar);
 
-//#region src/components/SearchInputAutocomplete/SearchAutocomplete.tsx
+//#region src/components/SearchAutocomplete/SearchAutocomplete.tsx
 const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
 	if (results.length === 0) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
@@ -41,7 +41,7 @@ const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, ico
 				onKeyDown: (event) => {
 					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
 				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_src_OutlinedStar.default, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_OutlinedStar.default, {
 					className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-2",
 					fill: iconColor
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {

package/dist/SearchFilter/index.cjs

@@ -1,8 +1,8 @@
-require('../ButtonBase-Dlh3bpR3.cjs');
+require('../ButtonBase-DcyxOe2v.cjs');
 require('../textVariantClasses-BnV4wXaw.cjs');
 require('../Text-CgOYTs8D.cjs');
-const require_SearchFilterHeader = require('../SearchFilterHeader-qkRVfAB5.cjs');
+const require_SearchFilter = require('../SearchFilter-B15tybnV.cjs');
 
-exports.SearchFilter = require_SearchFilterHeader.SearchFilter;
-exports.SearchFilterHeader = require_SearchFilterHeader.SearchFilterHeader;
-exports.SearchFilterItem = require_SearchFilterHeader.SearchFilterItem;
+exports.SearchFilter = require_SearchFilter.SearchFilter;
+exports.SearchFilterHeader = require_SearchFilter.SearchFilterHeader;
+exports.SearchFilterItem = require_SearchFilter.SearchFilterItem;

package/dist/SearchFilter/index.d.cts

@@ -1,35 +1,2 @@
-import { SearchFilterHeaderProps, SearchFilterItemProps, SearchFilterProps, SelectFilterItem } from "../types-BCAU5OQD.cjs";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
-
-//#region src/components/SearchFilter/SearchFilter.d.ts
-declare const SearchFilter: ({
-  isOpen,
-  setIsOpen,
-  filters,
-  selectFilterItem,
-  clearAllFilters,
-  filterButtonText,
-  radioButtonFillColor,
-  radioButtonHoverColor,
-  radioButtonUncheckedBorderColor,
-  headerContent
-}: SearchFilterProps) => react_jsx_runtime18.JSX.Element;
-//#endregion
-//#region src/components/SearchFilter/SearchFilterHeader.d.ts
-declare const SearchFilterHeader: ({
-  closeModal,
-  productCount,
-  headerClassName,
-  filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime18.JSX.Element;
-//#endregion
-//#region src/components/SearchFilter/SearchFilterItem.d.ts
-declare const SearchFilterItem: ({
-  filterItem,
-  onSelectFilterItem,
-  radioButtonFillColor,
-  radioButtonHoverColor,
-  radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime18.JSX.Element;
-//#endregion
+import { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem } from "../index-DlvTcfAg.cjs";
 export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };

package/dist/SearchFilter/index.d.ts

@@ -1,35 +1,2 @@
-import { SearchFilterHeaderProps, SearchFilterItemProps, SearchFilterProps, SelectFilterItem } from "../types-BwPquD10.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
-
-//#region src/components/SearchFilter/SearchFilter.d.ts
-declare const SearchFilter: ({
-  isOpen,
-  setIsOpen,
-  filters,
-  selectFilterItem,
-  clearAllFilters,
-  filterButtonText,
-  radioButtonFillColor,
-  radioButtonHoverColor,
-  radioButtonUncheckedBorderColor,
-  headerContent
-}: SearchFilterProps) => react_jsx_runtime4.JSX.Element;
-//#endregion
-//#region src/components/SearchFilter/SearchFilterHeader.d.ts
-declare const SearchFilterHeader: ({
-  closeModal,
-  productCount,
-  headerClassName,
-  filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime4.JSX.Element;
-//#endregion
-//#region src/components/SearchFilter/SearchFilterItem.d.ts
-declare const SearchFilterItem: ({
-  filterItem,
-  onSelectFilterItem,
-  radioButtonFillColor,
-  radioButtonHoverColor,
-  radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime4.JSX.Element;
-//#endregion
+import { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem } from "../index-DLbdcczl.js";
 export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };

package/dist/SearchFilter/index.js

@@ -1,6 +1,6 @@
-import "../ButtonBase-CpmFsiUf.js";
+import "../ButtonBase-BIAu5fIG.js";
 import "../textVariantClasses-CnjwO2Fv.js";
 import "../Text-BMg3d10t.js";
-import { SearchFilter, SearchFilterHeader, SearchFilterItem } from "../SearchFilterHeader-BDEcDc_4.js";
+import { SearchFilter, SearchFilterHeader, SearchFilterItem } from "../SearchFilter-D427M2UE.js";
 
 export { SearchFilter, SearchFilterHeader, SearchFilterItem };

package/dist/{SearchFilterHeader-qkRVfAB5.cjs → SearchFilter-B15tybnV.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ButtonBase = require('./ButtonBase-Dlh3bpR3.cjs');
+const require_ButtonBase = require('./ButtonBase-DcyxOe2v.cjs');
 const require_Text = require('./Text-CgOYTs8D.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);

package/dist/{SearchFilterHeader-BDEcDc_4.js → SearchFilter-D427M2UE.js}

@@ -1,4 +1,4 @@
-import { ButtonBase } from "./ButtonBase-CpmFsiUf.js";
+import { ButtonBase } from "./ButtonBase-BIAu5fIG.js";
 import { Text } from "./Text-BMg3d10t.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/SearchInput/index.cjs

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

package/dist/SearchInput/index.d.cts

@@ -1,4 +1,4 @@
-import { SearchInputVariant } from "../types-CosVh8Hj.cjs";
+import { SearchInputVariant } from "../index-C2iKBk7w.cjs";
 import { TextStyleVariantMap } from "../textVariantClasses-DwnnFNBf.cjs";
 import React from "react";
 
@@ -19,7 +19,7 @@ interface SearchInputProps {
 declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/SearchInput/searchInputVariants.d.ts
-interface SearchInputVariantClasses {
+type SearchInputVariantClasses = {
   searchInputIconColor: string;
   searchInputBorderColor: string;
   searchInputCloseIconClasses: string;
@@ -27,7 +27,7 @@ interface SearchInputVariantClasses {
   autocompleteIconColor: string;
   searchInputClasses: string;
   placeholderVariant: keyof typeof TextStyleVariantMap;
-}
+};
 declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
 //#endregion
-export { SearchInput, SearchInputProps, searchInputVariantClasses };
+export { SearchInput, searchInputVariantClasses };

package/dist/SearchInput/index.d.ts

@@ -1,5 +1,5 @@
-import { SearchInputVariant } from "../types-nR3jHgIO.js";
-import { TextStyleVariantMap } from "../textVariantClasses-sT9E8Uty.js";
+import { SearchInputVariant } from "../index-B8bifyF-.js";
+import { TextStyleVariantMap } from "../textVariantClasses-C8OCWZAw.js";
 import React from "react";
 
 //#region src/components/SearchInput/SearchInput.d.ts
@@ -19,7 +19,7 @@ interface SearchInputProps {
 declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/SearchInput/searchInputVariants.d.ts
-interface SearchInputVariantClasses {
+type SearchInputVariantClasses = {
   searchInputIconColor: string;
   searchInputBorderColor: string;
   searchInputCloseIconClasses: string;
@@ -27,7 +27,7 @@ interface SearchInputVariantClasses {
   autocompleteIconColor: string;
   searchInputClasses: string;
   placeholderVariant: keyof typeof TextStyleVariantMap;
-}
+};
 declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
 //#endregion
-export { SearchInput, SearchInputProps, searchInputVariantClasses };
+export { SearchInput, searchInputVariantClasses };

package/dist/SearchInput/index.js

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

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

@@ -1,10 +1,10 @@
-import { TextInput } from "./TextInput-ChPhL54o.js";
-import { ColorNames, colorVar } from "./colorsConfig-CKiMYHO_.js";
-import classNames from "classnames";
+import { TextInput } from "./TextInput-CRMqBW3X.js";
+import { ColorNames, colorVar } from "./colorsConfig-BQlaCfxi.js";
 import React, { useImperativeHandle, useRef } from "react";
+import classNames from "classnames";
 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";
+import MagnifyingGlassStarVariant from "@envive-ai/react-icons/MagnifyingGlassStarVariant";
+import { IconClose } from "@envive-ai/react-icons/src/index.js";
 
 //#region src/components/SearchInput/searchInputVariants.ts
 const searchInputVariantClasses = { standard: {
@@ -79,7 +79,7 @@ const SearchInput = React.forwardRef(({ searchInputVariant = "standard", value,
 				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(CloseIcon, { className: closeButtonIconClassName })
+				children: /* @__PURE__ */ jsx(IconClose, { className: closeButtonIconClassName })
 			})
 		]
 	});

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

@@ -1,16 +1,16 @@
 const require_chunk = require('./chunk-CUT6urMc.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);
+const require_TextInput = require('./TextInput-C6fF9cSB.cjs');
+const require_colorsConfig = require('./colorsConfig-DCvy_dV4.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");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-let __envive_ai_react_icons_src_MagnifyingGlassStarVariant = require("@envive-ai/react-icons/src/MagnifyingGlassStarVariant");
-__envive_ai_react_icons_src_MagnifyingGlassStarVariant = require_chunk.__toESM(__envive_ai_react_icons_src_MagnifyingGlassStarVariant);
-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);
+let __envive_ai_react_icons_MagnifyingGlassStarVariant = require("@envive-ai/react-icons/MagnifyingGlassStarVariant");
+__envive_ai_react_icons_MagnifyingGlassStarVariant = require_chunk.__toESM(__envive_ai_react_icons_MagnifyingGlassStarVariant);
+let __envive_ai_react_icons_src_index_js = require("@envive-ai/react-icons/src/index.js");
+__envive_ai_react_icons_src_index_js = require_chunk.__toESM(__envive_ai_react_icons_src_index_js);
 
 //#region src/components/SearchInput/searchInputVariants.ts
 const searchInputVariantClasses = { standard: {
@@ -53,7 +53,7 @@ const SearchInput = react.default.forwardRef(({ searchInputVariant = "standard",
 		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)(__envive_ai_react_icons_src_MagnifyingGlassStarVariant.default, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_MagnifyingGlassStarVariant.default, {
 					className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive,
 					stroke: iconColor,
 					strokeWidth: "1px"
@@ -85,7 +85,7 @@ const SearchInput = react.default.forwardRef(({ searchInputVariant = "standard",
 				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)(__envive_ai_react_icons_src_IconClose.default, { className: closeButtonIconClassName })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_src_index_js.IconClose, { className: closeButtonIconClassName })
 			})
 		]
 	});

package/dist/SearchInputForm/index.cjs

@@ -1,14 +1,14 @@
 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');
+const require_SearchAutocomplete = require('../SearchAutocomplete-BzaEXmRQ.cjs');
+require('../TextInput-C6fF9cSB.cjs');
+require('../colorsConfig-DCvy_dV4.cjs');
+const require_SearchInput = require('../SearchInput-D6UW79wT.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
 //#region src/components/SearchInputForm/SearchInputForm.tsx
-const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, isDirty, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit }) => {
+const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, isDirty, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, searchInputDataTestId }) => {
 	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", {
 		onSubmit: (e) => {
@@ -22,6 +22,7 @@ const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults,
 			suggestions: autocompleteResults,
 			ariaActivedescendant: focusedOptionId,
 			searchInputVariant,
+			dataTestId: searchInputDataTestId,
 			onKeyDown,
 			onChange: onSearchInputChange
 		})

package/dist/SearchInputForm/index.d.cts

@@ -1,32 +1,2 @@
-import { SearchInputVariant } from "../types-CosVh8Hj.cjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
-
-//#region src/components/SearchInputForm/SearchInputForm.d.ts
-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;
-}
-declare const SearchInputForm: ({
-  searchInputVariant,
-  searchText,
-  autocompleteResults,
-  searchBoxPlaceholder,
-  focusedOptionId,
-  isDirty,
-  focusedIndex,
-  onKeyDown,
-  onAutocompleteSelect,
-  onSearchInputChange,
-  onSearchSubmit
-}: SearchInputFormProps) => react_jsx_runtime15.JSX.Element;
-//#endregion
+import { SearchInputForm, SearchInputVariant } from "../index-C2iKBk7w.cjs";
 export { SearchInputForm, SearchInputVariant };