@envive-ai/react-toolkit 0.2.11 → 0.2.12

package/dist/{SearchResultsStates/index.d.cts → components/SearchResultsStates/index-CjYl1v-v.d.cts}

@@ -1,19 +1,28 @@
+import { d as ProductCardConfig, y as ProductGridVariant } from "../../index-CqfgJHj8.cjs";
+import { a as SearchFilterSidebarVariant } from "../../index-BKYA7uMB.cjs";
 import * as react_jsx_runtime3 from "react/jsx-runtime";
-import { ProductCardConfig, ProductGridVariant, SearchFilterSidebarVariant, SelectedFilterOption } from "@envive-ai/types";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/SearchResultsStates/NoSearchResultsFound.d.ts
 interface NoSearchResultsFoundProps {
   containerPaddingClasses: string;
-  includeBottomMargin?: boolean;
   noResultsFoundText?: string;
   sparkleIconColor?: string;
+  recommendedProducts: SearchResponseProductAttributes['attributes'][];
+  searchText: string;
+  merchantShortName: string;
+  productGridVariant: ProductGridVariant;
 }
 declare const NoSearchResultsFound: ({
   containerPaddingClasses,
-  includeBottomMargin,
   noResultsFoundText,
-  sparkleIconColor
+  sparkleIconColor,
+  recommendedProducts,
+  searchText,
+  merchantShortName,
+  productGridVariant
 }: NoSearchResultsFoundProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
@@ -30,6 +39,7 @@ interface SearchResultsGridProps {
   selectedFilterOptions: SelectedFilterOption[];
   containerXPaddingClasses: string;
   productGridClasses: string;
+  onProductClick?: () => void;
   onRemoveFilter: (filter: SelectedFilterOption) => void;
   onToggleDynamicFilter: ({
     filter,
@@ -50,7 +60,8 @@ declare const SearchResultsGrid: ({
   containerXPaddingClasses,
   productGridClasses,
   onRemoveFilter,
-  onToggleDynamicFilter
+  onToggleDynamicFilter,
+  onProductClick
 }: SearchResultsGridProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts

package/dist/{SearchResultsStates/index.d.ts → components/SearchResultsStates/index-DJaUfKjE.d.ts}

@@ -1,20 +1,29 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
-import { ProductCardConfig, ProductGridVariant, SearchFilterSidebarVariant, SelectedFilterOption } from "@envive-ai/types";
+import { d as ProductCardConfig, y as ProductGridVariant } from "../../index-Cz6qxTZG.js";
+import { a as SearchFilterSidebarVariant } from "../../index-8cIrhPDk.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/SearchResultsStates/NoSearchResultsFound.d.ts
 interface NoSearchResultsFoundProps {
   containerPaddingClasses: string;
-  includeBottomMargin?: boolean;
   noResultsFoundText?: string;
   sparkleIconColor?: string;
+  recommendedProducts: SearchResponseProductAttributes['attributes'][];
+  searchText: string;
+  merchantShortName: string;
+  productGridVariant: ProductGridVariant;
 }
 declare const NoSearchResultsFound: ({
   containerPaddingClasses,
-  includeBottomMargin,
   noResultsFoundText,
-  sparkleIconColor
-}: NoSearchResultsFoundProps) => react_jsx_runtime1.JSX.Element;
+  sparkleIconColor,
+  recommendedProducts,
+  searchText,
+  merchantShortName,
+  productGridVariant
+}: NoSearchResultsFoundProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
 interface SearchResultsGridProps {
@@ -30,6 +39,7 @@ interface SearchResultsGridProps {
   selectedFilterOptions: SelectedFilterOption[];
   containerXPaddingClasses: string;
   productGridClasses: string;
+  onProductClick?: () => void;
   onRemoveFilter: (filter: SelectedFilterOption) => void;
   onToggleDynamicFilter: ({
     filter,
@@ -50,8 +60,9 @@ declare const SearchResultsGrid: ({
   containerXPaddingClasses,
   productGridClasses,
   onRemoveFilter,
-  onToggleDynamicFilter
-}: SearchResultsGridProps) => react_jsx_runtime1.JSX.Element;
+  onToggleDynamicFilter,
+  onProductClick
+}: SearchResultsGridProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
 declare const SearchResultsLoadingGrid: ({
@@ -62,6 +73,6 @@ declare const SearchResultsLoadingGrid: ({
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
   sparkleIconColor?: string;
-}) => react_jsx_runtime1.JSX.Element;
+}) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/components/SearchResultsStates/index.cjs

@@ -0,0 +1,16 @@
+require('../../formatPrice-CyfkjZ3R.cjs');
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../DynamicFiltersScrollbar-DqIydLJu.cjs');
+require('../../ImageWithFallback-CuPe6XF6.cjs');
+require('../../ProductCard-BeY85PBf.cjs');
+require('../../Spinner-FQpy5bGu.cjs');
+require('../../ProductGrid-CxKK7w_X.cjs');
+require('../../RecommendedProducts-C2eNVrLo.cjs');
+require('../../colorsConfig-D-MZuBvt.cjs');
+const require_SearchResultsStates = require('../../SearchResultsStates-D37wFr9h.cjs');
+require('../../searchFilterSidebarVariants-C61Byr1S.cjs');
+require('../../SparkleAnimation-B5A_NCuy.cjs');
+
+exports.NoSearchResultsFound = require_SearchResultsStates.NoSearchResultsFound;
+exports.SearchResultsGrid = require_SearchResultsStates.SearchResultsGrid;
+exports.SearchResultsLoadingGrid = require_SearchResultsStates.SearchResultsLoadingGrid;

package/dist/components/SearchResultsStates/index.js

@@ -0,0 +1,14 @@
+import "../../formatPrice-DexQu2aZ.js";
+import "../../Typography-xehJH05l.js";
+import "../../DynamicFiltersScrollbar-CibstqNd.js";
+import "../../ImageWithFallback-_QZT0EKI.js";
+import "../../ProductCard-BoyYu6mI.js";
+import "../../Spinner-CDDFWySo.js";
+import "../../ProductGrid-DmtSXfyE.js";
+import "../../RecommendedProducts-LalI8aVC.js";
+import "../../colorsConfig-BjdoRtRK.js";
+import { n as SearchResultsGrid, r as NoSearchResultsFound, t as SearchResultsLoadingGrid } from "../../SearchResultsStates-DrGtw0pM.js";
+import "../../searchFilterSidebarVariants-DcwlBfvY.js";
+import "../../SparkleAnimation-BSI_34HX.js";
+
+export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/components/SearchResultsToolbar/index-CVstdvRQ.d.cts

@@ -0,0 +1,49 @@
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+import React from "react";
+import { SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
+
+//#region src/components/SearchResultsToolbar/SearchResultsToolbar.d.ts
+interface SearchResultsToolbarProps {
+  searchInputVariant: SearchInputVariant;
+  searchBoxPlaceholder: string;
+  searchText: string;
+  focusedIndex: number;
+  focusedOptionId: string | undefined;
+  autocompleteResults: string[];
+  filterButtonText: string;
+  shouldShowAutocomplete: boolean;
+  onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onSearchInputChange: (value: string) => void;
+  onSubmitSearch: () => void;
+  onAutocompleteSelect: (suggestion: string, rankPosition?: number) => void;
+  onSearchInputFocus: () => void;
+  onSearchInputBlur: () => void;
+  setIsFilterOpen: (isOpen: boolean) => void;
+  containerXPaddingClasses: string;
+  toolbarRef: React.RefObject<HTMLDivElement> | null;
+  isVisible: boolean;
+  className?: string;
+}
+declare const SearchResultsToolbar: ({
+  searchInputVariant,
+  searchBoxPlaceholder,
+  searchText,
+  focusedIndex,
+  focusedOptionId,
+  autocompleteResults,
+  filterButtonText,
+  onKeyDown,
+  onSearchInputChange,
+  onSubmitSearch,
+  onAutocompleteSelect,
+  onSearchInputFocus,
+  onSearchInputBlur,
+  shouldShowAutocomplete,
+  setIsFilterOpen,
+  containerXPaddingClasses,
+  toolbarRef,
+  isVisible,
+  className
+}: SearchResultsToolbarProps) => react_jsx_runtime31.JSX.Element;
+//#endregion
+export { SearchResultsToolbar };

package/dist/components/SearchResultsToolbar/index-tAB6lEUm.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
+
+//#region src/components/SearchResultsToolbar/SearchResultsToolbar.d.ts
+interface SearchResultsToolbarProps {
+  searchInputVariant: SearchInputVariant;
+  searchBoxPlaceholder: string;
+  searchText: string;
+  focusedIndex: number;
+  focusedOptionId: string | undefined;
+  autocompleteResults: string[];
+  filterButtonText: string;
+  shouldShowAutocomplete: boolean;
+  onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onSearchInputChange: (value: string) => void;
+  onSubmitSearch: () => void;
+  onAutocompleteSelect: (suggestion: string, rankPosition?: number) => void;
+  onSearchInputFocus: () => void;
+  onSearchInputBlur: () => void;
+  setIsFilterOpen: (isOpen: boolean) => void;
+  containerXPaddingClasses: string;
+  toolbarRef: React.RefObject<HTMLDivElement> | null;
+  isVisible: boolean;
+  className?: string;
+}
+declare const SearchResultsToolbar: ({
+  searchInputVariant,
+  searchBoxPlaceholder,
+  searchText,
+  focusedIndex,
+  focusedOptionId,
+  autocompleteResults,
+  filterButtonText,
+  onKeyDown,
+  onSearchInputChange,
+  onSubmitSearch,
+  onAutocompleteSelect,
+  onSearchInputFocus,
+  onSearchInputBlur,
+  shouldShowAutocomplete,
+  setIsFilterOpen,
+  containerXPaddingClasses,
+  toolbarRef,
+  isVisible,
+  className
+}: SearchResultsToolbarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SearchResultsToolbar };

package/dist/components/SearchResultsToolbar/index.cjs

@@ -0,0 +1,66 @@
+'use client';
+
+
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../ButtonBase-BMEAmPnS.cjs');
+require('../../ButtonBase-BIXx56hq.cjs');
+require('../../SearchAutocomplete-A3HXkHwK.cjs');
+require('../../TextInput-Do5-j1V_.cjs');
+require('../../colorsConfig-D-MZuBvt.cjs');
+require('../../SearchInput-3ppsm2Ke.cjs');
+const require_SearchInputForm = require('../../SearchInputForm-CZz62rOX.cjs');
+const require_SearchResultsFilterButton = require('../../SearchResultsFilterButton-BedTofz5.cjs');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/SearchResultsToolbar/SearchResultsToolbar.tsx
+const SearchResultsToolbar = ({ searchInputVariant, searchBoxPlaceholder, searchText, focusedIndex, focusedOptionId, autocompleteResults, filterButtonText, onKeyDown, onSearchInputChange, onSubmitSearch, onAutocompleteSelect, onSearchInputFocus, onSearchInputBlur, shouldShowAutocomplete, setIsFilterOpen, containerXPaddingClasses, toolbarRef, isVisible, className }) => {
+	const [hasZIndex, setHasZIndex] = react.default.useState(false);
+	react.default.useEffect(() => {
+		let timer;
+		if (isVisible) {
+			timer = setTimeout(() => {
+				setHasZIndex(true);
+			}, 300);
+			return () => clearTimeout(timer);
+		}
+		setHasZIndex(false);
+		return () => clearTimeout(timer);
+	}, [isVisible]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)("spiffy-tw-bg-white", "spiffy-tw-w-full", className, {
+			"spiffy-tw-z-10": hasZIndex,
+			"spiffy-tw-translate-y-0": isVisible,
+			"-spiffy-tw-translate-y-full": !isVisible
+		}),
+		ref: toolbarRef,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: (0, classnames.default)("spiffy-tw-flex", containerXPaddingClasses),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchInputForm.SearchInputForm, {
+				searchInputVariant,
+				searchText,
+				focusedIndex,
+				autocompleteResults,
+				searchBoxPlaceholder,
+				focusedOptionId,
+				onKeyDown,
+				onSearchInputChange,
+				onSearchInputFocus,
+				onSearchInputBlur,
+				shouldShowAutocomplete,
+				onSearchSubmit: onSubmitSearch,
+				onAutocompleteSelect
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsFilterButton.SearchResultsFilterButton, {
+				setIsOpen: setIsFilterOpen,
+				filterButtonText
+			})]
+		})
+	});
+};
+
+//#endregion
+exports.SearchResultsToolbar = SearchResultsToolbar;

package/dist/components/SearchResultsToolbar/index.js

@@ -0,0 +1,63 @@
+'use client';
+
+
+import "../../Typography-xehJH05l.js";
+import "../../ButtonBase-CT397aT3.js";
+import "../../ButtonBase-C9fn-c5h.js";
+import "../../SearchAutocomplete-Rza3A-gs.js";
+import "../../TextInput-PtrUXoZo.js";
+import "../../colorsConfig-BjdoRtRK.js";
+import "../../SearchInput-DE9Iz7A8.js";
+import { t as SearchInputForm } from "../../SearchInputForm-DrI4WHDt.js";
+import { t as SearchResultsFilterButton } from "../../SearchResultsFilterButton-CV11UTGi.js";
+import React from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SearchResultsToolbar/SearchResultsToolbar.tsx
+const SearchResultsToolbar = ({ searchInputVariant, searchBoxPlaceholder, searchText, focusedIndex, focusedOptionId, autocompleteResults, filterButtonText, onKeyDown, onSearchInputChange, onSubmitSearch, onAutocompleteSelect, onSearchInputFocus, onSearchInputBlur, shouldShowAutocomplete, setIsFilterOpen, containerXPaddingClasses, toolbarRef, isVisible, className }) => {
+	const [hasZIndex, setHasZIndex] = React.useState(false);
+	React.useEffect(() => {
+		let timer;
+		if (isVisible) {
+			timer = setTimeout(() => {
+				setHasZIndex(true);
+			}, 300);
+			return () => clearTimeout(timer);
+		}
+		setHasZIndex(false);
+		return () => clearTimeout(timer);
+	}, [isVisible]);
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames("spiffy-tw-bg-white", "spiffy-tw-w-full", className, {
+			"spiffy-tw-z-10": hasZIndex,
+			"spiffy-tw-translate-y-0": isVisible,
+			"-spiffy-tw-translate-y-full": !isVisible
+		}),
+		ref: toolbarRef,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: classNames("spiffy-tw-flex", containerXPaddingClasses),
+			children: [/* @__PURE__ */ jsx(SearchInputForm, {
+				searchInputVariant,
+				searchText,
+				focusedIndex,
+				autocompleteResults,
+				searchBoxPlaceholder,
+				focusedOptionId,
+				onKeyDown,
+				onSearchInputChange,
+				onSearchInputFocus,
+				onSearchInputBlur,
+				shouldShowAutocomplete,
+				onSearchSubmit: onSubmitSearch,
+				onAutocompleteSelect
+			}), /* @__PURE__ */ jsx(SearchResultsFilterButton, {
+				setIsOpen: setIsFilterOpen,
+				filterButtonText
+			})]
+		})
+	});
+};
+
+//#endregion
+export { SearchResultsToolbar };

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

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/SparkleAnimation/SparkleAnimation.d.ts
+interface SparkleAnimationProps {
+  color: string;
+  className?: string;
+  animate?: boolean;
+}
+declare const SparkleAnimation: ({
+  color,
+  className,
+  animate
+}: SparkleAnimationProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+//#region src/components/SparkleAnimation/types.d.ts
+declare enum SparkleAnimationOverride {
+  CONTAINER = "spiffy-sparkle-animation-container",
+  STAR_ONE_CONTAINER = "spiffy-sparkle-animation-star-one-container",
+  STAR_TWO_CONTAINER = "spiffy-sparkle-animation-star-two-container",
+  STAR_THREE_CONTAINER = "spiffy-sparkle-animation-star-three-container",
+}
+//#endregion
+export { SparkleAnimation, SparkleAnimationOverride };

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

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/SparkleAnimation/SparkleAnimation.d.ts
+interface SparkleAnimationProps {
+  color: string;
+  className?: string;
+  animate?: boolean;
+}
+declare const SparkleAnimation: ({
+  color,
+  className,
+  animate
+}: SparkleAnimationProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+//#region src/components/SparkleAnimation/types.d.ts
+declare enum SparkleAnimationOverride {
+  CONTAINER = "spiffy-sparkle-animation-container",
+  STAR_ONE_CONTAINER = "spiffy-sparkle-animation-star-one-container",
+  STAR_TWO_CONTAINER = "spiffy-sparkle-animation-star-two-container",
+  STAR_THREE_CONTAINER = "spiffy-sparkle-animation-star-three-container",
+}
+//#endregion
+export { SparkleAnimation, SparkleAnimationOverride };

package/dist/components/SparkleAnimation/index.cjs

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

package/dist/components/SparkleAnimation/index.js

@@ -0,0 +1,3 @@
+import { n as SparkleAnimationOverride, t as SparkleAnimation } from "../../SparkleAnimation-BSI_34HX.js";
+
+export { SparkleAnimation, SparkleAnimationOverride };

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

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

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

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

package/dist/components/Spinner/index.cjs

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

package/dist/components/Spinner/index.js

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

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

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
-import { TestProps } from "@envive-ai/types";
+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' | 'darkAccentContrast' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime6.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.d.cts → components/SuggestionButton/index-D6_y1hTj.d.ts}

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
-import { TestProps } from "@envive-ai/types";
+import * as react_jsx_runtime5 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' | 'darkAccentContrast' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime25.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };

package/dist/{SuggestionButton → components/SuggestionButton}/index.cjs

@@ -1,10 +1,9 @@
-const require_chunk = require('../chunk-CUT6urMc.cjs');
-require('../Typography-Ds4gfOJz.cjs');
-const require_ButtonBase = require('../ButtonBase-B6vDKbGQ.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+require('../../Typography-Ds4gfOJz.cjs');
+const require_ButtonBase = require('../../ButtonBase-BMEAmPnS.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");
@@ -163,13 +162,12 @@ const SuggestionButton = ({ variant, hoverVariant, isDisabled, content, boldText
 	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 variantClasses = [
+	const buttonClass = `${buttonClassName} ${[
 		...baseNonBorderClasses,
 		...hoverTransform(hoverNonBorderClasses),
 		...baseBorderClasses,
 		...hoverTransform(hoverBorderClasses)
-	];
-	const buttonClass = `${buttonClassName} ${variantClasses.join(" ")}`;
+	].join(" ")}`;
 	const getIcon = () => {
 		if (isAnswer) return void 0;
 		if (variant === "transparentDark") return __envive_ai_react_icons_OutlinedStar.default;

package/dist/{SuggestionButton → components/SuggestionButton}/index.js

@@ -1,7 +1,7 @@
-import "../Typography-C3QmJzFK.js";
-import { ButtonBase } from "../ButtonBase-Bpc7nOpz.js";
-import { jsx } from "react/jsx-runtime";
+import "../../Typography-xehJH05l.js";
+import { t as ButtonBase } from "../../ButtonBase-CT397aT3.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";
 
@@ -158,13 +158,12 @@ const SuggestionButton = ({ variant, hoverVariant, isDisabled, content, boldText
 	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 variantClasses = [
+	const buttonClass = `${buttonClassName} ${[
 		...baseNonBorderClasses,
 		...hoverTransform(hoverNonBorderClasses),
 		...baseBorderClasses,
 		...hoverTransform(hoverBorderClasses)
-	];
-	const buttonClass = `${buttonClassName} ${variantClasses.join(" ")}`;
+	].join(" ")}`;
 	const getIcon = () => {
 		if (isAnswer) return void 0;
 		if (variant === "transparentDark") return OutlinedStar;

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

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

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

@@ -1,5 +1,5 @@
-import { TypographyVariantMap } from "../typographyVariantClasses-D7h3ACAj.js";
-import "../index-C5iOTsRG.js";
+import { r as TypographyVariantMap } from "../../typographyVariantClasses-CrT5OfVw.js";
+import "../../index-Cr8VXccr.js";
 import React from "react";
 
 //#region src/components/TextInput/TextInput.d.ts

package/dist/components/TextInput/index.cjs

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

package/dist/components/TextInput/index.js

@@ -0,0 +1,4 @@
+import "../../Typography-xehJH05l.js";
+import { t as TextInput } from "../../TextInput-PtrUXoZo.js";
+
+export { TextInput };

package/dist/{ToggleButton/index.d.ts → components/ToggleButton/index-B2rBwaVX.d.cts}

@@ -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/ToggleButton/ToggleButton.d.ts
 type ToggleButtonProps = {
@@ -25,6 +25,6 @@ declare const ToggleButton: ({
   icon,
   iconClassName,
   variant
-}: ToggleButtonProps) => react_jsx_runtime3.JSX.Element;
+}: ToggleButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ToggleButton, ToggleButtonProps, ToggleButtonVariant };

package/dist/{ToggleButton/index.d.cts → components/ToggleButton/index-Dc-cs_tK.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime1.JSX.Element;
 //#endregion
 export { ToggleButton, ToggleButtonProps, ToggleButtonVariant };

package/dist/components/ToggleButton/index.cjs

@@ -0,0 +1,4 @@
+require('../../Typography-Ds4gfOJz.cjs');
+const require_ToggleButton = require('../../ToggleButton-CmxTz-ou.cjs');
+
+exports.ToggleButton = require_ToggleButton.ToggleButton;

package/dist/components/ToggleButton/index.js

@@ -0,0 +1,4 @@
+import "../../Typography-xehJH05l.js";
+import { t as ToggleButton } from "../../ToggleButton-BTz_zIdc.js";
+
+export { ToggleButton };

package/dist/components/Typography/index-DE1Nhjra.d.ts

@@ -0,0 +1,3 @@
+import { i as getVariantPlaceholderClassNames, n as TypographyDomVariantMap, r as TypographyVariantMap, t as ElementTypes } from "../../typographyVariantClasses-CrT5OfVw.js";
+import { n as TypographyProps, t as Typography } from "../../index-Cr8VXccr.js";
+export { ElementTypes, Typography, TypographyDomVariantMap, TypographyProps, TypographyVariantMap, getVariantPlaceholderClassNames };