@envive-ai/react-toolkit 0.1.4 → 0.1.6

package/dist/SearchResultsStates/index.js

@@ -0,0 +1,118 @@
+import "../textVariantClasses-CnjwO2Fv.js";
+import { Text as Text$1 } from "../Text-BMg3d10t.js";
+import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-BmPTqym5.js";
+import "../Headline-XpaAeTSR.js";
+import "../ImageWithFallback-Ckwsmd8P.js";
+import { ProductCardSkeleton } from "../ProductCard-SF8-lXlT.js";
+import "../Spinner-BgGihEfJ.js";
+import { ProductGrid, productGridVariantClasses } from "../ProductGrid-DTUhH219.js";
+import "../colorsConfig-BQlaCfxi.js";
+import { searchFilterSidebarVariantClasses } from "../searchFilterSidebarVariants-BWQyiKwS.js";
+import { SparkleAnimation } from "../SparkleAnimation-BdOjC8l-.js";
+import "../Text-CV9pv8ds.js";
+import { motion } from "framer-motion";
+import classNames from "classnames";
+import { Text } from "@envive-ai/react-toolkit/Text";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Sparkles from "@envive-ai/react-icons/Sparkles";
+
+//#region src/components/SearchResultsStates/NoSearchResultsFound.tsx
+const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = false, noResultsFoundText, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
+	const containerClasses = classNames(containerPaddingClasses, includeBottomMargin ? "spiffy-tw-mb-[100vh]" : "", "spiffy-tw-mt-6");
+	return /* @__PURE__ */ jsx("div", {
+		className: containerClasses,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "spiffy-tw-flex spiffy-tw-items-start spiffy-tw-gap-2",
+			children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Sparkles, {
+				className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
+				style: { color: sparkleIconColor }
+			}) }), /* @__PURE__ */ jsx(Text$1, {
+				variant: "body2",
+				children: noResultsFoundText || "I’m sorry, I wasn’t able to find an exact match. Try changing your filters or adjusting your search query."
+			})]
+		})
+	});
+};
+
+//#endregion
+//#region src/components/SearchResultsStates/SearchResultsGrid.tsx
+const SearchResultsGrid = ({ productList, productCardConfig, merchantShortName, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter }) => {
+	const sharedFilterBarClasses = classNames("spiffy-suggestion-bar", "spiffy-tw-no-scrollbar", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-gap-2", "spiffy-tw-mb-[16px]", "spiffy-tw-overflow-x-scroll", containerXPaddingClasses);
+	const filterBarClasses = classNames(sharedFilterBarClasses, "spiffy-tw-mt-[24px]");
+	const appliedFilterBarClasses = classNames(sharedFilterBarClasses, "spiffy-tw-mb-[32px]", "spiffy-tw-mt-[8px]");
+	const { filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses } = searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
+	return /* @__PURE__ */ jsxs(motion.div, {
+		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: [
+			/* @__PURE__ */ jsx(AppliedFiltersScrollbar, {
+				selectedFilterOptions,
+				filterBarClassNames: appliedFilterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				appliedFilterBackgroundClasses,
+				onRemoveFilter
+			}),
+			/* @__PURE__ */ jsx(DynamicFiltersScrollbar, {
+				availableDynamicFilters,
+				filterBarClassNames: filterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				onToggleDynamicFilter
+			}),
+			/* @__PURE__ */ jsx(ProductGrid, {
+				productList,
+				productGridVariant,
+				productGridClasses,
+				productCardConfig,
+				merchantShortName,
+				searchResponseId
+			})
+		]
+	});
+};
+
+//#endregion
+//#region src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx
+const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
+	const { productCardLayoutVariant, productCardImageAspectRatio } = productGridVariantClasses[productGridVariant];
+	return /* @__PURE__ */ jsx(motion.div, {
+		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "spiffy-tw-mt-6 spiffy-tw-w-full",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-mb-4",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 spiffy-tw-ml-[16px] md:spiffy-tw-ml-[80px]",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "spiffy-tw-width-[24px]",
+						children: /* @__PURE__ */ jsx(SparkleAnimation, {
+							color: sparkleIconColor,
+							animate: true
+						})
+					}), /* @__PURE__ */ jsx(Text, {
+						variant: "body2",
+						children: "Finding the best options for you..."
+					})]
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: productGridClasses,
+				children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx(ProductCardSkeleton, {
+					layoutVariant: productCardLayoutVariant,
+					aspectRatio: productCardImageAspectRatio,
+					growWithContainer: true
+				}, index))
+			})]
+		})
+	});
+};
+
+//#endregion
+export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/SparkleAnimation/index.cjs

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

package/dist/SparkleAnimation/index.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime14 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_runtime14.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/SparkleAnimation/index.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime2 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_runtime2.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/SparkleAnimation/index.js

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

package/dist/{SparkleAnimation-Qs17S1rn.js → SparkleAnimation-BdOjC8l-.js}

@@ -1,10 +1,10 @@
-import classNames from "classnames";
+import { motion } from "framer-motion";
 import { useEffect, useState } from "react";
+import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { motion } from "framer-motion";
 import FourPointStar from "@envive-ai/react-icons/src/FourPointStar";
 
-//#region src/components/common/SparkleAnimation/types.ts
+//#region src/components/SparkleAnimation/types.ts
 let SparkleAnimationOverride = /* @__PURE__ */ function(SparkleAnimationOverride$1) {
 	SparkleAnimationOverride$1["CONTAINER"] = "spiffy-sparkle-animation-container";
 	SparkleAnimationOverride$1["STAR_ONE_CONTAINER"] = "spiffy-sparkle-animation-star-one-container";
@@ -14,7 +14,7 @@ let SparkleAnimationOverride = /* @__PURE__ */ function(SparkleAnimationOverride
 }({});
 
 //#endregion
-//#region src/components/common/SparkleAnimation/SparkleAnimation.tsx
+//#region src/components/SparkleAnimation/SparkleAnimation.tsx
 const ANIMATION_CYCLE_TIME = 1e3;
 const STAR_DELAY_OFFSET = 250;
 const SparkleAnimation = ({ color, className, animate = true }) => {
@@ -82,4 +82,4 @@ const SparkleAnimation = ({ color, className, animate = true }) => {
 };
 
 //#endregion
-export { SparkleAnimation };
+export { SparkleAnimation, SparkleAnimationOverride };

package/dist/{SparkleAnimation-Ba5G4MIQ.cjs → SparkleAnimation-BhyeL26m.cjs}

@@ -1,16 +1,16 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
+let framer_motion = require("framer-motion");
+framer_motion = require_chunk.__toESM(framer_motion);
 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");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-let framer_motion = require("framer-motion");
-framer_motion = require_chunk.__toESM(framer_motion);
 let __envive_ai_react_icons_src_FourPointStar = require("@envive-ai/react-icons/src/FourPointStar");
 __envive_ai_react_icons_src_FourPointStar = require_chunk.__toESM(__envive_ai_react_icons_src_FourPointStar);
 
-//#region src/components/common/SparkleAnimation/types.ts
+//#region src/components/SparkleAnimation/types.ts
 let SparkleAnimationOverride = /* @__PURE__ */ function(SparkleAnimationOverride$1) {
 	SparkleAnimationOverride$1["CONTAINER"] = "spiffy-sparkle-animation-container";
 	SparkleAnimationOverride$1["STAR_ONE_CONTAINER"] = "spiffy-sparkle-animation-star-one-container";
@@ -20,7 +20,7 @@ let SparkleAnimationOverride = /* @__PURE__ */ function(SparkleAnimationOverride
 }({});
 
 //#endregion
-//#region src/components/common/SparkleAnimation/SparkleAnimation.tsx
+//#region src/components/SparkleAnimation/SparkleAnimation.tsx
 const ANIMATION_CYCLE_TIME = 1e3;
 const STAR_DELAY_OFFSET = 250;
 const SparkleAnimation = ({ color, className, animate = true }) => {
@@ -93,4 +93,10 @@ Object.defineProperty(exports, 'SparkleAnimation', {
   get: function () {
     return SparkleAnimation;
   }
+});
+Object.defineProperty(exports, 'SparkleAnimationOverride', {
+  enumerable: true,
+  get: function () {
+    return SparkleAnimationOverride;
+  }
 });

package/dist/Spinner/index.cjs

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

package/dist/Spinner/index.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+
+//#region src/components/Spinner/Spinner.d.ts
+type SpinnerProps = {
+  className?: string;
+};
+declare const Spinner: ({
+  className
+}: SpinnerProps) => react_jsx_runtime3.JSX.Element;
+//#endregion
+export { Spinner };

package/dist/Spinner/index.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime20 from "react/jsx-runtime";
+
+//#region src/components/Spinner/Spinner.d.ts
+type SpinnerProps = {
+  className?: string;
+};
+declare const Spinner: ({
+  className
+}: SpinnerProps) => react_jsx_runtime20.JSX.Element;
+//#endregion
+export { Spinner };

package/dist/Spinner/index.js

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

package/dist/{Spinner-BZ-kTOpm.js → Spinner-BgGihEfJ.js}

@@ -1,7 +1,7 @@
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/common/Spinner/Spinner.tsx
+//#region src/components/Spinner/Spinner.tsx
 const Spinner = ({ className }) => {
 	const svgClassnames = classNames({
 		"spiffy-tw-w-4": true,

package/dist/{Spinner-CfQ85Ajl.cjs → Spinner-DzdIkS6t.cjs}

@@ -4,7 +4,7 @@ classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
-//#region src/components/common/Spinner/Spinner.tsx
+//#region src/components/Spinner/Spinner.tsx
 const Spinner = ({ className }) => {
 	const svgClassnames = (0, classnames.default)({
 		"spiffy-tw-w-4": true,

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

@@ -1,7 +1,7 @@
-const require_chunk = require('../../chunk-CUT6urMc.cjs');
-const require_ButtonBase = require('../../ButtonBase-a8uj6c2f.cjs');
-require('../../textVariantClasses-Bhf4VY5z.cjs');
-require('../../Text-C04c4Z93.cjs');
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+const require_ButtonBase = require('../ButtonBase-DcyxOe2v.cjs');
+require('../textVariantClasses-BnV4wXaw.cjs');
+require('../Text-CgOYTs8D.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -11,7 +11,7 @@ __envive_ai_react_icons_src_FourPointStar = require_chunk.__toESM(__envive_ai_re
 let __envive_ai_react_icons_src_OutlinedStar = require("@envive-ai/react-icons/src/OutlinedStar");
 __envive_ai_react_icons_src_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_src_OutlinedStar);
 
-//#region src/components/common/SuggestionButton/SuggestionButton.tsx
+//#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";

package/dist/{common/SuggestionButton/SuggestionButton.d.cts → SuggestionButton/index.d.cts}

@@ -1,10 +1,10 @@
-import { TestProps } from "../../types-TYhhwWZw.cjs";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import { TestProps } from "../types-BQYpWDJ4.cjs";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
-//#region src/components/common/SuggestionButton/types.d.ts
+//#region src/components/SuggestionButton/types.d.ts
 type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
 //#endregion
-//#region src/components/common/SuggestionButton/SuggestionButton.d.ts
+//#region src/components/SuggestionButton/SuggestionButton.d.ts
 declare const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = "spiffy-suggestion-button-question-class";
 declare const SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS = "spiffy-suggestion-button-answer-class";
 declare const SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS = "spiffy-suggestion-button-text-class";
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime5.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
-export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton };
+export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };

package/dist/{common/SuggestionButton/SuggestionButton.d.ts → SuggestionButton/index.d.ts}

@@ -1,10 +1,10 @@
-import { TestProps } from "../../types-Cph97xkm.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { TestProps } from "../types-BruEHw-X.js";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
-//#region src/components/common/SuggestionButton/types.d.ts
+//#region src/components/SuggestionButton/types.d.ts
 type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
 //#endregion
-//#region src/components/common/SuggestionButton/SuggestionButton.d.ts
+//#region src/components/SuggestionButton/SuggestionButton.d.ts
 declare const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = "spiffy-suggestion-button-question-class";
 declare const SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS = "spiffy-suggestion-button-answer-class";
 declare const SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS = "spiffy-suggestion-button-text-class";
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime7.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
-export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton };
+export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };

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

@@ -1,12 +1,12 @@
-import { ButtonBase } from "../../ButtonBase-C1rsL9gO.js";
-import "../../textVariantClasses-5t3OricK.js";
-import "../../Text-Bdv7F5-u.js";
+import { ButtonBase } from "../ButtonBase-BIAu5fIG.js";
+import "../textVariantClasses-CnjwO2Fv.js";
+import "../Text-BMg3d10t.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 import FourPointStar from "@envive-ai/react-icons/src/FourPointStar";
 import OutlinedStar from "@envive-ai/react-icons/src/OutlinedStar";
 
-//#region src/components/common/SuggestionButton/SuggestionButton.tsx
+//#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";

package/dist/Text/index.cjs

@@ -0,0 +1,10 @@
+const require_textVariantClasses = require('../textVariantClasses-BnV4wXaw.cjs');
+const require_Text = require('../Text-CgOYTs8D.cjs');
+const require_Text$1 = require('../Text-DDT3sqY1.cjs');
+
+exports.ExpandableTextOverrides = require_Text$1.ExpandableTextOverrides;
+exports.HeadlineVariantMap = require_textVariantClasses.HeadlineVariantMap;
+exports.Text = require_Text.Text;
+exports.TextStyleVariantMap = require_textVariantClasses.TextStyleVariantMap;
+exports.TextVariantMap = require_textVariantClasses.TextVariantMap;
+exports.getVariantPlaceholderClassNames = require_textVariantClasses.getVariantPlaceholderClassNames;

package/dist/Text/index.d.cts

@@ -0,0 +1,42 @@
+import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-Cdg-UUHi.cjs";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/components/Text/types.d.ts
+declare enum ExpandableTextOverrides {
+  EXPANDABLE_TEXT_CONTAINER = "spiffy-expandable-text-container",
+  EXPANDABLE_TEXT = "spiffy-expandable-text",
+  EXPANDABLE_BUTTON = "spiffy-expandable-button",
+}
+type TextVariant = 'body1' | 'body2' | 'body3' | 'body4' | 'body5';
+type TextType = 'p' | 'span' | 'sub';
+type HeadlineProps = {
+  children: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+  variant?: HeadlineVariant;
+  testId?: string;
+  id?: string;
+};
+type HeadlineVariant = 't1' | 't2' | 't3' | 'h1' | 'h2' | 'h3' | 'h4';
+//#endregion
+//#region src/components/Text/Text.d.ts
+type TextProps = {
+  children: React.ReactNode;
+  noOfLines?: number;
+  className?: string;
+  style?: React.CSSProperties;
+  variant?: TextVariant;
+  type?: TextType;
+  testId?: string;
+};
+declare const Text: ({
+  children,
+  className,
+  style,
+  noOfLines,
+  testId,
+  type,
+  variant
+}: TextProps) => react_jsx_runtime1.JSX.Element;
+//#endregion
+export { ExpandableTextOverrides, HeadlineProps, HeadlineVariant, HeadlineVariantMap, Text, TextStyleVariantMap, TextType, TextVariant, TextVariantMap, getVariantPlaceholderClassNames };

package/dist/Text/index.d.ts

@@ -0,0 +1,42 @@
+import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-C8OCWZAw.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Text/types.d.ts
+declare enum ExpandableTextOverrides {
+  EXPANDABLE_TEXT_CONTAINER = "spiffy-expandable-text-container",
+  EXPANDABLE_TEXT = "spiffy-expandable-text",
+  EXPANDABLE_BUTTON = "spiffy-expandable-button",
+}
+type TextVariant = 'body1' | 'body2' | 'body3' | 'body4' | 'body5';
+type TextType = 'p' | 'span' | 'sub';
+type HeadlineProps = {
+  children: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+  variant?: HeadlineVariant;
+  testId?: string;
+  id?: string;
+};
+type HeadlineVariant = 't1' | 't2' | 't3' | 'h1' | 'h2' | 'h3' | 'h4';
+//#endregion
+//#region src/components/Text/Text.d.ts
+type TextProps = {
+  children: React.ReactNode;
+  noOfLines?: number;
+  className?: string;
+  style?: React.CSSProperties;
+  variant?: TextVariant;
+  type?: TextType;
+  testId?: string;
+};
+declare const Text: ({
+  children,
+  className,
+  style,
+  noOfLines,
+  testId,
+  type,
+  variant
+}: TextProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ExpandableTextOverrides, HeadlineProps, HeadlineVariant, HeadlineVariantMap, Text, TextStyleVariantMap, TextType, TextVariant, TextVariantMap, getVariantPlaceholderClassNames };

package/dist/Text/index.js

@@ -0,0 +1,5 @@
+import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-CnjwO2Fv.js";
+import { Text } from "../Text-BMg3d10t.js";
+import { ExpandableTextOverrides } from "../Text-CV9pv8ds.js";
+
+export { ExpandableTextOverrides, HeadlineVariantMap, Text, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames };

package/dist/{Text-Bdv7F5-u.js → Text-BMg3d10t.js}

@@ -1,8 +1,8 @@
-import { TextVariantMap } from "./textVariantClasses-5t3OricK.js";
+import { TextVariantMap } from "./textVariantClasses-CnjwO2Fv.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/common/Text/Text.tsx
+//#region src/components/Text/Text.tsx
 const Text = ({ children, className, style, noOfLines, testId, type = "span", variant = "body3" }) => {
 	const variantClassNames = variant ? TextVariantMap[variant] : {};
 	const textClassNames = classNames(className, variantClassNames, {

package/dist/Text-CV9pv8ds.js

@@ -0,0 +1,10 @@
+//#region src/components/Text/types.ts
+let ExpandableTextOverrides = /* @__PURE__ */ function(ExpandableTextOverrides$1) {
+	ExpandableTextOverrides$1["EXPANDABLE_TEXT_CONTAINER"] = "spiffy-expandable-text-container";
+	ExpandableTextOverrides$1["EXPANDABLE_TEXT"] = "spiffy-expandable-text";
+	ExpandableTextOverrides$1["EXPANDABLE_BUTTON"] = "spiffy-expandable-button";
+	return ExpandableTextOverrides$1;
+}({});
+
+//#endregion
+export { ExpandableTextOverrides };

package/dist/{Text-C04c4Z93.cjs → Text-CgOYTs8D.cjs}

@@ -1,11 +1,11 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_textVariantClasses = require('./textVariantClasses-Bhf4VY5z.cjs');
+const require_textVariantClasses = require('./textVariantClasses-BnV4wXaw.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
-//#region src/components/common/Text/Text.tsx
+//#region src/components/Text/Text.tsx
 const Text = ({ children, className, style, noOfLines, testId, type = "span", variant = "body3" }) => {
 	const variantClassNames = variant ? require_textVariantClasses.TextVariantMap[variant] : {};
 	const textClassNames = (0, classnames.default)(className, variantClassNames, {

package/dist/Text-DDT3sqY1.cjs

@@ -0,0 +1,16 @@
+
+//#region src/components/Text/types.ts
+let ExpandableTextOverrides = /* @__PURE__ */ function(ExpandableTextOverrides$1) {
+	ExpandableTextOverrides$1["EXPANDABLE_TEXT_CONTAINER"] = "spiffy-expandable-text-container";
+	ExpandableTextOverrides$1["EXPANDABLE_TEXT"] = "spiffy-expandable-text";
+	ExpandableTextOverrides$1["EXPANDABLE_BUTTON"] = "spiffy-expandable-button";
+	return ExpandableTextOverrides$1;
+}({});
+
+//#endregion
+Object.defineProperty(exports, 'ExpandableTextOverrides', {
+  enumerable: true,
+  get: function () {
+    return ExpandableTextOverrides;
+  }
+});

package/dist/TextInput/index.cjs

@@ -0,0 +1,4 @@
+require('../textVariantClasses-BnV4wXaw.cjs');
+const require_TextInput = require('../TextInput-C6fF9cSB.cjs');
+
+exports.TextInput = require_TextInput.TextInput;

package/dist/TextInput/index.d.cts

@@ -0,0 +1,12 @@
+import { TextStyleVariantMap } from "../textVariantClasses-Cdg-UUHi.cjs";
+import React from "react";
+
+//#region src/components/TextInput/TextInput.d.ts
+interface TextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  borderRadius: 'sm' | 'md' | 'lg' | 'xl';
+  borderColorClass?: string;
+  placeholderVariant?: keyof typeof TextStyleVariantMap;
+}
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { TextInput, TextInputProps };

package/dist/TextInput/index.d.ts

@@ -0,0 +1,12 @@
+import { TextStyleVariantMap } from "../textVariantClasses-C8OCWZAw.js";
+import React from "react";
+
+//#region src/components/TextInput/TextInput.d.ts
+interface TextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  borderRadius: 'sm' | 'md' | 'lg' | 'xl';
+  borderColorClass?: string;
+  placeholderVariant?: keyof typeof TextStyleVariantMap;
+}
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { TextInput, TextInputProps };

package/dist/TextInput/index.js

@@ -0,0 +1,4 @@
+import "../textVariantClasses-CnjwO2Fv.js";
+import { TextInput } from "../TextInput-CRMqBW3X.js";
+
+export { TextInput };

package/dist/{TextInput-BO80ixsV.cjs → TextInput-C6fF9cSB.cjs}

@@ -1,13 +1,13 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_textVariantClasses = require('./textVariantClasses-Bhf4VY5z.cjs');
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
+const require_textVariantClasses = require('./textVariantClasses-BnV4wXaw.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");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
-//#region src/components/common/TextInput/TextInput.tsx
+//#region src/components/TextInput/TextInput.tsx
 const TextInput = react.default.forwardRef(({ className, borderRadius, borderColorClass, placeholderVariant,...rest }, ref) => {
 	const variantClassNames = placeholderVariant ? require_textVariantClasses.TextStyleVariantMap[placeholderVariant] : {};
 	const placeholderVariantClassNames = require_textVariantClasses.getVariantPlaceholderClassNames(variantClassNames);

package/dist/{TextInput-CEGWfdPC.js → TextInput-CRMqBW3X.js}

@@ -1,9 +1,9 @@
-import { TextStyleVariantMap, getVariantPlaceholderClassNames } from "./textVariantClasses-5t3OricK.js";
-import classNames from "classnames";
+import { TextStyleVariantMap, getVariantPlaceholderClassNames } from "./textVariantClasses-CnjwO2Fv.js";
 import React from "react";
+import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/common/TextInput/TextInput.tsx
+//#region src/components/TextInput/TextInput.tsx
 const TextInput = React.forwardRef(({ className, borderRadius, borderColorClass, placeholderVariant,...rest }, ref) => {
 	const variantClassNames = placeholderVariant ? TextStyleVariantMap[placeholderVariant] : {};
 	const placeholderVariantClassNames = getVariantPlaceholderClassNames(variantClassNames);

package/dist/{colorsConfig-BKBZfFq1.js → colorsConfig-BQlaCfxi.js}

@@ -1,4 +1,4 @@
-//#region src/components/models/colorsConfig.ts
+//#region src/models/colorsConfig.ts
 var ColorNames = /* @__PURE__ */ function(ColorNames$1) {
 	ColorNames$1["TextPrimary"] = "text-primary";
 	ColorNames$1["TextSecondary"] = "text-secondary";