@envive-ai/react-toolkit 0.2.13 → 0.3.0

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-CrGSb18s.d.ts → SuggestionButton.d.cts}

@@ -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.cjs";
+import * as react_jsx_runtime19 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_runtime19.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-DfQRQGev.d.cts → SuggestionButton.d.ts}

@@ -1,14 +1,11 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
-import { TestProps } from "@envive-ai/react-hooks/types";
+import { SuggestionButtonVariant } from "./types.js";
+import * as react_jsx_runtime28 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_runtime14.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime28.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/SuggestionButton.js

@@ -0,0 +1,188 @@
+import { ButtonBase } from "../ButtonBase/ButtonBase.js";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+import OutlinedStar from "@envive-ai/react-icons/OutlinedStar";
+import FourPointStar from "@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__ */ jsx(OutlinedStar, {});
+	return /* @__PURE__ */ jsx(FourPointStar, {});
+};
+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 = classNames({
+		[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 = classNames({
+		"spiffy-tw-text-[14px]": true,
+		"spiffy-tw-leading-[100%]": true,
+		"!spiffy-tw-font-bold": boldText
+	});
+	const iconClass = classNames({
+		"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__ */ jsx(ButtonBase, {
+		text: content,
+		dataAttributes,
+		dataTestId,
+		isDisabled,
+		icon: /* @__PURE__ */ jsx(Icon, {
+			isAnswer,
+			variant
+		}),
+		iconClass: isAnswer ? void 0 : iconClass,
+		textClass: `${SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS} ${textClassName}`,
+		buttonClass,
+		onClick
+	});
+};
+
+//#endregion
+export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton };

package/dist/components/SuggestionButton/index.cjs

@@ -1,193 +1,6 @@
-const require_chunk = require('../../chunk-CbDLau6x.cjs');
-require('../../Typography-Csg-nd_w.cjs');
-const require_ButtonBase = require('../../ButtonBase-Bm_QOyM1.cjs');
-let classnames = require("classnames");
-classnames = require_chunk.__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_chunk.__toESM(__envive_ai_react_icons_OutlinedStar);
-let __envive_ai_react_icons_FourPointStar = require("@envive-ai/react-icons/FourPointStar");
-__envive_ai_react_icons_FourPointStar = require_chunk.__toESM(__envive_ai_react_icons_FourPointStar);
+const require_SuggestionButton = require('./SuggestionButton.cjs');
 
-//#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 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(" ")}`;
-	const getIcon = () => {
-		if (isAnswer) return void 0;
-		if (variant === "transparentDark") return __envive_ai_react_icons_OutlinedStar.default;
-		return __envive_ai_react_icons_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;
+exports.SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS = require_SuggestionButton.SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS;
+exports.SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = require_SuggestionButton.SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS;
+exports.SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS = require_SuggestionButton.SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS;
+exports.SuggestionButton = require_SuggestionButton.SuggestionButton;

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

@@ -0,0 +1,3 @@
+import { SuggestionButtonVariant } from "./types.cjs";
+import { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton } from "./SuggestionButton.cjs";
+export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };

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

@@ -0,0 +1,3 @@
+import { SuggestionButtonVariant } from "./types.js";
+import { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton } from "./SuggestionButton.js";
+export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };