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

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,192 +1,6 @@
-const require_chunk = require('../../chunk-CUT6urMc.cjs');
-require('../../Typography-Ds4gfOJz.cjs');
-require('../../jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
-const require_ButtonBase = require('../../ButtonBase-C44g6llb.cjs');
-const require_OutlinedStar = require('../../OutlinedStar-CC0V_jAK.cjs');
-const require_FourPointStar = require('../../FourPointStar-AQ9OSu0S.cjs');
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
+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 require_OutlinedStar.OutlinedStar_default;
-		return require_FourPointStar.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 };

package/dist/components/SuggestionButton/index.js

@@ -1,187 +1,3 @@
-import "../../Typography-xehJH05l.js";
-import "../../jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
-import { t as ButtonBase } from "../../ButtonBase-Cjo-fBg2.js";
-import { t as OutlinedStar_default } from "../../OutlinedStar-WWs3gRwt.js";
-import { t as FourPointStar_default } from "../../FourPointStar-3DqnYmfN.js";
-import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
+import { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton } from "./SuggestionButton.js";
 
-//#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 = 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(" ")}`;
-	const getIcon = () => {
-		if (isAnswer) return void 0;
-		if (variant === "transparentDark") return OutlinedStar_default;
-		return FourPointStar_default;
-	};
-	return /* @__PURE__ */ jsx(ButtonBase, {
-		text: content,
-		dataAttributes,
-		dataTestId,
-		isDisabled,
-		icon: getIcon(),
-		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/types.d.cts

@@ -0,0 +1,4 @@
+//#region src/components/SuggestionButton/types.d.ts
+type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkAccentContrast' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
+//#endregion
+export { SuggestionButtonVariant };

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

@@ -0,0 +1,4 @@
+//#region src/components/SuggestionButton/types.d.ts
+type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkAccentContrast' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
+//#endregion
+export { SuggestionButtonVariant };

package/dist/{TextInput-CaynCoDf.cjs → components/TextInput/TextInput.cjs}

@@ -1,14 +1,15 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Typography = require('./Typography-Ds4gfOJz.cjs');
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_typographyVariantClasses = require('../Typography/typographyVariantClasses.cjs');
+require('../Typography/index.cjs');
 let react = require("react");
-react = require_chunk.__toESM(react);
+react = require_rolldown_runtime.__toESM(react);
 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/TextInput/TextInput.tsx
 const TextInput = react.default.forwardRef(({ className, borderRadius, borderColorClass, placeholderVariant, ...rest }, ref) => {
-	const placeholderVariantClassNames = require_Typography.getVariantPlaceholderClassNames(placeholderVariant ? require_Typography.TypographyVariantMap[placeholderVariant] : {});
+	const placeholderVariantClassNames = require_typographyVariantClasses.getVariantPlaceholderClassNames(placeholderVariant ? require_typographyVariantClasses.TypographyVariantMap[placeholderVariant] : {});
 	const inputClasses = (0, classnames.default)([
 		{
 			"spiffy-text-input": true,
@@ -30,9 +31,4 @@ const TextInput = react.default.forwardRef(({ className, borderRadius, borderCol
 });
 
 //#endregion
-Object.defineProperty(exports, 'TextInput', {
-  enumerable: true,
-  get: function () {
-    return TextInput;
-  }
-});
+exports.TextInput = TextInput;

package/dist/components/TextInput/{index-DAhxej1K.d.ts → TextInput.d.cts}

@@ -1,5 +1,4 @@
-import { r as TypographyVariantMap } from "../../typographyVariantClasses-_oNpv-aN.js";
-import "../../index-DXGw5Z56.js";
+import { TypographyVariantMap } from "../Typography/typographyVariantClasses.cjs";
 import React from "react";
 
 //#region src/components/TextInput/TextInput.d.ts

package/dist/components/TextInput/{index-CRJMRe-b.d.cts → TextInput.d.ts}

@@ -1,5 +1,4 @@
-import { r as TypographyVariantMap } from "../../typographyVariantClasses-CoRhazCU.cjs";
-import "../../index-Bw6lDfEp.cjs";
+import { TypographyVariantMap } from "../Typography/typographyVariantClasses.js";
 import React from "react";
 
 //#region src/components/TextInput/TextInput.d.ts

package/dist/{TextInput-CsdOvLBQ.js → components/TextInput/TextInput.js}

@@ -1,4 +1,5 @@
-import { i as getVariantPlaceholderClassNames, r as TypographyVariantMap } from "./Typography-xehJH05l.js";
+import { TypographyVariantMap, getVariantPlaceholderClassNames } from "../Typography/typographyVariantClasses.js";
+import "../Typography/index.js";
 import React from "react";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
@@ -27,4 +28,4 @@ const TextInput = React.forwardRef(({ className, borderRadius, borderColorClass,
 });
 
 //#endregion
-export { TextInput as t };
+export { TextInput };

package/dist/components/TextInput/index.cjs

@@ -1,4 +1,3 @@
-require('../../Typography-Ds4gfOJz.cjs');
-const require_TextInput = require('../../TextInput-CaynCoDf.cjs');
+const require_TextInput = require('./TextInput.cjs');
 
 exports.TextInput = require_TextInput.TextInput;

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

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

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

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