@envive-ai/react-toolkit-v3 0.3.5 → 0.3.7

package/dist/SalesAgentProductCard/hooks/useGetProductNameProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { useMemo } from "react";
 
 //#region src/components/SalesAgentProductCard/hooks/useGetProductNameProperties.ts

package/dist/SalesAgentProductCard/hooks/useGetStarIconProperties.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 let react = require("react");
 
 //#region src/components/SalesAgentProductCard/hooks/useGetStarIconProperties.ts

package/dist/SalesAgentProductCard/hooks/useGetStarIconProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { useMemo } from "react";
 
 //#region src/components/SalesAgentProductCard/hooks/useGetStarIconProperties.ts

package/dist/SalesAgentProductCard/types/types.d.cts

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.cjs";
+import { Theme } from "../../tokens/theme/theme.cjs";
 import { ImageAspectRatio } from "../../Image/types/index.cjs";
 
 //#region src/components/SalesAgentProductCard/types/types.d.ts

package/dist/SalesAgentProductCard/types/types.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { ImageAspectRatio } from "../../Image/types/index.js";
 
 //#region src/components/SalesAgentProductCard/types/types.d.ts

package/dist/SocialProof/SocialProof.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../tokens/theme/theme.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
 require('../Tokens/index.cjs');
 const require_PromptButton_types_index = require('../PromptButton/types/index.cjs');
@@ -12,13 +12,20 @@ require('../WidgetWrapper/index.cjs');
 const require_WidgetWrapperWithTitle = require('../WidgetWrapperWithTitle/WidgetWrapperWithTitle.cjs');
 const require_types$1 = require('../ImageGallery/types/types.cjs');
 const require_index = require('./components/index.cjs');
+const require_useSocialProofCount = require('./hooks/useSocialProofCount.cjs');
+require('./hooks/index.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/SocialProof/SocialProof.tsx
 const SocialProof = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEventProps }) => {
-	const { id, testId, className, style } = baseProps ?? {};
+	const { id, testId, className, style, pageVariant, countKey } = baseProps ?? {};
 	const { theme = require_theme.Theme.GLOBAL_CUSTOM, variant = require_types.WidgetWrapperVariant.CARD_WITH_BORDER, hexCardColor, promptCarouselRows = require_PromptCarousel_types_types.PromptCarouselRows.TWO_ON_MOBILE_ONE_ON_DESKTOP, hideImage, imageGalleryLayout, hideTextField, primaryButtonVariant = require_PromptButton_types_index.PromptButtonVariant.DARK, secondaryButtonVariant = require_PromptButton_types_index.PromptButtonVariant.LIGHT, hideLogo, dynamicLayout } = widgetStyleProps ?? {};
-	const { numberOfCustomersText, customerQueryText, primaryButtonText, secondaryButtonTitleText, secondaryButtonTexts, textFieldPlaceholderText, images, logoSrc, titleLabel } = widgetContentProps ?? {};
+	const { customerQueryText, primaryButtonText, secondaryButtonTitleText, secondaryButtonTexts, textFieldPlaceholderText, images, logoSrc, titleLabel } = widgetContentProps ?? {};
+	const numberOfCustomersText = require_useSocialProofCount.useSocialProofCount({
+		pageVariant,
+		countKey,
+		id
+	});
 	const { handlePrimaryButtonClick, handleSecondaryButtonClick, handleTextFieldClick } = widgetEventProps ?? {};
 	const finalTheme = require_resolveTheme.resolveTheme(theme);
 	const { isMobile } = require_useCheckIsMobile.useCheckIsMobile("sm");

package/dist/SocialProof/SocialProof.d.cts

@@ -1,5 +1,5 @@
 import { SocialProofProps } from "./types/types.cjs";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/SocialProof/SocialProof.d.ts
 declare const SocialProof: ({
@@ -7,6 +7,6 @@ declare const SocialProof: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: SocialProofProps) => react_jsx_runtime1.JSX.Element;
+}: SocialProofProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { SocialProof };

package/dist/SocialProof/SocialProof.d.ts

@@ -1,5 +1,5 @@
 import { SocialProofProps } from "./types/types.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/SocialProof/SocialProof.d.ts
 declare const SocialProof: ({
@@ -7,6 +7,6 @@ declare const SocialProof: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: SocialProofProps) => react_jsx_runtime9.JSX.Element;
+}: SocialProofProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { SocialProof };

package/dist/SocialProof/SocialProof.js

@@ -1,4 +1,4 @@
-import { Theme } from "../components-v3/tokens/theme/theme.js";
+import { Theme } from "../tokens/theme/theme.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
 import "../Tokens/index.js";
 import { PromptButtonVariant } from "../PromptButton/types/index.js";
@@ -11,13 +11,20 @@ import "../WidgetWrapper/index.js";
 import { WidgetWrapperWithTitle } from "../WidgetWrapperWithTitle/WidgetWrapperWithTitle.js";
 import { ImageGalleryLayout } from "../ImageGallery/types/types.js";
 import { SocialProofComponents } from "./components/index.js";
+import { useSocialProofCount } from "./hooks/useSocialProofCount.js";
+import "./hooks/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/SocialProof/SocialProof.tsx
 const SocialProof = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEventProps }) => {
-	const { id, testId, className, style } = baseProps ?? {};
+	const { id, testId, className, style, pageVariant, countKey } = baseProps ?? {};
 	const { theme = Theme.GLOBAL_CUSTOM, variant = WidgetWrapperVariant.CARD_WITH_BORDER, hexCardColor, promptCarouselRows = PromptCarouselRows.TWO_ON_MOBILE_ONE_ON_DESKTOP, hideImage, imageGalleryLayout, hideTextField, primaryButtonVariant = PromptButtonVariant.DARK, secondaryButtonVariant = PromptButtonVariant.LIGHT, hideLogo, dynamicLayout } = widgetStyleProps ?? {};
-	const { numberOfCustomersText, customerQueryText, primaryButtonText, secondaryButtonTitleText, secondaryButtonTexts, textFieldPlaceholderText, images, logoSrc, titleLabel } = widgetContentProps ?? {};
+	const { customerQueryText, primaryButtonText, secondaryButtonTitleText, secondaryButtonTexts, textFieldPlaceholderText, images, logoSrc, titleLabel } = widgetContentProps ?? {};
+	const numberOfCustomersText = useSocialProofCount({
+		pageVariant,
+		countKey,
+		id
+	});
 	const { handlePrimaryButtonClick, handleSecondaryButtonClick, handleTextFieldClick } = widgetEventProps ?? {};
 	const finalTheme = resolveTheme(theme);
 	const { isMobile } = useCheckIsMobile("sm");

package/dist/SocialProof/components/Headline.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
 const require_Container = require('../../Container/Container.cjs');

package/dist/SocialProof/components/Headline.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
 import { Container } from "../../Container/Container.js";

package/dist/SocialProof/components/LayoutFourHorizontal.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_breakpoints = require('../../components-v3/tokens/breakpoints/breakpoints.cjs');
+const require_breakpoints = require('../../tokens/breakpoints/breakpoints.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
 require('../../Tokens/index.cjs');

package/dist/SocialProof/components/LayoutFourHorizontal.js

@@ -1,4 +1,4 @@
-import { screensBreakpointsVariables } from "../../components-v3/tokens/breakpoints/breakpoints.js";
+import { screensBreakpointsVariables } from "../../tokens/breakpoints/breakpoints.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
 import "../../Tokens/index.js";

package/dist/SocialProof/components/Subheadline.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
 const require_index = require('../../Typography/types/index.cjs');

package/dist/SocialProof/components/Subheadline.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
 import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";

package/dist/SocialProof/components/Textfield.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 const require_resolveTheme = require('../../utils/resolveTheme.cjs');
 const require_WidgetTextField = require('../../WidgetTextField/WidgetTextField.cjs');
 require('../../WidgetTextField/index.cjs');

package/dist/SocialProof/components/Textfield.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { resolveTheme } from "../../utils/resolveTheme.js";
 import { WidgetTextField } from "../../WidgetTextField/WidgetTextField.js";
 import "../../WidgetTextField/index.js";

package/dist/SocialProof/hooks/index.cjs

@@ -0,0 +1 @@
+const require_useSocialProofCount = require('./useSocialProofCount.cjs');

package/dist/SocialProof/hooks/index.js

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

package/dist/SocialProof/hooks/useSocialProofCount.cjs

@@ -0,0 +1,48 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_types = require('../types/types.cjs');
+let react = require("react");
+
+//#region src/components/SocialProof/hooks/useSocialProofCount.ts
+const RANDOM_NUMBER_MIN = 100;
+const RANDOM_NUMBER_MAX = 200;
+const SOCIAL_PROOF_COUNT_KEY = "v3_social_proof_values";
+const useSocialProofCount = ({ pageVariant, countKey, id }) => {
+	const [customerCount, setCustomerCount] = (0, react.useState)(() => Math.floor(Math.random() * (RANDOM_NUMBER_MAX - RANDOM_NUMBER_MIN + 1) + RANDOM_NUMBER_MIN));
+	(0, react.useEffect)(() => {
+		const variant = pageVariant || require_types.PageVariant.PageVisit;
+		const key = countKey || id || "default";
+		try {
+			const storedData = localStorage.getItem(SOCIAL_PROOF_COUNT_KEY);
+			let customerCountMap = {};
+			if (storedData) try {
+				customerCountMap = JSON.parse(storedData);
+			} catch (parseError) {
+				console.warn("Failed to parse social proof count from localStorage:", parseError);
+				return;
+			}
+			if (customerCountMap[variant]?.[key]) setCustomerCount(customerCountMap[variant][key]);
+			else {
+				const randomCount = Math.floor(Math.random() * (RANDOM_NUMBER_MAX - RANDOM_NUMBER_MIN + 1) + RANDOM_NUMBER_MIN);
+				if (!customerCountMap[variant]) customerCountMap[variant] = {};
+				customerCountMap[variant][key] = randomCount;
+				try {
+					localStorage.setItem(SOCIAL_PROOF_COUNT_KEY, JSON.stringify(customerCountMap));
+					setCustomerCount(randomCount);
+				} catch (storageError) {
+					console.warn("Failed to save social proof count to localStorage:", storageError);
+				}
+			}
+		} catch (error) {
+			console.warn("Error managing social proof count:", error);
+		}
+	}, [
+		pageVariant,
+		countKey,
+		id
+	]);
+	return `${customerCount} customers`;
+};
+
+//#endregion
+exports.SOCIAL_PROOF_COUNT_KEY = SOCIAL_PROOF_COUNT_KEY;
+exports.useSocialProofCount = useSocialProofCount;

package/dist/SocialProof/hooks/useSocialProofCount.d.cts

@@ -0,0 +1,15 @@
+import { PageVariant } from "../types/types.cjs";
+
+//#region src/components/SocialProof/hooks/useSocialProofCount.d.ts
+interface UseSocialProofCountParams {
+  pageVariant?: PageVariant;
+  countKey?: string;
+  id?: string;
+}
+declare const useSocialProofCount: ({
+  pageVariant,
+  countKey,
+  id
+}: UseSocialProofCountParams) => string;
+//#endregion
+export { useSocialProofCount };

package/dist/SocialProof/hooks/useSocialProofCount.d.ts

@@ -0,0 +1,15 @@
+import { PageVariant } from "../types/types.js";
+
+//#region src/components/SocialProof/hooks/useSocialProofCount.d.ts
+interface UseSocialProofCountParams {
+  pageVariant?: PageVariant;
+  countKey?: string;
+  id?: string;
+}
+declare const useSocialProofCount: ({
+  pageVariant,
+  countKey,
+  id
+}: UseSocialProofCountParams) => string;
+//#endregion
+export { useSocialProofCount };

package/dist/SocialProof/hooks/useSocialProofCount.js

@@ -0,0 +1,46 @@
+import { PageVariant } from "../types/types.js";
+import { useEffect, useState } from "react";
+
+//#region src/components/SocialProof/hooks/useSocialProofCount.ts
+const RANDOM_NUMBER_MIN = 100;
+const RANDOM_NUMBER_MAX = 200;
+const SOCIAL_PROOF_COUNT_KEY = "v3_social_proof_values";
+const useSocialProofCount = ({ pageVariant, countKey, id }) => {
+	const [customerCount, setCustomerCount] = useState(() => Math.floor(Math.random() * (RANDOM_NUMBER_MAX - RANDOM_NUMBER_MIN + 1) + RANDOM_NUMBER_MIN));
+	useEffect(() => {
+		const variant = pageVariant || PageVariant.PageVisit;
+		const key = countKey || id || "default";
+		try {
+			const storedData = localStorage.getItem(SOCIAL_PROOF_COUNT_KEY);
+			let customerCountMap = {};
+			if (storedData) try {
+				customerCountMap = JSON.parse(storedData);
+			} catch (parseError) {
+				console.warn("Failed to parse social proof count from localStorage:", parseError);
+				return;
+			}
+			if (customerCountMap[variant]?.[key]) setCustomerCount(customerCountMap[variant][key]);
+			else {
+				const randomCount = Math.floor(Math.random() * (RANDOM_NUMBER_MAX - RANDOM_NUMBER_MIN + 1) + RANDOM_NUMBER_MIN);
+				if (!customerCountMap[variant]) customerCountMap[variant] = {};
+				customerCountMap[variant][key] = randomCount;
+				try {
+					localStorage.setItem(SOCIAL_PROOF_COUNT_KEY, JSON.stringify(customerCountMap));
+					setCustomerCount(randomCount);
+				} catch (storageError) {
+					console.warn("Failed to save social proof count to localStorage:", storageError);
+				}
+			}
+		} catch (error) {
+			console.warn("Error managing social proof count:", error);
+		}
+	}, [
+		pageVariant,
+		countKey,
+		id
+	]);
+	return `${customerCount} customers`;
+};
+
+//#endregion
+export { SOCIAL_PROOF_COUNT_KEY, useSocialProofCount };

package/dist/SocialProof/index.cjs

@@ -1,5 +1,9 @@
 const require_types = require('./types/types.cjs');
+const require_useSocialProofCount = require('./hooks/useSocialProofCount.cjs');
+require('./hooks/index.cjs');
 const require_SocialProof = require('./SocialProof.cjs');
 
 exports.DynamicLayout = require_types.DynamicLayout;
-exports.SocialProof = require_SocialProof.SocialProof;
+exports.PageVariant = require_types.PageVariant;
+exports.SocialProof = require_SocialProof.SocialProof;
+exports.useSocialProofCount = require_useSocialProofCount.useSocialProofCount;

package/dist/SocialProof/index.d.cts

@@ -1,3 +1,4 @@
-import { DynamicLayout, SocialProofProps } from "./types/types.cjs";
+import { DynamicLayout, PageVariant, SocialProofProps } from "./types/types.cjs";
 import { SocialProof } from "./SocialProof.cjs";
-export { DynamicLayout, SocialProof, type SocialProofProps };
+import { useSocialProofCount } from "./hooks/useSocialProofCount.cjs";
+export { DynamicLayout, PageVariant, SocialProof, type SocialProofProps, useSocialProofCount };

package/dist/SocialProof/index.d.ts

@@ -1,3 +1,4 @@
-import { DynamicLayout, SocialProofProps } from "./types/types.js";
+import { DynamicLayout, PageVariant, SocialProofProps } from "./types/types.js";
 import { SocialProof } from "./SocialProof.js";
-export { DynamicLayout, SocialProof, type SocialProofProps };
+import { useSocialProofCount } from "./hooks/useSocialProofCount.js";
+export { DynamicLayout, PageVariant, SocialProof, type SocialProofProps, useSocialProofCount };

package/dist/SocialProof/index.js

@@ -1,4 +1,6 @@
-import { DynamicLayout } from "./types/types.js";
+import { DynamicLayout, PageVariant } from "./types/types.js";
+import { useSocialProofCount } from "./hooks/useSocialProofCount.js";
+import "./hooks/index.js";
 import { SocialProof } from "./SocialProof.js";
 
-export { DynamicLayout, SocialProof };
+export { DynamicLayout, PageVariant, SocialProof, useSocialProofCount };

package/dist/SocialProof/types/types.cjs

@@ -5,6 +5,13 @@ let DynamicLayout = /* @__PURE__ */ function(DynamicLayout$1) {
 	DynamicLayout$1["WIDE"] = "wide";
 	return DynamicLayout$1;
 }({});
+let PageVariant = /* @__PURE__ */ function(PageVariant$1) {
+	PageVariant$1["PLP"] = "PLP";
+	PageVariant$1["PDP"] = "PDP";
+	PageVariant$1["PageVisit"] = "PageVisit";
+	return PageVariant$1;
+}({});
 
 //#endregion
-exports.DynamicLayout = DynamicLayout;
+exports.DynamicLayout = DynamicLayout;
+exports.PageVariant = PageVariant;

package/dist/SocialProof/types/types.d.cts

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.cjs";
+import { Theme } from "../../tokens/theme/theme.cjs";
 import { WidgetWrapperVariant } from "../../WidgetWrapper/types/types.cjs";
 import { ImageGalleryImage, ImageGalleryLayout } from "../../ImageGallery/types/types.cjs";
 import { PromptButtonVariant } from "../../PromptButton/types/index.cjs";
@@ -9,6 +9,11 @@ declare enum DynamicLayout {
   NARROW = "narrow",
   WIDE = "wide",
 }
+declare enum PageVariant {
+  PLP = "PLP",
+  PDP = "PDP",
+  PageVisit = "PageVisit",
+}
 /**
  * Base props for the SocialProof component container.
  *
@@ -31,6 +36,16 @@ type BaseProps = {
    * Inline styles to apply to the container.
    */
   style?: React.CSSProperties;
+  /**
+   * Page variant for localStorage persistence of customer counts (PLP, PDP, or PageVisit).
+   */
+  pageVariant?: PageVariant;
+  /**
+   * Specific identifier for the pageVariant (e.g., productId for PDP, plpId for PLP, category for PageVisit).
+   * Used as the key for localStorage persistence.
+   * Falls back to the `id` prop if not provided.
+   */
+  countKey?: string;
 };
 /**
  * Content props for the SocialProof component.
@@ -47,11 +62,6 @@ type WidgetContentProps = {
    * Text label displayed in the widget title.
    */
   titleLabel: string;
-  /**
-   * Text displaying the number of customers (e.g., "114 customers").
-   * Displayed in the headline section.
-   */
-  numberOfCustomersText?: string;
   /**
    * Text displaying what customers asked (e.g., "asked which products are best for gifting...").
    * Displayed in the headline section alongside the customer count.
@@ -213,4 +223,4 @@ type SocialProofProps = {
   widgetEventProps?: WidgetEventProps;
 };
 //#endregion
-export { DynamicLayout, SocialProofProps };
+export { DynamicLayout, PageVariant, SocialProofProps };

package/dist/SocialProof/types/types.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { WidgetWrapperVariant } from "../../WidgetWrapper/types/types.js";
 import { ImageGalleryImage, ImageGalleryLayout } from "../../ImageGallery/types/types.js";
 import { PromptButtonVariant } from "../../PromptButton/types/index.js";
@@ -9,6 +9,11 @@ declare enum DynamicLayout {
   NARROW = "narrow",
   WIDE = "wide",
 }
+declare enum PageVariant {
+  PLP = "PLP",
+  PDP = "PDP",
+  PageVisit = "PageVisit",
+}
 /**
  * Base props for the SocialProof component container.
  *
@@ -31,6 +36,16 @@ type BaseProps = {
    * Inline styles to apply to the container.
    */
   style?: React.CSSProperties;
+  /**
+   * Page variant for localStorage persistence of customer counts (PLP, PDP, or PageVisit).
+   */
+  pageVariant?: PageVariant;
+  /**
+   * Specific identifier for the pageVariant (e.g., productId for PDP, plpId for PLP, category for PageVisit).
+   * Used as the key for localStorage persistence.
+   * Falls back to the `id` prop if not provided.
+   */
+  countKey?: string;
 };
 /**
  * Content props for the SocialProof component.
@@ -47,11 +62,6 @@ type WidgetContentProps = {
    * Text label displayed in the widget title.
    */
   titleLabel: string;
-  /**
-   * Text displaying the number of customers (e.g., "114 customers").
-   * Displayed in the headline section.
-   */
-  numberOfCustomersText?: string;
   /**
    * Text displaying what customers asked (e.g., "asked which products are best for gifting...").
    * Displayed in the headline section alongside the customer count.
@@ -213,4 +223,4 @@ type SocialProofProps = {
   widgetEventProps?: WidgetEventProps;
 };
 //#endregion
-export { DynamicLayout, SocialProofProps };
+export { DynamicLayout, PageVariant, SocialProofProps };

package/dist/SocialProof/types/types.js

@@ -4,6 +4,12 @@ let DynamicLayout = /* @__PURE__ */ function(DynamicLayout$1) {
 	DynamicLayout$1["WIDE"] = "wide";
 	return DynamicLayout$1;
 }({});
+let PageVariant = /* @__PURE__ */ function(PageVariant$1) {
+	PageVariant$1["PLP"] = "PLP";
+	PageVariant$1["PDP"] = "PDP";
+	PageVariant$1["PageVisit"] = "PageVisit";
+	return PageVariant$1;
+}({});
 
 //#endregion
-export { DynamicLayout };
+export { DynamicLayout, PageVariant };

package/dist/SocialProof/utils/functions.cjs

@@ -1,5 +1,5 @@
 const require_utils = require('../../DesignTokens/components/utils.cjs');
-const require_aspectRatio = require('../../components-v3/tokens/aspectRatio/aspectRatio.cjs');
+const require_aspectRatio = require('../../tokens/aspectRatio/aspectRatio.cjs');
 
 //#region src/components/SocialProof/utils/functions.ts
 const calculateWidthImageGallery = (height, numberOfImagesInRow, numberOfImagesInColumn) => {

package/dist/SocialProof/utils/functions.js

@@ -1,5 +1,5 @@
 import { getCSSVariable } from "../../DesignTokens/components/utils.js";
-import { AspectRatioCSSVar } from "../../components-v3/tokens/aspectRatio/aspectRatio.js";
+import { AspectRatioCSSVar } from "../../tokens/aspectRatio/aspectRatio.js";
 
 //#region src/components/SocialProof/utils/functions.ts
 const calculateWidthImageGallery = (height, numberOfImagesInRow, numberOfImagesInColumn) => {

package/dist/Stack/Stack.d.cts

@@ -1,10 +1,10 @@
 import { StackProps } from "./types/index.cjs";
-import * as react175 from "react";
+import * as react2 from "react";
 
 //#region src/components/Stack/Stack.d.ts
 /**
  * Stack component for laying out children in a flexible container with gap.
  */
-declare const Stack: react175.ForwardRefExoticComponent<StackProps & react175.RefAttributes<HTMLDivElement>>;
+declare const Stack: react2.ForwardRefExoticComponent<StackProps & react2.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Stack };

package/dist/Stack/Stack.d.ts

@@ -1,10 +1,10 @@
 import { StackProps } from "./types/index.js";
-import * as react0 from "react";
+import * as react5 from "react";
 
 //#region src/components/Stack/Stack.d.ts
 /**
  * Stack component for laying out children in a flexible container with gap.
  */
-declare const Stack: react0.ForwardRefExoticComponent<StackProps & react0.RefAttributes<HTMLDivElement>>;
+declare const Stack: react5.ForwardRefExoticComponent<StackProps & react5.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Stack };

package/dist/TextField/TextField.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../tokens/theme/theme.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
 const require_index = require('./components/index.cjs');
 const require_useGetSkeletonProperties = require('./hooks/useGetSkeletonProperties.cjs');

package/dist/TextField/TextField.js

@@ -1,4 +1,4 @@
-import { Theme } from "../components-v3/tokens/theme/theme.js";
+import { Theme } from "../tokens/theme/theme.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
 import { TextFieldComponents } from "./components/index.js";
 import { useGetSkeletonProperties } from "./hooks/useGetSkeletonProperties.js";

package/dist/TextField/hooks/useGetContainerProperties.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 let react = require("react");
 
 //#region src/components/TextField/hooks/useGetContainerProperties.ts

package/dist/TextField/hooks/useGetContainerProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { useMemo } from "react";
 
 //#region src/components/TextField/hooks/useGetContainerProperties.ts

package/dist/TextField/types/index.d.cts

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.cjs";
+import { Theme } from "../../tokens/theme/theme.cjs";
 
 //#region src/components/TextField/types/index.d.ts
 type TextFieldProps = {

package/dist/TextField/types/index.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 
 //#region src/components/TextField/types/index.d.ts
 type TextFieldProps = {

package/dist/TextField/utils/getInputClasses.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 
 //#region src/components/TextField/utils/getInputClasses.ts
 /**

package/dist/TextField/utils/getInputClasses.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 
 //#region src/components/TextField/utils/getInputClasses.ts
 /**