@envive-ai/react-toolkit-v3 0.3.15-beta.0 → 0.3.15

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

@@ -0,0 +1,17 @@
+import { Theme } from "../../packages/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/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/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 "../../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 "../../packages/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/ReadMoreButton.cjs

@@ -0,0 +1,43 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_theme = require('../../packages/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_useGetReadMoreTypographyProperties = require('../hooks/useGetReadMoreTypographyProperties.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let __envive_ai_react_icons_ChevronDown = require("@envive-ai/react-icons/ChevronDown");
+__envive_ai_react_icons_ChevronDown = require_rolldown_runtime.__toESM(__envive_ai_react_icons_ChevronDown);
+
+//#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)(__envive_ai_react_icons_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 "../../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 "../../packages/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 "../../packages/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 { useGetReadMoreTypographyProperties } from "../hooks/useGetReadMoreTypographyProperties.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import ChevronDown from "@envive-ai/react-icons/ChevronDown";
+
+//#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, {});
+	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;

package/dist/ReviewCard/components/StarIcon.cjs

@@ -0,0 +1,24 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_useGetStarIconProperties = require('../hooks/useGetStarIconProperties.cjs');
+let react = require("react");
+let __envive_ai_react_icons_Star = require("@envive-ai/react-icons/Star");
+__envive_ai_react_icons_Star = require_rolldown_runtime.__toESM(__envive_ai_react_icons_Star);
+
+//#region src/components/ReviewCard/components/StarIcon.tsx
+const StarIcon = ({ theme, style, className }) => {
+	const starIconStyle = require_useGetStarIconProperties.useGetStarIconProperties({ theme });
+	const starElement = (0, __envive_ai_react_icons_Star.default)({});
+	return (0, react.cloneElement)(starElement, {
+		width: style?.width || "12.58px",
+		height: style?.height || "12px",
+		style,
+		className,
+		children: react.Children.map(starElement.props.children, (child) => {
+			if (child && typeof child === "object" && "type" in child && child.type === "path") return (0, react.cloneElement)(child, { ...starIconStyle });
+			return child;
+		})
+	});
+};
+
+//#endregion
+exports.StarIcon = StarIcon;

package/dist/ReviewCard/components/StarIcon.js

@@ -0,0 +1,22 @@
+import { useGetStarIconProperties } from "../hooks/useGetStarIconProperties.js";
+import { Children, cloneElement } from "react";
+import Star from "@envive-ai/react-icons/Star";
+
+//#region src/components/ReviewCard/components/StarIcon.tsx
+const StarIcon = ({ theme, style, className }) => {
+	const starIconStyle = useGetStarIconProperties({ theme });
+	const starElement = Star({});
+	return cloneElement(starElement, {
+		width: style?.width || "12.58px",
+		height: style?.height || "12px",
+		style,
+		className,
+		children: Children.map(starElement.props.children, (child) => {
+			if (child && typeof child === "object" && "type" in child && child.type === "path") return cloneElement(child, { ...starIconStyle });
+			return child;
+		})
+	});
+};
+
+//#endregion
+export { StarIcon };

package/dist/ReviewCard/components/VerifiedBuyer.cjs

@@ -0,0 +1,33 @@
+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');
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_icons_Checkmark = require("@envive-ai/react-icons/Checkmark");
+__envive_ai_react_icons_Checkmark = require_rolldown_runtime.__toESM(__envive_ai_react_icons_Checkmark);
+
+//#region src/components/ReviewCard/components/VerifiedBuyer.tsx
+const VerifiedBuyer = ({ verifiedBuyerLabel, className, style }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
+		direction: "row",
+		gap: "0.5",
+		align: "center",
+		className,
+		style,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_Checkmark.default, {
+			width: 14,
+			height: 14,
+			style: { color: "var(--envive-colors-text-secondary)" }
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+			variant: require_index.TypographyVariant.B4_RG,
+			color: require_index.TypographyColor.TEXT_SECONDARY,
+			style,
+			children: verifiedBuyerLabel
+		})]
+	});
+};
+
+//#endregion
+exports.VerifiedBuyer = VerifiedBuyer;

package/dist/ReviewCard/components/VerifiedBuyer.js

@@ -0,0 +1,31 @@
+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 { jsx, jsxs } from "react/jsx-runtime";
+import Checkmark from "@envive-ai/react-icons/Checkmark";
+
+//#region src/components/ReviewCard/components/VerifiedBuyer.tsx
+const VerifiedBuyer = ({ verifiedBuyerLabel, className, style }) => {
+	return /* @__PURE__ */ jsxs(Stack, {
+		direction: "row",
+		gap: "0.5",
+		align: "center",
+		className,
+		style,
+		children: [/* @__PURE__ */ jsx(Checkmark, {
+			width: 14,
+			height: 14,
+			style: { color: "var(--envive-colors-text-secondary)" }
+		}), /* @__PURE__ */ jsx(Typography, {
+			variant: TypographyVariant.B4_RG,
+			color: TypographyColor.TEXT_SECONDARY,
+			style,
+			children: verifiedBuyerLabel
+		})]
+	});
+};
+
+//#endregion
+export { VerifiedBuyer };

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

@@ -0,0 +1,70 @@
+import { Theme } from "../../tokens/theme/theme.cjs";
+import { ContainerProps } from "./Container.cjs";
+import { RatingProps } from "./Rating.cjs";
+import { ReadMoreButtonProps } from "./ReadMoreButton.cjs";
+import * as react7 from "react";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/components/ReviewCard/components/index.d.ts
+declare const ReviewCardComponents: {
+  Container: ({
+    name,
+    reviewText,
+    rating,
+    readMoreButton,
+    id,
+    testId,
+    className,
+    style,
+    theme,
+    ariaLabel
+  }: ContainerProps) => React.ReactNode;
+  Name: ({
+    name,
+    showVerifiedBuyer,
+    verifiedBuyerLabel,
+    className,
+    style
+  }: {
+    name: string;
+    showVerifiedBuyer: boolean;
+    verifiedBuyerLabel?: string;
+    className?: string;
+    style?: React.CSSProperties;
+  }) => react_jsx_runtime12.JSX.Element;
+  Rating: ({
+    rating,
+    theme,
+    style
+  }: RatingProps) => react_jsx_runtime12.JSX.Element;
+  StarIcon: ({
+    theme,
+    style,
+    className
+  }: {
+    theme: Theme;
+    style?: React.CSSProperties;
+    className?: string;
+  }) => react7.ReactElement<react7.SVGProps<SVGSVGElement>, string | react7.JSXElementConstructor<any>>;
+  ReviewText: ({
+    reviewText,
+    isExpanded,
+    className,
+    style
+  }: {
+    reviewText: string;
+    isExpanded: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+  }) => react_jsx_runtime12.JSX.Element;
+  ReadMoreButton: ({
+    isExpanded,
+    onToggle,
+    theme,
+    readMoreLabel,
+    readLessLabel,
+    style
+  }: ReadMoreButtonProps) => React.ReactNode;
+};
+//#endregion
+export { ReviewCardComponents };

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

@@ -0,0 +1,70 @@
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
+import { ContainerProps } from "./Container.js";
+import { RatingProps } from "./Rating.js";
+import { ReadMoreButtonProps } from "./ReadMoreButton.js";
+import * as react4 from "react";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/components/ReviewCard/components/index.d.ts
+declare const ReviewCardComponents: {
+  Container: ({
+    name,
+    reviewText,
+    rating,
+    readMoreButton,
+    id,
+    testId,
+    className,
+    style,
+    theme,
+    ariaLabel
+  }: ContainerProps) => React.ReactNode;
+  Name: ({
+    name,
+    showVerifiedBuyer,
+    verifiedBuyerLabel,
+    className,
+    style
+  }: {
+    name: string;
+    showVerifiedBuyer: boolean;
+    verifiedBuyerLabel?: string;
+    className?: string;
+    style?: React.CSSProperties;
+  }) => react_jsx_runtime7.JSX.Element;
+  Rating: ({
+    rating,
+    theme,
+    style
+  }: RatingProps) => react_jsx_runtime7.JSX.Element;
+  StarIcon: ({
+    theme,
+    style,
+    className
+  }: {
+    theme: Theme;
+    style?: React.CSSProperties;
+    className?: string;
+  }) => react4.ReactElement<react4.SVGProps<SVGSVGElement>, string | react4.JSXElementConstructor<any>>;
+  ReviewText: ({
+    reviewText,
+    isExpanded,
+    className,
+    style
+  }: {
+    reviewText: string;
+    isExpanded: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+  }) => react_jsx_runtime7.JSX.Element;
+  ReadMoreButton: ({
+    isExpanded,
+    onToggle,
+    theme,
+    readMoreLabel,
+    readLessLabel,
+    style
+  }: ReadMoreButtonProps) => React.ReactNode;
+};
+//#endregion
+export { ReviewCardComponents };

package/dist/ReviewCard/hooks/useGetBackgroundColorsProperties.cjs

@@ -0,0 +1,13 @@
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
+
+//#region src/components/ReviewCard/hooks/useGetBackgroundColorsProperties.ts
+const useGetBackgroundColorsProperties = (theme) => {
+	return { backgroundColorClass: {
+		[require_theme.Theme.STANDARD]: "envive-tw-bg-background-secondary",
+		[require_theme.Theme.MODERN]: "envive-tw-bg-background-secondary",
+		[require_theme.Theme.MINIMAL]: "envive-tw-bg-background-secondary"
+	}[theme] || void 0 };
+};
+
+//#endregion
+exports.useGetBackgroundColorsProperties = useGetBackgroundColorsProperties;

package/dist/ReviewCard/hooks/useGetBackgroundColorsProperties.js

@@ -0,0 +1,13 @@
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
+
+//#region src/components/ReviewCard/hooks/useGetBackgroundColorsProperties.ts
+const useGetBackgroundColorsProperties = (theme) => {
+	return { backgroundColorClass: {
+		[Theme.STANDARD]: "envive-tw-bg-background-secondary",
+		[Theme.MODERN]: "envive-tw-bg-background-secondary",
+		[Theme.MINIMAL]: "envive-tw-bg-background-secondary"
+	}[theme] || void 0 };
+};
+
+//#endregion
+export { useGetBackgroundColorsProperties };

package/dist/ReviewCard/hooks/useGetBorderProperties.cjs

@@ -0,0 +1,16 @@
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
+
+//#region src/components/ReviewCard/hooks/useGetBorderProperties.ts
+const useGetBorderProperties = (theme) => {
+	return {
+		borderClass: {
+			[require_theme.Theme.STANDARD]: "envive-tw-border envive-tw-border-solid envive-tw-border-[color-mix(in_srgb,var(--envive-colors-background-secondary)_90%,#000000)]",
+			[require_theme.Theme.MODERN]: "envive-tw-border envive-tw-border-solid envive-tw-border-[color-mix(in_srgb,var(--envive-colors-background-secondary)_90%,#000000)]",
+			[require_theme.Theme.MINIMAL]: "envive-tw-border envive-tw-border-solid envive-tw-border-[color-mix(in_srgb,var(--envive-colors-background-secondary)_90%,#000000)]"
+		}[theme] || void 0,
+		hoverBorderColorClass: "hover:envive-tw-border-[color-mix(in_srgb,var(--envive-colors-background-secondary)_90%,#000000)]"
+	};
+};
+
+//#endregion
+exports.useGetBorderProperties = useGetBorderProperties;

package/dist/ReviewCard/hooks/useGetBorderProperties.js

@@ -0,0 +1,16 @@
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
+
+//#region src/components/ReviewCard/hooks/useGetBorderProperties.ts
+const useGetBorderProperties = (theme) => {
+	return {
+		borderClass: {
+			[Theme.STANDARD]: "envive-tw-border envive-tw-border-solid envive-tw-border-[color-mix(in_srgb,var(--envive-colors-background-secondary)_90%,#000000)]",
+			[Theme.MODERN]: "envive-tw-border envive-tw-border-solid envive-tw-border-[color-mix(in_srgb,var(--envive-colors-background-secondary)_90%,#000000)]",
+			[Theme.MINIMAL]: "envive-tw-border envive-tw-border-solid envive-tw-border-[color-mix(in_srgb,var(--envive-colors-background-secondary)_90%,#000000)]"
+		}[theme] || void 0,
+		hoverBorderColorClass: "hover:envive-tw-border-[color-mix(in_srgb,var(--envive-colors-background-secondary)_90%,#000000)]"
+	};
+};
+
+//#endregion
+export { useGetBorderProperties };

package/dist/ReviewCard/hooks/useGetBorderRadiusProperties.cjs

@@ -0,0 +1,13 @@
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
+
+//#region src/components/ReviewCard/hooks/useGetBorderRadiusProperties.ts
+const useGetBorderRadiusProperties = (theme) => {
+	return { borderRadiusClass: {
+		[require_theme.Theme.STANDARD]: "envive-tw-rounded-global-custom",
+		[require_theme.Theme.MODERN]: "envive-tw-rounded-[4px]",
+		[require_theme.Theme.MINIMAL]: "envive-tw-rounded-none"
+	}[theme] || void 0 };
+};
+
+//#endregion
+exports.useGetBorderRadiusProperties = useGetBorderRadiusProperties;

package/dist/ReviewCard/hooks/useGetBorderRadiusProperties.js

@@ -0,0 +1,13 @@
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
+
+//#region src/components/ReviewCard/hooks/useGetBorderRadiusProperties.ts
+const useGetBorderRadiusProperties = (theme) => {
+	return { borderRadiusClass: {
+		[Theme.STANDARD]: "envive-tw-rounded-global-custom",
+		[Theme.MODERN]: "envive-tw-rounded-[4px]",
+		[Theme.MINIMAL]: "envive-tw-rounded-none"
+	}[theme] || void 0 };
+};
+
+//#endregion
+export { useGetBorderRadiusProperties };

package/dist/ReviewCard/hooks/useGetNameProperties.cjs

@@ -0,0 +1,15 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/components/ReviewCard/hooks/useGetNameProperties.ts
+const useGetNameProperties = ({ showVerifiedBuyer, style }) => {
+	return { nameStyle: (0, react.useMemo)(() => {
+		return {
+			maxWidth: showVerifiedBuyer ? "100px" : "200px",
+			...style
+		};
+	}, [showVerifiedBuyer, style]) };
+};
+
+//#endregion
+exports.useGetNameProperties = useGetNameProperties;

package/dist/ReviewCard/hooks/useGetRatingBackgroundProperties.cjs

@@ -0,0 +1,13 @@
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
+
+//#region src/components/ReviewCard/hooks/useGetRatingBackgroundProperties.ts
+const useGetRatingBackgroundProperties = (theme) => {
+	return { backgroundClass: {
+		[require_theme.Theme.STANDARD]: "envive-tw-bg-background-light",
+		[require_theme.Theme.MODERN]: "envive-tw-bg-[color-mix(in_srgb,var(--envive-colors-background-secondary)_95%,#000000)]",
+		[require_theme.Theme.MINIMAL]: ""
+	}[theme] || "" };
+};
+
+//#endregion
+exports.useGetRatingBackgroundProperties = useGetRatingBackgroundProperties;

package/dist/ReviewCard/hooks/useGetRatingBackgroundProperties.js

@@ -0,0 +1,13 @@
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
+
+//#region src/components/ReviewCard/hooks/useGetRatingBackgroundProperties.ts
+const useGetRatingBackgroundProperties = (theme) => {
+	return { backgroundClass: {
+		[Theme.STANDARD]: "envive-tw-bg-background-light",
+		[Theme.MODERN]: "envive-tw-bg-[color-mix(in_srgb,var(--envive-colors-background-secondary)_95%,#000000)]",
+		[Theme.MINIMAL]: ""
+	}[theme] || "" };
+};
+
+//#endregion
+export { useGetRatingBackgroundProperties };