@particle-academy/react-fancy 5.1.0 → 5.2.0

package/dist/index.d.cts

@@ -843,8 +843,18 @@ declare function Portal({ children, container }: PortalProps): react.ReactPortal
 interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
     /** Which heading element to render */
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    /** Text size */
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    /**
+     * Text size, on a SEMANTIC ramp — the names are steps on this scale, not
+     * Tailwind class names. `xl` is `text-2xl` and `2xl` is `text-4xl`, and that
+     * offset has been true since the component shipped, so the display steps
+     * below continue the same ramp rather than re-basing it and silently
+     * resizing every existing heading.
+     *
+     * `3xl`–`7xl` are DISPLAY sizes: hero type, "typography at maximum volume".
+     * They carry tighter tracking, because letter-spacing tuned for body-adjacent
+     * headings reads loose and unset once type gets big.
+     */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
     /** Font weight */
     weight?: "normal" | "medium" | "semibold" | "bold";
 }

package/dist/index.d.ts

@@ -843,8 +843,18 @@ declare function Portal({ children, container }: PortalProps): react.ReactPortal
 interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
     /** Which heading element to render */
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    /** Text size */
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    /**
+     * Text size, on a SEMANTIC ramp — the names are steps on this scale, not
+     * Tailwind class names. `xl` is `text-2xl` and `2xl` is `text-4xl`, and that
+     * offset has been true since the component shipped, so the display steps
+     * below continue the same ramp rather than re-basing it and silently
+     * resizing every existing heading.
+     *
+     * `3xl`–`7xl` are DISPLAY sizes: hero type, "typography at maximum volume".
+     * They carry tighter tracking, because letter-spacing tuned for body-adjacent
+     * headings reads loose and unset once type gets big.
+     */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
     /** Font weight */
     weight?: "normal" | "medium" | "semibold" | "bold";
 }

package/dist/index.js

@@ -6222,7 +6222,20 @@ var sizeClasses3 = {
   md: "text-base",
   lg: "text-lg",
   xl: "text-2xl",
-  "2xl": "text-4xl"
+  "2xl": "text-4xl",
+  // Display steps. Each is the next Tailwind size up, continuing the ramp.
+  "3xl": "text-5xl",
+  "4xl": "text-6xl",
+  "5xl": "text-7xl",
+  "6xl": "text-8xl",
+  "7xl": "text-9xl"
+};
+var trackingClasses = {
+  "3xl": "tracking-tight",
+  "4xl": "tracking-tight",
+  "5xl": "tracking-tighter",
+  "6xl": "tracking-tighter",
+  "7xl": "tracking-tighter"
 };
 var weightClasses = {
   normal: "font-normal",
@@ -6247,6 +6260,7 @@ var Heading = forwardRef(
         className: cn(
           "text-zinc-900 dark:text-zinc-100",
           sizeClasses3[size],
+          trackingClasses[size],
           weightClasses[weight],
           className
         ),