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

package/dist/{Accordion-D8Vm8J1y.js → Accordion-8zFBEEaN.js}

@@ -1,10 +1,29 @@
 import { t as Typography } from "./Typography-xehJH05l.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
 import { useRef, useState } from "react";
 import { motion } from "framer-motion";
 import classNames from "classnames";
-import ChevronDown from "@envive-ai/react-icons/ChevronDown";
 import { jsx, jsxs } from "react/jsx-runtime";
 
+//#region ../icons/dist/ChevronDown.js
+var import_jsx_runtime = require_jsx_runtime();
+const SvgChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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)("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M5.46783 10.4697C5.76072 10.1768 6.2356 10.1768 6.52849 10.4697L11.655 15.5962L16.7815 10.4697C17.0744 10.1768 17.5493 10.1768 17.8422 10.4697C18.1351 10.7626 18.1351 11.2374 17.8422 11.5303L11.655 17.7175L5.46783 11.5303C5.17494 11.2374 5.17494 10.7626 5.46783 10.4697Z",
+		fill: "#222222"
+	})
+});
+var ChevronDown_default = SvgChevronDown;
+
+//#endregion
 //#region src/components/Accordion/Accordion.tsx
 const ANIMATION_DURATION = .3;
 const Accordion = ({ title, content }) => {
@@ -46,7 +65,7 @@ const Accordion = ({ title, content }) => {
 				duration: ANIMATION_DURATION,
 				ease: "easeOut"
 			},
-			children: /* @__PURE__ */ jsx(ChevronDown, {})
+			children: /* @__PURE__ */ jsx(ChevronDown_default, {})
 		})]
 	}), /* @__PURE__ */ jsx(motion.div, {
 		variants: {

package/dist/{Accordion-B0TzPN3m.cjs → Accordion-DPUaEXiE.cjs}

@@ -1,13 +1,31 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_jsx_runtime_Dg2m6dxZ = require('./jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
 let react = require("react");
 let framer_motion = require("framer-motion");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
-let __envive_ai_react_icons_ChevronDown = require("@envive-ai/react-icons/ChevronDown");
-__envive_ai_react_icons_ChevronDown = require_chunk.__toESM(__envive_ai_react_icons_ChevronDown);
 let react_jsx_runtime = require("react/jsx-runtime");
 
+//#region ../icons/dist/ChevronDown.js
+var import_jsx_runtime = require_jsx_runtime_Dg2m6dxZ.require_jsx_runtime();
+const SvgChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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)("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M5.46783 10.4697C5.76072 10.1768 6.2356 10.1768 6.52849 10.4697L11.655 15.5962L16.7815 10.4697C17.0744 10.1768 17.5493 10.1768 17.8422 10.4697C18.1351 10.7626 18.1351 11.2374 17.8422 11.5303L11.655 17.7175L5.46783 11.5303C5.17494 11.2374 5.17494 10.7626 5.46783 10.4697Z",
+		fill: "#222222"
+	})
+});
+var ChevronDown_default = SvgChevronDown;
+
+//#endregion
 //#region src/components/Accordion/Accordion.tsx
 const ANIMATION_DURATION = .3;
 const Accordion = ({ title, content }) => {
@@ -49,7 +67,7 @@ const Accordion = ({ title, content }) => {
 				duration: ANIMATION_DURATION,
 				ease: "easeOut"
 			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_ChevronDown.default, {})
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown_default, {})
 		})]
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
 		variants: {

package/dist/FourPointStar-3DqnYmfN.js

@@ -0,0 +1,21 @@
+import { t as require_jsx_runtime } from "./jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
+
+//#region ../icons/dist/FourPointStar.js
+var import_jsx_runtime = require_jsx_runtime();
+const SvgFourPointStar = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	width: 13,
+	height: 12,
+	viewBox: "0 0 13 12",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		d: "M6.45324 0.546875L7.50401 3.27887C7.67488 3.72314 7.76032 3.94528 7.89318 4.13213C8.01094 4.29774 8.15563 4.44242 8.32123 4.56018C8.50808 4.69304 8.73023 4.77848 9.1745 4.94935L11.9065 6.00012L9.1745 7.05089C8.73023 7.22176 8.50808 7.3072 8.32123 7.44006C8.15563 7.55782 8.01094 7.7025 7.89318 7.86811C7.76032 8.05496 7.67488 8.2771 7.50401 8.72138L6.45324 11.4534L5.40248 8.72138C5.2316 8.2771 5.14616 8.05496 5.0133 7.86811C4.89555 7.7025 4.75086 7.55782 4.58526 7.44006C4.3984 7.3072 4.17627 7.22176 3.73199 7.05089L1 6.00012L3.73199 4.94935C4.17627 4.77848 4.3984 4.69304 4.58526 4.56018C4.75086 4.44242 4.89555 4.29774 5.0133 4.13213C5.14616 3.94528 5.2316 3.72314 5.40248 3.27887L6.45324 0.546875Z",
+		strokeWidth: .908874,
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+});
+var FourPointStar_default = SvgFourPointStar;
+
+//#endregion
+export { FourPointStar_default as t };

package/dist/FourPointStar-AQ9OSu0S.cjs

@@ -0,0 +1,26 @@
+const require_jsx_runtime_Dg2m6dxZ = require('./jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
+
+//#region ../icons/dist/FourPointStar.js
+var import_jsx_runtime = require_jsx_runtime_Dg2m6dxZ.require_jsx_runtime();
+const SvgFourPointStar = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	width: 13,
+	height: 12,
+	viewBox: "0 0 13 12",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		d: "M6.45324 0.546875L7.50401 3.27887C7.67488 3.72314 7.76032 3.94528 7.89318 4.13213C8.01094 4.29774 8.15563 4.44242 8.32123 4.56018C8.50808 4.69304 8.73023 4.77848 9.1745 4.94935L11.9065 6.00012L9.1745 7.05089C8.73023 7.22176 8.50808 7.3072 8.32123 7.44006C8.15563 7.55782 8.01094 7.7025 7.89318 7.86811C7.76032 8.05496 7.67488 8.2771 7.50401 8.72138L6.45324 11.4534L5.40248 8.72138C5.2316 8.2771 5.14616 8.05496 5.0133 7.86811C4.89555 7.7025 4.75086 7.55782 4.58526 7.44006C4.3984 7.3072 4.17627 7.22176 3.73199 7.05089L1 6.00012L3.73199 4.94935C4.17627 4.77848 4.3984 4.69304 4.58526 4.56018C4.75086 4.44242 4.89555 4.29774 5.0133 4.13213C5.14616 3.94528 5.2316 3.72314 5.40248 3.27887L6.45324 0.546875Z",
+		strokeWidth: .908874,
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+});
+var FourPointStar_default = SvgFourPointStar;
+
+//#endregion
+Object.defineProperty(exports, 'FourPointStar_default', {
+  enumerable: true,
+  get: function () {
+    return FourPointStar_default;
+  }
+});

package/dist/{ModalSheet-DVrY7Mw0.js → ModalSheet-C5f5abw1.js}

@@ -1,4 +1,4 @@
-import { t as AnimatedChevron } from "./AnimatedChevron-DghLnmlM.js";
+import { t as AnimatedChevron } from "./AnimatedChevron-DO_jcnJg.js";
 import { useEffect, useState } from "react";
 import { motion, useMotionValue } from "framer-motion";
 import classNames from "classnames";

package/dist/{ModalSheet-Be7-bkXK.cjs → ModalSheet-JZerJZ1T.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_AnimatedChevron = require('./AnimatedChevron-9xf90bpP.cjs');
+const require_AnimatedChevron = require('./AnimatedChevron-CPW5KPLr.cjs');
 let react = require("react");
 let framer_motion = require("framer-motion");
 let classnames = require("classnames");

package/dist/OutlinedStar-CC0V_jAK.cjs

@@ -0,0 +1,26 @@
+const require_jsx_runtime_Dg2m6dxZ = require('./jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
+
+//#region ../icons/dist/OutlinedStar.js
+var import_jsx_runtime = require_jsx_runtime_Dg2m6dxZ.require_jsx_runtime();
+const SvgOutlinedStar = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	width: 10,
+	height: 10,
+	viewBox: "0 0 10 10",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		d: "M5 1L5.30785 2.36664C5.56897 3.52576 6.4742 4.43104 7.63336 4.69216L9 5L7.63336 5.30784C6.4742 5.56896 5.56897 6.47416 5.30785 7.63336L5 9L4.69215 7.63336C4.43103 6.47416 3.5258 5.56896 2.36662 5.30784L1 5L2.36662 4.69216C3.5258 4.43104 4.43103 3.52584 4.69215 2.36664L5 1Z",
+		strokeWidth: .75,
+		strokeLinejoin: "round"
+	})
+});
+var OutlinedStar_default = SvgOutlinedStar;
+
+//#endregion
+Object.defineProperty(exports, 'OutlinedStar_default', {
+  enumerable: true,
+  get: function () {
+    return OutlinedStar_default;
+  }
+});

package/dist/OutlinedStar-WWs3gRwt.js

@@ -0,0 +1,21 @@
+import { t as require_jsx_runtime } from "./jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
+
+//#region ../icons/dist/OutlinedStar.js
+var import_jsx_runtime = require_jsx_runtime();
+const SvgOutlinedStar = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	width: 10,
+	height: 10,
+	viewBox: "0 0 10 10",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		d: "M5 1L5.30785 2.36664C5.56897 3.52576 6.4742 4.43104 7.63336 4.69216L9 5L7.63336 5.30784C6.4742 5.56896 5.56897 6.47416 5.30785 7.63336L5 9L4.69215 7.63336C4.43103 6.47416 3.5258 5.56896 2.36662 5.30784L1 5L2.36662 4.69216C3.5258 4.43104 4.43103 3.52584 4.69215 2.36664L5 1Z",
+		strokeWidth: .75,
+		strokeLinejoin: "round"
+	})
+});
+var OutlinedStar_default = SvgOutlinedStar;
+
+//#endregion
+export { OutlinedStar_default as t };

package/dist/{ProductCard-BeY85PBf.cjs → ProductCard-C7rZyWpj.cjs}

@@ -1,8 +1,8 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_formatPrice = require('./formatPrice-CyfkjZ3R.cjs');
 const require_Typography = require('./Typography-Ds4gfOJz.cjs');
-const require_ImageWithFallback = require('./ImageWithFallback-CuPe6XF6.cjs');
-const require_Spinner = require('./Spinner-FQpy5bGu.cjs');
+const require_ImageWithFallback = require('./ImageWithFallback-C-ZQn7tR.cjs');
+const require_Spinner = require('./Spinner-7HblFCja.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/{ProductCard-BoyYu6mI.js → ProductCard-GxpFxjh0.js}

@@ -1,7 +1,7 @@
 import { t as formatPrice } from "./formatPrice-DexQu2aZ.js";
 import { t as Typography } from "./Typography-xehJH05l.js";
-import { t as ImageWithFallback } from "./ImageWithFallback-_QZT0EKI.js";
-import { t as Spinner } from "./Spinner-CDDFWySo.js";
+import { t as ImageWithFallback } from "./ImageWithFallback-DjDNefaG.js";
+import { t as Spinner } from "./Spinner-OFbXMms8.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MdStar } from "react-icons/md";

package/dist/{ProductGrid-CxKK7w_X.cjs → ProductGrid-0A8vml2y.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-BeY85PBf.cjs');
+const require_ProductCard = require('./ProductCard-C7rZyWpj.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/{ProductGrid-DmtSXfyE.js → ProductGrid-DAwc9dKV.js}

@@ -1,4 +1,4 @@
-import { a as ProductCard } from "./ProductCard-BoyYu6mI.js";
+import { a as ProductCard } from "./ProductCard-GxpFxjh0.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 

package/dist/{RadioButtonGroup-BnnMx8sE.cjs → RadioButtonGroup-ByzTXNAb.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_RadioButton = require('./RadioButton-Dcdj8pNp.cjs');
+const require_RadioButton = require('./RadioButton-DpF1wymL.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/{RadioButtonGroup-hme7gSiQ.js → RadioButtonGroup-YQIxmR7j.js}

@@ -1,4 +1,4 @@
-import { t as RadioButton } from "./RadioButton-Bm0qK3bX.js";
+import { t as RadioButton } from "./RadioButton-DOc8g47U.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 

package/dist/{RecommendedProducts-LalI8aVC.js → RecommendedProducts-C6dLpLPP.js}

@@ -1,5 +1,5 @@
 import { t as Typography } from "./Typography-xehJH05l.js";
-import { t as ProductGrid } from "./ProductGrid-DmtSXfyE.js";
+import { t as ProductGrid } from "./ProductGrid-DAwc9dKV.js";
 import { motion } from "framer-motion";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{RecommendedProducts-C2eNVrLo.cjs → RecommendedProducts-qkPxXVJn.cjs}

@@ -1,6 +1,6 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_Typography = require('./Typography-Ds4gfOJz.cjs');
-const require_ProductGrid = require('./ProductGrid-CxKK7w_X.cjs');
+const require_ProductGrid = require('./ProductGrid-0A8vml2y.cjs');
 let framer_motion = require("framer-motion");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);

package/dist/{SearchAutocomplete-A3HXkHwK.cjs → SearchAutocomplete-BdTWETDB.cjs}

@@ -1,13 +1,12 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_OutlinedStar = require('./OutlinedStar-CC0V_jAK.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let framer_motion = require("framer-motion");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
-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/SearchAutocomplete/SearchAutocomplete.tsx
 const SearchAutocomplete = ({ id, results, focusedIndex, searchText = "", onSuggestionSelect, iconColor }) => {
@@ -59,7 +58,7 @@ const SearchAutocomplete = ({ id, results, focusedIndex, searchText = "", onSugg
 				onKeyDown: (event) => {
 					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
 				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_OutlinedStar.default, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_OutlinedStar.OutlinedStar_default, {
 					className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-[16px]",
 					fill: iconColor
 				}), highlightMatchingText(result, searchText)]

package/dist/{SearchAutocomplete-Rza3A-gs.js → SearchAutocomplete-DNe193EV.js}

@@ -1,9 +1,9 @@
 import { t as Typography } from "./Typography-xehJH05l.js";
+import { t as OutlinedStar_default } from "./OutlinedStar-WWs3gRwt.js";
 import React from "react";
 import { motion } from "framer-motion";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
-import OutlinedStar from "@envive-ai/react-icons/OutlinedStar";
 
 //#region src/components/SearchAutocomplete/SearchAutocomplete.tsx
 const SearchAutocomplete = ({ id, results, focusedIndex, searchText = "", onSuggestionSelect, iconColor }) => {
@@ -55,7 +55,7 @@ const SearchAutocomplete = ({ id, results, focusedIndex, searchText = "", onSugg
 				onKeyDown: (event) => {
 					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
 				},
-				children: [/* @__PURE__ */ jsx(OutlinedStar, {
+				children: [/* @__PURE__ */ jsx(OutlinedStar_default, {
 					className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-[16px]",
 					fill: iconColor
 				}), highlightMatchingText(result, searchText)]

package/dist/{SearchFilter-DxrQOLx0.cjs → SearchFilter-BRtCSuAn.cjs}

@@ -1,10 +1,10 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_Typography = require('./Typography-Ds4gfOJz.cjs');
-const require_Accordion = require('./Accordion-B0TzPN3m.cjs');
-const require_ButtonBase = require('./ButtonBase-BMEAmPnS.cjs');
-const require_ModalSheet = require('./ModalSheet-Be7-bkXK.cjs');
-const require_RadioButtonGroup = require('./RadioButtonGroup-BnnMx8sE.cjs');
-const require_ToggleButton = require('./ToggleButton-CmxTz-ou.cjs');
+const require_Accordion = require('./Accordion-DPUaEXiE.cjs');
+const require_ButtonBase = require('./ButtonBase-C44g6llb.cjs');
+const require_ModalSheet = require('./ModalSheet-JZerJZ1T.cjs');
+const require_RadioButtonGroup = require('./RadioButtonGroup-ByzTXNAb.cjs');
+const require_ToggleButton = require('./ToggleButton-Dxk3U1hR.cjs');
 let react = require("react");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);

package/dist/{SearchFilter-CYY5sNXV.js → SearchFilter-DvJx0b0W.js}

@@ -1,9 +1,9 @@
 import { t as Typography } from "./Typography-xehJH05l.js";
-import { t as Accordion } from "./Accordion-D8Vm8J1y.js";
-import { t as ButtonBase } from "./ButtonBase-CT397aT3.js";
-import { t as ModalSheet } from "./ModalSheet-DVrY7Mw0.js";
-import { t as RadioButtonGroup } from "./RadioButtonGroup-hme7gSiQ.js";
-import { t as ToggleButton } from "./ToggleButton-BTz_zIdc.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";

package/dist/{SearchInput-3ppsm2Ke.cjs → SearchInput-CImlqrau.cjs}

@@ -1,16 +1,70 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_TextInput = require('./TextInput-Do5-j1V_.cjs');
-const require_colorsConfig = require('./colorsConfig-D-MZuBvt.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");
-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_IconClose = require("@envive-ai/react-icons/IconClose");
-__envive_ai_react_icons_IconClose = require_chunk.__toESM(__envive_ai_react_icons_IconClose);
 
+//#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",
@@ -52,7 +106,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_MagnifyingGlassStarVariant.default, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MagnifyingGlassStarVariant_default, {
 					className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive,
 					stroke: iconColor,
 					strokeWidth: "1px"
@@ -84,7 +138,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_IconClose.default, { className: closeButtonIconClassName })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconClose_default, { className: closeButtonIconClassName })
 			})
 		]
 	});

package/dist/{SearchInput-DE9Iz7A8.js → SearchInput-kLhxkpgq.js}

@@ -1,11 +1,67 @@
-import { t as TextInput } from "./TextInput-PtrUXoZo.js";
-import { n as colorVar, t as ColorNames } from "./colorsConfig-BjdoRtRK.js";
+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";
-import MagnifyingGlassStarVariant from "@envive-ai/react-icons/MagnifyingGlassStarVariant";
-import IconClose from "@envive-ai/react-icons/IconClose";
 
+//#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",
@@ -47,7 +103,7 @@ const SearchInput = React.forwardRef(({ searchInputVariant = "standard", value,
 		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, {
+				children: /* @__PURE__ */ jsx(MagnifyingGlassStarVariant_default, {
 					className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive,
 					stroke: iconColor,
 					strokeWidth: "1px"
@@ -79,7 +135,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(IconClose, { className: closeButtonIconClassName })
+				children: /* @__PURE__ */ jsx(IconClose_default, { className: closeButtonIconClassName })
 			})
 		]
 	});

package/dist/{SearchInputForm-DrI4WHDt.js → SearchInputForm-CFm_hUvX.js}

@@ -1,11 +1,11 @@
-import { t as SearchAutocomplete } from "./SearchAutocomplete-Rza3A-gs.js";
-import { n as searchInputVariantClasses, t as SearchInput } from "./SearchInput-DE9Iz7A8.js";
+import { t as SearchAutocomplete } from "./SearchAutocomplete-DNe193EV.js";
+import { n as searchInputVariantClasses, t as SearchInput } from "./SearchInput-kLhxkpgq.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SEARCH_INPUT_TESTID } from "@envive-ai/react-hooks/config/locators/components/search";
 
 //#region src/components/SearchInputForm/SearchInputForm.tsx
-const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, shouldShowAutocomplete, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, onSearchInputFocus, onSearchInputBlur }) => {
+const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, shouldShowAutocomplete, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, onSearchInputFocus, onSearchInputBlur, searchInputRef }) => {
 	const { autocompleteIconColor } = searchInputVariantClasses[searchInputVariant];
 	const containerClasses = classNames("spiffy-tw-relative", "spiffy-tw-w-full");
 	const formClasses = classNames({
@@ -32,7 +32,8 @@ const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults,
 				onKeyDown,
 				onChange: onSearchInputChange,
 				onFocus: onSearchInputFocus,
-				onBlur: onSearchInputBlur
+				onBlur: onSearchInputBlur,
+				ref: searchInputRef
 			})
 		}), shouldShowAutocomplete && /* @__PURE__ */ jsx("div", {
 			className: autocompleteContainerClasses,

package/dist/{SearchInputForm-CZz62rOX.cjs → SearchInputForm-ZgNNEX6E.cjs}

@@ -1,13 +1,13 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_SearchAutocomplete = require('./SearchAutocomplete-A3HXkHwK.cjs');
-const require_SearchInput = require('./SearchInput-3ppsm2Ke.cjs');
+const require_SearchAutocomplete = require('./SearchAutocomplete-BdTWETDB.cjs');
+const require_SearchInput = require('./SearchInput-CImlqrau.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_config_locators_components_search = require("@envive-ai/react-hooks/config/locators/components/search");
 
 //#region src/components/SearchInputForm/SearchInputForm.tsx
-const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, shouldShowAutocomplete, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, onSearchInputFocus, onSearchInputBlur }) => {
+const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, shouldShowAutocomplete, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, onSearchInputFocus, onSearchInputBlur, searchInputRef }) => {
 	const { autocompleteIconColor } = require_SearchInput.searchInputVariantClasses[searchInputVariant];
 	const containerClasses = (0, classnames.default)("spiffy-tw-relative", "spiffy-tw-w-full");
 	const formClasses = (0, classnames.default)({
@@ -34,7 +34,8 @@ const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults,
 				onKeyDown,
 				onChange: onSearchInputChange,
 				onFocus: onSearchInputFocus,
-				onBlur: onSearchInputBlur
+				onBlur: onSearchInputBlur,
+				ref: searchInputRef
 			})
 		}), shouldShowAutocomplete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: autocompleteContainerClasses,