@envive-ai/react-widgets 0.1.3 → 0.3.1

package/dist/SearchResults/SearchResults.cjs

@@ -1,22 +1,18 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_SearchResultsContent = require('../packages/components/dist/components/SearchResultsContent/SearchResultsContent.cjs');
-require('../packages/components/dist/components/SearchResultsContent/index.cjs');
-const require_SearchResultsFilterModal = require('../packages/components/dist/components/SearchResultsFilterModal/SearchResultsFilterModal.cjs');
-require('../packages/components/dist/components/SearchResultsFilterModal/index.cjs');
-const require_SearchResultsToolbar = require('../packages/components/dist/components/SearchResultsToolbar/SearchResultsToolbar.cjs');
-require('../packages/components/dist/components/SearchResultsToolbar/index.cjs');
-const require_useStickyVisibility = require('../packages/components/dist/util/useStickyVisibility.cjs');
-require('../packages/components/dist/util/index.cjs');
 const require_withSearchResults = require('./withSearchResults.cjs');
 let react = require("react");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
+let __envive_ai_react_toolkit_SearchResultsContent = require("@envive-ai/react-toolkit/SearchResultsContent");
+let __envive_ai_react_toolkit_SearchResultsFilterModal = require("@envive-ai/react-toolkit/SearchResultsFilterModal");
+let __envive_ai_react_toolkit_SearchResultsToolbar = require("@envive-ai/react-toolkit/SearchResultsToolbar");
+let __envive_ai_react_toolkit_util = require("@envive-ai/react-toolkit/util");
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/SearchResults/SearchResults.tsx
 const SearchResultsComponent = ({ widgetConfig, productCardConfig, merchantShortName, productList, autocompleteResults, searchFilters, availableDynamicFilters, selectedFilterOptions, searchText, query, searchResultsState, isFilterOpen, shouldShowAutocomplete, focusedIndex, focusedOptionId, recommendedProducts, filterButtonText, onSearchInputChange, onSubmitSearch, onAutocompleteSelect, onKeyDown, onSearchInputFocus, onSearchInputBlur, onToggleDynamicFilter, onSelectFilterItem, onRemoveFilter, onClearAllFilters, setIsFilterOpen, searchResultsRef }) => {
 	const { searchInputVariant, searchFilterSidebarVariant, productGridVariant, searchBoxPlaceholder, noResultsFoundText, isSearchInputSticky = false } = widgetConfig;
-	const { toolbarRef: ref, isVisible, toolbarHeight: height } = require_useStickyVisibility.useStickyVisibility();
+	const { toolbarRef: ref, isVisible, toolbarHeight: height } = (0, __envive_ai_react_toolkit_util.useStickyVisibility)();
 	const toolbarRef = isSearchInputSticky ? ref : null;
 	const finalIsVisible = isSearchInputSticky ? isVisible : true;
 	const toolbarHeight = isSearchInputSticky ? height : 0;
@@ -29,7 +25,7 @@ const SearchResultsComponent = ({ widgetConfig, productCardConfig, merchantShort
 		});
 	}, [productList]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsFilterModal.SearchResultsFilterModal, {
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SearchResultsFilterModal.SearchResultsFilterModal, {
 			isOpen: isFilterOpen,
 			setIsOpen: setIsFilterOpen,
 			searchFilters,
@@ -39,7 +35,7 @@ const SearchResultsComponent = ({ widgetConfig, productCardConfig, merchantShort
 			searchFilterSidebarVariant,
 			filterButtonText
 		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsToolbar.SearchResultsToolbar, {
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SearchResultsToolbar.SearchResultsToolbar, {
 			className: isSearchInputSticky ? stickyToolbarClasses : "spiffy-tw-py-[8px]",
 			toolbarRef,
 			searchInputVariant,
@@ -60,7 +56,7 @@ const SearchResultsComponent = ({ widgetConfig, productCardConfig, merchantShort
 			containerXPaddingClasses,
 			isVisible: finalIsVisible
 		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsContent.SearchResultsContent, {
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SearchResultsContent.SearchResultsContent, {
 			searchResultsState,
 			productList,
 			recommendedProducts,

package/dist/SearchResults/SearchResults.js

@@ -1,14 +1,10 @@
-import { SearchResultsContent } from "../packages/components/dist/components/SearchResultsContent/SearchResultsContent.js";
-import "../packages/components/dist/components/SearchResultsContent/index.js";
-import { SearchResultsFilterModal } from "../packages/components/dist/components/SearchResultsFilterModal/SearchResultsFilterModal.js";
-import "../packages/components/dist/components/SearchResultsFilterModal/index.js";
-import { SearchResultsToolbar } from "../packages/components/dist/components/SearchResultsToolbar/SearchResultsToolbar.js";
-import "../packages/components/dist/components/SearchResultsToolbar/index.js";
-import { useStickyVisibility } from "../packages/components/dist/util/useStickyVisibility.js";
-import "../packages/components/dist/util/index.js";
 import { withSearchResults } from "./withSearchResults.js";
 import { useEffect } from "react";
 import classNames from "classnames";
+import { SearchResultsContent } from "@envive-ai/react-toolkit/SearchResultsContent";
+import { SearchResultsFilterModal } from "@envive-ai/react-toolkit/SearchResultsFilterModal";
+import { SearchResultsToolbar } from "@envive-ai/react-toolkit/SearchResultsToolbar";
+import { useStickyVisibility } from "@envive-ai/react-toolkit/util";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/SearchResults/SearchResults.tsx

package/dist/SearchResults/SearchResultsWidget.cjs

@@ -2,10 +2,10 @@ const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_SearchResults = require('./SearchResults.cjs');
 let react = require("react");
 let jotai = require("jotai");
-let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_atoms_globalSearch = require("@envive-ai/react-hooks/atoms/globalSearch");
 let __envive_ai_react_hooks_atoms_search = require("@envive-ai/react-hooks/atoms/search");
 let __envive_ai_react_hooks_hooks_NewOrgConfig = require("@envive-ai/react-hooks/hooks/NewOrgConfig");
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/SearchResults/SearchResultsWidget.tsx
 const SearchResultsWidget = () => {

package/dist/SearchResults/SearchResultsWidget.js

@@ -1,10 +1,10 @@
 import { SearchResults } from "./SearchResults.js";
 import { useEffect, useMemo } from "react";
 import { useSetAtom } from "jotai";
-import { jsx } from "react/jsx-runtime";
 import { isSearchResultsOpenAtom } from "@envive-ai/react-hooks/atoms/globalSearch";
 import { searchSystemAtom } from "@envive-ai/react-hooks/atoms/search";
 import { useNewOrgConfig } from "@envive-ai/react-hooks/hooks/NewOrgConfig";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/SearchResults/SearchResultsWidget.tsx
 const SearchResultsWidget = () => {

package/dist/SearchResults/withSearchResults.cjs

@@ -1,6 +1,6 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_hooks_Search = require("@envive-ai/react-hooks/hooks/Search");
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/SearchResults/withSearchResults.tsx
 function withSearchResults(Component) {

package/dist/SearchResults/withSearchResults.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { useSearch } from "@envive-ai/react-hooks/hooks/Search";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/SearchResults/withSearchResults.tsx
 function withSearchResults(Component) {

package/dist/SearchZeroState/SearchIcon.cjs

@@ -1,6 +1,4 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_Typography = require('../packages/components/dist/components/Typography/Typography.cjs');
-require('../packages/components/dist/components/Typography/index.cjs');
 const require_AiSearchBold = require('../packages/icons/dist/AiSearchBold.cjs');
 const require_AiSearchThin = require('../packages/icons/dist/AiSearchThin.cjs');
 let react = require("react");
@@ -8,6 +6,7 @@ react = require_rolldown_runtime.__toESM(react);
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_toolkit_Typography = require("@envive-ai/react-toolkit/Typography");
 
 //#region src/SearchZeroState/SearchIcon.tsx
 const SEARCH_ENTRYPOINT_BUTTON_TESTID = "spiffy-search-entrypoint-button";
@@ -36,7 +35,7 @@ const SearchIcon = ({ size = 22, variant = "thin", color = "currentColor", onCli
 			},
 			fill: color,
 			strokeWidth: iconStrokeWidth
-		}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+		}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_Typography.Typography, {
 			variant: "body3",
 			className: "spiffy-global-search-text",
 			children: label

package/dist/SearchZeroState/SearchIcon.js

@@ -1,10 +1,9 @@
-import { Typography } from "../packages/components/dist/components/Typography/Typography.js";
-import "../packages/components/dist/components/Typography/index.js";
 import { AiSearchBold_default } from "../packages/icons/dist/AiSearchBold.js";
 import { AiSearchThin_default } from "../packages/icons/dist/AiSearchThin.js";
 import React from "react";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Typography } from "@envive-ai/react-toolkit/Typography";
 
 //#region src/SearchZeroState/SearchIcon.tsx
 const SEARCH_ENTRYPOINT_BUTTON_TESTID = "spiffy-search-entrypoint-button";

package/dist/SearchZeroState/SearchZeroState.cjs

@@ -1,28 +1,24 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_Typography = require('../packages/components/dist/components/Typography/Typography.cjs');
-require('../packages/components/dist/components/Typography/index.cjs');
-const require_SuggestionBar = require('../SuggestionBar/SuggestionBar.cjs');
-require('../SuggestionBar/index.cjs');
 const require_Sparkles = require('../packages/icons/dist/Sparkles.cjs');
-const require_searchInputVariants = require('../packages/components/dist/components/SearchInput/searchInputVariants.cjs');
-const require_SearchInput = require('../packages/components/dist/components/SearchInput/SearchInput.cjs');
-const require_SearchInputForm = require('../packages/components/dist/components/SearchInputForm/SearchInputForm.cjs');
-require('../packages/components/dist/components/SearchInputForm/index.cjs');
-require('../packages/components/dist/components/SearchInput/index.cjs');
 const require_IconCloseVariant = require('../packages/icons/dist/IconCloseVariant.cjs');
+const require_SuggestionBar = require('../SuggestionBar/SuggestionBar.cjs');
+require('../SuggestionBar/index.cjs');
 const require_SearchOverlay = require('./SearchOverlay.cjs');
 const require_zeroStateSearchVariants = require('./zeroStateSearchVariants.cjs');
 const require_SearchIcon = require('./SearchIcon.cjs');
 const require_RecommendedProducts = require('./components/RecommendedProducts.cjs');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let __envive_ai_react_hooks_hooks_Search = require("@envive-ai/react-hooks/hooks/Search");
 let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
-let __envive_ai_react_hooks_hooks_Search = require("@envive-ai/react-hooks/hooks/Search");
 let __envive_ai_react_hooks_hooks_AmplitudeOperations = require("@envive-ai/react-hooks/hooks/AmplitudeOperations");
 let __envive_ai_react_hooks_types = require("@envive-ai/react-hooks/types");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
+let __envive_ai_react_toolkit_SearchInputForm = require("@envive-ai/react-toolkit/SearchInputForm");
+let __envive_ai_react_toolkit_SearchInput = require("@envive-ai/react-toolkit/SearchInput");
+let __envive_ai_react_toolkit_Typography = require("@envive-ai/react-toolkit/Typography");
 
 //#region src/SearchZeroState/SearchZeroState.tsx
 const SEARCH_ENTRYPOINT_INPUT_TESTID = "spiffy-search-entrypoint-input";
@@ -36,7 +32,7 @@ const SearchZeroState = ({ widgetConfig, initialIsOpen, entryPointRef }) => {
 	const { track } = (0, __envive_ai_react_hooks_hooks_AmplitudeOperations.useAmplitudeTracking)();
 	const { recommendedProductsHeading, searchOverlayHeading, productCardConfig, merchantShortName, recommendedProducts, searchText, autocompleteResults, focusedIndex, focusedOptionId, shouldShowAutocomplete, onSearchInputChange, onSearchInputFocus, onSearchInputBlur, onKeyDown, onAutocompleteSelect, onSubmitSearch, resetSearch } = searchInput;
 	const { overlayBackgroundClasses, sparklesIconColor } = require_zeroStateSearchVariants.searchZeroStateVariantClasses[searchZeroStateVariant && require_zeroStateSearchVariants.searchZeroStateVariantClasses[searchZeroStateVariant] ? searchZeroStateVariant : "backgroundTertiary"];
-	const { searchInputIconColor } = require_searchInputVariants.searchInputVariantClasses[searchInputVariant];
+	const { searchInputIconColor } = __envive_ai_react_toolkit_SearchInput.searchInputVariantClasses[searchInputVariant];
 	const handleOpen = () => setIsOpen(true);
 	const handleClose = () => setIsOpen(false);
 	(0, react.useEffect)(() => {
@@ -67,7 +63,7 @@ const SearchZeroState = ({ widgetConfig, initialIsOpen, entryPointRef }) => {
 			onClick: handleOpen,
 			color: searchInputIconColor
 		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchInput.SearchInput, {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SearchInput.SearchInput, {
 			value: "",
 			onChange: () => {},
 			placeholder: searchBoxPlaceholder,
@@ -88,7 +84,7 @@ const SearchZeroState = ({ widgetConfig, initialIsOpen, entryPointRef }) => {
 				className: "spiffy-tw-relative spiffy-tw-mb-4",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "spiffy-tw-flex spiffy-tw-items-center",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_Typography.Typography, {
 						id: "global-search-title",
 						variant: "t3",
 						children: searchOverlayHeading
@@ -97,7 +93,7 @@ const SearchZeroState = ({ widgetConfig, initialIsOpen, entryPointRef }) => {
 						color: sparklesIconColor,
 						stroke: "2px"
 					})]
-				}), includeSubtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+				}), includeSubtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_Typography.Typography, {
 					variant: "body2",
 					children: "Go ahead, get as specific as you like..."
 				})]
@@ -111,7 +107,7 @@ const SearchZeroState = ({ widgetConfig, initialIsOpen, entryPointRef }) => {
 					strokeWidth: "2px"
 				})
 			})] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchInputForm.SearchInputForm, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SearchInputForm.SearchInputForm, {
 				searchInputRef,
 				searchInputVariant,
 				searchText,

package/dist/SearchZeroState/SearchZeroState.js

@@ -1,26 +1,22 @@
-import { Typography } from "../packages/components/dist/components/Typography/Typography.js";
-import "../packages/components/dist/components/Typography/index.js";
-import { SuggestionBar } from "../SuggestionBar/SuggestionBar.js";
-import "../SuggestionBar/index.js";
 import { Sparkles_default } from "../packages/icons/dist/Sparkles.js";
-import { searchInputVariantClasses } from "../packages/components/dist/components/SearchInput/searchInputVariants.js";
-import { SearchInput } from "../packages/components/dist/components/SearchInput/SearchInput.js";
-import { SearchInputForm } from "../packages/components/dist/components/SearchInputForm/SearchInputForm.js";
-import "../packages/components/dist/components/SearchInputForm/index.js";
-import "../packages/components/dist/components/SearchInput/index.js";
 import { IconCloseVariant_default } from "../packages/icons/dist/IconCloseVariant.js";
+import { SuggestionBar } from "../SuggestionBar/SuggestionBar.js";
+import "../SuggestionBar/index.js";
 import { SearchOverlay } from "./SearchOverlay.js";
 import { searchZeroStateVariantClasses } from "./zeroStateSearchVariants.js";
 import { SearchIcon } from "./SearchIcon.js";
 import { RecommendedProducts } from "./components/RecommendedProducts.js";
 import React, { useCallback, useEffect, useRef, useState } from "react";
-import { MessageType, SpiffyWidgets } from "@envive-ai/react-hooks/application/models";
+import { useSearch } from "@envive-ai/react-hooks/hooks/Search";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "framer-motion";
-import { useSearch } from "@envive-ai/react-hooks/hooks/Search";
 import { useAmplitudeTracking } from "@envive-ai/react-hooks/hooks/AmplitudeOperations";
 import { SuggestionBarLocationForMetrics } from "@envive-ai/react-hooks/types";
+import { MessageType, SpiffyWidgets } from "@envive-ai/react-hooks/application/models";
 import { SpiffyMetricsEventName } from "@envive-ai/react-hooks/contexts/amplitudeContext";
+import { SearchInputForm } from "@envive-ai/react-toolkit/SearchInputForm";
+import { SearchInput, searchInputVariantClasses } from "@envive-ai/react-toolkit/SearchInput";
+import { Typography } from "@envive-ai/react-toolkit/Typography";
 
 //#region src/SearchZeroState/SearchZeroState.tsx
 const SEARCH_ENTRYPOINT_INPUT_TESTID = "spiffy-search-entrypoint-input";

package/dist/SearchZeroState/SearchZeroStateWidget.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_SearchZeroState = require('./SearchZeroState.cjs');
 let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_hooks_NewOrgConfig = require("@envive-ai/react-hooks/hooks/NewOrgConfig");
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/SearchZeroState/SearchZeroStateWidget.tsx
 const SearchZeroStateWidget = ({ initialIsOpen, widgetConfigId = "searchEntryPointIcon", entryPointRef }) => {

package/dist/SearchZeroState/SearchZeroStateWidget.js

@@ -1,7 +1,7 @@
 import { SearchZeroState } from "./SearchZeroState.js";
 import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
 import { useNewOrgConfig } from "@envive-ai/react-hooks/hooks/NewOrgConfig";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/SearchZeroState/SearchZeroStateWidget.tsx
 const SearchZeroStateWidget = ({ initialIsOpen, widgetConfigId = "searchEntryPointIcon", entryPointRef }) => {

package/dist/SearchZeroState/components/RecommendedProducts.cjs

@@ -1,15 +1,13 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Typography = require('../../packages/components/dist/components/Typography/Typography.cjs');
-require('../../packages/components/dist/components/Typography/index.cjs');
-const require_ProductGrid = require('../../packages/components/dist/components/ProductGrid/ProductGrid.cjs');
-require('../../packages/components/dist/components/ProductGrid/index.cjs');
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
 let __envive_ai_react_hooks_hooks_AmplitudeOperations = require("@envive-ai/react-hooks/hooks/AmplitudeOperations");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
+let __envive_ai_react_toolkit_Typography = require("@envive-ai/react-toolkit/Typography");
+let __envive_ai_react_toolkit_ProductGrid = require("@envive-ai/react-toolkit/ProductGrid");
 
 //#region src/SearchZeroState/components/RecommendedProducts.tsx
 const RecommendedProducts = ({ retrievedProducts, merchantShortName, productCardConfig = {
@@ -54,12 +52,12 @@ const RecommendedProducts = ({ retrievedProducts, merchantShortName, productCard
 		},
 		children: [heading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: titleContainerClasses,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_Typography.Typography, {
 				variant: "h1",
 				className: "spiffy-tw-text-[--spiffy-colors-text-accent]",
 				children: heading
 			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductGrid.ProductGrid, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_ProductGrid.ProductGrid, {
 			productList: retrievedProducts,
 			productGridVariant,
 			productGridClasses,

package/dist/SearchZeroState/components/RecommendedProducts.js

@@ -1,13 +1,11 @@
-import { Typography } from "../../packages/components/dist/components/Typography/Typography.js";
-import "../../packages/components/dist/components/Typography/index.js";
-import { ProductGrid } from "../../packages/components/dist/components/ProductGrid/ProductGrid.js";
-import "../../packages/components/dist/components/ProductGrid/index.js";
-import { ChatElementDisplayLocation } from "@envive-ai/react-hooks/application/models";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { motion } from "framer-motion";
 import { useAmplitudeTracking } from "@envive-ai/react-hooks/hooks/AmplitudeOperations";
+import { ChatElementDisplayLocation } from "@envive-ai/react-hooks/application/models";
 import { SpiffyMetricsEventName } from "@envive-ai/react-hooks/contexts/amplitudeContext";
+import { Typography } from "@envive-ai/react-toolkit/Typography";
+import { ProductGrid } from "@envive-ai/react-toolkit/ProductGrid";
 
 //#region src/SearchZeroState/components/RecommendedProducts.tsx
 const RecommendedProducts = ({ retrievedProducts, merchantShortName, productCardConfig = {

package/dist/SuggestionBar/SuggestionBar.cjs

@@ -6,12 +6,12 @@ const require_SuggestionButtonContainer = require('../SuggestionButtonContainer/
 require('../SuggestionButtonContainer/index.cjs');
 let react = require("react");
 let jotai = require("jotai");
+let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
 let __envive_ai_react_hooks_config = require("@envive-ai/react-hooks/config");
 let __envive_ai_react_hooks_hooks_IsSmallScreen = require("@envive-ai/react-hooks/hooks/IsSmallScreen");
 let __envive_ai_react_hooks_hooks_TrackComponentVisibleEvent = require("@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent");
-let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/SuggestionBar/SuggestionBar.tsx
 var import_dist = require_index.default;

package/dist/SuggestionBar/SuggestionBar.js

@@ -3,14 +3,14 @@ import { SuggestionBarLocationForMetrics } from "./types.js";
 import { SuggestionButtonContainer } from "../SuggestionButtonContainer/SuggestionButtonContainer.js";
 import "../SuggestionButtonContainer/index.js";
 import { useCallback, useRef } from "react";
-import { useScrollContainer } from "react-indiana-drag-scroll";
 import { useSetAtom } from "jotai";
+import { jsx } from "react/jsx-runtime";
 import { MessageRole, MessageType, SpiffyWidgets } from "@envive-ai/react-hooks/application/models";
+import { useScrollContainer } from "react-indiana-drag-scroll";
 import { PerfMetricsEvents, logPerfMetricAtom } from "@envive-ai/react-hooks/atoms/chat";
 import { SUGGESTION_BAR_TESTID } from "@envive-ai/react-hooks/config";
 import { useIsSmallScreen } from "@envive-ai/react-hooks/hooks/IsSmallScreen";
 import { useTrackComponentVisibleEvent } from "@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent";
-import { jsx } from "react/jsx-runtime";
 
 //#region src/SuggestionBar/SuggestionBar.tsx
 function SuggestionBar({ id, locationForMetrics, buttonTexts, buttonVariation, hoverButtonVariation, boldFirstButton = false, twoRowsOnMobile = false, animationSpeed = "none", buttonBorderRadius = "lg", handleReply, dataTestId }) {

package/dist/SuggestionButtonContainer/SuggestionButtonContainer.cjs

@@ -1,13 +1,12 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_SuggestionButton = require('../packages/components/dist/components/SuggestionButton/SuggestionButton.cjs');
-require('../packages/components/dist/components/SuggestionButton/index.cjs');
 const require_useHorizontalScrollAnimation = require('../util/useHorizontalScrollAnimation.cjs');
 let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_config = require("@envive-ai/react-hooks/config");
 let __envive_ai_react_hooks_hooks_IsSmallScreen = require("@envive-ai/react-hooks/hooks/IsSmallScreen");
 let __envive_ai_react_hooks_hooks_TrackComponentVisibleEvent = require("@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent");
-let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_toolkit_SuggestionButton = require("@envive-ai/react-toolkit/SuggestionButton");
 
 //#region src/SuggestionButtonContainer/SuggestionButtonContainer.tsx
 function ButtonContainer({ children }) {
@@ -29,7 +28,7 @@ const SuggestionButtonContainer = ({ buttonVariation, hoverButtonVariation, butt
 	const visibleButtonsSecondRow = buttonTexts.slice(Math.ceil((buttonTexts.length + 1) / 2), buttonTexts.length);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "spiffy-tw-no-scrollbar spiffy-tw-w-full spiffy-tw-overflow-x-scroll spiffy-tw-whitespace-nowrap",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ButtonContainer, { children: [visibleButtonsFirstRow.map((suggestion, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionButton.SuggestionButton, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ButtonContainer, { children: [visibleButtonsFirstRow.map((suggestion, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SuggestionButton.SuggestionButton, {
 			variant: buttonVariation,
 			hoverVariant: hoverButtonVariation,
 			isDisabled: false,
@@ -38,7 +37,7 @@ const SuggestionButtonContainer = ({ buttonVariation, hoverButtonVariation, butt
 			borderRadius: buttonBorderRadius,
 			onClick: () => onButtonClick(suggestion),
 			dataTestId: __envive_ai_react_hooks_config.SUGGESTION_BAR_BUTTON_TESTID
-		}, i)), isAnimated && buttonTexts.map((suggestion, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionButton.SuggestionButton, {
+		}, i)), isAnimated && buttonTexts.map((suggestion, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SuggestionButton.SuggestionButton, {
 			variant: buttonVariation,
 			hoverVariant: hoverButtonVariation,
 			isDisabled: false,
@@ -49,7 +48,7 @@ const SuggestionButtonContainer = ({ buttonVariation, hoverButtonVariation, butt
 			dataTestId: __envive_ai_react_hooks_config.SUGGESTION_BAR_BUTTON_TESTID
 		}, `animation-dupe-${i}`))] }), twoRowsOnMobile && isSmallScreen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "spiffy-tw-mt-1.5",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ButtonContainer, { children: [visibleButtonsSecondRow.map((suggestion, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionButton.SuggestionButton, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ButtonContainer, { children: [visibleButtonsSecondRow.map((suggestion, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SuggestionButton.SuggestionButton, {
 				variant: buttonVariation,
 				hoverVariant: hoverButtonVariation,
 				isDisabled: false,
@@ -58,7 +57,7 @@ const SuggestionButtonContainer = ({ buttonVariation, hoverButtonVariation, butt
 				borderRadius: buttonBorderRadius,
 				onClick: () => onButtonClick(suggestion),
 				dataTestId: __envive_ai_react_hooks_config.SUGGESTION_BAR_BUTTON_TESTID
-			}, i)), isAnimated && visibleButtonsSecondRow.map((suggestion, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionButton.SuggestionButton, {
+			}, i)), isAnimated && visibleButtonsSecondRow.map((suggestion, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SuggestionButton.SuggestionButton, {
 				variant: buttonVariation,
 				hoverVariant: hoverButtonVariation,
 				isDisabled: false,

package/dist/SuggestionButtonContainer/SuggestionButtonContainer.js

@@ -1,12 +1,11 @@
-import { SuggestionButton } from "../packages/components/dist/components/SuggestionButton/SuggestionButton.js";
-import "../packages/components/dist/components/SuggestionButton/index.js";
 import { useHorizontalScrollAnimation } from "../util/useHorizontalScrollAnimation.js";
 import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { SpiffyWidgets } from "@envive-ai/react-hooks/application/models";
 import { SUGGESTION_BAR_BUTTON_TESTID } from "@envive-ai/react-hooks/config";
 import { useIsSmallScreen } from "@envive-ai/react-hooks/hooks/IsSmallScreen";
 import { useTrackComponentVisibleEvent } from "@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { SuggestionButton } from "@envive-ai/react-toolkit/SuggestionButton";
 
 //#region src/SuggestionButtonContainer/SuggestionButtonContainer.tsx
 function ButtonContainer({ children }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envive-ai/react-widgets",
-  "version": "0.1.3",
+  "version": "0.3.1",
   "description": "React widget library for Envive services.",
   "keywords": [
     "react",
@@ -38,6 +38,8 @@
     "jotai": "^2.15.1"
   },
   "peerDependencies": {
+    "@envive-ai/react-hooks": "*",
+    "@envive-ai/react-toolkit": "*",
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1"
   },

package/dist/node_modules/react-icons/lib/iconBase.cjs

@@ -1,121 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_iconContext = require('./iconContext.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region ../../node_modules/react-icons/lib/iconBase.mjs
-var _excluded = [
-	"attr",
-	"size",
-	"title"
-];
-function _objectWithoutProperties(source, excluded) {
-	if (source == null) return {};
-	var target = _objectWithoutPropertiesLoose(source, excluded);
-	var key, i;
-	if (Object.getOwnPropertySymbols) {
-		var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-		for (i = 0; i < sourceSymbolKeys.length; i++) {
-			key = sourceSymbolKeys[i];
-			if (excluded.indexOf(key) >= 0) continue;
-			if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-			target[key] = source[key];
-		}
-	}
-	return target;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-	if (source == null) return {};
-	var target = {};
-	for (var key in source) if (Object.prototype.hasOwnProperty.call(source, key)) {
-		if (excluded.indexOf(key) >= 0) continue;
-		target[key] = source[key];
-	}
-	return target;
-}
-function _extends() {
-	_extends = Object.assign ? Object.assign.bind() : function(target) {
-		for (var i = 1; i < arguments.length; i++) {
-			var source = arguments[i];
-			for (var key in source) if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
-		}
-		return target;
-	};
-	return _extends.apply(this, arguments);
-}
-function ownKeys(e, r) {
-	var t = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var o = Object.getOwnPropertySymbols(e);
-		r && (o = o.filter(function(r$1) {
-			return Object.getOwnPropertyDescriptor(e, r$1).enumerable;
-		})), t.push.apply(t, o);
-	}
-	return t;
-}
-function _objectSpread(e) {
-	for (var r = 1; r < arguments.length; r++) {
-		var t = null != arguments[r] ? arguments[r] : {};
-		r % 2 ? ownKeys(Object(t), !0).forEach(function(r$1) {
-			_defineProperty(e, r$1, t[r$1]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r$1) {
-			Object.defineProperty(e, r$1, Object.getOwnPropertyDescriptor(t, r$1));
-		});
-	}
-	return e;
-}
-function _defineProperty(obj, key, value) {
-	key = _toPropertyKey(key);
-	if (key in obj) Object.defineProperty(obj, key, {
-		value,
-		enumerable: true,
-		configurable: true,
-		writable: true
-	});
-	else obj[key] = value;
-	return obj;
-}
-function _toPropertyKey(t) {
-	var i = _toPrimitive(t, "string");
-	return "symbol" == typeof i ? i : i + "";
-}
-function _toPrimitive(t, r) {
-	if ("object" != typeof t || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != typeof i) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-function Tree2Element(tree) {
-	return tree && tree.map((node, i) => /* @__PURE__ */ react.default.createElement(node.tag, _objectSpread({ key: i }, node.attr), Tree2Element(node.child)));
-}
-function GenIcon(data) {
-	return (props) => /* @__PURE__ */ react.default.createElement(IconBase, _extends({ attr: _objectSpread({}, data.attr) }, props), Tree2Element(data.child));
-}
-function IconBase(props) {
-	var elem = (conf) => {
-		var { attr, size, title } = props, svgProps = _objectWithoutProperties(props, _excluded);
-		var computedSize = size || conf.size || "1em";
-		var className;
-		if (conf.className) className = conf.className;
-		if (props.className) className = (className ? className + " " : "") + props.className;
-		return /* @__PURE__ */ react.default.createElement("svg", _extends({
-			stroke: "currentColor",
-			fill: "currentColor",
-			strokeWidth: "0"
-		}, conf.attr, attr, svgProps, {
-			className,
-			style: _objectSpread(_objectSpread({ color: props.color || conf.color }, conf.style), props.style),
-			height: computedSize,
-			width: computedSize,
-			xmlns: "http://www.w3.org/2000/svg"
-		}), title && /* @__PURE__ */ react.default.createElement("title", null, title), props.children);
-	};
-	return require_iconContext.IconContext !== void 0 ? /* @__PURE__ */ react.default.createElement(require_iconContext.IconContext.Consumer, null, (conf) => elem(conf)) : elem(require_iconContext.DefaultContext);
-}
-
-//#endregion
-exports.GenIcon = GenIcon;