@envive-ai/react-toolkit 0.2.13 → 0.2.14

package/dist/components/SuggestionButton/index.js

@@ -1,186 +1,3 @@
-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";
+import { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton } from "./SuggestionButton.js";
 
-//#region src/components/SuggestionButton/SuggestionButton.tsx
-const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = "spiffy-suggestion-button-question-class";
-const SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS = "spiffy-suggestion-button-answer-class";
-const SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS = "spiffy-suggestion-button-text-class";
-const BORDER_CLASS = "spiffy-tw-border";
-const TEXT_LINK_CLASSES = [
-	"spiffy-tw-text-[--spiffy-colors-text-link]",
-	"spiffy-tw-fill-[--spiffy-colors-text-link]",
-	"spiffy-tw-stroke-[--spiffy-colors-text-link]"
-];
-const TEXT_LIGHT_CLASSES = [
-	"spiffy-tw-text-[--spiffy-colors-text-light]",
-	"spiffy-tw-fill-[--spiffy-colors-text-light]",
-	"spiffy-tw-stroke-[--spiffy-colors-text-light]"
-];
-const TEXT_PRIMARY_CLASSES = [
-	"spiffy-tw-text-[--spiffy-colors-text-primary]",
-	"spiffy-tw-fill-[--spiffy-colors-text-primary]",
-	"spiffy-tw-stroke-[--spiffy-colors-text-primary]"
-];
-const ACCENT_PRIMARY_CLASSES = ["spiffy-tw-fill-[--spiffy-colors-accent-primary]", "spiffy-tw-stroke-[--spiffy-colors-accent-primary]"];
-const DARK_BACKGROUND_CLASSES = ["spiffy-tw-bg-[--spiffy-colors-background-dark]", "spiffy-tw-border-[--spiffy-colors-background-dark]"];
-const SECONDARY_DARK_BACKGROUND_CLASSES = ["spiffy-tw-bg-[--spiffy-colors-background-secondary-dark]", "spiffy-tw-border-[--spiffy-colors-background-secondary-dark]"];
-const variantClassMap = new Map([
-	["outlined", ["spiffy-tw-border-[--spiffy-colors-border-outline]", ...TEXT_LINK_CLASSES]],
-	["outlinedLight", [
-		"spiffy-tw-border-[--spiffy-colors-border-outline]",
-		"spiffy-tw-bg-[--spiffy-colors-background-light]",
-		...TEXT_LINK_CLASSES,
-		BORDER_CLASS
-	]],
-	["primary", [
-		"spiffy-tw-bg-[--spiffy-colors-background-primary]",
-		"spiffy-tw-border-[--spiffy-colors-background-primary]",
-		...TEXT_LIGHT_CLASSES,
-		BORDER_CLASS
-	]],
-	["secondary", [
-		"spiffy-tw-bg-[--spiffy-colors-background-secondary]",
-		"spiffy-tw-text-[--spiffy-colors-text-link]",
-		"spiffy-tw-border-[--spiffy-colors-background-secondary]",
-		...ACCENT_PRIMARY_CLASSES,
-		BORDER_CLASS
-	]],
-	["tertiary", [
-		"spiffy-tw-bg-[--spiffy-colors-background-tertiary]",
-		"spiffy-tw-border-[--spiffy-colors-background-tertiary]",
-		...TEXT_LINK_CLASSES,
-		BORDER_CLASS
-	]],
-	["dark", [
-		...DARK_BACKGROUND_CLASSES,
-		...TEXT_LIGHT_CLASSES,
-		BORDER_CLASS
-	]],
-	["darkPrimary", [
-		...DARK_BACKGROUND_CLASSES,
-		"spiffy-tw-text-[--spiffy-colors-text-light]",
-		...ACCENT_PRIMARY_CLASSES,
-		BORDER_CLASS
-	]],
-	["darkAccent", [
-		...DARK_BACKGROUND_CLASSES,
-		"spiffy-tw-text-[--spiffy-colors-text-light]",
-		"spiffy-tw-fill-[--spiffy-colors-text-accent]",
-		"spiffy-tw-stroke-[--spiffy-colors-text-accent]",
-		BORDER_CLASS
-	]],
-	["darkAccentContrast", [
-		...DARK_BACKGROUND_CLASSES,
-		"spiffy-tw-text-[--spiffy-colors-text-light]",
-		"spiffy-tw-fill-[--spiffy-colors-accent-primary]",
-		"spiffy-tw-stroke-[--spiffy-colors-accent-primary]",
-		BORDER_CLASS
-	]],
-	["transparent", [
-		"spiffy-tw-bg-transparent",
-		"spiffy-tw-border-[--spiffy-colors-background-light]",
-		"spiffy-tw-text-[--spiffy-colors-text-light]",
-		"spiffy-tw-fill-transparent",
-		"spiffy-tw-stroke-[--spiffy-colors-text-light]",
-		BORDER_CLASS
-	]],
-	["transparentDark", [
-		"spiffy-tw-bg-transparent",
-		"spiffy-tw-border-[--spiffy-colors-border-light]",
-		"spiffy-tw-text-[--spiffy-colors-text-primary]",
-		"spiffy-tw-fill-transparent",
-		"spiffy-tw-stroke-[--spiffy-colors-text-primary]",
-		BORDER_CLASS
-	]],
-	["secondaryDark", [
-		...SECONDARY_DARK_BACKGROUND_CLASSES,
-		...TEXT_LINK_CLASSES,
-		BORDER_CLASS
-	]],
-	["secondaryAccent", [
-		...SECONDARY_DARK_BACKGROUND_CLASSES,
-		"spiffy-tw-text-[--spiffy-colors-text-link]",
-		...ACCENT_PRIMARY_CLASSES,
-		BORDER_CLASS
-	]],
-	["lightDark", [
-		"spiffy-tw-bg-[--spiffy-colors-background-light]",
-		"spiffy-tw-border-[--spiffy-colors-background-dark]",
-		...TEXT_PRIMARY_CLASSES,
-		BORDER_CLASS
-	]]
-]);
-const borderedVariants = [
-	"outlined",
-	"outlinedLight",
-	"primary",
-	"secondary",
-	"tertiary",
-	"dark",
-	"darkAccent",
-	"darkAccentContrast",
-	"darkPrimary",
-	"transparent",
-	"transparentDark",
-	"secondaryDark",
-	"secondaryAccent",
-	"lightDark"
-];
-const hoverTransform = (variantClass) => variantClass?.map((className) => `hover:${className}`);
-const SuggestionButton = ({ variant, hoverVariant, isDisabled, content, boldText, borderRadius = "lg", isAnswer = false, dataAttributes, dataTestId, onClick }) => {
-	const buttonClassName = classNames({
-		[SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS]: !isAnswer,
-		[SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS]: isAnswer,
-		"!spiffy-tw-rounded-[20px]": borderRadius === "lg",
-		"!spiffy-tw-rounded-[8px]": borderRadius === "md",
-		"!spiffy-tw-rounded-[0px]": borderRadius === "sm",
-		"spiffy-tw-border-[1px]": borderedVariants.includes(variant),
-		"spiffy-tw-border-solid": borderedVariants.includes(variant)
-	});
-	const textClassName = classNames({
-		"spiffy-tw-text-[14px]": true,
-		"spiffy-tw-leading-[100%]": true,
-		"!spiffy-tw-font-bold": boldText
-	});
-	const iconClass = classNames({
-		"spiffy-tw-w-[11px]": true,
-		"spiffy-tw-h-[11px]": true,
-		"spiffy-tw-stroke-inherit": true,
-		"spiffy-tw-fill-inherit": true
-	});
-	const baseClasses = variantClassMap.get(variant) ?? [];
-	const hoverClasses = variantClassMap.get(hoverVariant) ?? [];
-	const baseBorderClasses = baseClasses.filter((cls) => cls.includes("border"));
-	const baseNonBorderClasses = baseClasses.filter((cls) => !cls.includes("border"));
-	const hoverBorderClasses = hoverClasses.filter((cls) => cls.includes("border"));
-	const hoverNonBorderClasses = hoverClasses.filter((cls) => !cls.includes("border"));
-	const buttonClass = `${buttonClassName} ${[
-		...baseNonBorderClasses,
-		...hoverTransform(hoverNonBorderClasses),
-		...baseBorderClasses,
-		...hoverTransform(hoverBorderClasses)
-	].join(" ")}`;
-	const getIcon = () => {
-		if (isAnswer) return void 0;
-		if (variant === "transparentDark") return OutlinedStar;
-		return FourPointStar;
-	};
-	return /* @__PURE__ */ jsx(ButtonBase, {
-		text: content,
-		dataAttributes,
-		dataTestId,
-		isDisabled,
-		icon: getIcon(),
-		iconClass: isAnswer ? void 0 : iconClass,
-		textClass: `${SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS} ${textClassName}`,
-		buttonClass,
-		onClick
-	});
-};
-
-//#endregion
 export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton };

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/TextInput/index.cjs

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

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

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

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

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

package/dist/components/TextInput/index.js

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

package/dist/{ToggleButton-BhBEOjxO.cjs → components/ToggleButton/ToggleButton.cjs}

@@ -1,7 +1,8 @@
-const require_chunk = require('./chunk-CbDLau6x.cjs');
-const require_Typography = require('./Typography-Csg-nd_w.cjs');
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Typography = require('../Typography/Typography.cjs');
+require('../Typography/index.cjs');
 let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
+classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ToggleButton/ToggleButton.tsx
@@ -59,9 +60,4 @@ const ToggleButton = ({ isSelected, onClick, label, buttonClassName, labelClassN
 };
 
 //#endregion
-Object.defineProperty(exports, 'ToggleButton', {
-  enumerable: true,
-  get: function () {
-    return ToggleButton;
-  }
-});
+exports.ToggleButton = ToggleButton;

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 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_runtime0.JSX.Element;
+}: ToggleButtonProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { ToggleButton, ToggleButtonProps, ToggleButtonVariant };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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_runtime16.JSX.Element;
+}: ToggleButtonProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { ToggleButton, ToggleButtonProps, ToggleButtonVariant };

package/dist/{ToggleButton-BTz_zIdc.js → components/ToggleButton/ToggleButton.js}

@@ -1,4 +1,5 @@
-import { t as Typography } from "./Typography-xehJH05l.js";
+import { Typography } from "../Typography/Typography.js";
+import "../Typography/index.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -57,4 +58,4 @@ const ToggleButton = ({ isSelected, onClick, label, buttonClassName, labelClassN
 };
 
 //#endregion
-export { ToggleButton as t };
+export { ToggleButton };

package/dist/components/ToggleButton/index.cjs

@@ -1,4 +1,3 @@
-require('../../Typography-Csg-nd_w.cjs');
-const require_ToggleButton = require('../../ToggleButton-BhBEOjxO.cjs');
+const require_ToggleButton = require('./ToggleButton.cjs');
 
 exports.ToggleButton = require_ToggleButton.ToggleButton;

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

@@ -0,0 +1,2 @@
+import { ToggleButton, ToggleButtonProps, ToggleButtonVariant } from "./ToggleButton.cjs";
+export { ToggleButton, ToggleButtonProps, ToggleButtonVariant };

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

@@ -0,0 +1,2 @@
+import { ToggleButton, ToggleButtonProps, ToggleButtonVariant } from "./ToggleButton.js";
+export { ToggleButton, ToggleButtonProps, ToggleButtonVariant };

package/dist/components/ToggleButton/index.js

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

package/dist/components/Typography/Typography.cjs

@@ -0,0 +1,53 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_typographyVariantClasses = require('./typographyVariantClasses.cjs');
+const require_util = require('./util.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#region src/components/Typography/Typography.tsx
+const Typography = ({ children, className, style, noOfLines, testId, elementType, variant = "body3", id }) => {
+	const variantClassNames = variant ? require_typographyVariantClasses.TypographyVariantMap[variant] : {};
+	const isHeadline = (0, react.useCallback)(() => [
+		"t1",
+		"t2",
+		"t3",
+		"h1",
+		"h2",
+		"h3",
+		"h4"
+	].includes(variant), [variant]);
+	const renderedElementType = (0, react.useMemo)(() => {
+		if (elementType) return elementType;
+		if (!elementType) {
+			if (isHeadline()) return require_util.getElementTypeFromVariant(variant, isHeadline());
+		}
+		return "span";
+	}, [
+		isHeadline,
+		variant,
+		elementType
+	]);
+	const textClassNames = (0, classnames.default)(className, variantClassNames, {
+		"spiffy-tw-font-[Poppins,sans-serif]": isHeadline(),
+		"spiffy-tw-font-[\"Inter Variable,sans-serif\"]": !isHeadline(),
+		"spiffy-tw-line-clamp-1": noOfLines === 1,
+		"spiffy-tw-line-clamp-2": noOfLines === 2,
+		"spiffy-tw-line-clamp-3": noOfLines === 3,
+		"spiffy-tw-line-clamp-4": noOfLines === 4,
+		"spiffy-tw-line-clamp-5": noOfLines === 5,
+		"spiffy-tw-line-clamp-6": noOfLines === 6,
+		"spiffy-tw-line-clamp-7": noOfLines === 7
+	});
+	const renderElement = (elementTypeToRender) => react.default.createElement(elementTypeToRender, {
+		"data-testid": testId,
+		className: textClassNames,
+		style,
+		id
+	}, children);
+	return renderElement(renderedElementType);
+};
+
+//#endregion
+exports.Typography = Typography;

package/dist/{index-Cr8VXccr.d.ts → components/Typography/Typography.d.cts}

@@ -1,4 +1,4 @@
-import { r as TypographyVariantMap, t as ElementTypes } from "./typographyVariantClasses-CrT5OfVw.js";
+import { ElementTypes, TypographyVariantMap } from "./typographyVariantClasses.cjs";
 import React from "react";
 
 //#region src/components/Typography/Typography.d.ts
@@ -28,4 +28,4 @@ declare const Typography: ({
   id: string;
 }, HTMLElement>;
 //#endregion
-export { TypographyProps as n, Typography as t };
+export { Typography, TypographyProps };

package/dist/{index-Bw6lDfEp.d.cts → components/Typography/Typography.d.ts}

@@ -1,4 +1,4 @@
-import { r as TypographyVariantMap, t as ElementTypes } from "./typographyVariantClasses-CoRhazCU.cjs";
+import { ElementTypes, TypographyVariantMap } from "./typographyVariantClasses.js";
 import React from "react";
 
 //#region src/components/Typography/Typography.d.ts
@@ -28,4 +28,4 @@ declare const Typography: ({
   id: string;
 }, HTMLElement>;
 //#endregion
-export { TypographyProps as n, Typography as t };
+export { Typography, TypographyProps };

package/dist/components/Typography/Typography.js

@@ -0,0 +1,50 @@
+import { TypographyVariantMap } from "./typographyVariantClasses.js";
+import { getElementTypeFromVariant } from "./util.js";
+import React, { useCallback, useMemo } from "react";
+import classNames from "classnames";
+
+//#region src/components/Typography/Typography.tsx
+const Typography = ({ children, className, style, noOfLines, testId, elementType, variant = "body3", id }) => {
+	const variantClassNames = variant ? TypographyVariantMap[variant] : {};
+	const isHeadline = useCallback(() => [
+		"t1",
+		"t2",
+		"t3",
+		"h1",
+		"h2",
+		"h3",
+		"h4"
+	].includes(variant), [variant]);
+	const renderedElementType = useMemo(() => {
+		if (elementType) return elementType;
+		if (!elementType) {
+			if (isHeadline()) return getElementTypeFromVariant(variant, isHeadline());
+		}
+		return "span";
+	}, [
+		isHeadline,
+		variant,
+		elementType
+	]);
+	const textClassNames = classNames(className, variantClassNames, {
+		"spiffy-tw-font-[Poppins,sans-serif]": isHeadline(),
+		"spiffy-tw-font-[\"Inter Variable,sans-serif\"]": !isHeadline(),
+		"spiffy-tw-line-clamp-1": noOfLines === 1,
+		"spiffy-tw-line-clamp-2": noOfLines === 2,
+		"spiffy-tw-line-clamp-3": noOfLines === 3,
+		"spiffy-tw-line-clamp-4": noOfLines === 4,
+		"spiffy-tw-line-clamp-5": noOfLines === 5,
+		"spiffy-tw-line-clamp-6": noOfLines === 6,
+		"spiffy-tw-line-clamp-7": noOfLines === 7
+	});
+	const renderElement = (elementTypeToRender) => React.createElement(elementTypeToRender, {
+		"data-testid": testId,
+		className: textClassNames,
+		style,
+		id
+	}, children);
+	return renderElement(renderedElementType);
+};
+
+//#endregion
+export { Typography };

package/dist/components/Typography/index.cjs

@@ -1,6 +1,7 @@
-const require_Typography = require('../../Typography-Csg-nd_w.cjs');
+const require_typographyVariantClasses = require('./typographyVariantClasses.cjs');
+const require_Typography = require('./Typography.cjs');
 
 exports.Typography = require_Typography.Typography;
-exports.TypographyDomVariantMap = require_Typography.TypographyDomVariantMap;
-exports.TypographyVariantMap = require_Typography.TypographyVariantMap;
-exports.getVariantPlaceholderClassNames = require_Typography.getVariantPlaceholderClassNames;
+exports.TypographyDomVariantMap = require_typographyVariantClasses.TypographyDomVariantMap;
+exports.TypographyVariantMap = require_typographyVariantClasses.TypographyVariantMap;
+exports.getVariantPlaceholderClassNames = require_typographyVariantClasses.getVariantPlaceholderClassNames;

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

@@ -0,0 +1,3 @@
+import { ElementTypes, TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames } from "./typographyVariantClasses.cjs";
+import { Typography, TypographyProps } from "./Typography.cjs";
+export { ElementTypes, Typography, TypographyDomVariantMap, TypographyProps, TypographyVariantMap, getVariantPlaceholderClassNames };

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

@@ -0,0 +1,3 @@
+import { ElementTypes, TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames } from "./typographyVariantClasses.js";
+import { Typography, TypographyProps } from "./Typography.js";
+export { ElementTypes, Typography, TypographyDomVariantMap, TypographyProps, TypographyVariantMap, getVariantPlaceholderClassNames };

package/dist/components/Typography/index.js

@@ -1,3 +1,4 @@
-import { i as getVariantPlaceholderClassNames, n as TypographyDomVariantMap, r as TypographyVariantMap, t as Typography } from "../../Typography-xehJH05l.js";
+import { TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames } from "./typographyVariantClasses.js";
+import { Typography } from "./Typography.js";
 
 export { Typography, TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames };

package/dist/{Typography-xehJH05l.js → components/Typography/typographyVariantClasses.cjs}

@@ -1,5 +1,3 @@
-import React, { useCallback, useMemo } from "react";
-import classNames from "classnames";
 
 //#region src/components/Typography/typographyVariantClasses.ts
 const TypographyDomVariantMap = {
@@ -96,55 +94,6 @@ const getVariantPlaceholderClassNames = (classes) => Object.keys(classes).reduce
 }, {});
 
 //#endregion
-//#region src/components/Typography/util.ts
-const getElementTypeFromVariant = (variant, isHeadline) => {
-	if (isHeadline) return (TypographyDomVariantMap[variant] ? variant : null) || "h3";
-	return "span";
-};
-
-//#endregion
-//#region src/components/Typography/Typography.tsx
-const Typography = ({ children, className, style, noOfLines, testId, elementType, variant = "body3", id }) => {
-	const variantClassNames = variant ? TypographyVariantMap[variant] : {};
-	const isHeadline = useCallback(() => [
-		"t1",
-		"t2",
-		"t3",
-		"h1",
-		"h2",
-		"h3",
-		"h4"
-	].includes(variant), [variant]);
-	const renderedElementType = useMemo(() => {
-		if (elementType) return elementType;
-		if (!elementType) {
-			if (isHeadline()) return getElementTypeFromVariant(variant, isHeadline());
-		}
-		return "span";
-	}, [
-		isHeadline,
-		variant,
-		elementType
-	]);
-	const textClassNames = classNames(className, variantClassNames, {
-		"spiffy-tw-font-[Poppins,sans-serif]": isHeadline(),
-		"spiffy-tw-font-[\"Inter Variable,sans-serif\"]": !isHeadline(),
-		"spiffy-tw-line-clamp-1": noOfLines === 1,
-		"spiffy-tw-line-clamp-2": noOfLines === 2,
-		"spiffy-tw-line-clamp-3": noOfLines === 3,
-		"spiffy-tw-line-clamp-4": noOfLines === 4,
-		"spiffy-tw-line-clamp-5": noOfLines === 5,
-		"spiffy-tw-line-clamp-6": noOfLines === 6,
-		"spiffy-tw-line-clamp-7": noOfLines === 7
-	});
-	const renderElement = (elementTypeToRender) => React.createElement(elementTypeToRender, {
-		"data-testid": testId,
-		className: textClassNames,
-		style,
-		id
-	}, children);
-	return renderElement(renderedElementType);
-};
-
-//#endregion
-export { getVariantPlaceholderClassNames as i, TypographyDomVariantMap as n, TypographyVariantMap as r, Typography as t };
+exports.TypographyDomVariantMap = TypographyDomVariantMap;
+exports.TypographyVariantMap = TypographyVariantMap;
+exports.getVariantPlaceholderClassNames = getVariantPlaceholderClassNames;

package/dist/{typographyVariantClasses-CoRhazCU.d.cts → components/Typography/typographyVariantClasses.d.cts}

@@ -116,4 +116,4 @@ declare const TypographyVariantMap: {
 };
 declare const getVariantPlaceholderClassNames: (classes: Record<string, boolean>) => Record<string, boolean>;
 //#endregion
-export { getVariantPlaceholderClassNames as i, TypographyDomVariantMap as n, TypographyVariantMap as r, ElementTypes as t };
+export { ElementTypes, TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames };

package/dist/{typographyVariantClasses-CrT5OfVw.d.ts → components/Typography/typographyVariantClasses.d.ts}

@@ -116,4 +116,4 @@ declare const TypographyVariantMap: {
 };
 declare const getVariantPlaceholderClassNames: (classes: Record<string, boolean>) => Record<string, boolean>;
 //#endregion
-export { getVariantPlaceholderClassNames as i, TypographyDomVariantMap as n, TypographyVariantMap as r, ElementTypes as t };
+export { ElementTypes, TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames };