@salesmind-ai/design-system 0.3.3 → 0.3.5

package/dist/{SectionShell-BfBw5q0Y.d.cts → SectionShell-GlglHCzz.d.cts}

@@ -8,6 +8,7 @@ interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title
 }
 declare const SectionHeader: React__default.ForwardRefExoticComponent<SectionHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
 interface SectionShellProps extends HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
     background?: 'default' | 'muted' | 'brand' | 'transparent';
     padding?: 'none' | 'sm' | 'md' | 'lg';
     containerSize?: 'sm' | 'md' | 'lg' | 'xl' | 'fluid';

package/dist/{SectionShell-BfBw5q0Y.d.ts → SectionShell-GlglHCzz.d.ts}

@@ -8,6 +8,7 @@ interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title
 }
 declare const SectionHeader: React__default.ForwardRefExoticComponent<SectionHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
 interface SectionShellProps extends HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
     background?: 'default' | 'muted' | 'brand' | 'transparent';
     padding?: 'none' | 'sm' | 'md' | 'lg';
     containerSize?: 'sm' | 'md' | 'lg' | 'xl' | 'fluid';

package/dist/StatsSection-B8iD9L-o.d.ts

@@ -0,0 +1,68 @@
+import React__default from 'react';
+import { c as SectionShellProps } from './SectionShell-GlglHCzz.js';
+
+interface HeroSectionProps extends Omit<SectionShellProps, 'title'> {
+    variant?: 'left' | 'center' | 'split';
+    title: React__default.ReactNode;
+    subtitle?: React__default.ReactNode;
+    eyebrow?: React__default.ReactNode;
+    primaryCta?: React__default.ReactNode;
+    secondaryCta?: React__default.ReactNode;
+    /** Main visual (Image, Video, or Component) */
+    media?: React__default.ReactNode;
+    /** Adds a browser-like header bar to the media container */
+    mediaBrowserFrame?: boolean;
+    /** Optional floating elements (e.g. SocialProof cards) over the media */
+    floatingElement?: React__default.ReactNode;
+    floatingPosition?: 'top-right' | 'bottom-left';
+    /** Background Visuals */
+    withGrid?: boolean;
+    withGlow?: boolean;
+    align?: 'left' | 'center';
+}
+declare const HeroSection: React__default.ForwardRefExoticComponent<HeroSectionProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface FeatureItem {
+    title: React__default.ReactNode;
+    description: React__default.ReactNode;
+    icon?: React__default.ReactNode;
+    media?: React__default.ReactNode;
+    step?: string | number;
+    cta?: React__default.ReactNode;
+}
+interface FeatureSectionProps extends Omit<SectionShellProps, 'title'> {
+    variant?: 'grid' | 'zigzag';
+    columns?: 2 | 3 | 4;
+    features: FeatureItem[];
+    title?: React__default.ReactNode;
+    subtitle?: React__default.ReactNode;
+    eyebrow?: React__default.ReactNode;
+    alignHeader?: 'left' | 'center' | 'right';
+}
+declare const FeatureSection: React__default.ForwardRefExoticComponent<FeatureSectionProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface CTASectionProps extends Omit<SectionShellProps, 'title'> {
+    variant?: 'center' | 'split' | 'boxed';
+    title: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    primaryCta?: React__default.ReactNode;
+    secondaryCta?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+}
+declare const CTASection: React__default.ForwardRefExoticComponent<CTASectionProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface StatItem {
+    label: string;
+    value: string | number;
+    suffix?: string;
+    prefix?: string;
+}
+interface StatsSectionProps extends Omit<SectionShellProps, 'title'> {
+    stats: StatItem[];
+    title?: React__default.ReactNode;
+    subtitle?: React__default.ReactNode;
+    eyebrow?: React__default.ReactNode;
+}
+declare const StatsSection: React__default.ForwardRefExoticComponent<StatsSectionProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { CTASection as C, type FeatureItem as F, HeroSection as H, type StatItem as S, type CTASectionProps as a, FeatureSection as b, type FeatureSectionProps as c, type HeroSectionProps as d, StatsSection as e, type StatsSectionProps as f };

package/dist/StatsSection-wgd8Vge1.d.cts

@@ -0,0 +1,68 @@
+import React__default from 'react';
+import { c as SectionShellProps } from './SectionShell-GlglHCzz.cjs';
+
+interface HeroSectionProps extends Omit<SectionShellProps, 'title'> {
+    variant?: 'left' | 'center' | 'split';
+    title: React__default.ReactNode;
+    subtitle?: React__default.ReactNode;
+    eyebrow?: React__default.ReactNode;
+    primaryCta?: React__default.ReactNode;
+    secondaryCta?: React__default.ReactNode;
+    /** Main visual (Image, Video, or Component) */
+    media?: React__default.ReactNode;
+    /** Adds a browser-like header bar to the media container */
+    mediaBrowserFrame?: boolean;
+    /** Optional floating elements (e.g. SocialProof cards) over the media */
+    floatingElement?: React__default.ReactNode;
+    floatingPosition?: 'top-right' | 'bottom-left';
+    /** Background Visuals */
+    withGrid?: boolean;
+    withGlow?: boolean;
+    align?: 'left' | 'center';
+}
+declare const HeroSection: React__default.ForwardRefExoticComponent<HeroSectionProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface FeatureItem {
+    title: React__default.ReactNode;
+    description: React__default.ReactNode;
+    icon?: React__default.ReactNode;
+    media?: React__default.ReactNode;
+    step?: string | number;
+    cta?: React__default.ReactNode;
+}
+interface FeatureSectionProps extends Omit<SectionShellProps, 'title'> {
+    variant?: 'grid' | 'zigzag';
+    columns?: 2 | 3 | 4;
+    features: FeatureItem[];
+    title?: React__default.ReactNode;
+    subtitle?: React__default.ReactNode;
+    eyebrow?: React__default.ReactNode;
+    alignHeader?: 'left' | 'center' | 'right';
+}
+declare const FeatureSection: React__default.ForwardRefExoticComponent<FeatureSectionProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface CTASectionProps extends Omit<SectionShellProps, 'title'> {
+    variant?: 'center' | 'split' | 'boxed';
+    title: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    primaryCta?: React__default.ReactNode;
+    secondaryCta?: React__default.ReactNode;
+    actions?: React__default.ReactNode;
+}
+declare const CTASection: React__default.ForwardRefExoticComponent<CTASectionProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface StatItem {
+    label: string;
+    value: string | number;
+    suffix?: string;
+    prefix?: string;
+}
+interface StatsSectionProps extends Omit<SectionShellProps, 'title'> {
+    stats: StatItem[];
+    title?: React__default.ReactNode;
+    subtitle?: React__default.ReactNode;
+    eyebrow?: React__default.ReactNode;
+}
+declare const StatsSection: React__default.ForwardRefExoticComponent<StatsSectionProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { CTASection as C, type FeatureItem as F, HeroSection as H, type StatItem as S, type CTASectionProps as a, FeatureSection as b, type FeatureSectionProps as c, type HeroSectionProps as d, StatsSection as e, type StatsSectionProps as f };

package/dist/blog/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkOLV7OD3X_cjs = require('../chunk-OLV7OD3X.cjs');
+var chunkLGNMFBLF_cjs = require('../chunk-LGNMFBLF.cjs');
 require('../chunk-ECXBTUH6.cjs');
 var chunkQ75DBVDY_cjs = require('../chunk-Q75DBVDY.cjs');
 require('../chunk-VC5LMUVQ.cjs');
 require('../chunk-VM7WFMKI.cjs');
-require('../chunk-IYPXJ6YC.cjs');
+require('../chunk-EM7JHRYW.cjs');
 require('../chunk-LJADZITX.cjs');
 require('../chunk-MDB2WCRQ.cjs');
 
@@ -13,47 +13,47 @@ require('../chunk-MDB2WCRQ.cjs');
 
 Object.defineProperty(exports, "ArticleCard", {
   enumerable: true,
-  get: function () { return chunkOLV7OD3X_cjs.ArticleCard; }
+  get: function () { return chunkLGNMFBLF_cjs.ArticleCard; }
 });
 Object.defineProperty(exports, "ArticleLayout", {
   enumerable: true,
-  get: function () { return chunkOLV7OD3X_cjs.ArticleLayout; }
+  get: function () { return chunkLGNMFBLF_cjs.ArticleLayout; }
 });
 Object.defineProperty(exports, "AuthorBio", {
   enumerable: true,
-  get: function () { return chunkOLV7OD3X_cjs.AuthorBio; }
+  get: function () { return chunkLGNMFBLF_cjs.AuthorBio; }
 });
 Object.defineProperty(exports, "DataHighlight", {
   enumerable: true,
-  get: function () { return chunkOLV7OD3X_cjs.DataHighlight; }
+  get: function () { return chunkLGNMFBLF_cjs.DataHighlight; }
 });
 Object.defineProperty(exports, "InsightCallout", {
   enumerable: true,
-  get: function () { return chunkOLV7OD3X_cjs.InsightCallout; }
+  get: function () { return chunkLGNMFBLF_cjs.InsightCallout; }
 });
 Object.defineProperty(exports, "LongFormLayout", {
   enumerable: true,
-  get: function () { return chunkOLV7OD3X_cjs.LongFormLayout; }
+  get: function () { return chunkLGNMFBLF_cjs.LongFormLayout; }
 });
 Object.defineProperty(exports, "ReadingProgress", {
   enumerable: true,
-  get: function () { return chunkOLV7OD3X_cjs.ReadingProgress; }
+  get: function () { return chunkLGNMFBLF_cjs.ReadingProgress; }
 });
 Object.defineProperty(exports, "RelatedContent", {
   enumerable: true,
-  get: function () { return chunkOLV7OD3X_cjs.RelatedContent; }
+  get: function () { return chunkLGNMFBLF_cjs.RelatedContent; }
 });
 Object.defineProperty(exports, "TableOfContents", {
   enumerable: true,
-  get: function () { return chunkOLV7OD3X_cjs.TableOfContents; }
+  get: function () { return chunkLGNMFBLF_cjs.TableOfContents; }
 });
 Object.defineProperty(exports, "VersionedSeriesNavigator", {
   enumerable: true,
-  get: function () { return chunkOLV7OD3X_cjs.VersionedSeriesNavigator; }
+  get: function () { return chunkLGNMFBLF_cjs.VersionedSeriesNavigator; }
 });
 Object.defineProperty(exports, "VersionedUpgradeAlert", {
   enumerable: true,
-  get: function () { return chunkOLV7OD3X_cjs.VersionedUpgradeAlert; }
+  get: function () { return chunkLGNMFBLF_cjs.VersionedUpgradeAlert; }
 });
 Object.defineProperty(exports, "BrowserFrame", {
   enumerable: true,

package/dist/blog/index.d.cts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { c as SectionShellProps } from '../SectionShell-BfBw5q0Y.cjs';
+import { c as SectionShellProps } from '../SectionShell-GlglHCzz.cjs';
 
 interface ArticleCardProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
     /** Target URL */

package/dist/blog/index.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { c as SectionShellProps } from '../SectionShell-BfBw5q0Y.js';
+import { c as SectionShellProps } from '../SectionShell-GlglHCzz.js';
 
 interface ArticleCardProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
     /** Target URL */

package/dist/blog/index.js

@@ -1,9 +1,9 @@
-export { ArticleCard, ArticleLayout, AuthorBio, DataHighlight, InsightCallout, LongFormLayout, ReadingProgress, RelatedContent, TableOfContents, VersionedSeriesNavigator, VersionedUpgradeAlert } from '../chunk-F6YYWMME.js';
+export { ArticleCard, ArticleLayout, AuthorBio, DataHighlight, InsightCallout, LongFormLayout, ReadingProgress, RelatedContent, TableOfContents, VersionedSeriesNavigator, VersionedUpgradeAlert } from '../chunk-2KQVZ5FB.js';
 import '../chunk-P5BOFE5A.js';
 export { BrowserFrame } from '../chunk-XWPDRMZG.js';
 import '../chunk-2GARWEJK.js';
 import '../chunk-Y3CPKNB7.js';
-import '../chunk-KBA2LFBG.js';
+import '../chunk-UFAJY2DM.js';
 import '../chunk-KJ2OXQF4.js';
 import '../chunk-HN4PHABT.js';
 //# sourceMappingURL=out.js.map

package/dist/charts/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkTEC62D4A_cjs = require('../chunk-TEC62D4A.cjs');
+var chunk6HKQ5ILL_cjs = require('../chunk-6HKQ5ILL.cjs');
 require('../chunk-Q2MFGYTE.cjs');
 require('../chunk-WH7PYHZY.cjs');
 
@@ -8,43 +8,43 @@ require('../chunk-WH7PYHZY.cjs');
 
 Object.defineProperty(exports, "BarChart", {
   enumerable: true,
-  get: function () { return chunkTEC62D4A_cjs.BarChart; }
+  get: function () { return chunk6HKQ5ILL_cjs.BarChart; }
 });
 Object.defineProperty(exports, "Chart", {
   enumerable: true,
-  get: function () { return chunkTEC62D4A_cjs.Chart; }
+  get: function () { return chunk6HKQ5ILL_cjs.Chart; }
 });
 Object.defineProperty(exports, "ChartContainer", {
   enumerable: true,
-  get: function () { return chunkTEC62D4A_cjs.ChartContainer; }
+  get: function () { return chunk6HKQ5ILL_cjs.ChartContainer; }
 });
 Object.defineProperty(exports, "ChartSwitchControl", {
   enumerable: true,
-  get: function () { return chunkTEC62D4A_cjs.ChartSwitchControl; }
+  get: function () { return chunk6HKQ5ILL_cjs.ChartSwitchControl; }
 });
 Object.defineProperty(exports, "FunnelChart", {
   enumerable: true,
-  get: function () { return chunkTEC62D4A_cjs.FunnelChart; }
+  get: function () { return chunk6HKQ5ILL_cjs.FunnelChart; }
 });
 Object.defineProperty(exports, "HeatmapChart", {
   enumerable: true,
-  get: function () { return chunkTEC62D4A_cjs.HeatmapChart; }
+  get: function () { return chunk6HKQ5ILL_cjs.HeatmapChart; }
 });
 Object.defineProperty(exports, "LineChart", {
   enumerable: true,
-  get: function () { return chunkTEC62D4A_cjs.LineChart; }
+  get: function () { return chunk6HKQ5ILL_cjs.LineChart; }
 });
 Object.defineProperty(exports, "MBTIRadar", {
   enumerable: true,
-  get: function () { return chunkTEC62D4A_cjs.MBTIRadar; }
+  get: function () { return chunk6HKQ5ILL_cjs.MBTIRadar; }
 });
 Object.defineProperty(exports, "MBTITypeGrid", {
   enumerable: true,
-  get: function () { return chunkTEC62D4A_cjs.MBTITypeGrid; }
+  get: function () { return chunk6HKQ5ILL_cjs.MBTITypeGrid; }
 });
 Object.defineProperty(exports, "PieChart", {
   enumerable: true,
-  get: function () { return chunkTEC62D4A_cjs.PieChart; }
+  get: function () { return chunk6HKQ5ILL_cjs.PieChart; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.cjs.map

package/dist/charts/index.js

@@ -1,4 +1,4 @@
-export { BarChart, Chart, ChartContainer, ChartSwitchControl, FunnelChart, HeatmapChart, LineChart, MBTIRadar, MBTITypeGrid, PieChart } from '../chunk-GUZIMHWS.js';
+export { BarChart, Chart, ChartContainer, ChartSwitchControl, FunnelChart, HeatmapChart, LineChart, MBTIRadar, MBTITypeGrid, PieChart } from '../chunk-RQUFZAZ7.js';
 import '../chunk-B6AVAX4F.js';
 import '../chunk-C2BCDNAV.js';
 //# sourceMappingURL=out.js.map

package/dist/{chunk-F6YYWMME.js → chunk-2KQVZ5FB.js}

@@ -1,7 +1,7 @@
 import { useMessage } from './chunk-P5BOFE5A.js';
 import { useAnalytics } from './chunk-2GARWEJK.js';
 import { Avatar, AvatarImage, AvatarFallback } from './chunk-Y3CPKNB7.js';
-import { SectionShell, SectionHeader } from './chunk-KBA2LFBG.js';
+import { SectionShell, SectionHeader } from './chunk-UFAJY2DM.js';
 import { OutboundLink } from './chunk-KJ2OXQF4.js';
 import React9, { forwardRef, useState, useEffect, useRef } from 'react';
 import clsx9 from 'clsx';
@@ -482,4 +482,4 @@ VersionedSeriesNavigator.displayName = "VersionedSeriesNavigator";
 
 export { ArticleCard, ArticleLayout, AuthorBio, DataHighlight, InsightCallout, LongFormLayout, ReadingProgress, RelatedContent, TableOfContents, VersionedSeriesNavigator, VersionedUpgradeAlert };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-F6YYWMME.js.map
+//# sourceMappingURL=chunk-2KQVZ5FB.js.map

package/dist/{chunk-LMJPWXTZ.cjs → chunk-2ZNR2F2V.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkMQRB634A_cjs = require('./chunk-MQRB634A.cjs');
-var chunkIYPXJ6YC_cjs = require('./chunk-IYPXJ6YC.cjs');
+var chunkEM7JHRYW_cjs = require('./chunk-EM7JHRYW.cjs');
 var chunkMDB2WCRQ_cjs = require('./chunk-MDB2WCRQ.cjs');
 var react = require('react');
 var clsx = require('clsx');
@@ -48,7 +48,7 @@ var HeroSection = react.forwardRef(
       floatingElement && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx__default.default("ds-hero__float", `ds-hero__float--${floatingPosition}`), children: floatingElement })
     ] });
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkIYPXJ6YC_cjs.SectionShell,
+      chunkEM7JHRYW_cjs.SectionShell,
       {
         ref,
         className: clsx__default.default(
@@ -124,8 +124,8 @@ var FeatureSection = react.forwardRef(
     className,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(chunkIYPXJ6YC_cjs.SectionShell, { ref, className: clsx__default.default("ds-feature-section", className), ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkIYPXJ6YC_cjs.SectionHeader, { title, subtitle, eyebrow, align: alignHeader }),
+    return /* @__PURE__ */ jsxRuntime.jsxs(chunkEM7JHRYW_cjs.SectionShell, { ref, className: clsx__default.default("ds-feature-section", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { title, subtitle, eyebrow, align: alignHeader }),
       variant === "grid" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx__default.default("ds-feature-grid", `ds-feature-grid--${columns}-col`), children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureCard, { item: feature }, index)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-feature-zigzag", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureRow, { item: feature }, index)) })
     ] });
   }
@@ -165,14 +165,14 @@ var CTASection = react.forwardRef(
       ] }),
       children
     ] });
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkIYPXJ6YC_cjs.SectionShell, { ref, className: clsx__default.default(className), ...props, children: isBoxed ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-cta-card", children: Content }) : Content });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionShell, { ref, className: clsx__default.default(className), ...props, children: isBoxed ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-cta-card", children: Content }) : Content });
   }
 );
 CTASection.displayName = "CTASection";
 var StatsSection = react.forwardRef(
   ({ stats, title, subtitle, eyebrow, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(chunkIYPXJ6YC_cjs.SectionShell, { ref, className: clsx__default.default("ds-stats-section", className), ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkIYPXJ6YC_cjs.SectionHeader, { title, subtitle, eyebrow }),
+    return /* @__PURE__ */ jsxRuntime.jsxs(chunkEM7JHRYW_cjs.SectionShell, { ref, className: clsx__default.default("ds-stats-section", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { title, subtitle, eyebrow }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-stats-grid", children: stats.map((stat, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-stat-card", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-stat-value", children: [
           stat.prefix,
@@ -191,4 +191,4 @@ exports.FeatureSection = FeatureSection;
 exports.HeroSection = HeroSection;
 exports.StatsSection = StatsSection;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-LMJPWXTZ.cjs.map
+//# sourceMappingURL=chunk-2ZNR2F2V.cjs.map

package/dist/{chunk-TEC62D4A.cjs → chunk-6HKQ5ILL.cjs}

@@ -1280,6 +1280,30 @@ var DIMENSION_LABELS = {
   TF: { left: "Thinking", right: "Feeling", full: "T/F" },
   JP: { left: "Judging", right: "Perceiving", full: "J/P" }
 };
+var CustomTooltip = ({ active, payload }) => {
+  if (!active || !payload?.length) return null;
+  const data = payload[0].payload;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-mbti-radar__tooltip", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-mbti-radar__tooltip-title", children: data.fullName }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "ds-mbti-radar__tooltip-value", children: [
+      data.leftLabel,
+      ": ",
+      100 - data.value,
+      "%"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "ds-mbti-radar__tooltip-value", children: [
+      data.rightLabel,
+      ": ",
+      data.value,
+      "%"
+    ] }),
+    data.comparison !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "ds-mbti-radar__tooltip-comparison", children: [
+      "Benchmark: ",
+      data.comparison,
+      "%"
+    ] })
+  ] });
+};
 function MBTIRadar({
   dimensions,
   sampleSize,
@@ -1329,33 +1353,7 @@ function MBTIRadar({
       ) })
     ] });
   }
-  const CustomTooltip = ({
-    active,
-    payload
-  }) => {
-    if (!active || !payload?.length) return null;
-    const data = payload[0].payload;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-mbti-radar__tooltip", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-mbti-radar__tooltip-title", children: data.fullName }),
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "ds-mbti-radar__tooltip-value", children: [
-        data.leftLabel,
-        ": ",
-        100 - data.value,
-        "%"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "ds-mbti-radar__tooltip-value", children: [
-        data.rightLabel,
-        ": ",
-        data.value,
-        "%"
-      ] }),
-      data.comparison !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "ds-mbti-radar__tooltip-comparison", children: [
-        "Benchmark: ",
-        data.comparison,
-        "%"
-      ] })
-    ] });
-  };
+  const isTesting = typeof process !== "undefined" && (process.env.NODE_ENV === "test" || process.env.STORYBOOK_A11Y === "true");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx7__default.default("ds-mbti-radar", className), children: [
     (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "ds-mbti-radar__header", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-mbti-radar__header-text", children: [
@@ -1397,7 +1395,8 @@ function MBTIRadar({
           stroke: "var(--brand-pink)",
           fill: "var(--brand-pink)",
           fillOpacity: 0.3,
-          strokeWidth: 2
+          strokeWidth: 2,
+          isAnimationActive: !isTesting
         }
       ),
       comparison && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1409,7 +1408,8 @@ function MBTIRadar({
           fill: "var(--brand-yellow)",
           fillOpacity: 0.1,
           strokeWidth: 2,
-          strokeDasharray: "5 5"
+          strokeDasharray: "5 5",
+          isAnimationActive: !isTesting
         }
       ),
       showValues && /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: /* @__PURE__ */ jsxRuntime.jsx(CustomTooltip, {}) }),
@@ -1621,4 +1621,4 @@ exports.MBTIRadar = MBTIRadar;
 exports.MBTITypeGrid = MBTITypeGrid;
 exports.PieChart = PieChart;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-TEC62D4A.cjs.map
+//# sourceMappingURL=chunk-6HKQ5ILL.cjs.map