@envive-ai/react-toolkit 0.2.4 → 0.2.6

package/dist/SearchResultsFilterSidebar/index.cjs

@@ -5,18 +5,84 @@ require('../AnimatedChevron-Q96FneFy.cjs');
 const require_ButtonBase = require('../ButtonBase-AU23oGQr.cjs');
 require('../ButtonBase-DbWQ25n-.cjs');
 require('../ModalSheet-CcthFeMD.cjs');
-require('../RadioButton-DG0PgZbz.cjs');
-require('../RadioButtonGroup-3t2kqSFA.cjs');
-const require_SearchFilter = require('../SearchFilter-t9or-lnj.cjs');
-require('../ToggleButton-CJ74eu-N.cjs');
-const require_SettingsVariant = require('../SettingsVariant-BsBbdjV5.cjs');
-require('../colorsConfig-D-MZuBvt.cjs');
-const require_searchFilterSidebarVariants = require('../searchFilterSidebarVariants-DXabOauB.cjs');
+require('../RadioButton-DT5srptW.cjs');
+require('../RadioButtonGroup-BbVqccni.cjs');
+require('../colorsConfig-BjmNL7s7.cjs');
+const require_SearchFilter = require('../SearchFilter-BHFHWmpK.cjs');
+require('../ToggleButton-DCiR4sB5.cjs');
+const require_searchFilterSidebarVariants = require('../searchFilterSidebarVariants-B1P8YS86.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
+//#region ../icons/src/SettingsVariant.tsx
+const SvgSettingsVariant = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	width: 28,
+	height: 28,
+	viewBox: "0 0 28 28",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: 3.5,
+			cy: 3.5,
+			r: 3.03346,
+			transform: "matrix(-1 0 0 1 22.4004 0)",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M14 3.5L0 3.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M28 3.5L23.5 3.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: 9.09961,
+			cy: 13.5,
+			r: 3.03346,
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M14 13.5L28 13.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M0 13.5L4.5 13.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: 3.5,
+			cy: 3.5,
+			r: 3.03346,
+			transform: "matrix(-1 0 0 1 22.4004 20)",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M14 23.5H0",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M28 23.5L23.5 23.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		})
+	]
+});
+var SettingsVariant_default = SvgSettingsVariant;
+
+//#endregion
 //#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.tsx
 const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, searchFilterSidebarVariant, onSelectFilterItem, onClearAllFilters, filterButtonText }) => {
 	const { applyFiltersUnchangedClasses, applyFiltersChangedClasses, searchFilterHeaderClasses, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant } = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
@@ -45,7 +111,7 @@ const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, s
 		})
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
 		onClick: openFilter,
-		icon: require_SettingsVariant.SettingsVariant_default,
+		icon: SettingsVariant_default,
 		iconClass: "spiffy-tw-w-[28px] spiffy-tw-h-[28px] spiffy-tw-object-center",
 		text: filterButtonText,
 		textClass: "spiffy-tw-uppercase spiffy-tw-text-[--spiffy-colors-text-primary] spiffy-tw-hidden md:spiffy-tw-block",

package/dist/SearchResultsFilterSidebar/index.d.ts

@@ -1,2 +1,2 @@
-import { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-BcvJf9Sr.js";
+import { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index--SpI4Sdw.js";
 export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/SearchResultsFilterSidebar/index.js

@@ -4,16 +4,82 @@ import "../AnimatedChevron-Bik7GMSe.js";
 import { ButtonBase } from "../ButtonBase-6wjsZ1tU.js";
 import "../ButtonBase-C_uKnl48.js";
 import "../ModalSheet-BSj_g9JF.js";
-import "../RadioButton-C_soBi7w.js";
-import "../RadioButtonGroup-DMbVgPQH.js";
-import { SearchFilter, SearchFilterHeader } from "../SearchFilter-BQW4o3Xf.js";
-import "../ToggleButton-Br6MgjiG.js";
-import { SettingsVariant_default } from "../SettingsVariant-CUSFlJEu.js";
-import "../colorsConfig-DEfiLHH0.js";
-import { searchFilterSidebarVariantClasses } from "../searchFilterSidebarVariants-BD4SYugF.js";
+import "../RadioButton-BYq1JQtD.js";
+import "../RadioButtonGroup-Dgt2ub6s.js";
+import "../colorsConfig-E7w6Ol6W.js";
+import { SearchFilter, SearchFilterHeader } from "../SearchFilter-DWii-Y_g.js";
+import "../ToggleButton-8P9eNKy1.js";
+import { searchFilterSidebarVariantClasses } from "../searchFilterSidebarVariants-CN9_kzJ8.js";
 import { useCallback } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
+//#region ../icons/src/SettingsVariant.tsx
+const SvgSettingsVariant = (props) => /* @__PURE__ */ jsxs("svg", {
+	width: 28,
+	height: 28,
+	viewBox: "0 0 28 28",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("circle", {
+			cx: 3.5,
+			cy: 3.5,
+			r: 3.03346,
+			transform: "matrix(-1 0 0 1 22.4004 0)",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M14 3.5L0 3.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M28 3.5L23.5 3.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: 9.09961,
+			cy: 13.5,
+			r: 3.03346,
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M14 13.5L28 13.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M0 13.5L4.5 13.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: 3.5,
+			cy: 3.5,
+			r: 3.03346,
+			transform: "matrix(-1 0 0 1 22.4004 20)",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M14 23.5H0",
+			stroke: "#767676",
+			strokeWidth: .933083
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M28 23.5L23.5 23.5",
+			stroke: "#767676",
+			strokeWidth: .933083
+		})
+	]
+});
+var SettingsVariant_default = SvgSettingsVariant;
+
+//#endregion
 //#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.tsx
 const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, searchFilterSidebarVariant, onSelectFilterItem, onClearAllFilters, filterButtonText }) => {
 	const { applyFiltersUnchangedClasses, applyFiltersChangedClasses, searchFilterHeaderClasses, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant } = searchFilterSidebarVariantClasses[searchFilterSidebarVariant];

package/dist/SearchResultsStates/index.cjs

@@ -3,11 +3,11 @@ require('../DynamicFiltersScrollbar-50i_InZz.cjs');
 require('../ImageWithFallback-1LqhQK1q.cjs');
 require('../ProductCard-CByKIsUN.cjs');
 require('../Spinner-DjK8ts9E.cjs');
-require('../ProductGrid-BeFeluHo.cjs');
-require('../colorsConfig-D-MZuBvt.cjs');
-const require_SearchResultsStates = require('../SearchResultsStates-Bv5NyxPn.cjs');
-require('../searchFilterSidebarVariants-DXabOauB.cjs');
-require('../SparkleAnimation-Bm3fk2FJ.cjs');
+require('../ProductGrid-BfgnDGUq.cjs');
+require('../colorsConfig-BjmNL7s7.cjs');
+const require_SearchResultsStates = require('../SearchResultsStates-BJPkHdXG.cjs');
+require('../searchFilterSidebarVariants-B1P8YS86.cjs');
+require('../SparkleAnimation-CvGlWUqv.cjs');
 
 exports.NoSearchResultsFound = require_SearchResultsStates.NoSearchResultsFound;
 exports.SearchResultsGrid = require_SearchResultsStates.SearchResultsGrid;

package/dist/SearchResultsStates/index.d.cts

@@ -1,6 +1,6 @@
-import { ProductCardConfig, ProductGridVariant } from "../index-DDp-fLgm.cjs";
+import { ProductCardConfig, ProductGridVariant } from "../index-4oRWfY5a.cjs";
 import { SearchFilterSidebarVariant } from "../index-Dfe_lkL2.cjs";
-import * as react_jsx_runtime4 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";
 
@@ -16,7 +16,7 @@ declare const NoSearchResultsFound: ({
   includeBottomMargin,
   noResultsFoundText,
   sparkleIconColor
-}: NoSearchResultsFoundProps) => react_jsx_runtime4.JSX.Element;
+}: NoSearchResultsFoundProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
 interface SearchResultsGridProps {
@@ -53,7 +53,7 @@ declare const SearchResultsGrid: ({
   productGridClasses,
   onRemoveFilter,
   onToggleDynamicFilter
-}: SearchResultsGridProps) => react_jsx_runtime4.JSX.Element;
+}: SearchResultsGridProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
 declare const SearchResultsLoadingGrid: ({
@@ -64,6 +64,6 @@ declare const SearchResultsLoadingGrid: ({
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
   sparkleIconColor?: string;
-}) => react_jsx_runtime4.JSX.Element;
+}) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/SearchResultsStates/index.d.ts

@@ -1,6 +1,6 @@
-import { ProductCardConfig, ProductGridVariant } from "../index-B5p2z61Y.js";
-import { SearchFilterSidebarVariant } from "../index-BcvJf9Sr.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ProductCardConfig, ProductGridVariant } from "../index-DGfkVcQx.js";
+import { SearchFilterSidebarVariant } from "../index--SpI4Sdw.js";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
@@ -16,7 +16,7 @@ declare const NoSearchResultsFound: ({
   includeBottomMargin,
   noResultsFoundText,
   sparkleIconColor
-}: NoSearchResultsFoundProps) => react_jsx_runtime0.JSX.Element;
+}: NoSearchResultsFoundProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
 interface SearchResultsGridProps {
@@ -53,7 +53,7 @@ declare const SearchResultsGrid: ({
   productGridClasses,
   onRemoveFilter,
   onToggleDynamicFilter
-}: SearchResultsGridProps) => react_jsx_runtime0.JSX.Element;
+}: SearchResultsGridProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
 declare const SearchResultsLoadingGrid: ({
@@ -64,6 +64,6 @@ declare const SearchResultsLoadingGrid: ({
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
   sparkleIconColor?: string;
-}) => react_jsx_runtime0.JSX.Element;
+}) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/SearchResultsStates/index.js

@@ -3,10 +3,10 @@ import "../DynamicFiltersScrollbar-AhyHehrB.js";
 import "../ImageWithFallback-Ckwsmd8P.js";
 import "../ProductCard-BIlnM2nV.js";
 import "../Spinner-BqTt55uu.js";
-import "../ProductGrid-Cgkb4vNf.js";
-import "../colorsConfig-DEfiLHH0.js";
-import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-DUG-117h.js";
-import "../searchFilterSidebarVariants-BD4SYugF.js";
-import "../SparkleAnimation-D1QjYho_.js";
+import "../ProductGrid-BFFojT9P.js";
+import "../colorsConfig-E7w6Ol6W.js";
+import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-BiVIsfIe.js";
+import "../searchFilterSidebarVariants-CN9_kzJ8.js";
+import "../SparkleAnimation-paLhSu5E.js";
 
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/{SearchResultsStates-Bv5NyxPn.cjs → SearchResultsStates-BJPkHdXG.cjs}

@@ -2,9 +2,9 @@ const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_Typography = require('./Typography-CFNWgbM5.cjs');
 const require_DynamicFiltersScrollbar = require('./DynamicFiltersScrollbar-50i_InZz.cjs');
 const require_ProductCard = require('./ProductCard-CByKIsUN.cjs');
-const require_ProductGrid = require('./ProductGrid-BeFeluHo.cjs');
-const require_searchFilterSidebarVariants = require('./searchFilterSidebarVariants-DXabOauB.cjs');
-const require_SparkleAnimation = require('./SparkleAnimation-Bm3fk2FJ.cjs');
+const require_ProductGrid = require('./ProductGrid-BfgnDGUq.cjs');
+const require_searchFilterSidebarVariants = require('./searchFilterSidebarVariants-B1P8YS86.cjs');
+const require_SparkleAnimation = require('./SparkleAnimation-CvGlWUqv.cjs');
 let framer_motion = require("framer-motion");
 framer_motion = require_chunk.__toESM(framer_motion);
 let classnames = require("classnames");

package/dist/{SearchResultsStates-DUG-117h.js → SearchResultsStates-BiVIsfIe.js}

@@ -1,9 +1,9 @@
 import { Typography } from "./Typography-D3vDkBMS.js";
 import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "./DynamicFiltersScrollbar-AhyHehrB.js";
 import { ProductCardSkeleton } from "./ProductCard-BIlnM2nV.js";
-import { ProductGrid, productGridVariantClasses } from "./ProductGrid-Cgkb4vNf.js";
-import { searchFilterSidebarVariantClasses } from "./searchFilterSidebarVariants-BD4SYugF.js";
-import { SparkleAnimation } from "./SparkleAnimation-D1QjYho_.js";
+import { ProductGrid, productGridVariantClasses } from "./ProductGrid-BFFojT9P.js";
+import { searchFilterSidebarVariantClasses } from "./searchFilterSidebarVariants-CN9_kzJ8.js";
+import { SparkleAnimation } from "./SparkleAnimation-paLhSu5E.js";
 import { motion } from "framer-motion";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/SparkleAnimation/index.cjs

@@ -1,4 +1,4 @@
-const require_SparkleAnimation = require('../SparkleAnimation-Bm3fk2FJ.cjs');
+const require_SparkleAnimation = require('../SparkleAnimation-CvGlWUqv.cjs');
 
 exports.SparkleAnimation = require_SparkleAnimation.SparkleAnimation;
 exports.SparkleAnimationOverride = require_SparkleAnimation.SparkleAnimationOverride;

package/dist/SparkleAnimation/index.d.cts

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

package/dist/SparkleAnimation/index.d.ts

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

package/dist/SparkleAnimation/index.js

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

package/dist/Spinner/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 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_runtime12.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Spinner };

package/dist/Spinner/index.d.ts

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

package/dist/SuggestionButton/index.cjs

@@ -78,6 +78,13 @@ const variantClassMap = new Map([
 		"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]",
@@ -120,6 +127,7 @@ const borderedVariants = [
 	"tertiary",
 	"dark",
 	"darkAccent",
+	"darkAccentContrast",
 	"darkPrimary",
 	"transparent",
 	"transparentDark",

package/dist/SuggestionButton/index.d.cts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SuggestionButton/types.d.ts
-type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
+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";
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime8.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };

package/dist/SuggestionButton/index.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SuggestionButton/types.d.ts
-type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
+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";
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime0.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 };

package/dist/SuggestionButton/index.js

@@ -73,6 +73,13 @@ const variantClassMap = new Map([
 		"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]",
@@ -115,6 +122,7 @@ const borderedVariants = [
 	"tertiary",
 	"dark",
 	"darkAccent",
+	"darkAccentContrast",
 	"darkPrimary",
 	"transparent",
 	"transparentDark",

package/dist/TextInput/index.cjs

@@ -1,4 +1,4 @@
 require('../Typography-CFNWgbM5.cjs');
-const require_TextInput = require('../TextInput-iAKCKHwT.cjs');
+const require_TextInput = require('../TextInput-BTTG_drp.cjs');
 
 exports.TextInput = require_TextInput.TextInput;

package/dist/TextInput/index.d.ts

@@ -1,5 +1,5 @@
-import { TypographyVariantMap } from "../typographyVariantClasses-COmQXqcN.js";
-import "../index-BH-QK27q.js";
+import { TypographyVariantMap } from "../typographyVariantClasses-B6wiawat.js";
+import "../index-Qtr26aUO.js";
 import React from "react";
 
 //#region src/components/TextInput/TextInput.d.ts

package/dist/TextInput/index.js

@@ -1,4 +1,4 @@
 import "../Typography-D3vDkBMS.js";
-import { TextInput } from "../TextInput-B_4Bu2vf.js";
+import { TextInput } from "../TextInput-BfUhaQUc.js";
 
 export { TextInput };

package/dist/ToggleButton/index.cjs

@@ -1,4 +1,4 @@
 require('../Typography-CFNWgbM5.cjs');
-const require_ToggleButton = require('../ToggleButton-CJ74eu-N.cjs');
+const require_ToggleButton = require('../ToggleButton-DCiR4sB5.cjs');
 
 exports.ToggleButton = require_ToggleButton.ToggleButton;

package/dist/ToggleButton/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/ToggleButton/ToggleButton.d.ts
 type ToggleButtonProps = {
@@ -25,6 +25,6 @@ declare const ToggleButton: ({
   icon,
   iconClassName,
   variant
-}: ToggleButtonProps) => react_jsx_runtime10.JSX.Element;
+}: ToggleButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ToggleButton, ToggleButtonProps, ToggleButtonVariant };

package/dist/ToggleButton/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/ToggleButton/ToggleButton.d.ts
 type ToggleButtonProps = {
@@ -25,6 +25,6 @@ declare const ToggleButton: ({
   icon,
   iconClassName,
   variant
-}: ToggleButtonProps) => react_jsx_runtime6.JSX.Element;
+}: ToggleButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ToggleButton, ToggleButtonProps, ToggleButtonVariant };

package/dist/ToggleButton/index.js

@@ -1,4 +1,4 @@
 import "../Typography-D3vDkBMS.js";
-import { ToggleButton } from "../ToggleButton-Br6MgjiG.js";
+import { ToggleButton } from "../ToggleButton-8P9eNKy1.js";
 
 export { ToggleButton };

package/dist/Typography/index.d.ts

@@ -1,3 +1,3 @@
-import { ElementTypes, TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames } from "../typographyVariantClasses-COmQXqcN.js";
-import { Typography, TypographyProps } from "../index-BH-QK27q.js";
+import { ElementTypes, TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames } from "../typographyVariantClasses-B6wiawat.js";
+import { Typography, TypographyProps } from "../index-Qtr26aUO.js";
 export { ElementTypes, Typography, TypographyDomVariantMap, TypographyProps, TypographyVariantMap, getVariantPlaceholderClassNames };

package/dist/{index-BcvJf9Sr.d.ts → index--SpI4Sdw.d.ts}

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

package/dist/{index-DDp-fLgm.d.cts → index-4oRWfY5a.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 import { FC } from "react";
 import { ResponseCategory, SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
@@ -261,7 +261,7 @@ declare const RatingSummary: ({
   stars,
   reviewCount,
   className
-}: RatingSummaryProps) => react_jsx_runtime13.JSX.Element;
+}: RatingSummaryProps) => react_jsx_runtime21.JSX.Element;
 interface PriceSectionProps {
   originalPrice?: string;
   salePrice?: string;
@@ -271,7 +271,7 @@ declare const PriceSection: ({
   originalPrice,
   salePrice,
   pricePrefix
-}: PriceSectionProps) => react_jsx_runtime13.JSX.Element;
+}: PriceSectionProps) => react_jsx_runtime21.JSX.Element;
 interface ProductCardProps extends TestProps {
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
@@ -308,7 +308,7 @@ declare const ProductCard: ({
   aspectRatio,
   growWithContainer,
   handleClick
-}: ProductCardProps) => react_jsx_runtime13.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/ProductCard/ProductCardSkeleton.d.ts
 declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;