@envive-ai/react-toolkit 0.1.1 → 0.1.2

package/dist/common/ProductCard/ProductCard.d.cts

@@ -0,0 +1,91 @@
+import { TestProps } from "../../types-TYhhwWZw.cjs";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant } from "../../types-aa4flfRE.cjs";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+
+//#region src/config/chatElementDisplayLocation.d.ts
+declare enum ChatElementDisplayLocation {
+  IN_CHAT = "in_chat",
+  CHAT_PREVIEW = "chat_preview",
+  FLOATING_BUTTON = "floating_button",
+  HELP_ME_CHOOSE = "help_me_choose",
+  PLP_IMAGE_BANNER = "plp_image_banner",
+  TOP_REVIEWS_SNIPPET = "top_reviews_snippet",
+  BOTTOM_REVIEWS_SNIPPET = "bottom_reviews_snippet",
+  BLOCK_BACK_BUTTON = "block_back_button",
+  SWITCH_TO_AGENT = "switch_to_agent",
+  CONVERSATIONAL_SEARCH = "conversational_search",
+  GLOBAL_SEARCH_ENTRYPOINT = "global_search_entrypoint",
+  SEARCH_NAV_ENTRYPOINT = "search_nav_entrypoint",
+  SEARCH_PROMPT = "search_prompt",
+  SEARCH_PROMPT_BUTTON = "search_prompt_button",
+  PRODUCT_GRID = "product_grid",
+  UNSPECIFIED = "unspecified",
+  FILTER_MODAL = "filter_modal",
+  PROMPT_CARD = "prompt_card",
+  WINDOW_API_CALL = "window_api_call",
+}
+//#endregion
+//#region src/components/common/ProductCard/ProductCard.d.ts
+interface RatingSummaryProps {
+  stars: number;
+  reviewCount: number;
+  className?: string;
+}
+declare const RatingSummary: ({
+  stars,
+  reviewCount,
+  className
+}: RatingSummaryProps) => react_jsx_runtime3.JSX.Element;
+interface PriceSectionProps {
+  originalPrice?: string;
+  salePrice?: string;
+  pricePrefix?: string;
+}
+declare const PriceSection: ({
+  originalPrice,
+  salePrice,
+  pricePrefix
+}: PriceSectionProps) => react_jsx_runtime3.JSX.Element;
+interface ProductCardProps extends TestProps {
+  productCardConfig?: ProductCardConfig;
+  merchantShortName: string;
+  title: string;
+  url?: string;
+  searchResponseId?: string;
+  productResponseId?: string;
+  cardDisplayLocation: ChatElementDisplayLocation.IN_CHAT | ChatElementDisplayLocation.PRODUCT_GRID;
+  imageUrl?: string;
+  originalPrice?: number;
+  averageRating?: number;
+  numberReviews?: number;
+  salePrice?: number;
+  variant?: ProductCardVariant;
+  hoverVariant?: ProductCardHoverVariant;
+  layoutVariant?: ProductCardLayoutVariant;
+  zoomOnHover?: boolean;
+  aspectRatio?: '3:4' | 'square' | 'none';
+  clickPosition?: number | null;
+  growWithContainer?: boolean;
+  handleClick: (clickedUrl: string) => void;
+}
+declare const ProductCard: ({
+  productCardConfig,
+  merchantShortName,
+  imageUrl,
+  title,
+  url,
+  originalPrice,
+  averageRating,
+  numberReviews,
+  salePrice,
+  variant,
+  hoverVariant,
+  dataTestId,
+  layoutVariant,
+  zoomOnHover,
+  aspectRatio,
+  growWithContainer,
+  handleClick
+}: ProductCardProps) => react_jsx_runtime3.JSX.Element;
+//#endregion
+export { PriceSection, ProductCard, RatingSummary };

package/dist/common/ProductCard/ProductCard.d.ts

@@ -0,0 +1,91 @@
+import { TestProps } from "../../types-Cph97xkm.js";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant } from "../../types-53zIialA.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/config/chatElementDisplayLocation.d.ts
+declare enum ChatElementDisplayLocation {
+  IN_CHAT = "in_chat",
+  CHAT_PREVIEW = "chat_preview",
+  FLOATING_BUTTON = "floating_button",
+  HELP_ME_CHOOSE = "help_me_choose",
+  PLP_IMAGE_BANNER = "plp_image_banner",
+  TOP_REVIEWS_SNIPPET = "top_reviews_snippet",
+  BOTTOM_REVIEWS_SNIPPET = "bottom_reviews_snippet",
+  BLOCK_BACK_BUTTON = "block_back_button",
+  SWITCH_TO_AGENT = "switch_to_agent",
+  CONVERSATIONAL_SEARCH = "conversational_search",
+  GLOBAL_SEARCH_ENTRYPOINT = "global_search_entrypoint",
+  SEARCH_NAV_ENTRYPOINT = "search_nav_entrypoint",
+  SEARCH_PROMPT = "search_prompt",
+  SEARCH_PROMPT_BUTTON = "search_prompt_button",
+  PRODUCT_GRID = "product_grid",
+  UNSPECIFIED = "unspecified",
+  FILTER_MODAL = "filter_modal",
+  PROMPT_CARD = "prompt_card",
+  WINDOW_API_CALL = "window_api_call",
+}
+//#endregion
+//#region src/components/common/ProductCard/ProductCard.d.ts
+interface RatingSummaryProps {
+  stars: number;
+  reviewCount: number;
+  className?: string;
+}
+declare const RatingSummary: ({
+  stars,
+  reviewCount,
+  className
+}: RatingSummaryProps) => react_jsx_runtime0.JSX.Element;
+interface PriceSectionProps {
+  originalPrice?: string;
+  salePrice?: string;
+  pricePrefix?: string;
+}
+declare const PriceSection: ({
+  originalPrice,
+  salePrice,
+  pricePrefix
+}: PriceSectionProps) => react_jsx_runtime0.JSX.Element;
+interface ProductCardProps extends TestProps {
+  productCardConfig?: ProductCardConfig;
+  merchantShortName: string;
+  title: string;
+  url?: string;
+  searchResponseId?: string;
+  productResponseId?: string;
+  cardDisplayLocation: ChatElementDisplayLocation.IN_CHAT | ChatElementDisplayLocation.PRODUCT_GRID;
+  imageUrl?: string;
+  originalPrice?: number;
+  averageRating?: number;
+  numberReviews?: number;
+  salePrice?: number;
+  variant?: ProductCardVariant;
+  hoverVariant?: ProductCardHoverVariant;
+  layoutVariant?: ProductCardLayoutVariant;
+  zoomOnHover?: boolean;
+  aspectRatio?: '3:4' | 'square' | 'none';
+  clickPosition?: number | null;
+  growWithContainer?: boolean;
+  handleClick: (clickedUrl: string) => void;
+}
+declare const ProductCard: ({
+  productCardConfig,
+  merchantShortName,
+  imageUrl,
+  title,
+  url,
+  originalPrice,
+  averageRating,
+  numberReviews,
+  salePrice,
+  variant,
+  hoverVariant,
+  dataTestId,
+  layoutVariant,
+  zoomOnHover,
+  aspectRatio,
+  growWithContainer,
+  handleClick
+}: ProductCardProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PriceSection, ProductCard, RatingSummary };

package/dist/common/ProductCard/ProductCard.js

@@ -0,0 +1,9 @@
+import "../../textVariantClasses-5t3OricK.js";
+import "../../Text-Bdv7F5-u.js";
+import "../../Headline-ro_Nigw5.js";
+import "../../ImageWithFallback-CfmkC58B.js";
+import "../../productCardVariants-C_QIZ-KF.js";
+import { PriceSection, ProductCard, RatingSummary } from "../../ProductCard-Btg8tHGc.js";
+import "../../Spinner-BZ-kTOpm.js";
+
+export { PriceSection, ProductCard, RatingSummary };

package/dist/common/ProductCard/ProductCardSkeleton.cjs

@@ -0,0 +1,4 @@
+require('../../productCardVariants-Dd-wrJKP.cjs');
+const require_ProductCardSkeleton = require('../../ProductCardSkeleton-BgvDlaty.cjs');
+
+exports.ProductCardSkeleton = require_ProductCardSkeleton.ProductCardSkeleton;

package/dist/common/ProductCard/ProductCardSkeleton.d.cts

@@ -0,0 +1,12 @@
+import { ProductCardLayoutVariant } from "../../types-aa4flfRE.cjs";
+import { FC } from "react";
+
+//#region src/components/common/ProductCard/ProductCardSkeleton.d.ts
+interface ProductCardSkeletonProps {
+  layoutVariant: ProductCardLayoutVariant;
+  aspectRatio?: '3:4' | 'square' | 'none';
+  growWithContainer?: boolean;
+}
+declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;
+//#endregion
+export { ProductCardSkeleton };

package/dist/common/ProductCard/ProductCardSkeleton.d.ts

@@ -0,0 +1,12 @@
+import { ProductCardLayoutVariant } from "../../types-53zIialA.js";
+import { FC } from "react";
+
+//#region src/components/common/ProductCard/ProductCardSkeleton.d.ts
+interface ProductCardSkeletonProps {
+  layoutVariant: ProductCardLayoutVariant;
+  aspectRatio?: '3:4' | 'square' | 'none';
+  growWithContainer?: boolean;
+}
+declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;
+//#endregion
+export { ProductCardSkeleton };

package/dist/common/ProductCard/ProductCardSkeleton.js

@@ -0,0 +1,4 @@
+import "../../productCardVariants-C_QIZ-KF.js";
+import { ProductCardSkeleton } from "../../ProductCardSkeleton-BPfp6IOp.js";
+
+export { ProductCardSkeleton };

package/dist/common/ProductGrid/ProductGrid.cjs

@@ -0,0 +1,11 @@
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+require('../../Text-C04c4Z93.cjs');
+require('../../Headline-L7w3BsBF.cjs');
+require('../../ImageWithFallback-P3AjyL2Y.cjs');
+require('../../productCardVariants-Dd-wrJKP.cjs');
+require('../../ProductCard-CS6DZAwO.cjs');
+require('../../Spinner-CfQ85Ajl.cjs');
+require('../../productGridVariants-DVzvjK9i.cjs');
+const require_ProductGrid = require('../../ProductGrid-B7QZfW-v.cjs');
+
+exports.ProductGrid = require_ProductGrid.ProductGrid;

package/dist/common/ProductGrid/ProductGrid.d.cts

@@ -0,0 +1,26 @@
+import { ProductCardConfig, ProductGridVariant, SearchResponseProduct } from "../../types-aa4flfRE.cjs";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/common/ProductGrid/ProductGrid.d.ts
+interface ProductGridProps {
+  productList: SearchResponseProduct[];
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  productCardConfig?: ProductCardConfig;
+  merchantShortName: string;
+  searchResponseId: string;
+  cardsGrowWithContainer?: boolean;
+  handleClick: (clickedUrl: string) => void;
+}
+declare const ProductGrid: ({
+  productList,
+  productGridVariant,
+  productGridClasses,
+  productCardConfig,
+  merchantShortName,
+  searchResponseId,
+  cardsGrowWithContainer,
+  handleClick
+}: ProductGridProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { ProductGrid };

package/dist/common/ProductGrid/ProductGrid.d.ts

@@ -0,0 +1,26 @@
+import { ProductCardConfig, ProductGridVariant, SearchResponseProduct } from "../../types-53zIialA.js";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/components/common/ProductGrid/ProductGrid.d.ts
+interface ProductGridProps {
+  productList: SearchResponseProduct[];
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  productCardConfig?: ProductCardConfig;
+  merchantShortName: string;
+  searchResponseId: string;
+  cardsGrowWithContainer?: boolean;
+  handleClick: (clickedUrl: string) => void;
+}
+declare const ProductGrid: ({
+  productList,
+  productGridVariant,
+  productGridClasses,
+  productCardConfig,
+  merchantShortName,
+  searchResponseId,
+  cardsGrowWithContainer,
+  handleClick
+}: ProductGridProps) => react_jsx_runtime13.JSX.Element;
+//#endregion
+export { ProductGrid };

package/dist/common/ProductGrid/ProductGrid.js

@@ -0,0 +1,11 @@
+import "../../textVariantClasses-5t3OricK.js";
+import "../../Text-Bdv7F5-u.js";
+import "../../Headline-ro_Nigw5.js";
+import "../../ImageWithFallback-CfmkC58B.js";
+import "../../productCardVariants-C_QIZ-KF.js";
+import "../../ProductCard-Btg8tHGc.js";
+import "../../Spinner-BZ-kTOpm.js";
+import "../../productGridVariants-CxCKx5Fq.js";
+import { ProductGrid } from "../../ProductGrid-DB_Uq5F-.js";
+
+export { ProductGrid };

package/dist/common/SparkleAnimation/SparkleAnimation.cjs

@@ -0,0 +1,3 @@
+const require_SparkleAnimation = require('../../SparkleAnimation-BpLwrEqM.cjs');
+
+exports.SparkleAnimation = require_SparkleAnimation.SparkleAnimation;

package/dist/common/SparkleAnimation/SparkleAnimation.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+
+//#region src/components/common/SparkleAnimation/SparkleAnimation.d.ts
+interface SparkleAnimationProps {
+  color: string;
+  className?: string;
+  animate?: boolean;
+}
+declare const SparkleAnimation: ({
+  color,
+  className,
+  animate
+}: SparkleAnimationProps) => react_jsx_runtime10.JSX.Element;
+//#endregion
+export { SparkleAnimation };

package/dist/common/SparkleAnimation/SparkleAnimation.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/components/common/SparkleAnimation/SparkleAnimation.d.ts
+interface SparkleAnimationProps {
+  color: string;
+  className?: string;
+  animate?: boolean;
+}
+declare const SparkleAnimation: ({
+  color,
+  className,
+  animate
+}: SparkleAnimationProps) => react_jsx_runtime7.JSX.Element;
+//#endregion
+export { SparkleAnimation };

package/dist/common/SparkleAnimation/SparkleAnimation.js

@@ -0,0 +1,3 @@
+import { SparkleAnimation } from "../../SparkleAnimation-CXs58sFd.js";
+
+export { SparkleAnimation };

package/dist/common/Spinner/Spinner.cjs

@@ -0,0 +1,3 @@
+const require_Spinner = require('../../Spinner-CfQ85Ajl.cjs');
+
+exports.Spinner = require_Spinner.Spinner;

package/dist/common/Spinner/Spinner.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/components/common/Spinner/Spinner.d.ts
+type SpinnerProps = {
+  className?: string;
+};
+declare const Spinner: ({
+  className
+}: SpinnerProps) => react_jsx_runtime12.JSX.Element;
+//#endregion
+export { Spinner };

package/dist/common/Spinner/Spinner.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+
+//#region src/components/common/Spinner/Spinner.d.ts
+type SpinnerProps = {
+  className?: string;
+};
+declare const Spinner: ({
+  className
+}: SpinnerProps) => react_jsx_runtime9.JSX.Element;
+//#endregion
+export { Spinner };

package/dist/common/Spinner/Spinner.js

@@ -0,0 +1,3 @@
+import { Spinner } from "../../Spinner-BZ-kTOpm.js";
+
+export { Spinner };

package/dist/common/SuggestionButton/SuggestionButton.cjs

@@ -0,0 +1,188 @@
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+const require_ButtonBase = require('../../ButtonBase-a8uj6c2f.cjs');
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+require('../../Text-C04c4Z93.cjs');
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+let __envive_ai_react_icons_src_FourPointStar = require("@envive-ai/react-icons/src/FourPointStar");
+__envive_ai_react_icons_src_FourPointStar = require_chunk.__toESM(__envive_ai_react_icons_src_FourPointStar);
+let __envive_ai_react_icons_src_OutlinedStar = require("@envive-ai/react-icons/src/OutlinedStar");
+__envive_ai_react_icons_src_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_src_OutlinedStar);
+
+//#region src/components/common/SuggestionButton/SuggestionButton.tsx
+const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = "spiffy-suggestion-button-question-class";
+const SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS = "spiffy-suggestion-button-answer-class";
+const SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS = "spiffy-suggestion-button-text-class";
+const BORDER_CLASS = "spiffy-tw-border";
+const TEXT_LINK_CLASSES = [
+	"spiffy-tw-text-[--spiffy-colors-text-link]",
+	"spiffy-tw-fill-[--spiffy-colors-text-link]",
+	"spiffy-tw-stroke-[--spiffy-colors-text-link]"
+];
+const TEXT_LIGHT_CLASSES = [
+	"spiffy-tw-text-[--spiffy-colors-text-light]",
+	"spiffy-tw-fill-[--spiffy-colors-text-light]",
+	"spiffy-tw-stroke-[--spiffy-colors-text-light]"
+];
+const TEXT_PRIMARY_CLASSES = [
+	"spiffy-tw-text-[--spiffy-colors-text-primary]",
+	"spiffy-tw-fill-[--spiffy-colors-text-primary]",
+	"spiffy-tw-stroke-[--spiffy-colors-text-primary]"
+];
+const ACCENT_PRIMARY_CLASSES = ["spiffy-tw-fill-[--spiffy-colors-accent-primary]", "spiffy-tw-stroke-[--spiffy-colors-accent-primary]"];
+const DARK_BACKGROUND_CLASSES = ["spiffy-tw-bg-[--spiffy-colors-background-dark]", "spiffy-tw-border-[--spiffy-colors-background-dark]"];
+const SECONDARY_DARK_BACKGROUND_CLASSES = ["spiffy-tw-bg-[--spiffy-colors-background-secondary-dark]", "spiffy-tw-border-[--spiffy-colors-background-secondary-dark]"];
+const variantClassMap = new Map([
+	["outlined", ["spiffy-tw-border-[--spiffy-colors-border-outline]", ...TEXT_LINK_CLASSES]],
+	["outlinedLight", [
+		"spiffy-tw-border-[--spiffy-colors-border-outline]",
+		"spiffy-tw-bg-[--spiffy-colors-background-light]",
+		...TEXT_LINK_CLASSES,
+		BORDER_CLASS
+	]],
+	["primary", [
+		"spiffy-tw-bg-[--spiffy-colors-background-primary]",
+		"spiffy-tw-border-[--spiffy-colors-background-primary]",
+		...TEXT_LIGHT_CLASSES,
+		BORDER_CLASS
+	]],
+	["secondary", [
+		"spiffy-tw-bg-[--spiffy-colors-background-secondary]",
+		"spiffy-tw-text-[--spiffy-colors-text-link]",
+		"spiffy-tw-border-[--spiffy-colors-background-secondary]",
+		...ACCENT_PRIMARY_CLASSES,
+		BORDER_CLASS
+	]],
+	["tertiary", [
+		"spiffy-tw-bg-[--spiffy-colors-background-tertiary]",
+		"spiffy-tw-border-[--spiffy-colors-background-tertiary]",
+		...TEXT_LINK_CLASSES,
+		BORDER_CLASS
+	]],
+	["dark", [
+		...DARK_BACKGROUND_CLASSES,
+		...TEXT_LIGHT_CLASSES,
+		BORDER_CLASS
+	]],
+	["darkPrimary", [
+		...DARK_BACKGROUND_CLASSES,
+		"spiffy-tw-text-[--spiffy-colors-text-light]",
+		...ACCENT_PRIMARY_CLASSES,
+		BORDER_CLASS
+	]],
+	["darkAccent", [
+		...DARK_BACKGROUND_CLASSES,
+		"spiffy-tw-text-[--spiffy-colors-text-light]",
+		"spiffy-tw-fill-[--spiffy-colors-text-accent]",
+		"spiffy-tw-stroke-[--spiffy-colors-text-accent]",
+		BORDER_CLASS
+	]],
+	["transparent", [
+		"spiffy-tw-bg-transparent",
+		"spiffy-tw-border-[--spiffy-colors-background-light]",
+		"spiffy-tw-text-[--spiffy-colors-text-light]",
+		"spiffy-tw-fill-transparent",
+		"spiffy-tw-stroke-[--spiffy-colors-text-light]",
+		BORDER_CLASS
+	]],
+	["transparentDark", [
+		"spiffy-tw-bg-transparent",
+		"spiffy-tw-border-[--spiffy-colors-border-light]",
+		"spiffy-tw-text-[--spiffy-colors-text-primary]",
+		"spiffy-tw-fill-transparent",
+		"spiffy-tw-stroke-[--spiffy-colors-text-primary]",
+		BORDER_CLASS
+	]],
+	["secondaryDark", [
+		...SECONDARY_DARK_BACKGROUND_CLASSES,
+		...TEXT_LINK_CLASSES,
+		BORDER_CLASS
+	]],
+	["secondaryAccent", [
+		...SECONDARY_DARK_BACKGROUND_CLASSES,
+		"spiffy-tw-text-[--spiffy-colors-text-link]",
+		...ACCENT_PRIMARY_CLASSES,
+		BORDER_CLASS
+	]],
+	["lightDark", [
+		"spiffy-tw-bg-[--spiffy-colors-background-light]",
+		"spiffy-tw-border-[--spiffy-colors-background-dark]",
+		...TEXT_PRIMARY_CLASSES,
+		BORDER_CLASS
+	]]
+]);
+const borderedVariants = [
+	"outlined",
+	"outlinedLight",
+	"primary",
+	"secondary",
+	"tertiary",
+	"dark",
+	"darkAccent",
+	"darkPrimary",
+	"transparent",
+	"transparentDark",
+	"secondaryDark",
+	"secondaryAccent",
+	"lightDark"
+];
+const hoverTransform = (variantClass) => variantClass?.map((className) => `hover:${className}`);
+const SuggestionButton = ({ variant, hoverVariant, isDisabled, content, boldText, borderRadius = "lg", isAnswer = false, dataAttributes, dataTestId, onClick }) => {
+	const buttonClassName = (0, classnames.default)({
+		[SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS]: !isAnswer,
+		[SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS]: isAnswer,
+		"!spiffy-tw-rounded-[20px]": borderRadius === "lg",
+		"!spiffy-tw-rounded-[8px]": borderRadius === "md",
+		"!spiffy-tw-rounded-[0px]": borderRadius === "sm",
+		"spiffy-tw-border-[1px]": borderedVariants.includes(variant),
+		"spiffy-tw-border-solid": borderedVariants.includes(variant)
+	});
+	const textClassName = (0, classnames.default)({
+		"spiffy-tw-text-[14px]": true,
+		"spiffy-tw-leading-[100%]": true,
+		"!spiffy-tw-font-bold": boldText
+	});
+	const iconClass = (0, classnames.default)({
+		"spiffy-tw-w-[11px]": true,
+		"spiffy-tw-h-[11px]": true,
+		"spiffy-tw-stroke-inherit": true,
+		"spiffy-tw-fill-inherit": true
+	});
+	const baseClasses = variantClassMap.get(variant) ?? [];
+	const hoverClasses = variantClassMap.get(hoverVariant) ?? [];
+	const baseBorderClasses = baseClasses.filter((cls) => cls.includes("border"));
+	const baseNonBorderClasses = baseClasses.filter((cls) => !cls.includes("border"));
+	const hoverBorderClasses = hoverClasses.filter((cls) => cls.includes("border"));
+	const hoverNonBorderClasses = hoverClasses.filter((cls) => !cls.includes("border"));
+	const variantClasses = [
+		...baseNonBorderClasses,
+		...hoverTransform(hoverNonBorderClasses),
+		...baseBorderClasses,
+		...hoverTransform(hoverBorderClasses)
+	];
+	const buttonClass = `${buttonClassName} ${variantClasses.join(" ")}`;
+	const getIcon = () => {
+		if (isAnswer) return void 0;
+		if (variant === "transparentDark") return __envive_ai_react_icons_src_OutlinedStar.default;
+		return __envive_ai_react_icons_src_FourPointStar.default;
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
+		text: content,
+		dataAttributes,
+		dataTestId,
+		isDisabled,
+		icon: getIcon(),
+		iconClass: isAnswer ? void 0 : iconClass,
+		textClass: `${SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS} ${textClassName}`,
+		buttonClass,
+		onClick
+	});
+};
+
+//#endregion
+exports.SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS = SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS;
+exports.SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS;
+exports.SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS = SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS;
+exports.SuggestionButton = SuggestionButton;

package/dist/common/SuggestionButton/SuggestionButton.d.cts

@@ -0,0 +1,35 @@
+import { TestProps } from "../../types-TYhhwWZw.cjs";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+
+//#region src/components/common/SuggestionButton/types.d.ts
+type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
+//#endregion
+//#region src/components/common/SuggestionButton/SuggestionButton.d.ts
+declare const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = "spiffy-suggestion-button-question-class";
+declare const SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS = "spiffy-suggestion-button-answer-class";
+declare const SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS = "spiffy-suggestion-button-text-class";
+interface SuggestionButtonProps extends TestProps {
+  variant: SuggestionButtonVariant;
+  hoverVariant: SuggestionButtonVariant;
+  isDisabled: boolean;
+  content: string;
+  boldText?: boolean;
+  borderRadius?: 'sm' | 'md' | 'lg';
+  isAnswer?: boolean;
+  dataAttributes?: Record<string, string>;
+  onClick: () => void;
+}
+declare const SuggestionButton: ({
+  variant,
+  hoverVariant,
+  isDisabled,
+  content,
+  boldText,
+  borderRadius,
+  isAnswer,
+  dataAttributes,
+  dataTestId,
+  onClick
+}: SuggestionButtonProps) => react_jsx_runtime14.JSX.Element;
+//#endregion
+export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton };

package/dist/common/SuggestionButton/SuggestionButton.d.ts

@@ -0,0 +1,35 @@
+import { TestProps } from "../../types-Cph97xkm.js";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+
+//#region src/components/common/SuggestionButton/types.d.ts
+type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
+//#endregion
+//#region src/components/common/SuggestionButton/SuggestionButton.d.ts
+declare const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = "spiffy-suggestion-button-question-class";
+declare const SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS = "spiffy-suggestion-button-answer-class";
+declare const SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS = "spiffy-suggestion-button-text-class";
+interface SuggestionButtonProps extends TestProps {
+  variant: SuggestionButtonVariant;
+  hoverVariant: SuggestionButtonVariant;
+  isDisabled: boolean;
+  content: string;
+  boldText?: boolean;
+  borderRadius?: 'sm' | 'md' | 'lg';
+  isAnswer?: boolean;
+  dataAttributes?: Record<string, string>;
+  onClick: () => void;
+}
+declare const SuggestionButton: ({
+  variant,
+  hoverVariant,
+  isDisabled,
+  content,
+  boldText,
+  borderRadius,
+  isAnswer,
+  dataAttributes,
+  dataTestId,
+  onClick
+}: SuggestionButtonProps) => react_jsx_runtime14.JSX.Element;
+//#endregion
+export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton };