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

package/dist/{Accordion-DPUaEXiE.cjs → Accordion-Bc3o-NjV.cjs}

@@ -1,31 +1,13 @@
-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');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.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 }) => {
@@ -67,7 +49,7 @@ const Accordion = ({ title, content }) => {
 				duration: ANIMATION_DURATION,
 				ease: "easeOut"
 			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown_default, {})
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_ChevronDown.default, {})
 		})]
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
 		variants: {

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

@@ -1,29 +1,10 @@
 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 }) => {
@@ -65,7 +46,7 @@ const Accordion = ({ title, content }) => {
 				duration: ANIMATION_DURATION,
 				ease: "easeOut"
 			},
-			children: /* @__PURE__ */ jsx(ChevronDown_default, {})
+			children: /* @__PURE__ */ jsx(ChevronDown, {})
 		})]
 	}), /* @__PURE__ */ jsx(motion.div, {
 		variants: {

package/dist/{AnimatedChevron-CPW5KPLr.cjs → AnimatedChevron-BKQrUKb5.cjs}

@@ -1,4 +1,4 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
 let framer_motion = require("framer-motion");
 let react_jsx_runtime = require("react/jsx-runtime");
 

package/dist/{ButtonBase-C44g6llb.cjs → ButtonBase-Bm_QOyM1.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
 let react = require("react");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);

package/dist/{DynamicFiltersScrollbar-IO886VXD.cjs → DynamicFiltersScrollbar-bT3VoG-D.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/{ImageWithFallback-C-ZQn7tR.cjs → ImageWithFallback-BiBjNK-9.cjs}

@@ -1,4 +1,4 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let classnames = require("classnames");

package/dist/{ModalSheet-JZerJZ1T.cjs → ModalSheet-BuCtRDnQ.cjs}

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

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

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

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

@@ -1,8 +1,8 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
 const require_formatPrice = require('./formatPrice-CyfkjZ3R.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
-const require_ImageWithFallback = require('./ImageWithFallback-C-ZQn7tR.cjs');
-const require_Spinner = require('./Spinner-7HblFCja.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
+const require_ImageWithFallback = require('./ImageWithFallback-BiBjNK-9.cjs');
+const require_Spinner = require('./Spinner-CUrXDajS.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -177,7 +177,7 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 						children: imageUrl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ImageWithFallback.ImageWithFallback, {
 							src: resolve(imageUrl, layoutVariant === "tall" ? 300 : 178),
 							alt: title,
-							fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Spinner.Spinner, { className: "spiffy-tw-w-6 spiffy-tw-h-6" }),
+							fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Spinner.Spinner, { className: "spiffy-tw-h-6 spiffy-tw-w-6" }),
 							imageClassnames
 						})
 					})

package/dist/{ProductCard-GxpFxjh0.js → ProductCard-ChitHvuc.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-DjDNefaG.js";
-import { t as Spinner } from "./Spinner-OFbXMms8.js";
+import { t as ImageWithFallback } from "./ImageWithFallback-_QZT0EKI.js";
+import { t as Spinner } from "./Spinner-CDDFWySo.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MdStar } from "react-icons/md";
@@ -175,7 +175,7 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 						children: imageUrl && /* @__PURE__ */ jsx(ImageWithFallback, {
 							src: resolve(imageUrl, layoutVariant === "tall" ? 300 : 178),
 							alt: title,
-							fallback: /* @__PURE__ */ jsx(Spinner, { className: "spiffy-tw-w-6 spiffy-tw-h-6" }),
+							fallback: /* @__PURE__ */ jsx(Spinner, { className: "spiffy-tw-h-6 spiffy-tw-w-6" }),
 							imageClassnames
 						})
 					})

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

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

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

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

package/dist/{RadioButton-DpF1wymL.cjs → RadioButton-D4TPq1Aa.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
 let react = require("react");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);

package/dist/{RadioButtonGroup-YQIxmR7j.js → RadioButtonGroup-BWQ4-m2M.js}

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

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

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

package/dist/{RecommendedProducts-qkPxXVJn.cjs → RecommendedProducts-Cy-1szYc.cjs}

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

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

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

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

@@ -1,12 +1,13 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
-const require_OutlinedStar = require('./OutlinedStar-CC0V_jAK.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.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 }) => {
@@ -58,8 +59,8 @@ 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)(require_OutlinedStar.OutlinedStar_default, {
-					className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-[16px]",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_OutlinedStar.default, {
+					className: "spiffy-tw-mr-[16px] spiffy-tw-h-[16px] spiffy-tw-w-[16px]",
 					fill: iconColor
 				}), highlightMatchingText(result, searchText)]
 			}, index))

package/dist/{SearchAutocomplete-DNe193EV.js → SearchAutocomplete-CuuN0cDu.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,8 +55,8 @@ const SearchAutocomplete = ({ id, results, focusedIndex, searchText = "", onSugg
 				onKeyDown: (event) => {
 					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
 				},
-				children: [/* @__PURE__ */ jsx(OutlinedStar_default, {
-					className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-[16px]",
+				children: [/* @__PURE__ */ jsx(OutlinedStar, {
+					className: "spiffy-tw-mr-[16px] spiffy-tw-h-[16px] spiffy-tw-w-[16px]",
 					fill: iconColor
 				}), highlightMatchingText(result, searchText)]
 			}, index))

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

@@ -1,10 +1,10 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.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');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_Typography = require('./Typography-Csg-nd_w.cjs');
+const require_Accordion = require('./Accordion-Bc3o-NjV.cjs');
+const require_ButtonBase = require('./ButtonBase-Bm_QOyM1.cjs');
+const require_ModalSheet = require('./ModalSheet-BuCtRDnQ.cjs');
+const require_RadioButtonGroup = require('./RadioButtonGroup-BhZloLH6.cjs');
+const require_ToggleButton = require('./ToggleButton-BhBEOjxO.cjs');
 let react = require("react");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
@@ -254,7 +254,7 @@ const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor
 			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", {
+			children: isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)("spiffy-tw-h-2 spiffy-tw-w-2 spiffy-tw-rounded-full", {
 				"spiffy-tw-bg-white": radioButtonFillColor.includes("spiffy-tw-bg-"),
 				"spiffy-tw-bg-black": radioButtonFillColor.includes("spiffy-tw-bg-white")
 			}) })

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

@@ -1,9 +1,9 @@
 import { t as Typography } from "./Typography-xehJH05l.js";
-import { t as Accordion } from "./Accordion-8zFBEEaN.js";
-import { t as ButtonBase } from "./ButtonBase-Cjo-fBg2.js";
-import { t as ModalSheet } from "./ModalSheet-C5f5abw1.js";
-import { t as RadioButtonGroup } from "./RadioButtonGroup-YQIxmR7j.js";
-import { t as ToggleButton } from "./ToggleButton-D8--AKKK.js";
+import { 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-BWQ4-m2M.js";
+import { t as ToggleButton } from "./ToggleButton-BTz_zIdc.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -252,7 +252,7 @@ const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor
 			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", {
+			children: isSelected && /* @__PURE__ */ jsx("div", { className: classNames("spiffy-tw-h-2 spiffy-tw-w-2 spiffy-tw-rounded-full", {
 				"spiffy-tw-bg-white": radioButtonFillColor.includes("spiffy-tw-bg-"),
 				"spiffy-tw-bg-black": radioButtonFillColor.includes("spiffy-tw-bg-white")
 			}) })

package/dist/{SearchInput-CImlqrau.cjs → SearchInput-Cgsjew8Q.cjs}

@@ -1,70 +1,16 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_jsx_runtime_Dg2m6dxZ = require('./jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
-const require_TextInput = require('./TextInput-CaynCoDf.cjs');
-const require_colorsConfig = require('./colorsConfig-Dp7w5LPb.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_TextInput = require('./TextInput-DfCocKVm.cjs');
+const require_colorsConfig = require('./colorsConfig-D-MZuBvt.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",
@@ -106,7 +52,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)(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"
@@ -138,7 +84,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)(IconClose_default, { className: closeButtonIconClassName })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_IconClose.default, { className: closeButtonIconClassName })
 			})
 		]
 	});

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

@@ -1,67 +1,11 @@
-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 { t as TextInput } from "./TextInput-PtrUXoZo.js";
+import { n as colorVar, t as ColorNames } from "./colorsConfig-BjdoRtRK.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",
@@ -103,7 +47,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_default, {
+				children: /* @__PURE__ */ jsx(MagnifyingGlassStarVariant, {
 					className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive,
 					stroke: iconColor,
 					strokeWidth: "1px"
@@ -135,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(IconClose_default, { className: closeButtonIconClassName })
+				children: /* @__PURE__ */ jsx(IconClose, { className: closeButtonIconClassName })
 			})
 		]
 	});

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

@@ -1,5 +1,5 @@
-import { t as SearchAutocomplete } from "./SearchAutocomplete-DNe193EV.js";
-import { n as searchInputVariantClasses, t as SearchInput } from "./SearchInput-kLhxkpgq.js";
+import { t as SearchAutocomplete } from "./SearchAutocomplete-CuuN0cDu.js";
+import { n as searchInputVariantClasses, t as SearchInput } from "./SearchInput-DE9Iz7A8.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";

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

@@ -1,6 +1,6 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_SearchAutocomplete = require('./SearchAutocomplete-BdTWETDB.cjs');
-const require_SearchInput = require('./SearchInput-CImlqrau.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_SearchAutocomplete = require('./SearchAutocomplete-C1XH39Xx.cjs');
+const require_SearchInput = require('./SearchInput-Cgsjew8Q.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/SearchResultsFilterButton-BQqm4icD.cjs

@@ -0,0 +1,29 @@
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_ButtonBase = require('./ButtonBase-Bm_QOyM1.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_icons_SettingsVariant = require("@envive-ai/react-icons/SettingsVariant");
+__envive_ai_react_icons_SettingsVariant = require_chunk.__toESM(__envive_ai_react_icons_SettingsVariant);
+
+//#region src/components/SearchResultsFilterButton/SearchResultsFilterButton.tsx
+const SearchResultsFilterButton = ({ setIsOpen, filterButtonText }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
+		onClick: (0, react.useCallback)(() => {
+			setIsOpen(true);
+		}, [setIsOpen]),
+		icon: __envive_ai_react_icons_SettingsVariant.default,
+		iconClass: "spiffy-tw-w-[28px] spiffy-tw-h-[28px] spiffy-tw-object-center",
+		text: filterButtonText,
+		textClass: "spiffy-tw-uppercase spiffy-tw-text-[--spiffy-colors-text-primary] spiffy-tw-hidden md:spiffy-tw-block",
+		buttonClass: "spiffy-tw-flex-row spiffy-tw-pl-[16px] sm:spiffy-tw-pl-0 sm:spiffy-tw-px-4 sm:spiffy-tw-gap-[8px]",
+		disablePadding: true
+	});
+};
+
+//#endregion
+Object.defineProperty(exports, 'SearchResultsFilterButton', {
+  enumerable: true,
+  get: function () {
+    return SearchResultsFilterButton;
+  }
+});

package/dist/SearchResultsFilterButton-CV11UTGi.js

@@ -0,0 +1,22 @@
+import { t as ButtonBase } from "./ButtonBase-CT397aT3.js";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import SettingsVariant from "@envive-ai/react-icons/SettingsVariant";
+
+//#region src/components/SearchResultsFilterButton/SearchResultsFilterButton.tsx
+const SearchResultsFilterButton = ({ setIsOpen, filterButtonText }) => {
+	return /* @__PURE__ */ jsx(ButtonBase, {
+		onClick: useCallback(() => {
+			setIsOpen(true);
+		}, [setIsOpen]),
+		icon: SettingsVariant,
+		iconClass: "spiffy-tw-w-[28px] spiffy-tw-h-[28px] spiffy-tw-object-center",
+		text: filterButtonText,
+		textClass: "spiffy-tw-uppercase spiffy-tw-text-[--spiffy-colors-text-primary] spiffy-tw-hidden md:spiffy-tw-block",
+		buttonClass: "spiffy-tw-flex-row spiffy-tw-pl-[16px] sm:spiffy-tw-pl-0 sm:spiffy-tw-px-4 sm:spiffy-tw-gap-[8px]",
+		disablePadding: true
+	});
+};
+
+//#endregion
+export { SearchResultsFilterButton as t };

package/dist/{SearchResultsFilterSidebar-BRFONIEq.cjs → SearchResultsFilterSidebar-U6dFy-Jo.cjs}

@@ -1,7 +1,7 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ButtonBase = require('./ButtonBase-C44g6llb.cjs');
-const require_SearchFilter = require('./SearchFilter-BRtCSuAn.cjs');
-const require_searchFilterSidebarVariants = require('./searchFilterSidebarVariants-CjyRGKK_.cjs');
+const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_ButtonBase = require('./ButtonBase-Bm_QOyM1.cjs');
+const require_SearchFilter = require('./SearchFilter-CnP71PTj.cjs');
+const require_searchFilterSidebarVariants = require('./searchFilterSidebarVariants-C61Byr1S.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 

package/dist/{SearchResultsFilterSidebar-DLzQoFGD.js → SearchResultsFilterSidebar-ydSo1S6h.js}

@@ -1,6 +1,6 @@
-import { t as ButtonBase } from "./ButtonBase-Cjo-fBg2.js";
-import { n as SearchFilter, o as SearchFilterHeader } from "./SearchFilter-DvJx0b0W.js";
-import { t as searchFilterSidebarVariantClasses } from "./searchFilterSidebarVariants-gkgkflXx.js";
+import { t as ButtonBase } from "./ButtonBase-CT397aT3.js";
+import { n as SearchFilter, o as SearchFilterHeader } from "./SearchFilter-DsYF1A5n.js";
+import { t as searchFilterSidebarVariantClasses } from "./searchFilterSidebarVariants-DcwlBfvY.js";
 import { useCallback } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";