@goldlabelapps/theme 3.2.8 → 3.6.0

package/dist/data/og-images.json

@@ -1,8 +1,8 @@
 {
     "$schema": "http://json-schema.org/draft-07/schema#",
     "title": "Open Graph Images Manifest",
-    "updatedAt": "2026-09-08T14:05:22.394Z",
-    "totalCount": 12,
+    "updatedAt": "2026-09-12T19:06:51.929Z",
+    "totalCount": 22,
     "items": [
         {
             "id": "ai",
@@ -23,12 +23,19 @@
                         "bytes": 89226,
                         "formatted": "87.1 KB"
                     },
-                    "updatedAt": "2026-09-08T08:53:03.294Z"
-                },
-                "light": {
-                    "filename": "ai-og-light.jpg",
-                    "path": "/jpg/ai/ai-og-light.jpg",
-                    "relativePath": "ai/ai-og-light.jpg",
+                    "updatedAt": "2026-09-08T08:53:03.000Z"
+                }
+            }
+        },
+        {
+            "id": "biker",
+            "name": "Biker",
+            "category": "biker",
+            "versions": {
+                "dark": {
+                    "filename": "biker-og-dark.jpg",
+                    "path": "/jpg/biker/biker-og-dark.jpg",
+                    "relativePath": "biker/biker-og-dark.jpg",
                     "mimeType": "image/jpeg",
                     "dimensions": {
                         "width": 1376,
@@ -36,22 +43,22 @@
                         "aspectRatio": "16:9"
                     },
                     "fileSize": {
-                        "bytes": 85096,
-                        "formatted": "83.1 KB"
+                        "bytes": 117428,
+                        "formatted": "114.7 KB"
                     },
-                    "updatedAt": "2026-09-08T13:28:19.523Z"
+                    "updatedAt": "2026-09-09T19:35:39.000Z"
                 }
             }
         },
         {
-            "id": "developer",
-            "name": "Developer",
-            "category": "developer",
+            "id": "chix",
+            "name": "Chix",
+            "category": "chix",
             "versions": {
                 "dark": {
-                    "filename": "developer-og-dark.jpg",
-                    "path": "/jpg/developer/developer-og-dark.jpg",
-                    "relativePath": "developer/developer-og-dark.jpg",
+                    "filename": "chix-og-dark.jpg",
+                    "path": "/jpg/chix/chix-og-dark.jpg",
+                    "relativePath": "chix/chix-og-dark.jpg",
                     "mimeType": "image/jpeg",
                     "dimensions": {
                         "width": 1376,
@@ -59,15 +66,22 @@
                         "aspectRatio": "16:9"
                     },
                     "fileSize": {
-                        "bytes": 360694,
-                        "formatted": "352.2 KB"
+                        "bytes": 116033,
+                        "formatted": "113.3 KB"
                     },
-                    "updatedAt": "2026-09-08T08:41:34.284Z"
-                },
-                "light": {
-                    "filename": "developer-og-light.jpg",
-                    "path": "/jpg/developer/developer-og-light.jpg",
-                    "relativePath": "developer/developer-og-light.jpg",
+                    "updatedAt": "2026-09-09T19:35:39.000Z"
+                }
+            }
+        },
+        {
+            "id": "dapper",
+            "name": "Dapper",
+            "category": "dapper",
+            "versions": {
+                "dark": {
+                    "filename": "dapper-og-dark.jpg",
+                    "path": "/jpg/dapper/dapper-og-dark.jpg",
+                    "relativePath": "dapper/dapper-og-dark.jpg",
                     "mimeType": "image/jpeg",
                     "dimensions": {
                         "width": 1376,
@@ -75,10 +89,33 @@
                         "aspectRatio": "16:9"
                     },
                     "fileSize": {
-                        "bytes": 265168,
-                        "formatted": "259.0 KB"
+                        "bytes": 117356,
+                        "formatted": "114.6 KB"
                     },
-                    "updatedAt": "2026-09-08T13:28:19.525Z"
+                    "updatedAt": "2026-09-09T19:35:39.000Z"
+                }
+            }
+        },
+        {
+            "id": "developer",
+            "name": "Developer",
+            "category": "developer",
+            "versions": {
+                "dark": {
+                    "filename": "developer-og-dark.jpg",
+                    "path": "/jpg/developer/developer-og-dark.jpg",
+                    "relativePath": "developer/developer-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 360694,
+                        "formatted": "352.2 KB"
+                    },
+                    "updatedAt": "2026-09-08T08:41:34.000Z"
                 }
             }
         },
@@ -101,7 +138,7 @@
                         "bytes": 361347,
                         "formatted": "352.9 KB"
                     },
-                    "updatedAt": "2026-09-07T12:41:20.648Z"
+                    "updatedAt": "2026-09-07T12:41:20.000Z"
                 },
                 "light": {
                     "filename": "flash-og-light.jpg",
@@ -117,7 +154,30 @@
                         "bytes": 397044,
                         "formatted": "387.7 KB"
                     },
-                    "updatedAt": "2026-09-08T13:28:19.526Z"
+                    "updatedAt": "2026-09-07T12:41:20.000Z"
+                }
+            }
+        },
+        {
+            "id": "git",
+            "name": "Git",
+            "category": "git",
+            "versions": {
+                "dark": {
+                    "filename": "git-og-dark.jpg",
+                    "path": "/jpg/git/git-og-dark.jpg",
+                    "relativePath": "git/git-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 328179,
+                        "formatted": "320.5 KB"
+                    },
+                    "updatedAt": "2026-09-12T19:01:59.208Z"
                 }
             }
         },
@@ -140,12 +200,19 @@
                         "bytes": 108694,
                         "formatted": "106.1 KB"
                     },
-                    "updatedAt": "2026-09-08T10:32:36.816Z"
-                },
-                "light": {
-                    "filename": "goldlabel-og-light.jpg",
-                    "path": "/jpg/goldlabel/goldlabel-og-light.jpg",
-                    "relativePath": "goldlabel/goldlabel-og-light.jpg",
+                    "updatedAt": "2026-09-08T10:32:36.000Z"
+                }
+            }
+        },
+        {
+            "id": "hippy",
+            "name": "Hippy",
+            "category": "hippy",
+            "versions": {
+                "dark": {
+                    "filename": "hippy-og-dark.jpg",
+                    "path": "/jpg/hippy/hippy-og-dark.jpg",
+                    "relativePath": "hippy/hippy-og-dark.jpg",
                     "mimeType": "image/jpeg",
                     "dimensions": {
                         "width": 1376,
@@ -153,22 +220,22 @@
                         "aspectRatio": "16:9"
                     },
                     "fileSize": {
-                        "bytes": 107237,
-                        "formatted": "104.7 KB"
+                        "bytes": 118167,
+                        "formatted": "115.4 KB"
                     },
-                    "updatedAt": "2026-09-08T13:28:19.528Z"
+                    "updatedAt": "2026-09-09T19:35:39.000Z"
                 }
             }
         },
         {
-            "id": "nextjs",
-            "name": "Nextjs",
-            "category": "nextjs",
+            "id": "hipster",
+            "name": "Hipster",
+            "category": "hipster",
             "versions": {
                 "dark": {
-                    "filename": "nextjs-og-dark.jpg",
-                    "path": "/jpg/nextjs/nextjs-og-dark.jpg",
-                    "relativePath": "nextjs/nextjs-og-dark.jpg",
+                    "filename": "hipster-og-dark.jpg",
+                    "path": "/jpg/hipster/hipster-og-dark.jpg",
+                    "relativePath": "hipster/hipster-og-dark.jpg",
                     "mimeType": "image/jpeg",
                     "dimensions": {
                         "width": 1376,
@@ -176,15 +243,45 @@
                         "aspectRatio": "16:9"
                     },
                     "fileSize": {
-                        "bytes": 437861,
-                        "formatted": "427.6 KB"
+                        "bytes": 118302,
+                        "formatted": "115.5 KB"
                     },
-                    "updatedAt": "2026-09-07T12:39:44.942Z"
-                },
-                "light": {
-                    "filename": "nextjs-og-light.jpg",
-                    "path": "/jpg/nextjs/nextjs-og-light.jpg",
-                    "relativePath": "nextjs/nextjs-og-light.jpg",
+                    "updatedAt": "2026-09-09T19:35:40.000Z"
+                }
+            }
+        },
+        {
+            "id": "mumma",
+            "name": "Mumma",
+            "category": "mumma",
+            "versions": {
+                "dark": {
+                    "filename": "mumma-og-dark.jpg",
+                    "path": "/jpg/mumma/mumma-og-dark.jpg",
+                    "relativePath": "mumma/mumma-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 114835,
+                        "formatted": "112.1 KB"
+                    },
+                    "updatedAt": "2026-09-09T19:35:40.000Z"
+                }
+            }
+        },
+        {
+            "id": "nextjs",
+            "name": "Nextjs",
+            "category": "nextjs",
+            "versions": {
+                "dark": {
+                    "filename": "nextjs-og-dark.jpg",
+                    "path": "/jpg/nextjs/nextjs-og-dark.jpg",
+                    "relativePath": "nextjs/nextjs-og-dark.jpg",
                     "mimeType": "image/jpeg",
                     "dimensions": {
                         "width": 1376,
@@ -192,10 +289,10 @@
                         "aspectRatio": "16:9"
                     },
                     "fileSize": {
-                        "bytes": 338568,
-                        "formatted": "330.6 KB"
+                        "bytes": 437861,
+                        "formatted": "427.6 KB"
                     },
-                    "updatedAt": "2026-09-08T13:28:19.530Z"
+                    "updatedAt": "2026-09-07T12:39:44.000Z"
                 }
             }
         },
@@ -218,12 +315,19 @@
                         "bytes": 310972,
                         "formatted": "303.7 KB"
                     },
-                    "updatedAt": "2026-09-08T08:23:16.597Z"
-                },
-                "light": {
-                    "filename": "nx-og-light.jpg",
-                    "path": "/jpg/nx/nx-og-light.jpg",
-                    "relativePath": "nx/nx-og-light.jpg",
+                    "updatedAt": "2026-09-08T08:23:16.000Z"
+                }
+            }
+        },
+        {
+            "id": "punk",
+            "name": "Punk",
+            "category": "punk",
+            "versions": {
+                "dark": {
+                    "filename": "punk-og-dark.jpg",
+                    "path": "/jpg/punk/punk-og-dark.jpg",
+                    "relativePath": "punk/punk-og-dark.jpg",
                     "mimeType": "image/jpeg",
                     "dimensions": {
                         "width": 1376,
@@ -231,10 +335,10 @@
                         "aspectRatio": "16:9"
                     },
                     "fileSize": {
-                        "bytes": 305630,
-                        "formatted": "298.5 KB"
+                        "bytes": 116397,
+                        "formatted": "113.7 KB"
                     },
-                    "updatedAt": "2026-09-08T13:28:19.532Z"
+                    "updatedAt": "2026-09-09T19:35:40.000Z"
                 }
             }
         },
@@ -257,12 +361,19 @@
                         "bytes": 368770,
                         "formatted": "360.1 KB"
                     },
-                    "updatedAt": "2026-09-06T07:15:15.674Z"
-                },
-                "light": {
-                    "filename": "python-og-light.jpg",
-                    "path": "/jpg/python/python-og-light.jpg",
-                    "relativePath": "python/python-og-light.jpg",
+                    "updatedAt": "2026-09-06T07:15:15.000Z"
+                }
+            }
+        },
+        {
+            "id": "rasta",
+            "name": "Rasta",
+            "category": "rasta",
+            "versions": {
+                "dark": {
+                    "filename": "rasta-og-dark.jpg",
+                    "path": "/jpg/rasta/rasta-og-dark.jpg",
+                    "relativePath": "rasta/rasta-og-dark.jpg",
                     "mimeType": "image/jpeg",
                     "dimensions": {
                         "width": 1376,
@@ -270,10 +381,10 @@
                         "aspectRatio": "16:9"
                     },
                     "fileSize": {
-                        "bytes": 281140,
-                        "formatted": "274.6 KB"
+                        "bytes": 119406,
+                        "formatted": "116.6 KB"
                     },
-                    "updatedAt": "2026-09-08T13:28:19.534Z"
+                    "updatedAt": "2026-09-09T19:35:40.000Z"
                 }
             }
         },
@@ -296,12 +407,19 @@
                         "bytes": 456879,
                         "formatted": "446.2 KB"
                     },
-                    "updatedAt": "2026-09-06T07:02:33.640Z"
-                },
-                "light": {
-                    "filename": "react-og-light.jpg",
-                    "path": "/jpg/react/react-og-light.jpg",
-                    "relativePath": "react/react-og-light.jpg",
+                    "updatedAt": "2026-09-06T07:02:33.000Z"
+                }
+            }
+        },
+        {
+            "id": "rocker",
+            "name": "Rocker",
+            "category": "rocker",
+            "versions": {
+                "dark": {
+                    "filename": "rocker-og-dark.jpg",
+                    "path": "/jpg/rocker/rocker-og-dark.jpg",
+                    "relativePath": "rocker/rocker-og-dark.jpg",
                     "mimeType": "image/jpeg",
                     "dimensions": {
                         "width": 1376,
@@ -309,10 +427,10 @@
                         "aspectRatio": "16:9"
                     },
                     "fileSize": {
-                        "bytes": 441400,
-                        "formatted": "431.1 KB"
+                        "bytes": 120219,
+                        "formatted": "117.4 KB"
                     },
-                    "updatedAt": "2026-09-08T13:28:19.537Z"
+                    "updatedAt": "2026-09-09T19:35:40.000Z"
                 }
             }
         },
@@ -335,23 +453,7 @@
                         "bytes": 390939,
                         "formatted": "381.8 KB"
                     },
-                    "updatedAt": "2026-09-07T12:34:33.046Z"
-                },
-                "light": {
-                    "filename": "terminal-og-light.jpg",
-                    "path": "/jpg/terminal/terminal-og-light.jpg",
-                    "relativePath": "terminal/terminal-og-light.jpg",
-                    "mimeType": "image/jpeg",
-                    "dimensions": {
-                        "width": 1376,
-                        "height": 768,
-                        "aspectRatio": "16:9"
-                    },
-                    "fileSize": {
-                        "bytes": 414622,
-                        "formatted": "404.9 KB"
-                    },
-                    "updatedAt": "2026-09-08T13:28:19.539Z"
+                    "updatedAt": "2026-09-07T12:34:33.000Z"
                 }
             }
         },
@@ -374,23 +476,7 @@
                         "bytes": 369621,
                         "formatted": "361.0 KB"
                     },
-                    "updatedAt": "2026-09-08T14:05:21.897Z"
-                },
-                "light": {
-                    "filename": "theme-og-light.jpg",
-                    "path": "/jpg/theme/theme-og-light.jpg",
-                    "relativePath": "theme/theme-og-light.jpg",
-                    "mimeType": "image/jpeg",
-                    "dimensions": {
-                        "width": 1376,
-                        "height": 768,
-                        "aspectRatio": "16:9"
-                    },
-                    "fileSize": {
-                        "bytes": 319575,
-                        "formatted": "312.1 KB"
-                    },
-                    "updatedAt": "2026-09-08T14:05:21.928Z"
+                    "updatedAt": "2026-09-08T14:05:21.000Z"
                 }
             }
         },
@@ -413,23 +499,7 @@
                         "bytes": 434717,
                         "formatted": "424.5 KB"
                     },
-                    "updatedAt": "2026-09-06T07:05:31.060Z"
-                },
-                "light": {
-                    "filename": "ts-og-light.jpg",
-                    "path": "/jpg/typescript/ts-og-light.jpg",
-                    "relativePath": "typescript/ts-og-light.jpg",
-                    "mimeType": "image/jpeg",
-                    "dimensions": {
-                        "width": 1376,
-                        "height": 768,
-                        "aspectRatio": "16:9"
-                    },
-                    "fileSize": {
-                        "bytes": 410776,
-                        "formatted": "401.1 KB"
-                    },
-                    "updatedAt": "2026-09-08T13:28:19.543Z"
+                    "updatedAt": "2026-09-06T07:05:31.000Z"
                 }
             }
         },
@@ -452,23 +522,7 @@
                         "bytes": 94582,
                         "formatted": "92.4 KB"
                     },
-                    "updatedAt": "2026-09-08T09:25:13.111Z"
-                },
-                "light": {
-                    "filename": "uberedux-og-light.jpg",
-                    "path": "/jpg/uberedux/uberedux-og-light.jpg",
-                    "relativePath": "uberedux/uberedux-og-light.jpg",
-                    "mimeType": "image/jpeg",
-                    "dimensions": {
-                        "width": 1376,
-                        "height": 768,
-                        "aspectRatio": "16:9"
-                    },
-                    "fileSize": {
-                        "bytes": 91830,
-                        "formatted": "89.7 KB"
-                    },
-                    "updatedAt": "2026-09-08T13:28:19.545Z"
+                    "updatedAt": "2026-09-08T09:25:13.000Z"
                 }
             }
         }

package/dist/design-system/components/DesignSystemProvider/DesignSystemProvider.js

@@ -4,14 +4,9 @@ import { useMemo } from 'react';
 import { CssBaseline, GlobalStyles, ThemeProvider } from '@mui/material';
 import { createAppTheme } from '../../../styles/theme';
 import { getNxStyle } from '../nxStyle';
+import { Waiting } from '../../../components/navigation/Waiting';
 function resolveInitialMode(mode) {
-    if (mode) {
-        return mode;
-    }
-    if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {
-        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-    }
-    return 'light';
+    return mode || 'dark';
 }
 export default function DesignSystemProvider({ children, mode, themeConfig }) {
     const resolvedMode = useMemo(() => resolveInitialMode(mode), [mode]);
@@ -25,5 +20,5 @@ export default function DesignSystemProvider({ children, mode, themeConfig }) {
                         color: theme.palette.text.primary,
                         transition: 'background-color 0.2s ease',
                     },
-                } }), children] }));
+                } }), _jsx(Waiting, {}), children] }));
 }

package/dist/design-system/components/buttons/Button/Button.js

@@ -111,10 +111,13 @@ function getToneStyles(tone, variant, theme) {
             },
         },
     };
-    return tones[tone][styleVariant];
+    const toneKey = tone && tone in tones ? tone : 'primary';
+    const variantKey = styleVariant && styleVariant in tones[toneKey] ? styleVariant : 'solid';
+    return tones[toneKey][variantKey];
 }
 export default function Button({ children, variant = 'solid', tone = 'primary', size = 'md', fullWidth = false, disabled = false, href, onClick, startIcon, endIcon, type = 'button', ariaLabel, className, sx, }) {
     const theme = useTheme();
+    const sizeKey = size && size in SIZE_STYLES ? size : 'md';
     const mergedSx = {
         borderRadius: '3px',
         fontWeight: 400,
@@ -127,9 +130,9 @@ export default function Button({ children, variant = 'solid', tone = 'primary',
         '&.Mui-disabled': {
             opacity: 0.55,
         },
-        ...SIZE_STYLES[size],
+        ...SIZE_STYLES[sizeKey],
         ...getToneStyles(tone, variant, theme),
     };
     const composedSx = Array.isArray(sx) ? [mergedSx, ...sx] : sx ? [mergedSx, sx] : mergedSx;
-    return (_jsx(MuiButton, { variant: VARIANT_MAP[variant], disableElevation: true, fullWidth: fullWidth, disabled: disabled, href: href, onClick: onClick, startIcon: startIcon, endIcon: endIcon, type: type, "aria-label": ariaLabel, className: className, sx: composedSx, children: children }));
+    return (_jsx(MuiButton, { variant: VARIANT_MAP[variant ?? 'solid'], disableElevation: true, fullWidth: fullWidth, disabled: disabled, href: href, onClick: onClick, startIcon: startIcon, endIcon: endIcon, type: type, "aria-label": ariaLabel, className: className, sx: composedSx, children: children }));
 }

package/dist/design-system/components/buttons/IconButton/IconButton.js

@@ -105,20 +105,23 @@ function getToneStyles(tone, variant, theme) {
             },
         },
     };
-    return toneColors[tone][styleVariant];
+    const toneKey = tone && tone in toneColors ? tone : 'primary';
+    const variantKey = styleVariant && styleVariant in toneColors[toneKey] ? styleVariant : 'solid';
+    return toneColors[toneKey][variantKey];
 }
 export default function IconButton({ icon, variant = 'ghost', tone = 'primary', size = 'md', disabled = false, href, onClick, type = 'button', ariaLabel, className, color, sx, ...rest }) {
     const theme = useTheme();
     const muiColor = color ?? (tone === 'danger' ? 'error' : tone === 'primary' ? 'primary' : 'inherit');
+    const sizeKey = size && size in SIZE_STYLES ? size : 'md';
     const mergedSx = {
         borderRadius: '3px',
         alignSelf: 'flex-start',
-        border: VARIANT_MAP[variant] === 'outlined' ? '1px solid' : undefined,
+        border: VARIANT_MAP[variant ?? 'ghost'] === 'outlined' ? '1px solid' : undefined,
         boxShadow: variant === 'ghost' || variant === 'text' ? 'none' : undefined,
         '&.Mui-disabled': {
             opacity: 0.55,
         },
-        ...SIZE_STYLES[size],
+        ...SIZE_STYLES[sizeKey],
         ...getToneStyles(tone, variant, theme),
     };
     const composedSx = Array.isArray(sx) ? [mergedSx, ...sx] : sx ? [mergedSx, sx] : mergedSx;

package/dist/design-system/components/feedback/Alert/Alert.js

@@ -5,7 +5,7 @@ import { useTheme } from '@mui/material/styles';
 export default function Alert({ children, title, severity = 'info', dismissible = false }) {
     const theme = useTheme();
     const isDark = theme.palette.mode === 'dark';
-    const tone = {
+    const toneMap = {
         info: {
             border: isDark ? 'rgba(96, 165, 250, 0.4)' : 'rgba(37, 99, 235, 0.3)',
             bg: isDark ? 'rgba(96, 165, 250, 0.12)' : 'rgba(37, 99, 235, 0.08)',
@@ -34,7 +34,8 @@ export default function Alert({ children, title, severity = 'info', dismissible
             title: isDark ? '#FCA5A5' : '#991B1B',
             text: isDark ? '#F8FAFC' : '#1E293B',
         }
-    }[severity];
+    };
+    const tone = toneMap[severity && severity in toneMap ? severity : 'info'];
     return (_jsxs(Box, { sx: {
             border: `1px solid ${tone.border}`,
             borderLeft: `4px solid ${tone.accent}`,

package/dist/design-system/components/feedback/Card/Card.js

@@ -4,8 +4,9 @@ import { Box } from '@mui/material';
 import { useState } from 'react';
 export default function Card({ children, padding = 'md', variant = 'paper', hoverLift = false, mode }) {
     const [isHovered, setIsHovered] = useState(false);
-    const pad = { sm: 2, md: 3, lg: 4 }[padding] ?? 3;
-    const styling = {
+    const padMap = { sm: 2, md: 3, lg: 4 };
+    const pad = padMap[padding && padding in padMap ? padding : 'md'];
+    const variantMap = {
         paper: {
             bgcolor: mode === 'light' ? '#FFFFFF' : mode === 'dark' ? '#1C1C1C' : 'background.paper',
             color: mode === 'light' ? '#1E1E1E' : mode === 'dark' ? '#FFFFFF' : 'text.primary',
@@ -34,7 +35,8 @@ export default function Card({ children, padding = 'md', variant = 'paper', hove
             border: '1px solid transparent',
             boxShadow: '0 12px 40px rgba(40, 34, 28, 0.12)',
         },
-    }[variant];
+    };
+    const styling = variantMap[variant && variant in variantMap ? variant : 'paper'];
     return (_jsx(Box, { onMouseEnter: () => hoverLift && setIsHovered(true), onMouseLeave: () => hoverLift && setIsHovered(false), sx: {
             borderRadius: '3px',
             p: pad,

package/dist/design-system/components/headings/Heading/Heading.js

@@ -50,13 +50,14 @@ function Heading({ children, tone, as = 'span', variant, style, sx, ...rest }) {
     const { fontWeight: _fontWeight, ...safeStyle } = style ?? {};
     const inferredVariant = as === 'h1' || as === 'h2' || as === 'h3' || as === 'h4' || as === 'h5' || as === 'h6' ? as : 'label';
     const resolvedVariant = variant ?? inferredVariant;
+    const variantKey = (resolvedVariant && resolvedVariant in headingVariantStyles ? resolvedVariant : 'label');
     return (_jsx(Typography, { component: as, sx: [
             {
                 display: as === 'span' ? 'inline-flex' : 'block',
                 alignItems: 'center',
                 gap: 1,
                 fontFamily: 'var(--font-title)',
-                ...headingVariantStyles[resolvedVariant],
+                ...headingVariantStyles[variantKey],
                 color: resolvedTone === 'primary' ? 'primary.main' : 'secondary.main',
                 fontWeight: 400
             },