@app-studio/web 0.9.73 → 0.9.76

package/dist/web.esm.js

@@ -17048,90 +17048,6 @@ var TitleSizes = {
   lg: 64,
   xl: 72
 };
-/**
- * Responsive typography system that maps title sizes to responsive breakpoints
- * Based on the Typography system with dynamic breakpoint sizing
- */
-var ResponsiveTypography = {
-  // xl maps to H1 - Largest heading
-  xl: {
-    fontWeight: 500,
-    letterSpacing: 1.25,
-    media: {
-      mobile: {
-        fontSize: 60
-      },
-      tablet: {
-        fontSize: 60
-      },
-      desktop: {
-        fontSize: 96
-      }
-    }
-  },
-  // lg maps to H2 - Large heading
-  lg: {
-    fontWeight: 500,
-    media: {
-      mobile: {
-        fontSize: 48
-      },
-      tablet: {
-        fontSize: 48
-      },
-      desktop: {
-        fontSize: 70
-      }
-    }
-  },
-  // md maps to H3 - Medium heading
-  md: {
-    fontWeight: 500,
-    media: {
-      mobile: {
-        fontSize: 32
-      },
-      tablet: {
-        fontSize: 40
-      },
-      desktop: {
-        fontSize: 56
-      }
-    }
-  },
-  // sm maps to T1 - Title text
-  sm: {
-    fontWeight: 400,
-    letterSpacing: -0.2,
-    media: {
-      mobile: {
-        fontSize: 20
-      },
-      tablet: {
-        fontSize: 24
-      },
-      desktop: {
-        fontSize: 32
-      }
-    }
-  },
-  // xs maps to S1 - Subtitle text
-  xs: {
-    fontWeight: 400,
-    letterSpacing: -0.2,
-    media: {
-      mobile: {
-        fontSize: 14
-      },
-      tablet: {
-        fontSize: 18
-      },
-      desktop: {
-        fontSize: 20
-      }
-    }
-  }
-};
 /**
  * Default styles for different highlight types
  */
@@ -17354,7 +17270,8 @@ var SlideEffect = _ref => {
     position: 'relative',
     overflow: 'hidden',
     verticalAlign: 'bottom',
-    whiteSpace: 'nowrap'
+    whiteSpace: 'nowrap',
+    lineHeight: 'normal'
   }, textStyle), [textStyle]);
   // Word row container style
   var wordRowStyle = useMemo(() => ({
@@ -17431,7 +17348,7 @@ var SlideEffect = _ref => {
   })));
 };
 
-var _excluded$$ = ["children", "highlightText", "highlightStyle", "highlightColor", "highlightSecondaryColor", "size", "responsive", "views", "highlightAnimate", "animate", "animationLoop", "highlightAnimationLoop", "highlightTypewriter", "highlightTypewriterDuration", "highlightSlide", "highlightSlideDuration", "highlightSlideStagger", "highlightSlideSequential", "themeMode", "textComponent"];
+var _excluded$$ = ["children", "highlightText", "highlightStyle", "highlightColor", "highlightSecondaryColor", "size", "views", "highlightAnimate", "animate", "animationLoop", "highlightAnimationLoop", "highlightTypewriter", "highlightTypewriterDuration", "highlightSlide", "highlightSlideDuration", "highlightSlideStagger", "highlightSlideSequential", "themeMode", "textComponent"];
 function escapeRegExp(string) {
   return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 }
@@ -17443,7 +17360,6 @@ var TitleView = _ref => {
       highlightColor = 'theme.primary',
       highlightSecondaryColor,
       size = 'lg',
-      responsive = true,
       views,
       highlightAnimate,
       animate,
@@ -17511,10 +17427,7 @@ var TitleView = _ref => {
     highlightSlideSequential
   }, props));
   var TextComponent = textComponent || Text;
-  // Common style calculations
-  var useResponsive = responsive && !props.media;
   var fontSize = TitleSizes[size];
-  var responsiveStyles = useResponsive ? ResponsiveTypography[size] : null;
   // Highlight style props
   var highlightProps = HighlightStyles[highlightStyle](resolvedHighlightColor, resolvedHighlightSecondaryColor);
   // Apply loop control to animations
@@ -17539,10 +17452,7 @@ var TitleView = _ref => {
     animate: inView ? controlledAnimate : undefined
   }, !textComponent && {
     as: 'h1',
-    fontSize: useResponsive ? undefined : fontSize,
-    fontWeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.fontWeight : 'bold',
-    letterSpacing: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.letterSpacing : undefined,
-    media: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.media : undefined
+    fontSize
   });
   // Render highlighted text content (typewriter, slide, or plain)
   var renderHighlightedContent = content => {
@@ -17570,8 +17480,7 @@ var TitleView = _ref => {
         stagger: stateHighlightSlideStagger,
         sequential: stateHighlightSlideSequential,
         direction: "up",
-        fontSize: useResponsive ? undefined : fontSize,
-        fontWeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.fontWeight : 'bold',
+        fontSize: fontSize,
         wordProps: highlightProps,
         textComponent: TextComponent
       });
@@ -17594,7 +17503,7 @@ var TitleView = _ref => {
     }
     if (lastIndex < text.length) parts.push(text.substring(lastIndex));
     return /*#__PURE__*/React.createElement(Element, Object.assign({
-      fontSize: useResponsive ? undefined : fontSize
+      fontSize: fontSize
     }, containerProps, views == null ? void 0 : views.container, props), parts.map((part, idx) => typeof part === 'string' ? (/*#__PURE__*/React.createElement(TextComponent, {
       key: "text-" + idx,
       as: "span",