@envive-ai/react-widgets 0.1.2-arthur-3 → 0.1.3

package/dist/SearchZeroState/overlay/overlayHostLocator.cjs

@@ -0,0 +1,21 @@
+
+//#region src/SearchZeroState/overlay/overlayHostLocator.ts
+const SEARCH_OVERLAY_ENTRYPOINT_ID = "spiffy-ai-search-overlay-entrypoint";
+const SEARCH_OVERLAY_PORTAL_ID = "spiffy-ai-search-overlay-portal";
+/**
+* Find the portal target inside the overlay host's ShadowRoot.
+*/
+function getOverlayPortalTarget(hostId = SEARCH_OVERLAY_ENTRYPOINT_ID) {
+	const bareMount = document.getElementById(SEARCH_OVERLAY_PORTAL_ID);
+	if (bareMount) return bareMount;
+	const host = document.getElementById(hostId);
+	if (!host) throw new Error(`[Overlay] Host #${hostId} not found`);
+	const sr = host.shadowRoot;
+	if (!sr) throw new Error("[Overlay] Host has no shadowRoot (was it initialized?)");
+	const mount = sr.getElementById(SEARCH_OVERLAY_PORTAL_ID);
+	if (!mount) throw new Error("[Overlay] Portal mount missing inside ShadowRoot");
+	return mount;
+}
+
+//#endregion
+exports.getOverlayPortalTarget = getOverlayPortalTarget;

package/dist/SearchZeroState/overlay/overlayHostLocator.js

@@ -0,0 +1,20 @@
+//#region src/SearchZeroState/overlay/overlayHostLocator.ts
+const SEARCH_OVERLAY_ENTRYPOINT_ID = "spiffy-ai-search-overlay-entrypoint";
+const SEARCH_OVERLAY_PORTAL_ID = "spiffy-ai-search-overlay-portal";
+/**
+* Find the portal target inside the overlay host's ShadowRoot.
+*/
+function getOverlayPortalTarget(hostId = SEARCH_OVERLAY_ENTRYPOINT_ID) {
+	const bareMount = document.getElementById(SEARCH_OVERLAY_PORTAL_ID);
+	if (bareMount) return bareMount;
+	const host = document.getElementById(hostId);
+	if (!host) throw new Error(`[Overlay] Host #${hostId} not found`);
+	const sr = host.shadowRoot;
+	if (!sr) throw new Error("[Overlay] Host has no shadowRoot (was it initialized?)");
+	const mount = sr.getElementById(SEARCH_OVERLAY_PORTAL_ID);
+	if (!mount) throw new Error("[Overlay] Portal mount missing inside ShadowRoot");
+	return mount;
+}
+
+//#endregion
+export { getOverlayPortalTarget };

package/dist/SearchZeroState/types.d.cts

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

package/dist/SearchZeroState/types.d.ts

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

package/dist/SearchZeroState/zeroStateSearchVariants.cjs

@@ -0,0 +1,21 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __envive_ai_react_hooks_contexts_types = require("@envive-ai/react-hooks/contexts/types");
+
+//#region src/SearchZeroState/zeroStateSearchVariants.ts
+const searchZeroStateVariantClasses = {
+	backgroundTertiary: {
+		overlayBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-background-tertiary] spiffy-tw-text-[--spiffy-colors-text-primary] spiffy-tw-bg-opacity-90 spiffy-tw-backdrop-blur-20",
+		sparklesIconColor: (0, __envive_ai_react_hooks_contexts_types.colorVar)(__envive_ai_react_hooks_contexts_types.ColorNames.AccentPrimary)
+	},
+	backgroundDark: {
+		overlayBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light] spiffy-tw-bg-opacity-90 spiffy-tw-backdrop-blur-20",
+		sparklesIconColor: (0, __envive_ai_react_hooks_contexts_types.colorVar)(__envive_ai_react_hooks_contexts_types.ColorNames.AccentPrimary)
+	},
+	backgroundPrimary: {
+		overlayBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-background-primary] spiffy-tw-text-[--spiffy-colors-text-primary] spiffy-tw-bg-opacity-90 spiffy-tw-backdrop-blur-20",
+		sparklesIconColor: (0, __envive_ai_react_hooks_contexts_types.colorVar)(__envive_ai_react_hooks_contexts_types.ColorNames.AccentPrimary)
+	}
+};
+
+//#endregion
+exports.searchZeroStateVariantClasses = searchZeroStateVariantClasses;

package/dist/SearchZeroState/zeroStateSearchVariants.js

@@ -0,0 +1,20 @@
+import { ColorNames, colorVar } from "@envive-ai/react-hooks/contexts/types";
+
+//#region src/SearchZeroState/zeroStateSearchVariants.ts
+const searchZeroStateVariantClasses = {
+	backgroundTertiary: {
+		overlayBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-background-tertiary] spiffy-tw-text-[--spiffy-colors-text-primary] spiffy-tw-bg-opacity-90 spiffy-tw-backdrop-blur-20",
+		sparklesIconColor: colorVar(ColorNames.AccentPrimary)
+	},
+	backgroundDark: {
+		overlayBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light] spiffy-tw-bg-opacity-90 spiffy-tw-backdrop-blur-20",
+		sparklesIconColor: colorVar(ColorNames.AccentPrimary)
+	},
+	backgroundPrimary: {
+		overlayBackgroundClasses: "spiffy-tw-bg-[--spiffy-colors-background-primary] spiffy-tw-text-[--spiffy-colors-text-primary] spiffy-tw-bg-opacity-90 spiffy-tw-backdrop-blur-20",
+		sparklesIconColor: colorVar(ColorNames.AccentPrimary)
+	}
+};
+
+//#endregion
+export { searchZeroStateVariantClasses };

package/dist/SuggestionBar/SuggestionBar.cjs

@@ -0,0 +1,74 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_index = require('../node_modules/react-indiana-drag-scroll/dist/index.cjs');
+const require_v4 = require('../node_modules/uuid/dist-node/v4.cjs');
+const require_types = require('./types.cjs');
+const require_SuggestionButtonContainer = require('../SuggestionButtonContainer/SuggestionButtonContainer.cjs');
+require('../SuggestionButtonContainer/index.cjs');
+let react = require("react");
+let jotai = require("jotai");
+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;
+function SuggestionBar({ id, locationForMetrics, buttonTexts, buttonVariation, hoverButtonVariation, boldFirstButton = false, twoRowsOnMobile = false, animationSpeed = "none", buttonBorderRadius = "lg", handleReply, dataTestId }) {
+	const componentVisibleTriggerRef = (0, react.useRef)(null);
+	const containerRef = (0, react.useRef)(null);
+	const { ref } = (0, import_dist.useScrollContainer)();
+	const isSmallScreen = (0, __envive_ai_react_hooks_hooks_IsSmallScreen.useIsSmallScreen)();
+	const logPerfMetric = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_chat.logPerfMetricAtom);
+	const isAnimated = animationSpeed !== "none";
+	(0, __envive_ai_react_hooks_hooks_TrackComponentVisibleEvent.useTrackComponentVisibleEvent)(__envive_ai_react_hooks_application_models.SpiffyWidgets.SuggestionBar, componentVisibleTriggerRef, { animated: isAnimated });
+	const handleClickSuggestion = (0, react.useCallback)((buttonText) => {
+		handleReply({
+			id: require_v4.default(),
+			role: __envive_ai_react_hooks_application_models.MessageRole.User,
+			type: __envive_ai_react_hooks_application_models.MessageType.QueryTyped,
+			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+			metadata: { content: buttonText }
+		});
+	}, [handleReply]);
+	const setRefs = (0, react.useCallback)((el) => {
+		if (typeof ref === "function") ref(el);
+		containerRef.current = el;
+	}, [ref]);
+	const handleContainerRef = (0, react.useCallback)((el) => {
+		if (el) logPerfMetric(locationForMetrics === require_types.SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP ? __envive_ai_react_hooks_atoms_chat.PerfMetricsEvents.TopSuggestionsBarRendered : __envive_ai_react_hooks_atoms_chat.PerfMetricsEvents.BottomSuggestionsBarRendered);
+		setRefs(el);
+	}, [
+		locationForMetrics,
+		logPerfMetric,
+		setRefs
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		id,
+		className: "spiffy-tw-w-full spiffy-tw-justify-center spiffy-tw-overflow-hidden",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `spiffy-tw-no-scrollbar spiffy-tw-relative spiffy-tw-w-full spiffy-tw-overflow-y-hidden spiffy-tw-overflow-x-scroll ${twoRowsOnMobile && isSmallScreen ? "spiffy-tw-h-20" : "spiffy-tw-h-9"} `,
+			ref: handleContainerRef,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "spiffy-tw-relative spiffy-tw-inline-block spiffy-tw-whitespace-nowrap",
+				ref: componentVisibleTriggerRef,
+				"data-testid": dataTestId || __envive_ai_react_hooks_config.SUGGESTION_BAR_TESTID,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionButtonContainer.SuggestionButtonContainer, {
+					buttonVariation,
+					hoverButtonVariation,
+					buttonTexts,
+					onButtonClick: handleClickSuggestion,
+					scrollContainerRef: containerRef,
+					boldFirstButton,
+					twoRowsOnMobile,
+					animationSpeed,
+					buttonBorderRadius
+				})
+			})
+		})
+	});
+}
+
+//#endregion
+exports.SuggestionBar = SuggestionBar;

package/dist/SuggestionBar/{index-DZU9kbWS.d.cts → SuggestionBar.d.cts}

@@ -1,16 +1,10 @@
+import { SuggestionBarLocationForMetrics } from "./types.cjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { SuggestionButtonVariant } from "@envive-ai/react-hooks/contexts/types";
-import { TestProps } from "@envive-ai/react-hooks/types";
 import { Message } from "postcss";
 
-//#region src/SuggestionBar/types.d.ts
-declare enum SuggestionBarLocationForMetrics {
-  SUGGESTION_BAR_TOP = "top",
-  SUGGESTION_BAR_BOTTOM = "bottom",
-}
-//#endregion
 //#region src/SuggestionBar/SuggestionBar.d.ts
-interface SuggestionBarProps extends TestProps {
+interface SuggestionBarProps {
   id: string;
   locationForMetrics: SuggestionBarLocationForMetrics;
   buttonTexts: string[];
@@ -21,6 +15,7 @@ interface SuggestionBarProps extends TestProps {
   twoRowsOnMobile?: boolean | undefined;
   animationSpeed?: 'standard' | 'slow' | 'none';
   buttonBorderRadius?: 'sm' | 'md' | 'lg';
+  dataTestId?: string;
 }
 declare function SuggestionBar({
   id,
@@ -36,4 +31,4 @@ declare function SuggestionBar({
   dataTestId
 }: Readonly<SuggestionBarProps>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { SuggestionBar, SuggestionBarLocationForMetrics };
+export { SuggestionBar };

package/dist/SuggestionBar/{index-DyXd4-b7.d.ts → SuggestionBar.d.ts}

@@ -1,16 +1,10 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { TestProps } from "@envive-ai/react-hooks/types";
+import { SuggestionBarLocationForMetrics } from "./types.js";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { SuggestionButtonVariant } from "@envive-ai/react-hooks/contexts/types";
 import { Message } from "postcss";
 
-//#region src/SuggestionBar/types.d.ts
-declare enum SuggestionBarLocationForMetrics {
-  SUGGESTION_BAR_TOP = "top",
-  SUGGESTION_BAR_BOTTOM = "bottom",
-}
-//#endregion
 //#region src/SuggestionBar/SuggestionBar.d.ts
-interface SuggestionBarProps extends TestProps {
+interface SuggestionBarProps {
   id: string;
   locationForMetrics: SuggestionBarLocationForMetrics;
   buttonTexts: string[];
@@ -21,6 +15,7 @@ interface SuggestionBarProps extends TestProps {
   twoRowsOnMobile?: boolean | undefined;
   animationSpeed?: 'standard' | 'slow' | 'none';
   buttonBorderRadius?: 'sm' | 'md' | 'lg';
+  dataTestId?: string;
 }
 declare function SuggestionBar({
   id,
@@ -34,6 +29,6 @@ declare function SuggestionBar({
   buttonBorderRadius,
   handleReply,
   dataTestId
-}: Readonly<SuggestionBarProps>): react_jsx_runtime0.JSX.Element;
+}: Readonly<SuggestionBarProps>): react_jsx_runtime1.JSX.Element;
 //#endregion
-export { SuggestionBar, SuggestionBarLocationForMetrics };
+export { SuggestionBar };

package/dist/SuggestionBar/SuggestionBar.js

@@ -0,0 +1,72 @@
+import v4_default from "../node_modules/uuid/dist/v4.js";
+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 { 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 }) {
+	const componentVisibleTriggerRef = useRef(null);
+	const containerRef = useRef(null);
+	const { ref } = useScrollContainer();
+	const isSmallScreen = useIsSmallScreen();
+	const logPerfMetric = useSetAtom(logPerfMetricAtom);
+	const isAnimated = animationSpeed !== "none";
+	useTrackComponentVisibleEvent(SpiffyWidgets.SuggestionBar, componentVisibleTriggerRef, { animated: isAnimated });
+	const handleClickSuggestion = useCallback((buttonText) => {
+		handleReply({
+			id: v4_default(),
+			role: MessageRole.User,
+			type: MessageType.QueryTyped,
+			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+			metadata: { content: buttonText }
+		});
+	}, [handleReply]);
+	const setRefs = useCallback((el) => {
+		if (typeof ref === "function") ref(el);
+		containerRef.current = el;
+	}, [ref]);
+	const handleContainerRef = useCallback((el) => {
+		if (el) logPerfMetric(locationForMetrics === SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP ? PerfMetricsEvents.TopSuggestionsBarRendered : PerfMetricsEvents.BottomSuggestionsBarRendered);
+		setRefs(el);
+	}, [
+		locationForMetrics,
+		logPerfMetric,
+		setRefs
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		id,
+		className: "spiffy-tw-w-full spiffy-tw-justify-center spiffy-tw-overflow-hidden",
+		children: /* @__PURE__ */ jsx("div", {
+			className: `spiffy-tw-no-scrollbar spiffy-tw-relative spiffy-tw-w-full spiffy-tw-overflow-y-hidden spiffy-tw-overflow-x-scroll ${twoRowsOnMobile && isSmallScreen ? "spiffy-tw-h-20" : "spiffy-tw-h-9"} `,
+			ref: handleContainerRef,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "spiffy-tw-relative spiffy-tw-inline-block spiffy-tw-whitespace-nowrap",
+				ref: componentVisibleTriggerRef,
+				"data-testid": dataTestId || SUGGESTION_BAR_TESTID,
+				children: /* @__PURE__ */ jsx(SuggestionButtonContainer, {
+					buttonVariation,
+					hoverButtonVariation,
+					buttonTexts,
+					onButtonClick: handleClickSuggestion,
+					scrollContainerRef: containerRef,
+					boldFirstButton,
+					twoRowsOnMobile,
+					animationSpeed,
+					buttonBorderRadius
+				})
+			})
+		})
+	});
+}
+
+//#endregion
+export { SuggestionBar };

package/dist/SuggestionBar/index.cjs

@@ -1,5 +1,5 @@
-const require_SuggestionBar = require('../SuggestionBar-BOThXJvJ.cjs');
-require('../SuggestionButtonContainer-BeWPpeQk.cjs');
+const require_types = require('./types.cjs');
+const require_SuggestionBar = require('./SuggestionBar.cjs');
 
 exports.SuggestionBar = require_SuggestionBar.SuggestionBar;
-exports.SuggestionBarLocationForMetrics = require_SuggestionBar.SuggestionBarLocationForMetrics;
+exports.SuggestionBarLocationForMetrics = require_types.SuggestionBarLocationForMetrics;

package/dist/SuggestionBar/index.d.cts

@@ -0,0 +1,3 @@
+import { SuggestionBarLocationForMetrics } from "./types.cjs";
+import { SuggestionBar } from "./SuggestionBar.cjs";
+export { SuggestionBar, SuggestionBarLocationForMetrics };

package/dist/SuggestionBar/index.d.ts

@@ -0,0 +1,3 @@
+import { SuggestionBarLocationForMetrics } from "./types.js";
+import { SuggestionBar } from "./SuggestionBar.js";
+export { SuggestionBar, SuggestionBarLocationForMetrics };

package/dist/SuggestionBar/index.js

@@ -1,4 +1,4 @@
-import { n as SuggestionBarLocationForMetrics, t as SuggestionBar } from "../SuggestionBar-DeMmAK4M.js";
-import "../SuggestionButtonContainer-CZhOkZaJ.js";
+import { SuggestionBarLocationForMetrics } from "./types.js";
+import { SuggestionBar } from "./SuggestionBar.js";
 
 export { SuggestionBar, SuggestionBarLocationForMetrics };

package/dist/SuggestionBar/types.cjs

@@ -0,0 +1,10 @@
+
+//#region src/SuggestionBar/types.ts
+let SuggestionBarLocationForMetrics = /* @__PURE__ */ function(SuggestionBarLocationForMetrics$1) {
+	SuggestionBarLocationForMetrics$1["SUGGESTION_BAR_TOP"] = "top";
+	SuggestionBarLocationForMetrics$1["SUGGESTION_BAR_BOTTOM"] = "bottom";
+	return SuggestionBarLocationForMetrics$1;
+}({});
+
+//#endregion
+exports.SuggestionBarLocationForMetrics = SuggestionBarLocationForMetrics;

package/dist/SuggestionBar/types.d.cts

@@ -0,0 +1,7 @@
+//#region src/SuggestionBar/types.d.ts
+declare enum SuggestionBarLocationForMetrics {
+  SUGGESTION_BAR_TOP = "top",
+  SUGGESTION_BAR_BOTTOM = "bottom",
+}
+//#endregion
+export { SuggestionBarLocationForMetrics };

package/dist/SuggestionBar/types.d.ts

@@ -0,0 +1,7 @@
+//#region src/SuggestionBar/types.d.ts
+declare enum SuggestionBarLocationForMetrics {
+  SUGGESTION_BAR_TOP = "top",
+  SUGGESTION_BAR_BOTTOM = "bottom",
+}
+//#endregion
+export { SuggestionBarLocationForMetrics };

package/dist/SuggestionBar/types.js

@@ -0,0 +1,9 @@
+//#region src/SuggestionBar/types.ts
+let SuggestionBarLocationForMetrics = /* @__PURE__ */ function(SuggestionBarLocationForMetrics$1) {
+	SuggestionBarLocationForMetrics$1["SUGGESTION_BAR_TOP"] = "top";
+	SuggestionBarLocationForMetrics$1["SUGGESTION_BAR_BOTTOM"] = "bottom";
+	return SuggestionBarLocationForMetrics$1;
+}({});
+
+//#endregion
+export { SuggestionBarLocationForMetrics };

package/dist/SuggestionButtonContainer/SuggestionButtonContainer.cjs

@@ -0,0 +1,76 @@
+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 __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");
+
+//#region src/SuggestionButtonContainer/SuggestionButtonContainer.tsx
+function ButtonContainer({ children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "spiffy-tw-pl-0 spiffy-tw-flex spiffy-tw-h-full spiffy-tw-flex-row spiffy-tw-items-center spiffy-tw-space-x-2",
+		children
+	});
+}
+const SuggestionButtonContainer = ({ buttonVariation, hoverButtonVariation, buttonTexts, boldFirstButton = false, twoRowsOnMobile = false, animationSpeed = "none", buttonBorderRadius = "lg", scrollContainerRef, onButtonClick }) => {
+	const componentVisibleTriggerRef = (0, react.useRef)(null);
+	require_useHorizontalScrollAnimation.useHorizontalScrollAnimation({
+		scrollContainerRef,
+		animationSpeed
+	});
+	const isSmallScreen = (0, __envive_ai_react_hooks_hooks_IsSmallScreen.useIsSmallScreen)();
+	const isAnimated = animationSpeed !== "none";
+	(0, __envive_ai_react_hooks_hooks_TrackComponentVisibleEvent.useTrackComponentVisibleEvent)(__envive_ai_react_hooks_application_models.SpiffyWidgets.SuggestionBar, componentVisibleTriggerRef, { animated: isAnimated });
+	const visibleButtonsFirstRow = buttonTexts.slice(0, twoRowsOnMobile && isSmallScreen ? Math.ceil((buttonTexts.length + 1) / 2) : void 0);
+	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, {
+			variant: buttonVariation,
+			hoverVariant: hoverButtonVariation,
+			isDisabled: false,
+			content: suggestion,
+			boldText: boldFirstButton && i === 0,
+			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, {
+			variant: buttonVariation,
+			hoverVariant: hoverButtonVariation,
+			isDisabled: false,
+			content: suggestion,
+			boldText: boldFirstButton && i === 0,
+			borderRadius: buttonBorderRadius,
+			onClick: () => onButtonClick(suggestion),
+			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, {
+				variant: buttonVariation,
+				hoverVariant: hoverButtonVariation,
+				isDisabled: false,
+				content: suggestion,
+				boldText: boldFirstButton && i === 0,
+				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, {
+				variant: buttonVariation,
+				hoverVariant: hoverButtonVariation,
+				isDisabled: false,
+				content: suggestion,
+				boldText: boldFirstButton && i === 0,
+				borderRadius: buttonBorderRadius,
+				onClick: () => onButtonClick(suggestion),
+				dataTestId: __envive_ai_react_hooks_config.SUGGESTION_BAR_BUTTON_TESTID
+			}, `animation-dupe-${i}`))] })
+		})]
+	});
+};
+
+//#endregion
+exports.SuggestionButtonContainer = SuggestionButtonContainer;

package/dist/SuggestionButtonContainer/SuggestionButtonContainer.d.cts

@@ -0,0 +1,6 @@
+import { SuggestionButtonContainerProps } from "./types.cjs";
+
+//#region src/SuggestionButtonContainer/SuggestionButtonContainer.d.ts
+declare const SuggestionButtonContainer: React.FC<SuggestionButtonContainerProps>;
+//#endregion
+export { SuggestionButtonContainer };

package/dist/SuggestionButtonContainer/SuggestionButtonContainer.d.ts

@@ -0,0 +1,6 @@
+import { SuggestionButtonContainerProps } from "./types.js";
+
+//#region src/SuggestionButtonContainer/SuggestionButtonContainer.d.ts
+declare const SuggestionButtonContainer: React.FC<SuggestionButtonContainerProps>;
+//#endregion
+export { SuggestionButtonContainer };

package/dist/SuggestionButtonContainer/SuggestionButtonContainer.js

@@ -0,0 +1,75 @@
+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 { 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";
+
+//#region src/SuggestionButtonContainer/SuggestionButtonContainer.tsx
+function ButtonContainer({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "spiffy-tw-pl-0 spiffy-tw-flex spiffy-tw-h-full spiffy-tw-flex-row spiffy-tw-items-center spiffy-tw-space-x-2",
+		children
+	});
+}
+const SuggestionButtonContainer = ({ buttonVariation, hoverButtonVariation, buttonTexts, boldFirstButton = false, twoRowsOnMobile = false, animationSpeed = "none", buttonBorderRadius = "lg", scrollContainerRef, onButtonClick }) => {
+	const componentVisibleTriggerRef = useRef(null);
+	useHorizontalScrollAnimation({
+		scrollContainerRef,
+		animationSpeed
+	});
+	const isSmallScreen = useIsSmallScreen();
+	const isAnimated = animationSpeed !== "none";
+	useTrackComponentVisibleEvent(SpiffyWidgets.SuggestionBar, componentVisibleTriggerRef, { animated: isAnimated });
+	const visibleButtonsFirstRow = buttonTexts.slice(0, twoRowsOnMobile && isSmallScreen ? Math.ceil((buttonTexts.length + 1) / 2) : void 0);
+	const visibleButtonsSecondRow = buttonTexts.slice(Math.ceil((buttonTexts.length + 1) / 2), buttonTexts.length);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "spiffy-tw-no-scrollbar spiffy-tw-w-full spiffy-tw-overflow-x-scroll spiffy-tw-whitespace-nowrap",
+		children: [/* @__PURE__ */ jsxs(ButtonContainer, { children: [visibleButtonsFirstRow.map((suggestion, i) => /* @__PURE__ */ jsx(SuggestionButton, {
+			variant: buttonVariation,
+			hoverVariant: hoverButtonVariation,
+			isDisabled: false,
+			content: suggestion,
+			boldText: boldFirstButton && i === 0,
+			borderRadius: buttonBorderRadius,
+			onClick: () => onButtonClick(suggestion),
+			dataTestId: SUGGESTION_BAR_BUTTON_TESTID
+		}, i)), isAnimated && buttonTexts.map((suggestion, i) => /* @__PURE__ */ jsx(SuggestionButton, {
+			variant: buttonVariation,
+			hoverVariant: hoverButtonVariation,
+			isDisabled: false,
+			content: suggestion,
+			boldText: boldFirstButton && i === 0,
+			borderRadius: buttonBorderRadius,
+			onClick: () => onButtonClick(suggestion),
+			dataTestId: SUGGESTION_BAR_BUTTON_TESTID
+		}, `animation-dupe-${i}`))] }), twoRowsOnMobile && isSmallScreen && /* @__PURE__ */ jsx("div", {
+			className: "spiffy-tw-mt-1.5",
+			children: /* @__PURE__ */ jsxs(ButtonContainer, { children: [visibleButtonsSecondRow.map((suggestion, i) => /* @__PURE__ */ jsx(SuggestionButton, {
+				variant: buttonVariation,
+				hoverVariant: hoverButtonVariation,
+				isDisabled: false,
+				content: suggestion,
+				boldText: boldFirstButton && i === 0,
+				borderRadius: buttonBorderRadius,
+				onClick: () => onButtonClick(suggestion),
+				dataTestId: SUGGESTION_BAR_BUTTON_TESTID
+			}, i)), isAnimated && visibleButtonsSecondRow.map((suggestion, i) => /* @__PURE__ */ jsx(SuggestionButton, {
+				variant: buttonVariation,
+				hoverVariant: hoverButtonVariation,
+				isDisabled: false,
+				content: suggestion,
+				boldText: boldFirstButton && i === 0,
+				borderRadius: buttonBorderRadius,
+				onClick: () => onButtonClick(suggestion),
+				dataTestId: SUGGESTION_BAR_BUTTON_TESTID
+			}, `animation-dupe-${i}`))] })
+		})]
+	});
+};
+
+//#endregion
+export { SuggestionButtonContainer };

package/dist/SuggestionButtonContainer/index.cjs

@@ -1,3 +1,3 @@
-const require_SuggestionButtonContainer = require('../SuggestionButtonContainer-BeWPpeQk.cjs');
+const require_SuggestionButtonContainer = require('./SuggestionButtonContainer.cjs');
 
 exports.SuggestionButtonContainer = require_SuggestionButtonContainer.SuggestionButtonContainer;

package/dist/SuggestionButtonContainer/index.d.cts

@@ -0,0 +1,3 @@
+import { SuggestionButtonContainerProps } from "./types.cjs";
+import { SuggestionButtonContainer } from "./SuggestionButtonContainer.cjs";
+export { SuggestionButtonContainer, SuggestionButtonContainerProps };

package/dist/SuggestionButtonContainer/index.d.ts

@@ -0,0 +1,3 @@
+import { SuggestionButtonContainerProps } from "./types.js";
+import { SuggestionButtonContainer } from "./SuggestionButtonContainer.js";
+export { SuggestionButtonContainer, SuggestionButtonContainerProps };

package/dist/SuggestionButtonContainer/index.js

@@ -1,3 +1,3 @@
-import { t as SuggestionButtonContainer } from "../SuggestionButtonContainer-CZhOkZaJ.js";
+import { SuggestionButtonContainer } from "./SuggestionButtonContainer.js";
 
 export { SuggestionButtonContainer };

package/dist/SuggestionButtonContainer/{index-B_X537jw.d.cts → types.d.cts}

@@ -14,7 +14,4 @@ interface SuggestionButtonContainerProps extends TestProps {
   buttonBorderRadius?: 'sm' | 'md' | 'lg';
 }
 //#endregion
-//#region src/SuggestionButtonContainer/SuggestionButtonContainer.d.ts
-declare const SuggestionButtonContainer: React.FC<SuggestionButtonContainerProps>;
-//#endregion
-export { SuggestionButtonContainer, SuggestionButtonContainerProps };
+export { SuggestionButtonContainerProps };

package/dist/SuggestionButtonContainer/{index-vwelzDzM.d.ts → types.d.ts}

@@ -14,7 +14,4 @@ interface SuggestionButtonContainerProps extends TestProps {
   buttonBorderRadius?: 'sm' | 'md' | 'lg';
 }
 //#endregion
-//#region src/SuggestionButtonContainer/SuggestionButtonContainer.d.ts
-declare const SuggestionButtonContainer: React.FC<SuggestionButtonContainerProps>;
-//#endregion
-export { SuggestionButtonContainer, SuggestionButtonContainerProps };
+export { SuggestionButtonContainerProps };

package/dist/_virtual/rolldown_runtime.cjs

@@ -0,0 +1,33 @@
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function() {
+	return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+exports.__commonJS = __commonJS;
+exports.__toESM = __toESM;