@envive-ai/react-widgets 0.1.3 → 0.3.0

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.d.cts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/SearchResults/SearchResultsWidget.d.ts
-declare const SearchResultsWidget: () => react_jsx_runtime1.JSX.Element;
+declare const SearchResultsWidget: () => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { 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,14 +1,7 @@
 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_SearchOverlay = require('./SearchOverlay.cjs');
 const require_zeroStateSearchVariants = require('./zeroStateSearchVariants.cjs');
@@ -16,13 +9,16 @@ 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 __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 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_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 { 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 { MessageType, SpiffyWidgets } from "@envive-ai/react-hooks/application/models";
 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 { 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.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/SearchZeroState/SearchZeroStateWidget.d.ts
 type SearchZeroStateWidgetProps = {
@@ -10,6 +10,6 @@ declare const SearchZeroStateWidget: ({
   initialIsOpen,
   widgetConfigId,
   entryPointRef
-}: SearchZeroStateWidgetProps) => react_jsx_runtime0.JSX.Element;
+}: SearchZeroStateWidgetProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { SearchZeroStateWidget };

package/dist/SearchZeroState/SearchZeroStateWidget.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/SearchZeroState/SearchZeroStateWidget.d.ts
 type SearchZeroStateWidgetProps = {
@@ -10,6 +10,6 @@ declare const SearchZeroStateWidget: ({
   initialIsOpen,
   widgetConfigId,
   entryPointRef
-}: SearchZeroStateWidgetProps) => react_jsx_runtime0.JSX.Element;
+}: SearchZeroStateWidgetProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { SearchZeroStateWidget };

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 __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 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_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 { ChatElementDisplayLocation } from "@envive-ai/react-hooks/application/models";
 import { motion } from "framer-motion";
 import { useAmplitudeTracking } from "@envive-ai/react-hooks/hooks/AmplitudeOperations";
 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/SearchZeroState/index.d.cts

@@ -1,4 +1,5 @@
-import { SearchEntryPointWidgetConfig, SearchInputVariant, SearchZeroStateProps } from "./types.cjs";
+import { SearchEntryPointWidgetConfig, SearchInputVariant } from "../hooks/dist/contexts/types.cjs";
+import { SearchZeroStateProps } from "./types.cjs";
 import { SearchZeroState } from "./SearchZeroState.cjs";
 import { SearchZeroStateWidget } from "./SearchZeroStateWidget.cjs";
 export { SearchEntryPointWidgetConfig, SearchInputVariant, SearchZeroState, SearchZeroStateProps, SearchZeroStateWidget };

package/dist/SearchZeroState/index.d.ts

@@ -1,4 +1,5 @@
-import { SearchEntryPointWidgetConfig, SearchInputVariant, SearchZeroStateProps } from "./types.js";
+import { SearchEntryPointWidgetConfig, SearchInputVariant } from "../packages/hooks/dist/contexts/types.js";
+import { SearchZeroStateProps } from "./types.js";
 import { SearchZeroState } from "./SearchZeroState.js";
 import { SearchZeroStateWidget } from "./SearchZeroStateWidget.js";
 export { SearchEntryPointWidgetConfig, SearchInputVariant, SearchZeroState, SearchZeroStateProps, SearchZeroStateWidget };

package/dist/SearchZeroState/types.d.cts

@@ -1,4 +1,4 @@
-import { SearchEntryPointWidgetConfig, SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
+import { SearchEntryPointWidgetConfig, SearchInputVariant } from "../hooks/dist/contexts/types.cjs";
 
 //#region src/SearchZeroState/types.d.ts
 interface SearchZeroStateProps {
@@ -7,4 +7,4 @@ interface SearchZeroStateProps {
   entryPointRef?: React.Ref<HTMLButtonElement>;
 }
 //#endregion
-export { type SearchEntryPointWidgetConfig, type SearchInputVariant, SearchZeroStateProps };
+export { SearchZeroStateProps };

package/dist/SearchZeroState/types.d.ts

@@ -1,4 +1,4 @@
-import { SearchEntryPointWidgetConfig, SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
+import { SearchEntryPointWidgetConfig, SearchInputVariant } from "../packages/hooks/dist/contexts/types.js";
 
 //#region src/SearchZeroState/types.d.ts
 interface SearchZeroStateProps {
@@ -7,4 +7,4 @@ interface SearchZeroStateProps {
   entryPointRef?: React.Ref<HTMLButtonElement>;
 }
 //#endregion
-export { type SearchEntryPointWidgetConfig, type SearchInputVariant, SearchZeroStateProps };
+export { SearchZeroStateProps };

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.d.cts

@@ -1,6 +1,6 @@
+import { SuggestionButtonVariant } from "../hooks/dist/contexts/types.cjs";
 import { SuggestionBarLocationForMetrics } from "./types.cjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { SuggestionButtonVariant } from "@envive-ai/react-hooks/contexts/types";
 import { Message } from "postcss";
 
 //#region src/SuggestionBar/SuggestionBar.d.ts

package/dist/SuggestionBar/SuggestionBar.d.ts

@@ -1,6 +1,6 @@
+import { SuggestionButtonVariant } from "../packages/hooks/dist/contexts/types.js";
 import { SuggestionBarLocationForMetrics } from "./types.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
-import { SuggestionButtonVariant } from "@envive-ai/react-hooks/contexts/types";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Message } from "postcss";
 
 //#region src/SuggestionBar/SuggestionBar.d.ts
@@ -29,6 +29,6 @@ declare function SuggestionBar({
   buttonBorderRadius,
   handleReply,
   dataTestId
-}: Readonly<SuggestionBarProps>): react_jsx_runtime1.JSX.Element;
+}: Readonly<SuggestionBarProps>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SuggestionBar };

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 { useScrollContainer } from "react-indiana-drag-scroll";
 import { MessageRole, MessageType, SpiffyWidgets } from "@envive-ai/react-hooks/application/models";
 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/dist/SuggestionButtonContainer/types.d.cts

@@ -1,5 +1,5 @@
-import { SuggestionButtonVariant } from "@envive-ai/react-hooks/contexts/types";
-import { TestProps } from "@envive-ai/react-hooks/types";
+import { TestProps } from "../hooks/dist/types/test-types.cjs";
+import { SuggestionButtonVariant } from "../hooks/dist/contexts/types.cjs";
 
 //#region src/SuggestionButtonContainer/types.d.ts
 interface SuggestionButtonContainerProps extends TestProps {

package/dist/SuggestionButtonContainer/types.d.ts

@@ -1,5 +1,5 @@
-import { TestProps } from "@envive-ai/react-hooks/types";
-import { SuggestionButtonVariant } from "@envive-ai/react-hooks/contexts/types";
+import { TestProps } from "../packages/hooks/dist/types/test-types.js";
+import { SuggestionButtonVariant } from "../packages/hooks/dist/contexts/types.js";
 
 //#region src/SuggestionButtonContainer/types.d.ts
 interface SuggestionButtonContainerProps extends TestProps {