@tenerife.music/ui 1.2.1 → 2.0.0

package/dist/theme/index.cjs

@@ -592,7 +592,7 @@ var tailwindThemeColors = {
 };
 
 // src/FOUNDATION/tokens/motion/v2.ts
-var motionV2Durations = {
+var motionDurations = {
   fast: "150ms",
   // Quick interactions
   normal: "250ms",
@@ -602,7 +602,7 @@ var motionV2Durations = {
   reduced: "0ms"
   // For prefers-reduced-motion
 };
-var motionV2Easings = {
+var motionEasings = {
   soft: "cubic-bezier(0.22, 1, 0.36, 1)",
   // Gentle, smooth
   standard: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -610,141 +610,29 @@ var motionV2Easings = {
   emphasized: "cubic-bezier(0.2, 0, 0, 1)"
   // Strong, decisive
 };
-var motionV2Transitions = {
-  fast: `${motionV2Durations.fast} ${motionV2Easings.standard}`,
-  normal: `${motionV2Durations.normal} ${motionV2Easings.standard}`,
-  slow: `${motionV2Durations.slow} ${motionV2Easings.emphasized}`,
-  soft: `${motionV2Durations.normal} ${motionV2Easings.soft}`,
-  reduced: `${motionV2Durations.reduced} linear`
-};
-var motionV2CSSVariables = {
-  // Durations
-  "--motion-duration-fast": motionV2Durations.fast,
-  "--motion-duration-normal": motionV2Durations.normal,
-  "--motion-duration-slow": motionV2Durations.slow,
-  "--motion-duration-reduced": motionV2Durations.reduced,
-  // Easings
-  "--motion-easing-soft": motionV2Easings.soft,
-  "--motion-easing-standard": motionV2Easings.standard,
-  "--motion-easing-emphasized": motionV2Easings.emphasized,
-  // Transitions
-  "--motion-transition-fast": motionV2Transitions.fast,
-  "--motion-transition-normal": motionV2Transitions.normal,
-  "--motion-transition-slow": motionV2Transitions.slow,
-  "--motion-transition-soft": motionV2Transitions.soft,
-  "--motion-transition-reduced": motionV2Transitions.reduced
-};
-
-// src/FOUNDATION/tokens/motion.ts
-var durations = {
-  instant: "0ms",
-  fast: "150ms",
-  // 1.5 × base (quick interactions)
-  normal: "300ms",
-  // 3 × base (default)
-  slow: "500ms",
-  // 5 × base (emphasized)
-  slower: "700ms",
-  // 7 × base (very emphasized)
-  slowest: "1000ms",
-  // 10 × base (maximum emphasis)
-  // Additional granular durations
-  "75": "75ms",
-  // Ultra-fast
-  "100": "100ms",
-  // Base unit
-  "200": "200ms",
-  // Fast-normal
-  "250": "250ms",
-  // Between fast and normal
-  "400": "400ms",
-  // Between normal and slow
-  "600": "600ms",
-  // Between slow and slower
-  "800": "800ms"
-  // Between slower and slowest
-};
-var easings = {
-  // Linear (no easing)
-  linear: "linear",
-  // Ease-in (accelerate) - cubic-bezier
-  "ease-in": "cubic-bezier(0.4, 0, 1, 1)",
-  // Ease-out (decelerate) - recommended for most UI - cubic-bezier
-  "ease-out": "cubic-bezier(0, 0, 0.2, 1)",
-  // Ease-in-out (accelerate and decelerate)
-  "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
-  // Advanced easing functions
-  bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
-  elastic: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
-  // Material Design easing
-  "ease-out-cubic": "cubic-bezier(0.215, 0.61, 0.355, 1)",
-  "ease-in-cubic": "cubic-bezier(0.55, 0.055, 0.675, 0.19)",
-  "ease-in-out-cubic": "cubic-bezier(0.645, 0.045, 0.355, 1)"
-};
-var transitions = {
-  // Fast transitions (quick interactions)
-  fast: `${durations.fast} ${easings["ease-out"]}`,
-  "fast-in": `${durations.fast} ${easings["ease-in"]}`,
-  "fast-out": `${durations.fast} ${easings["ease-out"]}`,
-  "fast-in-out": `${durations.fast} ${easings["ease-in-out"]}`,
-  // Normal transitions (default)
-  normal: `${durations.normal} ${easings["ease-in-out"]}`,
-  "normal-in": `${durations.normal} ${easings["ease-in"]}`,
-  "normal-out": `${durations.normal} ${easings["ease-out"]}`,
-  "normal-in-out": `${durations.normal} ${easings["ease-in-out"]}`,
-  // Slow transitions (emphasized)
-  slow: `${durations.slow} ${easings["ease-in-out"]}`,
-  "slow-in": `${durations.slow} ${easings["ease-in"]}`,
-  "slow-out": `${durations.slow} ${easings["ease-out"]}`,
-  "slow-in-out": `${durations.slow} ${easings["ease-in-out"]}`,
-  // Special transitions
-  bounce: `${durations.normal} ${easings.bounce}`,
-  elastic: `${durations.slow} ${easings.elastic}`,
-  // Default (normal)
-  DEFAULT: `${durations.normal} ${easings["ease-in-out"]}`
+var motionTransitions = {
+  fast: `${motionDurations.fast} ${motionEasings.standard}`,
+  normal: `${motionDurations.normal} ${motionEasings.standard}`,
+  slow: `${motionDurations.slow} ${motionEasings.emphasized}`,
+  soft: `${motionDurations.normal} ${motionEasings.soft}`,
+  reduced: `${motionDurations.reduced} linear`
 };
 var motionCSSVariables = {
   // Durations
-  "--duration-instant": durations.instant,
-  "--duration-fast": durations.fast,
-  "--duration-normal": durations.normal,
-  "--duration-slow": durations.slow,
-  "--duration-slower": durations.slower,
-  "--duration-slowest": durations.slowest,
-  // Additional granular durations
-  "--duration-75": durations["75"],
-  "--duration-100": durations["100"],
-  "--duration-200": durations["200"],
-  "--duration-250": durations["250"],
-  "--duration-400": durations["400"],
-  "--duration-600": durations["600"],
-  "--duration-800": durations["800"],
+  "--motion-duration-fast": motionDurations.fast,
+  "--motion-duration-normal": motionDurations.normal,
+  "--motion-duration-slow": motionDurations.slow,
+  "--motion-duration-reduced": motionDurations.reduced,
   // Easings
-  "--ease-linear": easings.linear,
-  "--ease-in": easings["ease-in"],
-  "--ease-out": easings["ease-out"],
-  "--ease-in-out": easings["ease-in-out"],
-  "--ease-bounce": easings.bounce,
-  "--ease-elastic": easings.elastic,
-  "--ease-out-cubic": easings["ease-out-cubic"],
-  "--ease-in-cubic": easings["ease-in-cubic"],
-  "--ease-in-out-cubic": easings["ease-in-out-cubic"],
+  "--motion-easing-soft": motionEasings.soft,
+  "--motion-easing-standard": motionEasings.standard,
+  "--motion-easing-emphasized": motionEasings.emphasized,
   // Transitions
-  "--transition-fast": transitions.fast,
-  "--transition-normal": transitions.normal,
-  "--transition-slow": transitions.slow,
-  "--transition-default": transitions.DEFAULT,
-  "--transition-fast-in": transitions["fast-in"],
-  "--transition-fast-out": transitions["fast-out"],
-  "--transition-fast-in-out": transitions["fast-in-out"],
-  "--transition-normal-in": transitions["normal-in"],
-  "--transition-normal-out": transitions["normal-out"],
-  "--transition-normal-in-out": transitions["normal-in-out"],
-  "--transition-slow-in": transitions["slow-in"],
-  "--transition-slow-out": transitions["slow-out"],
-  "--transition-slow-in-out": transitions["slow-in-out"],
-  "--transition-bounce": transitions.bounce,
-  "--transition-elastic": transitions.elastic
+  "--motion-transition-fast": motionTransitions.fast,
+  "--motion-transition-normal": motionTransitions.normal,
+  "--motion-transition-slow": motionTransitions.slow,
+  "--motion-transition-soft": motionTransitions.soft,
+  "--motion-transition-reduced": motionTransitions.reduced
 };
 
 // src/FOUNDATION/tokens/radius.ts
@@ -2848,21 +2736,6 @@ function updateCSSVariablesFromTokens(mode) {
     console.error("[Theme] Failed to get merged tokens:", error);
     return;
   }
-  const secondary800 = tokens.secondaryColors[800];
-  fetch("http://127.0.0.1:7243/ingest/ff5d1e20-0815-4ca0-af82-fcbd3cfa35b1", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      location: "applyMode.ts:188",
-      message: "tokens retrieved",
-      data: { hasTokens: !!tokens, secondary800, hasSecondary800: !!secondary800 },
-      timestamp: Date.now(),
-      sessionId: "debug-session",
-      runId: "run1",
-      hypothesisId: "B"
-    })
-  }).catch(() => {
-  });
   const {
     primaryColors: primaryColors2,
     accentColors: accentColors2,
@@ -3024,13 +2897,6 @@ function updateCSSVariablesFromTokens(mode) {
   } catch (error) {
     console.error("[Theme] Failed to set motion CSS variables:", error);
   }
-  try {
-    Object.entries(motionV2CSSVariables).forEach(([key, value]) => {
-      root.style.setProperty(key, value);
-    });
-  } catch (error) {
-    console.error("[Theme] Failed to set motion V2 CSS variables:", error);
-  }
   try {
     Object.entries(radiusCSSVariables).forEach(([key, value]) => {
       root.style.setProperty(key, value);
@@ -3615,23 +3481,6 @@ function ThemeProvider({
     }
   }, [reduceMotionOverride, enableAnimationsOverride]);
   React__default.default.useEffect(() => {
-    if (typeof document !== "undefined" && document.documentElement) {
-      const beforeApply = document.documentElement.style.getPropertyValue("--tm-primary");
-      fetch("http://127.0.0.1:7243/ingest/ff5d1e20-0815-4ca0-af82-fcbd3cfa35b1", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          location: "ThemeProvider.tsx:281",
-          message: "ThemeProvider useEffect before applyDocumentTheme",
-          data: { beforeValue: beforeApply, hasValue: !!beforeApply },
-          timestamp: Date.now(),
-          sessionId: "debug-session",
-          runId: "run1",
-          hypothesisId: "C"
-        })
-      }).catch(() => {
-      });
-    }
     const initialMode = getInitialMode(defaultMode, storageKey, enableSystem);
     const initialTheme = getInitialTheme(defaultTheme2, themeStorageKey);
     const initialBrand = getInitialBrand(defaultBrand, brandStorageKey);
@@ -3639,27 +3488,6 @@ function ThemeProvider({
     setThemeState(initialTheme);
     setBrandState(initialBrand);
     applyDocumentTheme(initialMode, initialTheme, initialBrand);
-    if (typeof document !== "undefined" && document.documentElement) {
-      setTimeout(() => {
-        if (typeof document !== "undefined" && document.documentElement) {
-          const afterApply = document.documentElement.style.getPropertyValue("--tm-primary");
-          fetch("http://127.0.0.1:7243/ingest/ff5d1e20-0815-4ca0-af82-fcbd3cfa35b1", {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({
-              location: "ThemeProvider.tsx:289",
-              message: "ThemeProvider useEffect after applyDocumentTheme",
-              data: { afterValue: afterApply, hasValue: !!afterApply },
-              timestamp: Date.now(),
-              sessionId: "debug-session",
-              runId: "run1",
-              hypothesisId: "C"
-            })
-          }).catch(() => {
-          });
-        }
-      }, 100);
-    }
     persistMode(initialMode, storageKey);
     persistTheme(initialTheme, themeStorageKey);
     persistBrand(initialBrand, brandStorageKey);
@@ -3688,45 +3516,7 @@ function ThemeProvider({
     return () => mediaQuery.removeEventListener("change", handleChange);
   }, [enableSystem, storageKey, setMode]);
   React__default.default.useEffect(() => {
-    if (typeof document !== "undefined" && document.documentElement) {
-      const beforeChange = document.documentElement.style.getPropertyValue("--tm-primary");
-      fetch("http://127.0.0.1:7243/ingest/ff5d1e20-0815-4ca0-af82-fcbd3cfa35b1", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          location: "ThemeProvider.tsx:325",
-          message: "ThemeProvider useEffect mode/theme/brand change",
-          data: { mode, theme, brand, beforeValue: beforeChange, hasValue: !!beforeChange },
-          timestamp: Date.now(),
-          sessionId: "debug-session",
-          runId: "run1",
-          hypothesisId: "C"
-        })
-      }).catch(() => {
-      });
-    }
     applyDocumentTheme(mode, theme, brand);
-    if (typeof document !== "undefined" && document.documentElement) {
-      setTimeout(() => {
-        if (typeof document !== "undefined" && document.documentElement) {
-          const afterChange = document.documentElement.style.getPropertyValue("--tm-primary");
-          fetch("http://127.0.0.1:7243/ingest/ff5d1e20-0815-4ca0-af82-fcbd3cfa35b1", {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({
-              location: "ThemeProvider.tsx:327",
-              message: "ThemeProvider useEffect after applyDocumentTheme change",
-              data: { afterValue: afterChange, hasValue: !!afterChange },
-              timestamp: Date.now(),
-              sessionId: "debug-session",
-              runId: "run1",
-              hypothesisId: "C"
-            })
-          }).catch(() => {
-          });
-        }
-      }, 100);
-    }
   }, [mode, theme, brand]);
   const value = React__default.default.useMemo(
     () => ({

package/dist/theme/index.mjs

@@ -586,7 +586,7 @@ var tailwindThemeColors = {
 };
 
 // src/FOUNDATION/tokens/motion/v2.ts
-var motionV2Durations = {
+var motionDurations = {
   fast: "150ms",
   // Quick interactions
   normal: "250ms",
@@ -596,7 +596,7 @@ var motionV2Durations = {
   reduced: "0ms"
   // For prefers-reduced-motion
 };
-var motionV2Easings = {
+var motionEasings = {
   soft: "cubic-bezier(0.22, 1, 0.36, 1)",
   // Gentle, smooth
   standard: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -604,141 +604,29 @@ var motionV2Easings = {
   emphasized: "cubic-bezier(0.2, 0, 0, 1)"
   // Strong, decisive
 };
-var motionV2Transitions = {
-  fast: `${motionV2Durations.fast} ${motionV2Easings.standard}`,
-  normal: `${motionV2Durations.normal} ${motionV2Easings.standard}`,
-  slow: `${motionV2Durations.slow} ${motionV2Easings.emphasized}`,
-  soft: `${motionV2Durations.normal} ${motionV2Easings.soft}`,
-  reduced: `${motionV2Durations.reduced} linear`
-};
-var motionV2CSSVariables = {
-  // Durations
-  "--motion-duration-fast": motionV2Durations.fast,
-  "--motion-duration-normal": motionV2Durations.normal,
-  "--motion-duration-slow": motionV2Durations.slow,
-  "--motion-duration-reduced": motionV2Durations.reduced,
-  // Easings
-  "--motion-easing-soft": motionV2Easings.soft,
-  "--motion-easing-standard": motionV2Easings.standard,
-  "--motion-easing-emphasized": motionV2Easings.emphasized,
-  // Transitions
-  "--motion-transition-fast": motionV2Transitions.fast,
-  "--motion-transition-normal": motionV2Transitions.normal,
-  "--motion-transition-slow": motionV2Transitions.slow,
-  "--motion-transition-soft": motionV2Transitions.soft,
-  "--motion-transition-reduced": motionV2Transitions.reduced
-};
-
-// src/FOUNDATION/tokens/motion.ts
-var durations = {
-  instant: "0ms",
-  fast: "150ms",
-  // 1.5 × base (quick interactions)
-  normal: "300ms",
-  // 3 × base (default)
-  slow: "500ms",
-  // 5 × base (emphasized)
-  slower: "700ms",
-  // 7 × base (very emphasized)
-  slowest: "1000ms",
-  // 10 × base (maximum emphasis)
-  // Additional granular durations
-  "75": "75ms",
-  // Ultra-fast
-  "100": "100ms",
-  // Base unit
-  "200": "200ms",
-  // Fast-normal
-  "250": "250ms",
-  // Between fast and normal
-  "400": "400ms",
-  // Between normal and slow
-  "600": "600ms",
-  // Between slow and slower
-  "800": "800ms"
-  // Between slower and slowest
-};
-var easings = {
-  // Linear (no easing)
-  linear: "linear",
-  // Ease-in (accelerate) - cubic-bezier
-  "ease-in": "cubic-bezier(0.4, 0, 1, 1)",
-  // Ease-out (decelerate) - recommended for most UI - cubic-bezier
-  "ease-out": "cubic-bezier(0, 0, 0.2, 1)",
-  // Ease-in-out (accelerate and decelerate)
-  "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
-  // Advanced easing functions
-  bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
-  elastic: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
-  // Material Design easing
-  "ease-out-cubic": "cubic-bezier(0.215, 0.61, 0.355, 1)",
-  "ease-in-cubic": "cubic-bezier(0.55, 0.055, 0.675, 0.19)",
-  "ease-in-out-cubic": "cubic-bezier(0.645, 0.045, 0.355, 1)"
-};
-var transitions = {
-  // Fast transitions (quick interactions)
-  fast: `${durations.fast} ${easings["ease-out"]}`,
-  "fast-in": `${durations.fast} ${easings["ease-in"]}`,
-  "fast-out": `${durations.fast} ${easings["ease-out"]}`,
-  "fast-in-out": `${durations.fast} ${easings["ease-in-out"]}`,
-  // Normal transitions (default)
-  normal: `${durations.normal} ${easings["ease-in-out"]}`,
-  "normal-in": `${durations.normal} ${easings["ease-in"]}`,
-  "normal-out": `${durations.normal} ${easings["ease-out"]}`,
-  "normal-in-out": `${durations.normal} ${easings["ease-in-out"]}`,
-  // Slow transitions (emphasized)
-  slow: `${durations.slow} ${easings["ease-in-out"]}`,
-  "slow-in": `${durations.slow} ${easings["ease-in"]}`,
-  "slow-out": `${durations.slow} ${easings["ease-out"]}`,
-  "slow-in-out": `${durations.slow} ${easings["ease-in-out"]}`,
-  // Special transitions
-  bounce: `${durations.normal} ${easings.bounce}`,
-  elastic: `${durations.slow} ${easings.elastic}`,
-  // Default (normal)
-  DEFAULT: `${durations.normal} ${easings["ease-in-out"]}`
+var motionTransitions = {
+  fast: `${motionDurations.fast} ${motionEasings.standard}`,
+  normal: `${motionDurations.normal} ${motionEasings.standard}`,
+  slow: `${motionDurations.slow} ${motionEasings.emphasized}`,
+  soft: `${motionDurations.normal} ${motionEasings.soft}`,
+  reduced: `${motionDurations.reduced} linear`
 };
 var motionCSSVariables = {
   // Durations
-  "--duration-instant": durations.instant,
-  "--duration-fast": durations.fast,
-  "--duration-normal": durations.normal,
-  "--duration-slow": durations.slow,
-  "--duration-slower": durations.slower,
-  "--duration-slowest": durations.slowest,
-  // Additional granular durations
-  "--duration-75": durations["75"],
-  "--duration-100": durations["100"],
-  "--duration-200": durations["200"],
-  "--duration-250": durations["250"],
-  "--duration-400": durations["400"],
-  "--duration-600": durations["600"],
-  "--duration-800": durations["800"],
+  "--motion-duration-fast": motionDurations.fast,
+  "--motion-duration-normal": motionDurations.normal,
+  "--motion-duration-slow": motionDurations.slow,
+  "--motion-duration-reduced": motionDurations.reduced,
   // Easings
-  "--ease-linear": easings.linear,
-  "--ease-in": easings["ease-in"],
-  "--ease-out": easings["ease-out"],
-  "--ease-in-out": easings["ease-in-out"],
-  "--ease-bounce": easings.bounce,
-  "--ease-elastic": easings.elastic,
-  "--ease-out-cubic": easings["ease-out-cubic"],
-  "--ease-in-cubic": easings["ease-in-cubic"],
-  "--ease-in-out-cubic": easings["ease-in-out-cubic"],
+  "--motion-easing-soft": motionEasings.soft,
+  "--motion-easing-standard": motionEasings.standard,
+  "--motion-easing-emphasized": motionEasings.emphasized,
   // Transitions
-  "--transition-fast": transitions.fast,
-  "--transition-normal": transitions.normal,
-  "--transition-slow": transitions.slow,
-  "--transition-default": transitions.DEFAULT,
-  "--transition-fast-in": transitions["fast-in"],
-  "--transition-fast-out": transitions["fast-out"],
-  "--transition-fast-in-out": transitions["fast-in-out"],
-  "--transition-normal-in": transitions["normal-in"],
-  "--transition-normal-out": transitions["normal-out"],
-  "--transition-normal-in-out": transitions["normal-in-out"],
-  "--transition-slow-in": transitions["slow-in"],
-  "--transition-slow-out": transitions["slow-out"],
-  "--transition-slow-in-out": transitions["slow-in-out"],
-  "--transition-bounce": transitions.bounce,
-  "--transition-elastic": transitions.elastic
+  "--motion-transition-fast": motionTransitions.fast,
+  "--motion-transition-normal": motionTransitions.normal,
+  "--motion-transition-slow": motionTransitions.slow,
+  "--motion-transition-soft": motionTransitions.soft,
+  "--motion-transition-reduced": motionTransitions.reduced
 };
 
 // src/FOUNDATION/tokens/radius.ts
@@ -2842,21 +2730,6 @@ function updateCSSVariablesFromTokens(mode) {
     console.error("[Theme] Failed to get merged tokens:", error);
     return;
   }
-  const secondary800 = tokens.secondaryColors[800];
-  fetch("http://127.0.0.1:7243/ingest/ff5d1e20-0815-4ca0-af82-fcbd3cfa35b1", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      location: "applyMode.ts:188",
-      message: "tokens retrieved",
-      data: { hasTokens: !!tokens, secondary800, hasSecondary800: !!secondary800 },
-      timestamp: Date.now(),
-      sessionId: "debug-session",
-      runId: "run1",
-      hypothesisId: "B"
-    })
-  }).catch(() => {
-  });
   const {
     primaryColors: primaryColors2,
     accentColors: accentColors2,
@@ -3018,13 +2891,6 @@ function updateCSSVariablesFromTokens(mode) {
   } catch (error) {
     console.error("[Theme] Failed to set motion CSS variables:", error);
   }
-  try {
-    Object.entries(motionV2CSSVariables).forEach(([key, value]) => {
-      root.style.setProperty(key, value);
-    });
-  } catch (error) {
-    console.error("[Theme] Failed to set motion V2 CSS variables:", error);
-  }
   try {
     Object.entries(radiusCSSVariables).forEach(([key, value]) => {
       root.style.setProperty(key, value);
@@ -3609,23 +3475,6 @@ function ThemeProvider({
     }
   }, [reduceMotionOverride, enableAnimationsOverride]);
   React.useEffect(() => {
-    if (typeof document !== "undefined" && document.documentElement) {
-      const beforeApply = document.documentElement.style.getPropertyValue("--tm-primary");
-      fetch("http://127.0.0.1:7243/ingest/ff5d1e20-0815-4ca0-af82-fcbd3cfa35b1", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          location: "ThemeProvider.tsx:281",
-          message: "ThemeProvider useEffect before applyDocumentTheme",
-          data: { beforeValue: beforeApply, hasValue: !!beforeApply },
-          timestamp: Date.now(),
-          sessionId: "debug-session",
-          runId: "run1",
-          hypothesisId: "C"
-        })
-      }).catch(() => {
-      });
-    }
     const initialMode = getInitialMode(defaultMode, storageKey, enableSystem);
     const initialTheme = getInitialTheme(defaultTheme2, themeStorageKey);
     const initialBrand = getInitialBrand(defaultBrand, brandStorageKey);
@@ -3633,27 +3482,6 @@ function ThemeProvider({
     setThemeState(initialTheme);
     setBrandState(initialBrand);
     applyDocumentTheme(initialMode, initialTheme, initialBrand);
-    if (typeof document !== "undefined" && document.documentElement) {
-      setTimeout(() => {
-        if (typeof document !== "undefined" && document.documentElement) {
-          const afterApply = document.documentElement.style.getPropertyValue("--tm-primary");
-          fetch("http://127.0.0.1:7243/ingest/ff5d1e20-0815-4ca0-af82-fcbd3cfa35b1", {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({
-              location: "ThemeProvider.tsx:289",
-              message: "ThemeProvider useEffect after applyDocumentTheme",
-              data: { afterValue: afterApply, hasValue: !!afterApply },
-              timestamp: Date.now(),
-              sessionId: "debug-session",
-              runId: "run1",
-              hypothesisId: "C"
-            })
-          }).catch(() => {
-          });
-        }
-      }, 100);
-    }
     persistMode(initialMode, storageKey);
     persistTheme(initialTheme, themeStorageKey);
     persistBrand(initialBrand, brandStorageKey);
@@ -3682,45 +3510,7 @@ function ThemeProvider({
     return () => mediaQuery.removeEventListener("change", handleChange);
   }, [enableSystem, storageKey, setMode]);
   React.useEffect(() => {
-    if (typeof document !== "undefined" && document.documentElement) {
-      const beforeChange = document.documentElement.style.getPropertyValue("--tm-primary");
-      fetch("http://127.0.0.1:7243/ingest/ff5d1e20-0815-4ca0-af82-fcbd3cfa35b1", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          location: "ThemeProvider.tsx:325",
-          message: "ThemeProvider useEffect mode/theme/brand change",
-          data: { mode, theme, brand, beforeValue: beforeChange, hasValue: !!beforeChange },
-          timestamp: Date.now(),
-          sessionId: "debug-session",
-          runId: "run1",
-          hypothesisId: "C"
-        })
-      }).catch(() => {
-      });
-    }
     applyDocumentTheme(mode, theme, brand);
-    if (typeof document !== "undefined" && document.documentElement) {
-      setTimeout(() => {
-        if (typeof document !== "undefined" && document.documentElement) {
-          const afterChange = document.documentElement.style.getPropertyValue("--tm-primary");
-          fetch("http://127.0.0.1:7243/ingest/ff5d1e20-0815-4ca0-af82-fcbd3cfa35b1", {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({
-              location: "ThemeProvider.tsx:327",
-              message: "ThemeProvider useEffect after applyDocumentTheme change",
-              data: { afterValue: afterChange, hasValue: !!afterChange },
-              timestamp: Date.now(),
-              sessionId: "debug-session",
-              runId: "run1",
-              hypothesisId: "C"
-            })
-          }).catch(() => {
-          });
-        }
-      }, 100);
-    }
   }, [mode, theme, brand]);
   const value = React.useMemo(
     () => ({