npm - @goldlabelapps/theme - Versions diffs - 3.0.8 → 3.2.8 - Mend

@goldlabelapps/theme 3.0.8 → 3.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (75) hide show

package/dist/data/og-images.json ADDED Viewed

@@ -0,0 +1,476 @@
+{
+    "$schema": "http://json-schema.org/draft-07/schema#",
+    "title": "Open Graph Images Manifest",
+    "updatedAt": "2026-09-08T14:05:22.394Z",
+    "totalCount": 12,
+    "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.294Z"
+                },
+                "light": {
+                    "filename": "ai-og-light.jpg",
+                    "path": "/jpg/ai/ai-og-light.jpg",
+                    "relativePath": "ai/ai-og-light.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 85096,
+                        "formatted": "83.1 KB"
+                    },
+                    "updatedAt": "2026-09-08T13:28:19.523Z"
+                }
+            }
+        },
+        {
+            "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.284Z"
+                },
+                "light": {
+                    "filename": "developer-og-light.jpg",
+                    "path": "/jpg/developer/developer-og-light.jpg",
+                    "relativePath": "developer/developer-og-light.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 265168,
+                        "formatted": "259.0 KB"
+                    },
+                    "updatedAt": "2026-09-08T13:28:19.525Z"
+                }
+            }
+        },
+        {
+            "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.648Z"
+                },
+                "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-08T13:28:19.526Z"
+                }
+            }
+        },
+        {
+            "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.816Z"
+                },
+                "light": {
+                    "filename": "goldlabel-og-light.jpg",
+                    "path": "/jpg/goldlabel/goldlabel-og-light.jpg",
+                    "relativePath": "goldlabel/goldlabel-og-light.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 107237,
+                        "formatted": "104.7 KB"
+                    },
+                    "updatedAt": "2026-09-08T13:28:19.528Z"
+                }
+            }
+        },
+        {
+            "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.942Z"
+                },
+                "light": {
+                    "filename": "nextjs-og-light.jpg",
+                    "path": "/jpg/nextjs/nextjs-og-light.jpg",
+                    "relativePath": "nextjs/nextjs-og-light.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 338568,
+                        "formatted": "330.6 KB"
+                    },
+                    "updatedAt": "2026-09-08T13:28:19.530Z"
+                }
+            }
+        },
+        {
+            "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.597Z"
+                },
+                "light": {
+                    "filename": "nx-og-light.jpg",
+                    "path": "/jpg/nx/nx-og-light.jpg",
+                    "relativePath": "nx/nx-og-light.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 305630,
+                        "formatted": "298.5 KB"
+                    },
+                    "updatedAt": "2026-09-08T13:28:19.532Z"
+                }
+            }
+        },
+        {
+            "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.674Z"
+                },
+                "light": {
+                    "filename": "python-og-light.jpg",
+                    "path": "/jpg/python/python-og-light.jpg",
+                    "relativePath": "python/python-og-light.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 281140,
+                        "formatted": "274.6 KB"
+                    },
+                    "updatedAt": "2026-09-08T13:28:19.534Z"
+                }
+            }
+        },
+        {
+            "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.640Z"
+                },
+                "light": {
+                    "filename": "react-og-light.jpg",
+                    "path": "/jpg/react/react-og-light.jpg",
+                    "relativePath": "react/react-og-light.jpg",
+                    "mimeType": "image/jpeg",
+                    "dimensions": {
+                        "width": 1376,
+                        "height": 768,
+                        "aspectRatio": "16:9"
+                    },
+                    "fileSize": {
+                        "bytes": 441400,
+                        "formatted": "431.1 KB"
+                    },
+                    "updatedAt": "2026-09-08T13:28:19.537Z"
+                }
+            }
+        },
+        {
+            "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.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"
+                }
+            }
+        },
+        {
+            "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.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"
+                }
+            }
+        },
+        {
+            "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.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"
+                }
+            }
+        },
+        {
+            "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.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"
+                }
+            }
+        }
+    ]
+}

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

@@ -21,7 +21,7 @@ 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',
                     },

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

@@ -1,12 +1,49 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Button as MuiButton, Typography } from '@mui/material';
+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 = {
-        info: { border: 'rgba(168, 146, 122, 0.3)', bg: 'rgba(168, 146, 122, 0.14)' },
-        success: { border: 'rgba(47, 143, 70, 0.32)', bg: 'rgba(47, 143, 70, 0.12)' },
-        warning: { border: 'rgba(160, 98, 17, 0.28)', bg: 'rgba(160, 98, 17, 0.1)' },
-        error: { border: 'rgba(192, 59, 43, 0.32)', bg: 'rgba(192, 59, 43, 0.1)' }
+        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)',
+            accent: isDark ? '#60A5FA' : '#2563EB',
+            title: isDark ? '#93C5FD' : '#1E40AF',
+            text: isDark ? '#F8FAFC' : '#1E293B',
+        },
+        success: {
+            border: isDark ? 'rgba(74, 222, 128, 0.4)' : 'rgba(22, 163, 74, 0.3)',
+            bg: isDark ? 'rgba(74, 222, 128, 0.12)' : 'rgba(22, 163, 74, 0.08)',
+            accent: isDark ? '#4ADE80' : '#16A34A',
+            title: isDark ? '#86EFAC' : '#166534',
+            text: isDark ? '#F8FAFC' : '#1E293B',
+        },
+        warning: {
+            border: isDark ? 'rgba(251, 191, 36, 0.4)' : 'rgba(217, 119, 6, 0.3)',
+            bg: isDark ? 'rgba(251, 191, 36, 0.12)' : 'rgba(217, 119, 6, 0.08)',
+            accent: isDark ? '#FBBF24' : '#D97706',
+            title: isDark ? '#FDE047' : '#92400E',
+            text: isDark ? '#F8FAFC' : '#1E293B',
+        },
+        error: {
+            border: isDark ? 'rgba(248, 113, 113, 0.4)' : 'rgba(220, 38, 38, 0.3)',
+            bg: isDark ? 'rgba(248, 113, 113, 0.12)' : 'rgba(220, 38, 38, 0.08)',
+            accent: isDark ? '#F87171' : '#DC2626',
+            title: isDark ? '#FCA5A5' : '#991B1B',
+            text: isDark ? '#F8FAFC' : '#1E293B',
+        }
     }[severity];
-    return (_jsxs(Box, { sx: { border: `1px solid ${tone.border}`, borderLeft: '4px solid', borderColor: 'primary.main', borderRadius: '3px', bgcolor: tone.bg, p: 2.25, display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 2 }, children: [_jsxs(Box, { children: [title && _jsx(Typography, { variant: "subtitle2", sx: { mb: 0.5, fontWeight: 400 }, children: title }), _jsx(Typography, { variant: "body2", color: "text.secondary", children: children })] }), dismissible && _jsx(MuiButton, { size: "small", variant: "text", children: "Dismiss" })] }));
+    return (_jsxs(Box, { sx: {
+            border: `1px solid ${tone.border}`,
+            borderLeft: `4px solid ${tone.accent}`,
+            borderRadius: '3px',
+            bgcolor: tone.bg,
+            p: 2.25,
+            display: 'flex',
+            alignItems: 'flex-start',
+            justifyContent: 'space-between',
+            gap: 2
+        }, children: [_jsxs(Box, { children: [title && _jsx(Typography, { variant: "subtitle2", sx: { mb: 0.5, fontWeight: 600, color: tone.title }, children: title }), _jsx(Typography, { variant: "body2", sx: { color: tone.text }, children: children })] }), dismissible && _jsx(MuiButton, { size: "small", variant: "text", sx: { color: tone.accent }, children: "Dismiss" })] }));
 }

package/dist/design-system/components/feedback/Card/Card.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import type { CardProps } from './types';
-export default function Card({ children, padding, variant, hoverLift }: CardProps): import("react").JSX.Element;
+export default function Card({ children, padding, variant, hoverLift, mode }: CardProps): import("react").JSX.Element;

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

@@ -2,24 +2,27 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@mui/material';
 import { useState } from 'react';
-export default function Card({ children, padding = 'md', variant = 'paper', hoverLift = false }) {
+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 = {
         paper: {
-            bgcolor: 'background.paper',
-            border: '1px solid rgba(40, 34, 28, 0.12)',
-            boxShadow: '0 12px 40px rgba(40, 34, 28, 0.12)',
+            bgcolor: mode === 'light' ? '#FFFFFF' : mode === 'dark' ? '#1C1C1C' : 'background.paper',
+            color: mode === 'light' ? '#1E1E1E' : mode === 'dark' ? '#FFFFFF' : 'text.primary',
+            border: mode === 'light' ? '1px solid rgba(31, 31, 31, 0.14)' : mode === 'dark' ? '1px solid rgba(255, 255, 255, 0.16)' : '1px solid rgba(40, 34, 28, 0.12)',
+            boxShadow: mode === 'light' ? '0 12px 40px rgba(31, 31, 31, 0.12)' : mode === 'dark' ? '0 12px 40px rgba(0, 0, 0, 0.35)' : '0 12px 40px rgba(40, 34, 28, 0.12)',
         },
         glass: {
-            bgcolor: 'rgba(255, 255, 255, 0.44)',
+            bgcolor: mode === 'light' ? 'rgba(255, 255, 255, 0.85)' : mode === 'dark' ? 'rgba(28, 28, 28, 0.85)' : 'rgba(255, 255, 255, 0.44)',
+            color: mode === 'light' ? '#1E1E1E' : mode === 'dark' ? '#FFFFFF' : 'text.primary',
             border: '1px solid rgba(255, 255, 255, 0.72)',
             boxShadow: '0 26px 60px -12px rgba(40, 34, 28, 0.2)',
             backdropFilter: 'blur(18px)',
             WebkitBackdropFilter: 'blur(18px)',
         },
         tile: {
-            bgcolor: 'rgba(255, 255, 255, 0.7)',
+            bgcolor: mode === 'light' ? 'rgba(255, 255, 255, 0.9)' : mode === 'dark' ? 'rgba(28, 28, 28, 0.9)' : 'rgba(255, 255, 255, 0.7)',
+            color: mode === 'light' ? '#1E1E1E' : mode === 'dark' ? '#FFFFFF' : 'text.primary',
             border: '1px solid rgba(255, 255, 255, 0.6)',
             boxShadow: '0 12px 24px rgba(40, 34, 28, 0.08)',
             backdropFilter: 'blur(12px)',
@@ -27,6 +30,7 @@ export default function Card({ children, padding = 'md', variant = 'paper', hove
         },
         ink: {
             bgcolor: '#1F1F1F',
+            color: '#FFFFFF',
             border: '1px solid transparent',
             boxShadow: '0 12px 40px rgba(40, 34, 28, 0.12)',
         },

package/dist/design-system/components/feedback/Field/Field.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import type { FieldProps } from './types';
-export default function Field({ label, hint, error }: FieldProps): import("react").JSX.Element;
+export default function Field({ label, hint, error, ...textFieldProps }: FieldProps): import("react").JSX.Element;

package/dist/design-system/components/feedback/Field/Field.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Stack, TextField, Typography } from '@mui/material';
-export default function Field({ label, hint, error }) {
-    return (_jsxs(Stack, { spacing: 0.75, children: [label && _jsx(Typography, { variant: "overline", sx: { color: 'text.secondary', letterSpacing: '0.14em' }, children: label }), _jsx(TextField, { size: "small", error: Boolean(error), helperText: error || hint })] }));
+export default function Field({ label, hint, error, ...textFieldProps }) {
+    return (_jsxs(Stack, { spacing: 0.75, children: [label && _jsx(Typography, { variant: "overline", sx: { color: 'text.secondary', letterSpacing: '0.14em' }, children: label }), _jsx(TextField, { size: "small", ...textFieldProps, error: Boolean(error), helperText: error || hint })] }));
 }

package/dist/design-system/components/icons/SVGIcons/BlokeyIcon.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export default function BlokeyIcon(props: any): React.JSX.Element;
+import { type SvgIconProps } from '@mui/material';
+export default function BlokeyIcon(props: SvgIconProps): React.JSX.Element;

package/dist/design-system/components/icons/SVGIcons/BlokeyIcon.js CHANGED Viewed

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTheme, SvgIcon } from '@mui/material';
 export default function BlokeyIcon(props) {
     const theme = useTheme();
-    let color1 = theme.palette.primary.main;
+    const color1 = theme.palette.primary.main;
     return (_jsx(SvgIcon, { ...props, children: _jsxs("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: [_jsx("rect", { fillOpacity: "0", x: "0", y: "0", width: "24", height: "24" }), _jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: _jsx("g", { children: _jsxs("g", { transform: "translate(2.000000, 0.000000)", fill: color1, fillRule: "nonzero", children: [_jsx("circle", { cx: "9.5", cy: "2.5", r: "2.5" }), _jsx("path", { d: "M13.8086797,7.02649999 C13.3557457,6.578 12.5776284,5.75000002 11.0678484,5.75000002 C10.8239609,5.75000002 9.41870416,5.75000002 8.11797064,5.75000002 C4.92420536,5.73850001 2.32273838,3.1625 2.32273838,0 L0,0 C0,3.634 2.45048899,6.71600001 5.80684598,7.71649999 L5.80684598,23 L8.12958435,23 L8.12958435,16.1 L10.4523227,16.1 L10.4523227,23 L12.7750611,23 L12.7750611,9.25750001 L17.3624694,13.8 L19,12.1785 L13.8086797,7.02649999 Z" })] }) }) })] }) }));
 }

package/dist/design-system/components/icons/SVGIcons/ChromeIcon.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export default function ChromeIcon(props: any): React.JSX.Element;
+import { type SvgIconProps } from '@mui/material';
+export default function ChromeIcon(props: SvgIconProps): React.JSX.Element;

package/dist/design-system/components/icons/SVGIcons/ChromeIcon.js CHANGED Viewed

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTheme, SvgIcon } from '@mui/material';
 export default function ChromeIcon(props) {
     const theme = useTheme();
-    let color1 = theme.palette.primary.main;
+    const color1 = theme.palette.primary.main;
     return (_jsx(SvgIcon, { ...props, children: _jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: _jsxs("g", { id: "ChromeIcon", children: [_jsx("rect", { id: "bg", fill: "none", x: "0", y: "0", width: "24", height: "24" }), _jsx("g", { fill: color1, fillRule: "nonzero", children: _jsx("g", { id: "google-chrome", children: _jsx("path", { d: "M11,19.8 L14.806,13.2 L14.795,13.2 C15.169,12.54 15.4,11.803 15.4,11 C15.4,9.68 14.806,8.503 13.882,7.7 L19.151,7.7 C19.569,8.723 19.8,9.834 19.8,11 C19.8,15.862 15.862,19.8 11,19.8 M2.2,11 C2.2,9.394 2.629,7.898 3.377,6.6 L7.194,13.2 L7.205,13.2 C7.964,14.509 9.35,15.4 11,15.4 C11.495,15.4 11.968,15.301 12.419,15.147 L9.779,19.701 C5.5,19.107 2.2,15.444 2.2,11 M14.3,11 C14.3,12.826 12.826,14.3 11,14.3 C9.174,14.3 7.7,12.826 7.7,11 C7.7,9.174 9.174,7.7 11,7.7 C12.826,7.7 14.3,9.174 14.3,11 M11,2.2 C14.256,2.2 17.094,3.971 18.612,6.6 L11,6.6 C8.866,6.6 7.095,8.118 6.688,10.131 L4.07,5.588 C5.676,3.531 8.184,2.2 11,2.2 M11,0 C4.928,0 0,4.928 0,11 C0,17.072 4.928,22 11,22 C17.072,22 22,17.072 22,11 C22,4.928 17.072,0 11,0 Z" }) }) })] }) }) }));
 }

package/dist/design-system/components/icons/SVGIcons/DesktopIcon.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export default function ChromeIcon(props: any): React.JSX.Element;
+import { type SvgIconProps } from '@mui/material';
+export default function ChromeIcon(props: SvgIconProps): React.JSX.Element;

package/dist/design-system/components/icons/SVGIcons/DesktopIcon.js CHANGED Viewed

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTheme, SvgIcon } from '@mui/material';
 export default function ChromeIcon(props) {
     const theme = useTheme();
-    let color1 = theme.palette.primary.main;
+    const color1 = theme.palette.primary.main;
     return (_jsx(SvgIcon, { ...props, children: _jsxs("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: [_jsx("rect", { fillOpacity: "0", x: "0", y: "0", width: "24", height: "24" }), _jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: _jsx("g", { children: _jsxs("g", { transform: "translate(2.000000, 0.000000)", fill: color1, fillRule: "nonzero", children: [_jsx("circle", { cx: "9.5", cy: "2.5", r: "2.5" }), _jsx("path", { d: "M13.8086797,7.02649999 C13.3557457,6.578 12.5776284,5.75000002 11.0678484,5.75000002 C10.8239609,5.75000002 9.41870416,5.75000002 8.11797064,5.75000002 C4.92420536,5.73850001 2.32273838,3.1625 2.32273838,0 L0,0 C0,3.634 2.45048899,6.71600001 5.80684598,7.71649999 L5.80684598,23 L8.12958435,23 L8.12958435,16.1 L10.4523227,16.1 L10.4523227,23 L12.7750611,23 L12.7750611,9.25750001 L17.3624694,13.8 L19,12.1785 L13.8086797,7.02649999 Z" })] }) }) })] }) }));
 }