@envive-ai/react-widgets 0.1.2 → 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-BHAXhgcd.js → SuggestionBar/SuggestionBar.js}

@@ -1,69 +1,17 @@
-import { t as SuggestionButtonContainer } from "./SuggestionButtonContainer-s2e9YGW_.js";
+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 { 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 ../../node_modules/uuid/dist/stringify.js
-const byteToHex = [];
-for (let i = 0; i < 256; ++i) byteToHex.push((i + 256).toString(16).slice(1));
-function unsafeStringify(arr, offset = 0) {
-	return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
-}
-
-//#endregion
-//#region ../../node_modules/uuid/dist/rng.js
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
-function rng() {
-	if (!getRandomValues) {
-		if (typeof crypto === "undefined" || !crypto.getRandomValues) throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-		getRandomValues = crypto.getRandomValues.bind(crypto);
-	}
-	return getRandomValues(rnds8);
-}
-
-//#endregion
-//#region ../../node_modules/uuid/dist/native.js
-const randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-var native_default = { randomUUID };
-
-//#endregion
-//#region ../../node_modules/uuid/dist/v4.js
-function _v4(options, buf, offset) {
-	options = options || {};
-	const rnds = options.random ?? options.rng?.() ?? rng();
-	if (rnds.length < 16) throw new Error("Random bytes length must be >= 16");
-	rnds[6] = rnds[6] & 15 | 64;
-	rnds[8] = rnds[8] & 63 | 128;
-	if (buf) {
-		offset = offset || 0;
-		if (offset < 0 || offset + 16 > buf.length) throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);
-		for (let i = 0; i < 16; ++i) buf[offset + i] = rnds[i];
-		return buf;
-	}
-	return unsafeStringify(rnds);
-}
-function v4(options, buf, offset) {
-	if (native_default.randomUUID && !buf && !options) return native_default.randomUUID();
-	return _v4(options, buf, offset);
-}
-var v4_default = v4;
-
-//#endregion
-//#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
 //#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);
@@ -121,4 +69,4 @@ function SuggestionBar({ id, locationForMetrics, buttonTexts, buttonVariation, h
 }
 
 //#endregion
-export { SuggestionBarLocationForMetrics as n, SuggestionBar as t };
+export { SuggestionBar };

package/dist/SuggestionBar/index.cjs

@@ -1,5 +1,5 @@
-const require_SuggestionBar = require('../SuggestionBar-CK5aU2bb.cjs');
-require('../SuggestionButtonContainer-Dm38gJiJ.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-BHAXhgcd.js";
-import "../SuggestionButtonContainer-s2e9YGW_.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-s2e9YGW_.js → SuggestionButtonContainer/SuggestionButtonContainer.js}

@@ -1,105 +1,13 @@
-import { useEffect, useMemo, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useReducedMotionConfig } from "framer-motion";
+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 { SuggestionButton } from "@envive-ai/react-toolkit/SuggestionButton";
-
-//#region src/util/useReducedMotionWithOverride.ts
-const useReducedMotionWithOverride = () => {
-	const reducedMotionConfig = useReducedMotionConfig();
-	return useMemo(() => {
-		if (window?._spiffy?.reducedMotionOverride) return window?._spiffy?.reducedMotionOverride;
-		return reducedMotionConfig;
-	}, [reducedMotionConfig]);
-};
-
-//#endregion
-//#region src/util/useHorizontalScrollAnimation.ts
-function useHorizontalScrollAnimation({ scrollContainerRef, animationSpeed = "standard" }) {
-	const reducedMotion = useReducedMotionWithOverride();
-	const resumeTimeoutRef = useRef(null);
-	const scrollAnimationRef = useRef(null);
-	const pauseOnHover = true;
-	let PIXELS_PER_SECOND = 40;
-	switch (animationSpeed) {
-		case "standard":
-			PIXELS_PER_SECOND = 40;
-			break;
-		case "slow":
-			PIXELS_PER_SECOND = 25;
-			break;
-		case "none":
-			PIXELS_PER_SECOND = 0;
-			break;
-		default: PIXELS_PER_SECOND = 40;
-	}
-	const RESUME_DELAY_MS = 2e3;
-	const isAnimated = animationSpeed !== "none";
-	useEffect(() => {
-		if (!isAnimated || reducedMotion || !scrollContainerRef) return () => {};
-		const container = scrollContainerRef.current;
-		if (!container) return () => {};
-		if (container.scrollWidth <= container.clientWidth) return () => {};
-		let isPaused = false;
-		let lastTimestamp = null;
-		let accumulatedScroll = 0;
-		const step = (timestamp) => {
-			if (lastTimestamp === null) lastTimestamp = timestamp;
-			if (!isPaused) {
-				const delta = timestamp - lastTimestamp;
-				lastTimestamp = timestamp;
-				accumulatedScroll += PIXELS_PER_SECOND * (delta / 1e3);
-				const pixelsToScroll = Math.floor(accumulatedScroll);
-				if (pixelsToScroll > 0) {
-					container.scrollLeft += pixelsToScroll;
-					accumulatedScroll -= pixelsToScroll;
-					if (Math.ceil(container.scrollLeft) >= container.scrollWidth - container.clientWidth) {
-						container.scrollLeft = 0;
-						accumulatedScroll = 0;
-					}
-				}
-			}
-			scrollAnimationRef.current = requestAnimationFrame(step);
-		};
-		scrollAnimationRef.current = requestAnimationFrame(step);
-		const pauseAnimation = () => {
-			isPaused = true;
-			if (resumeTimeoutRef.current) {
-				clearTimeout(resumeTimeoutRef.current);
-				resumeTimeoutRef.current = null;
-			}
-		};
-		const scheduleResumeAnimation = () => {
-			resumeTimeoutRef.current = setTimeout(() => {
-				isPaused = false;
-				lastTimestamp = null;
-			}, RESUME_DELAY_MS);
-		};
-		container.addEventListener("mouseenter", pauseAnimation);
-		container.addEventListener("mouseleave", scheduleResumeAnimation);
-		container.addEventListener("touchstart", pauseAnimation);
-		container.addEventListener("touchend", scheduleResumeAnimation);
-		return function cleanup() {
-			if (scrollAnimationRef.current) cancelAnimationFrame(scrollAnimationRef.current);
-			container.removeEventListener("mouseenter", pauseAnimation);
-			container.removeEventListener("mouseleave", scheduleResumeAnimation);
-			container.removeEventListener("touchstart", pauseAnimation);
-			container.removeEventListener("touchend", scheduleResumeAnimation);
-			if (resumeTimeoutRef.current) clearTimeout(resumeTimeoutRef.current);
-		};
-	}, [
-		isAnimated,
-		reducedMotion,
-		PIXELS_PER_SECOND,
-		pauseOnHover,
-		scrollContainerRef
-	]);
-}
+import { jsx, jsxs } from "react/jsx-runtime";
 
-//#endregion
 //#region src/SuggestionButtonContainer/SuggestionButtonContainer.tsx
 function ButtonContainer({ children }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -164,4 +72,4 @@ const SuggestionButtonContainer = ({ buttonVariation, hoverButtonVariation, butt
 };
 
 //#endregion
-export { SuggestionButtonContainer as t };
+export { SuggestionButtonContainer };

package/dist/SuggestionButtonContainer/index.cjs

@@ -1,3 +1,3 @@
-const require_SuggestionButtonContainer = require('../SuggestionButtonContainer-Dm38gJiJ.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-s2e9YGW_.js";
+import { SuggestionButtonContainer } from "./SuggestionButtonContainer.js";
 
 export { SuggestionButtonContainer };