@envive-ai/react-toolkit-v3 0.3.5

package/dist/PromptCarousel/utils/functions.cjs

@@ -0,0 +1,17 @@
+const require_PromptCarousel_types_types = require('../types/types.cjs');
+
+//#region src/components/PromptCarousel/utils/functions.ts
+const isAnimated = (animationSpeed) => {
+	return animationSpeed !== require_PromptCarousel_types_types.AnimationSpeed.NONE;
+};
+const shouldShowTwoRows = (promptCarouselRows, isMobile) => {
+	return promptCarouselRows === require_PromptCarousel_types_types.PromptCarouselRows.ALWAYS_TWO || promptCarouselRows === require_PromptCarousel_types_types.PromptCarouselRows.TWO_ON_MOBILE_ONE_ON_DESKTOP && isMobile;
+};
+function removeSpaces(value) {
+	return value.replace(/\s+/g, "");
+}
+
+//#endregion
+exports.isAnimated = isAnimated;
+exports.removeSpaces = removeSpaces;
+exports.shouldShowTwoRows = shouldShowTwoRows;

package/dist/PromptCarousel/utils/functions.js

@@ -0,0 +1,15 @@
+import { AnimationSpeed, PromptCarouselRows } from "../types/types.js";
+
+//#region src/components/PromptCarousel/utils/functions.ts
+const isAnimated = (animationSpeed) => {
+	return animationSpeed !== AnimationSpeed.NONE;
+};
+const shouldShowTwoRows = (promptCarouselRows, isMobile) => {
+	return promptCarouselRows === PromptCarouselRows.ALWAYS_TWO || promptCarouselRows === PromptCarouselRows.TWO_ON_MOBILE_ONE_ON_DESKTOP && isMobile;
+};
+function removeSpaces(value) {
+	return value.replace(/\s+/g, "");
+}
+
+//#endregion
+export { isAnimated, removeSpaces, shouldShowTwoRows };

package/dist/ReviewCard/ReviewCard.cjs

@@ -0,0 +1,55 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_theme = require('../components-v3/tokens/theme/theme.cjs');
+const require_resolveTheme = require('../utils/resolveTheme.cjs');
+const require_index = require('./components/index.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ReviewCard/ReviewCard.tsx
+/**
+* ReviewCard component displays individual product reviews in a card format.
+*
+* This component renders a review card with a reviewer name, rating,
+* and the written review. It supports expanding/collapsing the review text
+* with a "Read More" / "Read Less" button.
+* @public
+*/
+const ReviewCard = ({ id, testId, className, style, theme = require_theme.Theme.GLOBAL_CUSTOM, name, rating, reviewText, showVerifiedBuyer, ariaLabel, readMoreLabel, readLessLabel, verifiedBuyerLabel }) => {
+	const finalTheme = require_resolveTheme.resolveTheme(theme);
+	const [isExpanded, setIsExpanded] = (0, react.useState)(false);
+	const handleToggleExpand = () => {
+		setIsExpanded(!isExpanded);
+	};
+	const readMoreButton = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.ReviewCardComponents.ReadMoreButton, {
+		isExpanded,
+		onToggle: handleToggleExpand,
+		theme: finalTheme,
+		readMoreLabel,
+		readLessLabel
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.ReviewCardComponents.Container, {
+		id,
+		testId,
+		className,
+		style,
+		theme: finalTheme,
+		ariaLabel,
+		name: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.ReviewCardComponents.Name, {
+			name,
+			showVerifiedBuyer,
+			verifiedBuyerLabel
+		}),
+		rating: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.ReviewCardComponents.Rating, {
+			rating,
+			theme: finalTheme
+		}),
+		reviewText: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.ReviewCardComponents.ReviewText, {
+			reviewText,
+			isExpanded
+		}),
+		readMoreButton
+	});
+};
+
+//#endregion
+exports.ReviewCard = ReviewCard;

package/dist/ReviewCard/ReviewCard.d.cts

@@ -0,0 +1,30 @@
+import { ReviewCardProps } from "./types/types.cjs";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
+
+//#region src/components/ReviewCard/ReviewCard.d.ts
+
+/**
+ * ReviewCard component displays individual product reviews in a card format.
+ *
+ * This component renders a review card with a reviewer name, rating,
+ * and the written review. It supports expanding/collapsing the review text
+ * with a "Read More" / "Read Less" button.
+ * @public
+ */
+declare const ReviewCard: ({
+  id,
+  testId,
+  className,
+  style,
+  theme,
+  name,
+  rating,
+  reviewText,
+  showVerifiedBuyer,
+  ariaLabel,
+  readMoreLabel,
+  readLessLabel,
+  verifiedBuyerLabel
+}: ReviewCardProps) => react_jsx_runtime22.JSX.Element;
+//#endregion
+export { ReviewCard };

package/dist/ReviewCard/ReviewCard.d.ts

@@ -0,0 +1,30 @@
+import { ReviewCardProps } from "./types/types.js";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+
+//#region src/components/ReviewCard/ReviewCard.d.ts
+
+/**
+ * ReviewCard component displays individual product reviews in a card format.
+ *
+ * This component renders a review card with a reviewer name, rating,
+ * and the written review. It supports expanding/collapsing the review text
+ * with a "Read More" / "Read Less" button.
+ * @public
+ */
+declare const ReviewCard: ({
+  id,
+  testId,
+  className,
+  style,
+  theme,
+  name,
+  rating,
+  reviewText,
+  showVerifiedBuyer,
+  ariaLabel,
+  readMoreLabel,
+  readLessLabel,
+  verifiedBuyerLabel
+}: ReviewCardProps) => react_jsx_runtime16.JSX.Element;
+//#endregion
+export { ReviewCard };

package/dist/ReviewCard/ReviewCard.js

@@ -0,0 +1,54 @@
+import { Theme } from "../components-v3/tokens/theme/theme.js";
+import { resolveTheme } from "../utils/resolveTheme.js";
+import { ReviewCardComponents } from "./components/index.js";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ReviewCard/ReviewCard.tsx
+/**
+* ReviewCard component displays individual product reviews in a card format.
+*
+* This component renders a review card with a reviewer name, rating,
+* and the written review. It supports expanding/collapsing the review text
+* with a "Read More" / "Read Less" button.
+* @public
+*/
+const ReviewCard = ({ id, testId, className, style, theme = Theme.GLOBAL_CUSTOM, name, rating, reviewText, showVerifiedBuyer, ariaLabel, readMoreLabel, readLessLabel, verifiedBuyerLabel }) => {
+	const finalTheme = resolveTheme(theme);
+	const [isExpanded, setIsExpanded] = useState(false);
+	const handleToggleExpand = () => {
+		setIsExpanded(!isExpanded);
+	};
+	const readMoreButton = /* @__PURE__ */ jsx(ReviewCardComponents.ReadMoreButton, {
+		isExpanded,
+		onToggle: handleToggleExpand,
+		theme: finalTheme,
+		readMoreLabel,
+		readLessLabel
+	});
+	return /* @__PURE__ */ jsx(ReviewCardComponents.Container, {
+		id,
+		testId,
+		className,
+		style,
+		theme: finalTheme,
+		ariaLabel,
+		name: /* @__PURE__ */ jsx(ReviewCardComponents.Name, {
+			name,
+			showVerifiedBuyer,
+			verifiedBuyerLabel
+		}),
+		rating: /* @__PURE__ */ jsx(ReviewCardComponents.Rating, {
+			rating,
+			theme: finalTheme
+		}),
+		reviewText: /* @__PURE__ */ jsx(ReviewCardComponents.ReviewText, {
+			reviewText,
+			isExpanded
+		}),
+		readMoreButton
+	});
+};
+
+//#endregion
+export { ReviewCard };

package/dist/ReviewCard/components/Container.cjs

@@ -0,0 +1,44 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Stack = require('../../Stack/Stack.cjs');
+require('../../Stack/index.cjs');
+const require_Container = require('../../Container/Container.cjs');
+require('../../Container/index.cjs');
+const require_useGetThemeProperties = require('../hooks/useGetThemeProperties.cjs');
+const require_useGetPaddingProperties = require('../hooks/useGetPaddingProperties.cjs');
+const require_useGetCardWidthProperties = require('../hooks/useGetCardWidthProperties.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#region src/components/ReviewCard/components/Container.tsx
+const Container$1 = ({ name, reviewText, rating, readMoreButton, id, testId, className, style, theme, ariaLabel }) => {
+	const { backgroundColorClass, borderRadiusClass, borderClass, hoverBorderColorClass } = require_useGetThemeProperties.useGetThemeProperties(theme);
+	const { paddingClass } = require_useGetPaddingProperties.useGetPaddingProperties();
+	const { widthClass } = require_useGetCardWidthProperties.useGetCardWidthProperties();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Container.Container, {
+		component: "article",
+		id,
+		testId,
+		className: (0, classnames.default)("envive-tw-group/card", paddingClass, backgroundColorClass, borderRadiusClass, borderClass, hoverBorderColorClass, widthClass, className),
+		style,
+		"aria-label": ariaLabel,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
+			direction: "column",
+			gap: "2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
+				direction: "column",
+				gap: "2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
+					direction: "row",
+					gap: "2",
+					align: "center",
+					justify: "between",
+					children: [name, rating]
+				}), reviewText]
+			}), readMoreButton]
+		})
+	});
+};
+
+//#endregion
+exports.Container = Container$1;

package/dist/ReviewCard/components/Container.d.cts

@@ -0,0 +1,17 @@
+import { Theme } from "../../components-v3/tokens/theme/theme.cjs";
+
+//#region src/components/ReviewCard/components/Container.d.ts
+type ContainerProps = {
+  name: React.ReactNode;
+  reviewText: React.ReactNode;
+  rating: React.ReactNode;
+  readMoreButton?: React.ReactNode;
+  id?: string;
+  testId?: string;
+  className?: string;
+  style?: React.CSSProperties;
+  theme: Theme;
+  ariaLabel?: string;
+};
+//#endregion
+export { ContainerProps };

package/dist/ReviewCard/components/Container.d.ts

@@ -0,0 +1,17 @@
+import { Theme } from "../../components-v3/tokens/theme/theme.js";
+
+//#region src/components/ReviewCard/components/Container.d.ts
+type ContainerProps = {
+  name: React.ReactNode;
+  reviewText: React.ReactNode;
+  rating: React.ReactNode;
+  readMoreButton?: React.ReactNode;
+  id?: string;
+  testId?: string;
+  className?: string;
+  style?: React.CSSProperties;
+  theme: Theme;
+  ariaLabel?: string;
+};
+//#endregion
+export { ContainerProps };

package/dist/ReviewCard/components/Container.js

@@ -0,0 +1,42 @@
+import { Stack } from "../../Stack/Stack.js";
+import "../../Stack/index.js";
+import { Container } from "../../Container/Container.js";
+import "../../Container/index.js";
+import { useGetThemeProperties } from "../hooks/useGetThemeProperties.js";
+import { useGetPaddingProperties } from "../hooks/useGetPaddingProperties.js";
+import { useGetCardWidthProperties } from "../hooks/useGetCardWidthProperties.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+
+//#region src/components/ReviewCard/components/Container.tsx
+const Container$1 = ({ name, reviewText, rating, readMoreButton, id, testId, className, style, theme, ariaLabel }) => {
+	const { backgroundColorClass, borderRadiusClass, borderClass, hoverBorderColorClass } = useGetThemeProperties(theme);
+	const { paddingClass } = useGetPaddingProperties();
+	const { widthClass } = useGetCardWidthProperties();
+	return /* @__PURE__ */ jsx(Container, {
+		component: "article",
+		id,
+		testId,
+		className: classNames("envive-tw-group/card", paddingClass, backgroundColorClass, borderRadiusClass, borderClass, hoverBorderColorClass, widthClass, className),
+		style,
+		"aria-label": ariaLabel,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			direction: "column",
+			gap: "2",
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				direction: "column",
+				gap: "2",
+				children: [/* @__PURE__ */ jsxs(Stack, {
+					direction: "row",
+					gap: "2",
+					align: "center",
+					justify: "between",
+					children: [name, rating]
+				}), reviewText]
+			}), readMoreButton]
+		})
+	});
+};
+
+//#endregion
+export { Container$1 as Container };

package/dist/ReviewCard/components/Name.cjs

@@ -0,0 +1,36 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Stack = require('../../Stack/Stack.cjs');
+require('../../Stack/index.cjs');
+const require_index = require('../../Typography/types/index.cjs');
+const require_Typography = require('../../Typography/Typography.cjs');
+require('../../Typography/index.cjs');
+const require_VerifiedBuyer = require('./VerifiedBuyer.cjs');
+const require_useGetNameProperties = require('../hooks/useGetNameProperties.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ReviewCard/components/Name.tsx
+const Name = ({ name, showVerifiedBuyer, verifiedBuyerLabel, className, style }) => {
+	const { nameStyle } = require_useGetNameProperties.useGetNameProperties({
+		showVerifiedBuyer,
+		style
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
+		direction: "row",
+		gap: "2",
+		align: "center",
+		justify: "between",
+		className,
+		style,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+			variant: require_index.TypographyVariant.H2_MD,
+			color: require_index.TypographyColor.TEXT_PRIMARY,
+			className,
+			style: nameStyle,
+			noWrap: true,
+			children: name
+		}), showVerifiedBuyer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_VerifiedBuyer.VerifiedBuyer, { verifiedBuyerLabel })]
+	});
+};
+
+//#endregion
+exports.Name = Name;

package/dist/ReviewCard/components/Name.js

@@ -0,0 +1,35 @@
+import { Stack } from "../../Stack/Stack.js";
+import "../../Stack/index.js";
+import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
+import { Typography } from "../../Typography/Typography.js";
+import "../../Typography/index.js";
+import { VerifiedBuyer } from "./VerifiedBuyer.js";
+import { useGetNameProperties } from "../hooks/useGetNameProperties.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ReviewCard/components/Name.tsx
+const Name = ({ name, showVerifiedBuyer, verifiedBuyerLabel, className, style }) => {
+	const { nameStyle } = useGetNameProperties({
+		showVerifiedBuyer,
+		style
+	});
+	return /* @__PURE__ */ jsxs(Stack, {
+		direction: "row",
+		gap: "2",
+		align: "center",
+		justify: "between",
+		className,
+		style,
+		children: [/* @__PURE__ */ jsx(Typography, {
+			variant: TypographyVariant.H2_MD,
+			color: TypographyColor.TEXT_PRIMARY,
+			className,
+			style: nameStyle,
+			noWrap: true,
+			children: name
+		}), showVerifiedBuyer && /* @__PURE__ */ jsx(VerifiedBuyer, { verifiedBuyerLabel })]
+	});
+};
+
+//#endregion
+export { Name };

package/dist/ReviewCard/components/Rating.cjs

@@ -0,0 +1,37 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Stack = require('../../Stack/Stack.cjs');
+require('../../Stack/index.cjs');
+const require_index = require('../../Typography/types/index.cjs');
+const require_Typography = require('../../Typography/Typography.cjs');
+require('../../Typography/index.cjs');
+const require_StarIcon = require('./StarIcon.cjs');
+const require_useGetRatingBackgroundProperties = require('../hooks/useGetRatingBackgroundProperties.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#region src/components/ReviewCard/components/Rating.tsx
+const Rating = ({ rating, theme, style }) => {
+	const { backgroundClass } = require_useGetRatingBackgroundProperties.useGetRatingBackgroundProperties(theme);
+	const formattedRating = rating.toFixed(1);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
+		direction: "row",
+		align: "center",
+		gap: "0.5",
+		className: (0, classnames.default)("envive-tw-px-2 envive-tw-py-0.5", "envive-tw-h-[24px] envive-tw-w-[53px] envive-tw-rounded-[12px]", backgroundClass),
+		style,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_StarIcon.StarIcon, {
+			theme,
+			className: "envive-tw-h-[12px] envive-tw-w-[12.58px]"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+			variant: require_index.TypographyVariant.B3_RG,
+			color: require_index.TypographyColor.TEXT_PRIMARY,
+			style,
+			noWrap: true,
+			children: formattedRating
+		})]
+	});
+};
+
+//#endregion
+exports.Rating = Rating;

package/dist/ReviewCard/components/Rating.d.cts

@@ -0,0 +1,10 @@
+import { Theme } from "../../components-v3/tokens/theme/theme.cjs";
+
+//#region src/components/ReviewCard/components/Rating.d.ts
+type RatingProps = {
+  rating: number;
+  theme: Theme;
+  style?: React.CSSProperties;
+};
+//#endregion
+export { RatingProps };

package/dist/ReviewCard/components/Rating.d.ts

@@ -0,0 +1,11 @@
+import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import "react/jsx-runtime";
+
+//#region src/components/ReviewCard/components/Rating.d.ts
+type RatingProps = {
+  rating: number;
+  theme: Theme;
+  style?: React.CSSProperties;
+};
+//#endregion
+export { RatingProps };

package/dist/ReviewCard/components/Rating.js

@@ -0,0 +1,35 @@
+import { Stack } from "../../Stack/Stack.js";
+import "../../Stack/index.js";
+import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
+import { Typography } from "../../Typography/Typography.js";
+import "../../Typography/index.js";
+import { StarIcon } from "./StarIcon.js";
+import { useGetRatingBackgroundProperties } from "../hooks/useGetRatingBackgroundProperties.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+
+//#region src/components/ReviewCard/components/Rating.tsx
+const Rating = ({ rating, theme, style }) => {
+	const { backgroundClass } = useGetRatingBackgroundProperties(theme);
+	const formattedRating = rating.toFixed(1);
+	return /* @__PURE__ */ jsxs(Stack, {
+		direction: "row",
+		align: "center",
+		gap: "0.5",
+		className: classNames("envive-tw-px-2 envive-tw-py-0.5", "envive-tw-h-[24px] envive-tw-w-[53px] envive-tw-rounded-[12px]", backgroundClass),
+		style,
+		children: [/* @__PURE__ */ jsx(StarIcon, {
+			theme,
+			className: "envive-tw-h-[12px] envive-tw-w-[12.58px]"
+		}), /* @__PURE__ */ jsx(Typography, {
+			variant: TypographyVariant.B3_RG,
+			color: TypographyColor.TEXT_PRIMARY,
+			style,
+			noWrap: true,
+			children: formattedRating
+		})]
+	});
+};
+
+//#endregion
+export { Rating };

package/dist/ReviewCard/components/ReadMoreButton.cjs

@@ -0,0 +1,42 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_index = require('../../Typography/types/index.cjs');
+const require_Typography = require('../../Typography/Typography.cjs');
+require('../../Typography/index.cjs');
+const require_CustomIcon = require('../../utils/CustomIcon.cjs');
+const require_ChevronDown = require('../../icons/dist/ChevronDown.cjs');
+const require_useGetReadMoreTypographyProperties = require('../hooks/useGetReadMoreTypographyProperties.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#region src/components/ReviewCard/components/ReadMoreButton.tsx
+const ReadMoreButton = ({ isExpanded, onToggle, theme, readMoreLabel, readLessLabel, style }) => {
+	const { typographyVariant } = require_useGetReadMoreTypographyProperties.useGetReadMoreTypographyProperties(theme);
+	const getTextCaseClass = () => {
+		if (theme === require_theme.Theme.STANDARD) return "";
+		return "envive-tw-uppercase";
+	};
+	const label = isExpanded ? readLessLabel : readMoreLabel;
+	const IconComponent = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChevronDown.ChevronDown_default, {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		onClick: onToggle,
+		className: (0, classnames.default)("envive-tw-transition-colors", "envive-tw-inline-flex envive-tw-items-center envive-tw-gap-1", "envive-tw-text-text-link", "hover:envive-tw-text-text-primary"),
+		"aria-label": label,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+			variant: typographyVariant,
+			color: require_index.TypographyColor.TEXT_LINK,
+			className: (0, classnames.default)(getTextCaseClass()),
+			style,
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CustomIcon.CustomIcon, {
+			IconComponent,
+			className: (0, classnames.default)("envive-tw-h-3 envive-tw-w-3", isExpanded && "envive-tw-rotate-180"),
+			fill: "currentColor"
+		})]
+	});
+};
+
+//#endregion
+exports.ReadMoreButton = ReadMoreButton;

package/dist/ReviewCard/components/ReadMoreButton.d.cts

@@ -0,0 +1,13 @@
+import { Theme } from "../../components-v3/tokens/theme/theme.cjs";
+
+//#region src/components/ReviewCard/components/ReadMoreButton.d.ts
+type ReadMoreButtonProps = {
+  isExpanded: boolean;
+  onToggle: () => void;
+  theme: Theme;
+  readMoreLabel?: string;
+  readLessLabel?: string;
+  style?: React.CSSProperties;
+};
+//#endregion
+export { ReadMoreButtonProps };

package/dist/ReviewCard/components/ReadMoreButton.d.ts

@@ -0,0 +1,13 @@
+import { Theme } from "../../components-v3/tokens/theme/theme.js";
+
+//#region src/components/ReviewCard/components/ReadMoreButton.d.ts
+type ReadMoreButtonProps = {
+  isExpanded: boolean;
+  onToggle: () => void;
+  theme: Theme;
+  readMoreLabel?: string;
+  readLessLabel?: string;
+  style?: React.CSSProperties;
+};
+//#endregion
+export { ReadMoreButtonProps };

package/dist/ReviewCard/components/ReadMoreButton.js

@@ -0,0 +1,40 @@
+import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { TypographyColor } from "../../Typography/types/index.js";
+import { Typography } from "../../Typography/Typography.js";
+import "../../Typography/index.js";
+import { CustomIcon } from "../../utils/CustomIcon.js";
+import { ChevronDown_default } from "../../icons/dist/ChevronDown.js";
+import { useGetReadMoreTypographyProperties } from "../hooks/useGetReadMoreTypographyProperties.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+
+//#region src/components/ReviewCard/components/ReadMoreButton.tsx
+const ReadMoreButton = ({ isExpanded, onToggle, theme, readMoreLabel, readLessLabel, style }) => {
+	const { typographyVariant } = useGetReadMoreTypographyProperties(theme);
+	const getTextCaseClass = () => {
+		if (theme === Theme.STANDARD) return "";
+		return "envive-tw-uppercase";
+	};
+	const label = isExpanded ? readLessLabel : readMoreLabel;
+	const IconComponent = /* @__PURE__ */ jsx(ChevronDown_default, {});
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		onClick: onToggle,
+		className: classNames("envive-tw-transition-colors", "envive-tw-inline-flex envive-tw-items-center envive-tw-gap-1", "envive-tw-text-text-link", "hover:envive-tw-text-text-primary"),
+		"aria-label": label,
+		children: [/* @__PURE__ */ jsx(Typography, {
+			variant: typographyVariant,
+			color: TypographyColor.TEXT_LINK,
+			className: classNames(getTextCaseClass()),
+			style,
+			children: label
+		}), /* @__PURE__ */ jsx(CustomIcon, {
+			IconComponent,
+			className: classNames("envive-tw-h-3 envive-tw-w-3", isExpanded && "envive-tw-rotate-180"),
+			fill: "currentColor"
+		})]
+	});
+};
+
+//#endregion
+export { ReadMoreButton };

package/dist/ReviewCard/components/ReviewText.cjs

@@ -0,0 +1,25 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_index = require('../../Typography/types/index.cjs');
+const require_Typography = require('../../Typography/Typography.cjs');
+require('../../Typography/index.cjs');
+const require_useGetReviewTextProperties = require('../hooks/useGetReviewTextProperties.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ReviewCard/components/ReviewText.tsx
+const ReviewText = ({ reviewText, isExpanded, className, style }) => {
+	const { reviewTextStyle } = require_useGetReviewTextProperties.useGetReviewTextProperties({
+		isExpanded,
+		style
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+		variant: require_index.TypographyVariant.B3_RG,
+		color: require_index.TypographyColor.TEXT_PRIMARY,
+		className,
+		style: reviewTextStyle,
+		numberOfLines: isExpanded ? void 0 : 2,
+		children: reviewText
+	});
+};
+
+//#endregion
+exports.ReviewText = ReviewText;