@envive-ai/react-toolkit 0.2.13-arthur-1 → 0.2.14

package/dist/components/SparkleAnimation/SparkleAnimation.cjs

@@ -0,0 +1,78 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_types = require('./types.cjs');
+let react = require("react");
+let framer_motion = require("framer-motion");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_icons_FourPointStar = require("@envive-ai/react-icons/FourPointStar");
+__envive_ai_react_icons_FourPointStar = require_rolldown_runtime.__toESM(__envive_ai_react_icons_FourPointStar);
+
+//#region src/components/SparkleAnimation/SparkleAnimation.tsx
+const ANIMATION_CYCLE_TIME = 1e3;
+const STAR_DELAY_OFFSET = 250;
+const SparkleAnimation = ({ color, className, animate = true }) => {
+	const [mainStarScale, setMainStarScale] = (0, react.useState)(animate ? 0 : 1);
+	const [smallStar1Scale, setSmallStar1Scale] = (0, react.useState)(animate ? 0 : 1);
+	const [smallStar2Scale, setSmallStar2Scale] = (0, react.useState)(animate ? 0 : 1);
+	const containerClasses = (0, classnames.default)(require_types.SparkleAnimationOverride.CONTAINER, "spiffy-tw-w-6 spiffy-tw-h-6 spiffy-tw-relative", className);
+	(0, react.useEffect)(() => {
+		if (!animate) {
+			setMainStarScale(1);
+			setSmallStar1Scale(1);
+			setSmallStar2Scale(1);
+		}
+	}, [animate]);
+	(0, react.useEffect)(() => {
+		if (!animate) return;
+		const newScale = mainStarScale === 1 ? 0 : 1;
+		setTimeout(() => setMainStarScale(newScale), ANIMATION_CYCLE_TIME);
+		setTimeout(() => setSmallStar1Scale(newScale), ANIMATION_CYCLE_TIME + STAR_DELAY_OFFSET);
+		setTimeout(() => setSmallStar2Scale(newScale), ANIMATION_CYCLE_TIME + 2 * STAR_DELAY_OFFSET);
+	}, [mainStarScale, animate]);
+	const starTransition = {
+		duration: .3,
+		ease: "easeOut"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: containerClasses,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, classnames.default)(require_types.SparkleAnimationOverride.STAR_ONE_CONTAINER, "spiffy-tw-left-0 spiffy-tw-absolute -spiffy-tw-top-[2px]"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+					animate: { scale: mainStarScale },
+					transition: starTransition,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_FourPointStar.default, {
+						fill: color,
+						className: "spiffy-tw-inline-block spiffy-tw-h-4 spiffy-tw-w-4"
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, classnames.default)(require_types.SparkleAnimationOverride.STAR_TWO_CONTAINER, "spiffy-tw-absolute -spiffy-tw-top-[7px] spiffy-tw-left-[10px]"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+					animate: { scale: smallStar1Scale },
+					transition: starTransition,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_FourPointStar.default, {
+						fill: color,
+						className: "spiffy-tw-inline-block spiffy-tw-h-2 spiffy-tw-w-2"
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, classnames.default)(require_types.SparkleAnimationOverride.STAR_THREE_CONTAINER, "spiffy-tw-absolute spiffy-tw-left-[12px] spiffy-tw-top-[1px]"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+					animate: { scale: smallStar2Scale },
+					transition: starTransition,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_FourPointStar.default, {
+						fill: color,
+						className: "spiffy-tw-inline-block spiffy-tw-h-2 spiffy-tw-w-2"
+					})
+				})
+			})
+		]
+	});
+};
+
+//#endregion
+exports.SparkleAnimation = SparkleAnimation;

package/dist/components/SparkleAnimation/SparkleAnimation.d.cts

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

package/dist/components/SparkleAnimation/SparkleAnimation.d.ts

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

package/dist/{SparkleAnimation-szzXiTam.js → components/SparkleAnimation/SparkleAnimation.js}

@@ -1,19 +1,10 @@
-import { t as FourPointStar_default } from "./FourPointStar-3DqnYmfN.js";
+import { SparkleAnimationOverride } from "./types.js";
 import { useEffect, useState } from "react";
 import { motion } from "framer-motion";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
+import FourPointStar from "@envive-ai/react-icons/FourPointStar";
 
-//#region src/components/SparkleAnimation/types.ts
-let SparkleAnimationOverride = /* @__PURE__ */ function(SparkleAnimationOverride$1) {
-	SparkleAnimationOverride$1["CONTAINER"] = "spiffy-sparkle-animation-container";
-	SparkleAnimationOverride$1["STAR_ONE_CONTAINER"] = "spiffy-sparkle-animation-star-one-container";
-	SparkleAnimationOverride$1["STAR_TWO_CONTAINER"] = "spiffy-sparkle-animation-star-two-container";
-	SparkleAnimationOverride$1["STAR_THREE_CONTAINER"] = "spiffy-sparkle-animation-star-three-container";
-	return SparkleAnimationOverride$1;
-}({});
-
-//#endregion
 //#region src/components/SparkleAnimation/SparkleAnimation.tsx
 const ANIMATION_CYCLE_TIME = 1e3;
 const STAR_DELAY_OFFSET = 250;
@@ -44,13 +35,13 @@ const SparkleAnimation = ({ color, className, animate = true }) => {
 		className: containerClasses,
 		children: [
 			/* @__PURE__ */ jsx("div", {
-				className: classNames(SparkleAnimationOverride.STAR_ONE_CONTAINER, "spiffy-tw-absolute -spiffy-tw-top-[2px] spiffy-tw-left-0"),
+				className: classNames(SparkleAnimationOverride.STAR_ONE_CONTAINER, "spiffy-tw-left-0 spiffy-tw-absolute -spiffy-tw-top-[2px]"),
 				children: /* @__PURE__ */ jsx(motion.div, {
 					animate: { scale: mainStarScale },
 					transition: starTransition,
-					children: /* @__PURE__ */ jsx(FourPointStar_default, {
+					children: /* @__PURE__ */ jsx(FourPointStar, {
 						fill: color,
-						className: "spiffy-tw-w-4 spiffy-tw-h-4 spiffy-tw-inline-block"
+						className: "spiffy-tw-inline-block spiffy-tw-h-4 spiffy-tw-w-4"
 					})
 				})
 			}),
@@ -59,20 +50,20 @@ const SparkleAnimation = ({ color, className, animate = true }) => {
 				children: /* @__PURE__ */ jsx(motion.div, {
 					animate: { scale: smallStar1Scale },
 					transition: starTransition,
-					children: /* @__PURE__ */ jsx(FourPointStar_default, {
+					children: /* @__PURE__ */ jsx(FourPointStar, {
 						fill: color,
-						className: "spiffy-tw-w-2 spiffy-tw-h-2 spiffy-tw-inline-block"
+						className: "spiffy-tw-inline-block spiffy-tw-h-2 spiffy-tw-w-2"
 					})
 				})
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: classNames(SparkleAnimationOverride.STAR_THREE_CONTAINER, "spiffy-tw-absolute spiffy-tw-top-[1px] spiffy-tw-left-[12px]"),
+				className: classNames(SparkleAnimationOverride.STAR_THREE_CONTAINER, "spiffy-tw-absolute spiffy-tw-left-[12px] spiffy-tw-top-[1px]"),
 				children: /* @__PURE__ */ jsx(motion.div, {
 					animate: { scale: smallStar2Scale },
 					transition: starTransition,
-					children: /* @__PURE__ */ jsx(FourPointStar_default, {
+					children: /* @__PURE__ */ jsx(FourPointStar, {
 						fill: color,
-						className: "spiffy-tw-w-2 spiffy-tw-h-2 spiffy-tw-inline-block"
+						className: "spiffy-tw-inline-block spiffy-tw-h-2 spiffy-tw-w-2"
 					})
 				})
 			})
@@ -81,4 +72,4 @@ const SparkleAnimation = ({ color, className, animate = true }) => {
 };
 
 //#endregion
-export { SparkleAnimationOverride as n, SparkleAnimation as t };
+export { SparkleAnimation };

package/dist/components/SparkleAnimation/index.cjs

@@ -1,6 +1,5 @@
-require('../../jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
-require('../../FourPointStar-AQ9OSu0S.cjs');
-const require_SparkleAnimation = require('../../SparkleAnimation-BikAiAmb.cjs');
+const require_types = require('./types.cjs');
+const require_SparkleAnimation = require('./SparkleAnimation.cjs');
 
 exports.SparkleAnimation = require_SparkleAnimation.SparkleAnimation;
-exports.SparkleAnimationOverride = require_SparkleAnimation.SparkleAnimationOverride;
+exports.SparkleAnimationOverride = require_types.SparkleAnimationOverride;

package/dist/components/SparkleAnimation/index.d.cts

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

package/dist/components/SparkleAnimation/index.d.ts

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

package/dist/components/SparkleAnimation/index.js

@@ -1,5 +1,4 @@
-import "../../jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
-import "../../FourPointStar-3DqnYmfN.js";
-import { n as SparkleAnimationOverride, t as SparkleAnimation } from "../../SparkleAnimation-szzXiTam.js";
+import { SparkleAnimationOverride } from "./types.js";
+import { SparkleAnimation } from "./SparkleAnimation.js";
 
 export { SparkleAnimation, SparkleAnimationOverride };

package/dist/components/SparkleAnimation/types.cjs

@@ -0,0 +1,12 @@
+
+//#region src/components/SparkleAnimation/types.ts
+let SparkleAnimationOverride = /* @__PURE__ */ function(SparkleAnimationOverride$1) {
+	SparkleAnimationOverride$1["CONTAINER"] = "spiffy-sparkle-animation-container";
+	SparkleAnimationOverride$1["STAR_ONE_CONTAINER"] = "spiffy-sparkle-animation-star-one-container";
+	SparkleAnimationOverride$1["STAR_TWO_CONTAINER"] = "spiffy-sparkle-animation-star-two-container";
+	SparkleAnimationOverride$1["STAR_THREE_CONTAINER"] = "spiffy-sparkle-animation-star-three-container";
+	return SparkleAnimationOverride$1;
+}({});
+
+//#endregion
+exports.SparkleAnimationOverride = SparkleAnimationOverride;

package/dist/components/SparkleAnimation/types.d.cts

@@ -0,0 +1,9 @@
+//#region src/components/SparkleAnimation/types.d.ts
+declare enum SparkleAnimationOverride {
+  CONTAINER = "spiffy-sparkle-animation-container",
+  STAR_ONE_CONTAINER = "spiffy-sparkle-animation-star-one-container",
+  STAR_TWO_CONTAINER = "spiffy-sparkle-animation-star-two-container",
+  STAR_THREE_CONTAINER = "spiffy-sparkle-animation-star-three-container",
+}
+//#endregion
+export { SparkleAnimationOverride };

package/dist/components/SparkleAnimation/types.d.ts

@@ -0,0 +1,9 @@
+//#region src/components/SparkleAnimation/types.d.ts
+declare enum SparkleAnimationOverride {
+  CONTAINER = "spiffy-sparkle-animation-container",
+  STAR_ONE_CONTAINER = "spiffy-sparkle-animation-star-one-container",
+  STAR_TWO_CONTAINER = "spiffy-sparkle-animation-star-two-container",
+  STAR_THREE_CONTAINER = "spiffy-sparkle-animation-star-three-container",
+}
+//#endregion
+export { SparkleAnimationOverride };

package/dist/components/SparkleAnimation/types.js

@@ -0,0 +1,11 @@
+//#region src/components/SparkleAnimation/types.ts
+let SparkleAnimationOverride = /* @__PURE__ */ function(SparkleAnimationOverride$1) {
+	SparkleAnimationOverride$1["CONTAINER"] = "spiffy-sparkle-animation-container";
+	SparkleAnimationOverride$1["STAR_ONE_CONTAINER"] = "spiffy-sparkle-animation-star-one-container";
+	SparkleAnimationOverride$1["STAR_TWO_CONTAINER"] = "spiffy-sparkle-animation-star-two-container";
+	SparkleAnimationOverride$1["STAR_THREE_CONTAINER"] = "spiffy-sparkle-animation-star-three-container";
+	return SparkleAnimationOverride$1;
+}({});
+
+//#endregion
+export { SparkleAnimationOverride };

package/dist/{Spinner-7HblFCja.cjs → components/Spinner/Spinner.cjs}

@@ -1,6 +1,6 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
+classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Spinner/Spinner.tsx
@@ -37,9 +37,4 @@ const Spinner = ({ className }) => {
 };
 
 //#endregion
-Object.defineProperty(exports, 'Spinner', {
-  enumerable: true,
-  get: function () {
-    return Spinner;
-  }
-});
+exports.Spinner = Spinner;

package/dist/components/Spinner/{index-TKsPifGM.d.ts → Spinner.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/components/Spinner/Spinner.d.ts
 type SpinnerProps = {
@@ -6,6 +6,6 @@ type SpinnerProps = {
 };
 declare const Spinner: ({
   className
-}: SpinnerProps) => react_jsx_runtime23.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { Spinner };

package/dist/components/Spinner/{index-DrYhRG9D.d.cts → Spinner.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/Spinner/Spinner.d.ts
 type SpinnerProps = {
@@ -6,6 +6,6 @@ type SpinnerProps = {
 };
 declare const Spinner: ({
   className
-}: SpinnerProps) => react_jsx_runtime19.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Spinner };

package/dist/{Spinner-OFbXMms8.js → components/Spinner/Spinner.js}

@@ -35,4 +35,4 @@ const Spinner = ({ className }) => {
 };
 
 //#endregion
-export { Spinner as t };
+export { Spinner };

package/dist/components/Spinner/index.cjs

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

package/dist/components/Spinner/index.d.cts

@@ -0,0 +1,2 @@
+import { Spinner } from "./Spinner.cjs";
+export { Spinner };

package/dist/components/Spinner/index.d.ts

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

package/dist/components/Spinner/index.js

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

package/dist/components/SuggestionButton/SuggestionButton.cjs

@@ -0,0 +1,195 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ButtonBase = require('../ButtonBase/ButtonBase.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_icons_OutlinedStar = require("@envive-ai/react-icons/OutlinedStar");
+__envive_ai_react_icons_OutlinedStar = require_rolldown_runtime.__toESM(__envive_ai_react_icons_OutlinedStar);
+let __envive_ai_react_icons_FourPointStar = require("@envive-ai/react-icons/FourPointStar");
+__envive_ai_react_icons_FourPointStar = require_rolldown_runtime.__toESM(__envive_ai_react_icons_FourPointStar);
+
+//#region src/components/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
+	]],
+	["darkAccentContrast", [
+		...DARK_BACKGROUND_CLASSES,
+		"spiffy-tw-text-[--spiffy-colors-text-light]",
+		"spiffy-tw-fill-[--spiffy-colors-accent-primary]",
+		"spiffy-tw-stroke-[--spiffy-colors-accent-primary]",
+		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 Icon = ({ isAnswer, variant }) => {
+	if (isAnswer) return void 0;
+	if (variant === "transparentDark") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_OutlinedStar.default, {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_FourPointStar.default, {});
+};
+const borderedVariants = [
+	"outlined",
+	"outlinedLight",
+	"primary",
+	"secondary",
+	"tertiary",
+	"dark",
+	"darkAccent",
+	"darkAccentContrast",
+	"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 buttonClass = `${buttonClassName} ${[
+		...baseNonBorderClasses,
+		...hoverTransform(hoverNonBorderClasses),
+		...baseBorderClasses,
+		...hoverTransform(hoverBorderClasses)
+	].join(" ")}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
+		text: content,
+		dataAttributes,
+		dataTestId,
+		isDisabled,
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+			isAnswer,
+			variant
+		}),
+		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/components/SuggestionButton/{index-BioM3QHW.d.ts → SuggestionButton.d.cts}

@@ -1,14 +1,11 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
-import { TestProps } from "@envive-ai/react-hooks/types";
+import { SuggestionButtonVariant } from "./types.cjs";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
-//#region src/components/SuggestionButton/types.d.ts
-type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkAccentContrast' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
-//#endregion
 //#region src/components/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 {
+interface SuggestionButtonProps {
   variant: SuggestionButtonVariant;
   hoverVariant: SuggestionButtonVariant;
   isDisabled: boolean;
@@ -18,6 +15,7 @@ interface SuggestionButtonProps extends TestProps {
   isAnswer?: boolean;
   dataAttributes?: Record<string, string>;
   onClick: () => void;
+  dataTestId?: string;
 }
 declare const SuggestionButton: ({
   variant,
@@ -30,6 +28,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime2.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
-export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };
+export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton };

package/dist/components/SuggestionButton/{index-CjV6Ar4Y.d.cts → SuggestionButton.d.ts}

@@ -1,14 +1,11 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
-import { TestProps } from "@envive-ai/react-hooks/types";
+import { SuggestionButtonVariant } from "./types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/SuggestionButton/types.d.ts
-type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkAccentContrast' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
-//#endregion
 //#region src/components/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 {
+interface SuggestionButtonProps {
   variant: SuggestionButtonVariant;
   hoverVariant: SuggestionButtonVariant;
   isDisabled: boolean;
@@ -18,6 +15,7 @@ interface SuggestionButtonProps extends TestProps {
   isAnswer?: boolean;
   dataAttributes?: Record<string, string>;
   onClick: () => void;
+  dataTestId?: string;
 }
 declare const SuggestionButton: ({
   variant,
@@ -30,6 +28,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime13.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };
+export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton };