@goldlabelapps/theme 3.2.0 → 3.5.6

package/dist/context/ThemeContext.js

@@ -1,16 +1,17 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useState } from "react";
-const ThemeContext = createContext(undefined);
+export const ThemeContext = createContext(undefined);
 export function ThemeProvider({ children }) {
-    const [theme, setThemeState] = useState("light");
-    const [mounted, setMounted] = useState(false);
+    const [mode, setModeState] = useState("dark");
+    const [theme, setThemeState] = useState("dark");
+    const [_mounted, setMounted] = useState(false);
     useEffect(() => {
         setMounted(true);
         const root = document.documentElement;
-        root.classList.remove("dark");
-        root.classList.add("light");
-        root.style.colorScheme = "light";
+        root.classList.remove("light");
+        root.classList.add("dark");
+        root.style.colorScheme = "dark";
         try {
             localStorage.removeItem("theme");
         }
@@ -18,28 +19,32 @@ export function ThemeProvider({ children }) {
             // Ignore storage restrictions
         }
     }, []);
-    const setTheme = (newTheme) => {
-        setThemeState("light");
+    const setMode = (newMode) => {
+        setModeState(newMode);
+        const resolvedTheme = newMode === "system" ? "dark" : newMode;
+        setThemeState(resolvedTheme);
         const root = document.documentElement;
-        root.classList.remove("dark");
-        root.classList.add("light");
-        root.style.colorScheme = "light";
+        root.classList.remove(resolvedTheme === "dark" ? "light" : "dark");
+        root.classList.add(resolvedTheme);
+        root.style.colorScheme = resolvedTheme;
+    };
+    const setTheme = (newTheme) => {
+        setMode(newTheme);
     };
     const toggleTheme = () => {
-        setThemeState("light");
-        const root = document.documentElement;
-        root.classList.remove("dark");
-        root.classList.add("light");
-        root.style.colorScheme = "light";
+        const next = mode === "light" ? "dark" : mode === "dark" ? "system" : "light";
+        setMode(next);
     };
-    return (_jsx(ThemeContext.Provider, { value: { theme, setTheme, toggleTheme }, children: children }));
+    return (_jsx(ThemeContext.Provider, { value: { theme, mode, setTheme, setMode, toggleTheme }, children: children }));
 }
 export function useTheme() {
     const context = useContext(ThemeContext);
     if (!context) {
         return {
-            theme: "light",
+            theme: "dark",
+            mode: "dark",
             setTheme: () => { },
+            setMode: () => { },
             toggleTheme: () => { },
         };
     }

package/dist/data/og-images.json

@@ -0,0 +1,530 @@
+{
+    "$schema": "http://json-schema.org/draft-07/schema#",
+    "title": "Open Graph Images Manifest",
+    "updatedAt": "2026-09-12T19:06:51.929Z",
+    "totalCount": 22,
+    "items": [
+        {
+            "id": "ai",
+            "name": "Ai",
+            "category": "ai",
+            "versions": {
+                "dark": {
+                    "filename": "ai-og-dark.jpg",
+                    "path": "/jpg/ai/ai-og-dark.jpg",
+                    "relativePath": "ai/ai-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 89226,
+                        "formatted": "87.1 KB"
+                    },
+                    "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,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 117428,
+                        "formatted": "114.7 KB"
+                    },
+                    "updatedAt": "2026-09-09T19:35:39.000Z"
+                }
+            }
+        },
+        {
+            "id": "chix",
+            "name": "Chix",
+            "category": "chix",
+            "versions": {
+                "dark": {
+                    "filename": "chix-og-dark.jpg",
+                    "path": "/jpg/chix/chix-og-dark.jpg",
+                    "relativePath": "chix/chix-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 116033,
+                        "formatted": "113.3 KB"
+                    },
+                    "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,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 117356,
+                        "formatted": "114.6 KB"
+                    },
+                    "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"
+                }
+            }
+        },
+        {
+            "id": "flash",
+            "name": "Flash",
+            "category": "flash",
+            "versions": {
+                "dark": {
+                    "filename": "flash-og-dark.jpg",
+                    "path": "/jpg/flash/flash-og-dark.jpg",
+                    "relativePath": "flash/flash-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 361347,
+                        "formatted": "352.9 KB"
+                    },
+                    "updatedAt": "2026-09-07T12:41:20.000Z"
+                },
+                "light": {
+                    "filename": "flash-og-light.jpg",
+                    "path": "/jpg/flash/flash-og-light.jpg",
+                    "relativePath": "flash/flash-og-light.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 397044,
+                        "formatted": "387.7 KB"
+                    },
+                    "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"
+                }
+            }
+        },
+        {
+            "id": "goldlabel",
+            "name": "Goldlabel",
+            "category": "goldlabel",
+            "versions": {
+                "dark": {
+                    "filename": "goldlabel-og-dark.jpg",
+                    "path": "/jpg/goldlabel/goldlabel-og-dark.jpg",
+                    "relativePath": "goldlabel/goldlabel-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 108694,
+                        "formatted": "106.1 KB"
+                    },
+                    "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,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 118167,
+                        "formatted": "115.4 KB"
+                    },
+                    "updatedAt": "2026-09-09T19:35:39.000Z"
+                }
+            }
+        },
+        {
+            "id": "hipster",
+            "name": "Hipster",
+            "category": "hipster",
+            "versions": {
+                "dark": {
+                    "filename": "hipster-og-dark.jpg",
+                    "path": "/jpg/hipster/hipster-og-dark.jpg",
+                    "relativePath": "hipster/hipster-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 118302,
+                        "formatted": "115.5 KB"
+                    },
+                    "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,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 437861,
+                        "formatted": "427.6 KB"
+                    },
+                    "updatedAt": "2026-09-07T12:39:44.000Z"
+                }
+            }
+        },
+        {
+            "id": "nx",
+            "name": "Nx",
+            "category": "nx",
+            "versions": {
+                "dark": {
+                    "filename": "nx-og-dark.jpg",
+                    "path": "/jpg/nx/nx-og-dark.jpg",
+                    "relativePath": "nx/nx-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 310972,
+                        "formatted": "303.7 KB"
+                    },
+                    "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,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 116397,
+                        "formatted": "113.7 KB"
+                    },
+                    "updatedAt": "2026-09-09T19:35:40.000Z"
+                }
+            }
+        },
+        {
+            "id": "python",
+            "name": "Python",
+            "category": "python",
+            "versions": {
+                "dark": {
+                    "filename": "python-og-dark.jpg",
+                    "path": "/jpg/python/python-og-dark.jpg",
+                    "relativePath": "python/python-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 368770,
+                        "formatted": "360.1 KB"
+                    },
+                    "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,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 119406,
+                        "formatted": "116.6 KB"
+                    },
+                    "updatedAt": "2026-09-09T19:35:40.000Z"
+                }
+            }
+        },
+        {
+            "id": "react",
+            "name": "React",
+            "category": "react",
+            "versions": {
+                "dark": {
+                    "filename": "react-og-dark.jpg",
+                    "path": "/jpg/react/react-og-dark.jpg",
+                    "relativePath": "react/react-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 456879,
+                        "formatted": "446.2 KB"
+                    },
+                    "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,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 120219,
+                        "formatted": "117.4 KB"
+                    },
+                    "updatedAt": "2026-09-09T19:35:40.000Z"
+                }
+            }
+        },
+        {
+            "id": "terminal",
+            "name": "Terminal",
+            "category": "terminal",
+            "versions": {
+                "dark": {
+                    "filename": "terminal-og-dark.jpg",
+                    "path": "/jpg/terminal/terminal-og-dark.jpg",
+                    "relativePath": "terminal/terminal-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 390939,
+                        "formatted": "381.8 KB"
+                    },
+                    "updatedAt": "2026-09-07T12:34:33.000Z"
+                }
+            }
+        },
+        {
+            "id": "theme",
+            "name": "Theme",
+            "category": "theme",
+            "versions": {
+                "dark": {
+                    "filename": "theme-og-dark.jpg",
+                    "path": "/jpg/theme/theme-og-dark.jpg",
+                    "relativePath": "theme/theme-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 369621,
+                        "formatted": "361.0 KB"
+                    },
+                    "updatedAt": "2026-09-08T14:05:21.000Z"
+                }
+            }
+        },
+        {
+            "id": "typescript",
+            "name": "Typescript",
+            "category": "typescript",
+            "versions": {
+                "dark": {
+                    "filename": "ts-og-dark.jpg",
+                    "path": "/jpg/typescript/ts-og-dark.jpg",
+                    "relativePath": "typescript/ts-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 434717,
+                        "formatted": "424.5 KB"
+                    },
+                    "updatedAt": "2026-09-06T07:05:31.000Z"
+                }
+            }
+        },
+        {
+            "id": "uberedux",
+            "name": "Uberedux",
+            "category": "uberedux",
+            "versions": {
+                "dark": {
+                    "filename": "uberedux-og-dark.jpg",
+                    "path": "/jpg/uberedux/uberedux-og-dark.jpg",
+                    "relativePath": "uberedux/uberedux-og-dark.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 94582,
+                        "formatted": "92.4 KB"
+                    },
+                    "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]);
@@ -21,9 +16,9 @@ export default function DesignSystemProvider({ children, mode, themeConfig }) {
                     ...style,
                     body: {
                         ...style.body,
-                        backgroundColor: 'transparent',
+                        backgroundColor: theme.palette.background.default,
                         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 }));
 }