@envive-ai/react-toolkit 0.3.65 → 0.3.67

package/dist/components/SearchInputForm/SearchInputForm.d.cts

@@ -1,5 +1,5 @@
 import { SearchInputVariant } from "../../atoms/search/types.cjs";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/SearchInputForm.d.ts
 interface SearchInputFormProps {
@@ -33,6 +33,6 @@ declare const SearchInputForm: ({
   onSearchInputFocus,
   onSearchInputBlur,
   searchInputRef
-}: SearchInputFormProps) => react_jsx_runtime11.JSX.Element;
+}: SearchInputFormProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { SearchInputForm };

package/dist/components/SearchInputForm/SearchInputForm.d.ts

@@ -1,5 +1,5 @@
 import { SearchInputVariant } from "../../atoms/search/types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/SearchInputForm.d.ts
 interface SearchInputFormProps {
@@ -33,6 +33,6 @@ declare const SearchInputForm: ({
   onSearchInputFocus,
   onSearchInputBlur,
   searchInputRef
-}: SearchInputFormProps) => react_jsx_runtime3.JSX.Element;
+}: SearchInputFormProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SearchInputForm };

package/dist/components/SearchResultsContent/SearchResultsContent.d.cts

@@ -1,6 +1,6 @@
 import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../ProductCard/types.cjs";
 import { SearchFilterSidebarVariant } from "../SearchResultsFilterSidebar/types.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
@@ -52,6 +52,6 @@ declare const SearchResultsContent: ({
   searchResultsRef,
   toolbarHeight,
   query
-}: SearchResultsContentProps) => react_jsx_runtime0.JSX.Element;
+}: SearchResultsContentProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { SearchResultsContent };

package/dist/components/SearchResultsContent/SearchResultsContent.d.ts

@@ -1,6 +1,6 @@
 import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../ProductCard/types.js";
 import { SearchFilterSidebarVariant } from "../SearchResultsFilterSidebar/types.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
@@ -52,6 +52,6 @@ declare const SearchResultsContent: ({
   searchResultsRef,
   toolbarHeight,
   query
-}: SearchResultsContentProps) => react_jsx_runtime6.JSX.Element;
+}: SearchResultsContentProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { SearchResultsContent };

package/dist/components/SearchResultsFilterButton/SearchResultsFilterButton.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/SearchResultsFilterButton/SearchResultsFilterButton.d.ts
 type SearchResultsFilterButtonProps = {
@@ -8,6 +8,6 @@ type SearchResultsFilterButtonProps = {
 declare const SearchResultsFilterButton: ({
   setIsOpen,
   filterButtonText
-}: SearchResultsFilterButtonProps) => react_jsx_runtime1.JSX.Element;
+}: SearchResultsFilterButtonProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { SearchResultsFilterButton, SearchResultsFilterButtonProps };

package/dist/components/SearchResultsFilterButton/SearchResultsFilterButton.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/SearchResultsFilterButton/SearchResultsFilterButton.d.ts
 type SearchResultsFilterButtonProps = {
@@ -8,6 +8,6 @@ type SearchResultsFilterButtonProps = {
 declare const SearchResultsFilterButton: ({
   setIsOpen,
   filterButtonText
-}: SearchResultsFilterButtonProps) => react_jsx_runtime11.JSX.Element;
+}: SearchResultsFilterButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SearchResultsFilterButton, SearchResultsFilterButtonProps };

package/dist/components/SearchResultsFilterModal/SearchResultsFilterModal.d.cts

@@ -1,5 +1,5 @@
 import { SearchFilterSidebarVariant } from "../SearchResultsFilterSidebar/types.cjs";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { SearchFilterDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SearchResultsFilterModal/SearchResultsFilterModal.d.ts
@@ -22,6 +22,6 @@ declare const SearchResultsFilterModal: ({
   onSelectFilterItem,
   onClearAllFilters,
   filterButtonText
-}: SearchResultsFilterModalProps) => react_jsx_runtime2.JSX.Element;
+}: SearchResultsFilterModalProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SearchResultsFilterModal, SearchResultsFilterModalProps };

package/dist/components/SearchResultsFilterModal/SearchResultsFilterModal.d.ts

@@ -1,5 +1,5 @@
 import { SearchFilterSidebarVariant } from "../SearchResultsFilterSidebar/types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import { SearchFilterDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SearchResultsFilterModal/SearchResultsFilterModal.d.ts
@@ -22,6 +22,6 @@ declare const SearchResultsFilterModal: ({
   onSelectFilterItem,
   onClearAllFilters,
   filterButtonText
-}: SearchResultsFilterModalProps) => react_jsx_runtime0.JSX.Element;
+}: SearchResultsFilterModalProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { SearchResultsFilterModal, SearchResultsFilterModalProps };

package/dist/components/SearchResultsFilterSidebar/SearchResultsFilter.d.cts

@@ -1,5 +1,5 @@
 import { SearchFilterSidebarVariant } from "./types.cjs";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { SearchFilterDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.d.ts
@@ -22,6 +22,6 @@ declare const SearchResultsFilter: ({
   onSelectFilterItem,
   onClearAllFilters,
   filterButtonText
-}: SearchResultsFilterProps) => react_jsx_runtime3.JSX.Element;
+}: SearchResultsFilterProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { SearchResultsFilter, SearchResultsFilterProps };

package/dist/components/SearchResultsFilterSidebar/SearchResultsFilter.d.ts

@@ -1,5 +1,5 @@
 import { SearchFilterSidebarVariant } from "./types.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { SearchFilterDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.d.ts
@@ -22,6 +22,6 @@ declare const SearchResultsFilter: ({
   onSelectFilterItem,
   onClearAllFilters,
   filterButtonText
-}: SearchResultsFilterProps) => react_jsx_runtime17.JSX.Element;
+}: SearchResultsFilterProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { SearchResultsFilter, SearchResultsFilterProps };

package/dist/components/SearchResultsStates/NoSearchResultsFound.d.cts

@@ -1,5 +1,5 @@
 import { ProductGridVariant } from "../ProductCard/types.cjs";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/SearchResultsStates/NoSearchResultsFound.d.ts
@@ -20,6 +20,6 @@ declare const NoSearchResultsFound: ({
   searchText,
   merchantShortName,
   productGridVariant
-}: NoSearchResultsFoundProps) => react_jsx_runtime8.JSX.Element;
+}: NoSearchResultsFoundProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { NoSearchResultsFound };

package/dist/components/SearchResultsStates/NoSearchResultsFound.d.ts

@@ -1,5 +1,5 @@
 import { ProductGridVariant } from "../ProductCard/types.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/SearchResultsStates/NoSearchResultsFound.d.ts
@@ -20,6 +20,6 @@ declare const NoSearchResultsFound: ({
   searchText,
   merchantShortName,
   productGridVariant
-}: NoSearchResultsFoundProps) => react_jsx_runtime7.JSX.Element;
+}: NoSearchResultsFoundProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { NoSearchResultsFound };

package/dist/components/SearchResultsStates/SearchResultsGrid.d.cts

@@ -1,6 +1,6 @@
 import { ProductCardConfig, ProductGridVariant } from "../ProductCard/types.cjs";
 import { SearchFilterSidebarVariant } from "../SearchResultsFilterSidebar/types.cjs";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
@@ -41,6 +41,6 @@ declare const SearchResultsGrid: ({
   onRemoveFilter,
   onToggleDynamicFilter,
   onProductClick
-}: SearchResultsGridProps) => react_jsx_runtime9.JSX.Element;
+}: SearchResultsGridProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { SearchResultsGrid };

package/dist/components/SearchResultsStates/SearchResultsGrid.d.ts

@@ -1,6 +1,6 @@
 import { ProductCardConfig, ProductGridVariant } from "../ProductCard/types.js";
 import { SearchFilterSidebarVariant } from "../SearchResultsFilterSidebar/types.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
@@ -41,6 +41,6 @@ declare const SearchResultsGrid: ({
   onRemoveFilter,
   onToggleDynamicFilter,
   onProductClick
-}: SearchResultsGridProps) => react_jsx_runtime9.JSX.Element;
+}: SearchResultsGridProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { SearchResultsGrid };

package/dist/components/SearchResultsStates/SearchResultsLoadingGrid.cjs

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_Typography = require('../Typography/Typography.cjs');
 require('../Typography/index.cjs');
-const require_productGridVariants = require('../ProductGrid/productGridVariants.cjs');
 const require_ProductCardSkeleton = require('../ProductCard/ProductCardSkeleton.cjs');
 require('../ProductCard/index.cjs');
+const require_productGridVariants = require('../ProductGrid/productGridVariants.cjs');
 require('../ProductGrid/index.cjs');
 const require_SparkleAnimation = require('../SparkleAnimation/SparkleAnimation.cjs');
 require('../SparkleAnimation/index.cjs');

package/dist/components/SearchResultsStates/SearchResultsLoadingGrid.d.cts

@@ -1,5 +1,5 @@
 import { ProductGridVariant } from "../ProductCard/types.cjs";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
 declare const SearchResultsLoadingGrid: ({
@@ -10,6 +10,6 @@ declare const SearchResultsLoadingGrid: ({
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
   sparkleIconColor?: string;
-}) => react_jsx_runtime10.JSX.Element;
+}) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { SearchResultsLoadingGrid };

package/dist/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts

@@ -1,5 +1,5 @@
 import { ProductGridVariant } from "../ProductCard/types.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
 declare const SearchResultsLoadingGrid: ({
@@ -10,6 +10,6 @@ declare const SearchResultsLoadingGrid: ({
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
   sparkleIconColor?: string;
-}) => react_jsx_runtime8.JSX.Element;
+}) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { SearchResultsLoadingGrid };

package/dist/components/SearchResultsStates/SearchResultsLoadingGrid.js

@@ -1,8 +1,8 @@
 import { Typography } from "../Typography/Typography.js";
 import "../Typography/index.js";
-import { productGridVariantClasses } from "../ProductGrid/productGridVariants.js";
 import { ProductCardSkeleton } from "../ProductCard/ProductCardSkeleton.js";
 import "../ProductCard/index.js";
+import { productGridVariantClasses } from "../ProductGrid/productGridVariants.js";
 import "../ProductGrid/index.js";
 import { SparkleAnimation } from "../SparkleAnimation/SparkleAnimation.js";
 import "../SparkleAnimation/index.js";

package/dist/components/SearchResultsToolbar/SearchResultsToolbar.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
 import { SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
 
@@ -44,6 +44,6 @@ declare const SearchResultsToolbar: ({
   toolbarRef,
   isVisible,
   className
-}: SearchResultsToolbarProps) => react_jsx_runtime7.JSX.Element;
+}: SearchResultsToolbarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SearchResultsToolbar };

package/dist/components/SearchResultsToolbar/SearchResultsToolbar.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import { SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
 
 //#region src/components/SearchResultsToolbar/SearchResultsToolbar.d.ts
@@ -44,6 +44,6 @@ declare const SearchResultsToolbar: ({
   toolbarRef,
   isVisible,
   className
-}: SearchResultsToolbarProps) => react_jsx_runtime4.JSX.Element;
+}: SearchResultsToolbarProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { SearchResultsToolbar };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/SparkleAnimation/SparkleAnimation.d.ts
 interface SparkleAnimationProps {
@@ -10,6 +10,6 @@ declare const SparkleAnimation: ({
   color,
   className,
   animate
-}: SparkleAnimationProps) => react_jsx_runtime6.JSX.Element;
+}: SparkleAnimationProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { SparkleAnimation };

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime31 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_runtime5.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { Spinner };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime31 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_runtime1.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { Spinner };

package/dist/components/SuggestionButton/SuggestionButton.cjs

@@ -1,5 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ButtonBase = require('../ButtonBase/ButtonBase.cjs');
+const require_variantClasses = require('./variantClasses.cjs');
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -12,142 +13,20 @@ __envive_ai_react_icons_FourPointStar = require_rolldown_runtime.__toESM(__enviv
 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 SuggestionButton = ({ variant, hoverVariant, isDisabled, content, boldText, borderRadius = "lg", isAnswer = false, dataAttributes, dataTestId, onClick, ariaHidden, tabIndex }) => {
 	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)
+		"spiffy-tw-border-[1px]": require_variantClasses.borderedVariants.includes(variant),
+		"spiffy-tw-border-solid": require_variantClasses.borderedVariants.includes(variant)
 	});
 	const textClassName = (0, classnames.default)({
 		"spiffy-tw-text-[14px]": true,
@@ -160,18 +39,7 @@ const SuggestionButton = ({ variant, hoverVariant, isDisabled, content, boldText
 		"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 buttonClass = `${buttonClassName} ${require_variantClasses.getSuggestionButtonVariantClasses(variant, hoverVariant)}`;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
 		text: content,
 		dataAttributes,
@@ -184,7 +52,9 @@ const SuggestionButton = ({ variant, hoverVariant, isDisabled, content, boldText
 		iconClass: isAnswer ? void 0 : iconClass,
 		textClass: `${SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS} ${textClassName}`,
 		buttonClass,
-		onClick
+		onClick,
+		ariaHidden,
+		tabIndex
 	});
 };
 

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

@@ -1,5 +1,5 @@
 import { SuggestionButtonVariant } from "./types.cjs";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/SuggestionButton/SuggestionButton.d.ts
 declare const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = "spiffy-suggestion-button-question-class";
@@ -16,6 +16,8 @@ interface SuggestionButtonProps {
   dataAttributes?: Record<string, string>;
   onClick: () => void;
   dataTestId?: string;
+  ariaHidden?: boolean;
+  tabIndex?: number;
 }
 declare const SuggestionButton: ({
   variant,
@@ -27,7 +29,9 @@ declare const SuggestionButton: ({
   isAnswer,
   dataAttributes,
   dataTestId,
-  onClick
-}: SuggestionButtonProps) => react_jsx_runtime31.JSX.Element;
+  onClick,
+  ariaHidden,
+  tabIndex
+}: SuggestionButtonProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton };

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

@@ -1,5 +1,5 @@
 import { SuggestionButtonVariant } from "./types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/components/SuggestionButton/SuggestionButton.d.ts
 declare const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = "spiffy-suggestion-button-question-class";
@@ -16,6 +16,8 @@ interface SuggestionButtonProps {
   dataAttributes?: Record<string, string>;
   onClick: () => void;
   dataTestId?: string;
+  ariaHidden?: boolean;
+  tabIndex?: number;
 }
 declare const SuggestionButton: ({
   variant,
@@ -27,7 +29,9 @@ declare const SuggestionButton: ({
   isAnswer,
   dataAttributes,
   dataTestId,
-  onClick
-}: SuggestionButtonProps) => react_jsx_runtime0.JSX.Element;
+  onClick,
+  ariaHidden,
+  tabIndex
+}: SuggestionButtonProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton };