zero-to-app 2.0.0 → 3.0.0

package/dist/theme/theme-config.js

@@ -0,0 +1,286 @@
+export const createLightTheme = (brand) => {
+    const c = brand.colors;
+    return {
+        primary: c.primary,
+        onPrimary: c.onPrimary,
+        primaryContainer: c.primaryContainer,
+        onPrimaryContainer: c.onPrimaryContainer,
+        secondary: c.secondary,
+        onSecondary: c.onSecondary,
+        secondaryContainer: c.secondaryContainer,
+        onSecondaryContainer: c.onSecondaryContainer,
+        tertiary: c.tertiary,
+        onTertiary: c.onTertiary,
+        tertiaryContainer: c.tertiaryContainer,
+        onTertiaryContainer: c.onTertiaryContainer,
+        error: c.error,
+        onError: c.onError,
+        errorContainer: c.errorContainer,
+        onErrorContainer: c.onErrorContainer,
+        surface: c.surface,
+        surfaceVariant: c.surfaceContainer,
+        surfaceTint: c.primary,
+        onSurface: c.onSurface,
+        onSurfaceVariant: c.onSurfaceVariant,
+        surfaceContainerLowest: c.surfaceContainerLowest,
+        surfaceContainerLow: c.surfaceContainerLow,
+        surfaceContainer: c.surfaceContainer,
+        surfaceContainerHigh: c.surfaceContainerHigh,
+        surfaceContainerHighest: c.surfaceContainerHighest,
+        outline: c.outline,
+        outlineVariant: c.outlineVariant,
+        inverseSurface: c.inverseSurface,
+        inverseOnSurface: c.inverseOnSurface,
+        inversePrimary: c.inversePrimary,
+        scrim: c.scrim,
+        shadow: c.shadow,
+        spacing: brand.spacing,
+        borderRadius: brand.borderRadius,
+        shape: brand.shape,
+        isDark: false,
+        tokens: {
+            button: {
+                // Filled / high-emphasis (Material `filled`)
+                filledBg: c.primary,
+                filledText: c.onPrimary,
+                filledHoverBg: c.primaryContainer ?? c.primary,
+                filledPressedBg: c.primaryContainer ?? c.primary,
+                // Elevated (surface with elevation)
+                elevatedBg: c.surfaceContainerHigh,
+                elevatedText: c.onSurface,
+                elevatedHoverBg: c.surfaceContainerHighest,
+                // Tonal (Material `tonal`)
+                tonalBg: c.secondaryContainer,
+                tonalText: c.onSecondary,
+                tonalHoverBg: c.secondaryContainer ?? c.secondary,
+                // Outlined
+                outlinedBorder: c.outlineVariant ?? c.outline,
+                outlinedText: c.primary,
+                outlinedHoverBorder: c.outlineVariant ?? c.outline,
+                // Text (low emphasis)
+                textColor: c.primary,
+                textHoverColor: c.primary,
+                // Disabled
+                disabledBg: c.surfaceContainerLow,
+                disabledText: c.onSurfaceVariant,
+            },
+            card: {
+                background: c.surfaceContainer,
+                text: c.onSurface,
+            },
+            input: {
+                background: c.surfaceContainerLow,
+                text: c.onSurface,
+                border: c.outlineVariant ?? c.outline,
+                placeholder: c.onSurfaceVariant,
+            },
+            appbar: {
+                background: c.surface,
+                text: c.onSurface,
+                border: c.outlineVariant ?? c.outline,
+            },
+            link: {
+                text: c.primary,
+                hover: c.primary,
+            },
+            badge: {
+                background: c.primary,
+                text: c.onPrimary,
+            },
+            sidebar: {
+                background: c.surface,
+                itemText: c.onSurface,
+                itemActiveText: c.primary,
+                itemActiveBg: c.primaryContainer,
+                itemHoverBg: c.surfaceContainerHigh,
+                divider: c.outlineVariant ?? c.outline,
+                width: 280,
+            },
+            elevation: {
+                level0: 0,
+                level1: 1,
+                level2: 3,
+                level3: 6,
+                level4: 8,
+                level5: 12,
+            },
+            focusRing: {
+                color: c.primary,
+                width: 2,
+                offset: 2,
+            },
+            typography: {
+                // M3 Display styles (largest)
+                displayLarge: 57,
+                displayMedium: 45,
+                displaySmall: 36,
+                // M3 Headline styles
+                headlineLarge: 32,
+                headlineMedium: 28,
+                headlineSmall: 24,
+                // M3 Title styles
+                titleLarge: 22,
+                titleMedium: 16,
+                titleSmall: 14,
+                // M3 Body styles
+                bodyLarge: 16,
+                bodyMedium: 14,
+                bodySmall: 12,
+                // M3 Label styles
+                labelLarge: 14,
+                labelMedium: 12,
+                labelSmall: 11,
+                // Font weights
+                weightLight: 300,
+                weightRegular: 400,
+                weightMedium: 500,
+                weightBold: 700,
+                // Line heights (multipliers)
+                lineHeightTight: 1.2,
+                lineHeightNormal: 1.5,
+                lineHeightRelaxed: 1.75,
+            },
+        },
+    };
+};
+export const createDarkTheme = (brand) => {
+    // Use brand.darkColors if available, otherwise use brand.colors (assumes colors work for both themes)
+    const c = brand.darkColors ?? brand.colors;
+    return {
+        primary: c.primary,
+        onPrimary: c.onPrimary,
+        primaryContainer: c.primaryContainer,
+        onPrimaryContainer: c.onPrimaryContainer,
+        secondary: c.secondary,
+        onSecondary: c.onSecondary,
+        secondaryContainer: c.secondaryContainer,
+        onSecondaryContainer: c.onSecondaryContainer,
+        tertiary: c.tertiary,
+        onTertiary: c.onTertiary,
+        tertiaryContainer: c.tertiaryContainer,
+        onTertiaryContainer: c.onTertiaryContainer,
+        error: c.error,
+        onError: c.onError,
+        errorContainer: c.errorContainer,
+        onErrorContainer: c.onErrorContainer,
+        surface: c.surface,
+        surfaceVariant: c.surfaceContainer,
+        surfaceTint: c.primary,
+        onSurface: c.onSurface,
+        onSurfaceVariant: c.onSurfaceVariant,
+        surfaceContainerLowest: c.surfaceContainerLowest,
+        surfaceContainerLow: c.surfaceContainerLow,
+        surfaceContainer: c.surfaceContainer,
+        surfaceContainerHigh: c.surfaceContainerHigh,
+        surfaceContainerHighest: c.surfaceContainerHighest,
+        outline: c.outline,
+        outlineVariant: c.outlineVariant,
+        inverseSurface: c.inverseSurface,
+        inverseOnSurface: c.inverseOnSurface,
+        inversePrimary: c.inversePrimary,
+        scrim: c.scrim,
+        shadow: c.shadow,
+        spacing: brand.spacing,
+        borderRadius: brand.borderRadius,
+        shape: brand.shape,
+        isDark: true,
+        tokens: {
+            button: {
+                filledBg: c.primary,
+                filledText: c.onPrimary,
+                filledHoverBg: c.primaryContainer ?? c.primary,
+                filledPressedBg: c.primaryContainer ?? c.primary,
+                elevatedBg: c.surfaceContainerHigh,
+                elevatedText: c.onSurface,
+                elevatedHoverBg: c.surfaceContainerHighest,
+                tonalBg: c.secondaryContainer,
+                tonalText: c.onSecondary,
+                tonalHoverBg: c.secondaryContainer ?? c.secondary,
+                outlinedBorder: c.outlineVariant ?? c.outline,
+                outlinedText: c.primary,
+                outlinedHoverBorder: c.outlineVariant ?? c.outline,
+                textColor: c.primary,
+                textHoverColor: c.primary,
+                disabledBg: c.surfaceContainerLow,
+                disabledText: c.onSurfaceVariant,
+            },
+            card: {
+                background: c.surfaceContainer,
+                text: c.onSurface,
+            },
+            input: {
+                background: c.surfaceContainerLow,
+                text: c.onSurface,
+                border: c.outlineVariant ?? c.outline,
+                placeholder: c.onSurfaceVariant,
+            },
+            appbar: {
+                background: c.surface,
+                text: c.onSurface,
+                border: c.outlineVariant ?? c.outline,
+            },
+            link: {
+                text: c.primary,
+                hover: c.primary,
+            },
+            badge: {
+                background: c.primary,
+                text: c.onPrimary,
+            },
+            sidebar: {
+                background: c.surface,
+                itemText: c.onSurface,
+                itemActiveText: c.primary,
+                itemActiveBg: c.primaryContainer,
+                itemHoverBg: c.surfaceContainerHigh,
+                divider: c.outlineVariant ?? c.outline,
+                width: 280,
+            },
+            elevation: {
+                level0: 0,
+                level1: 1,
+                level2: 3,
+                level3: 6,
+                level4: 8,
+                level5: 12,
+            },
+            focusRing: {
+                color: c.primary,
+                width: 2,
+                offset: 2,
+            },
+            typography: {
+                // M3 Display styles (largest)
+                displayLarge: 57,
+                displayMedium: 45,
+                displaySmall: 36,
+                // M3 Headline styles
+                headlineLarge: 32,
+                headlineMedium: 28,
+                headlineSmall: 24,
+                // M3 Title styles
+                titleLarge: 22,
+                titleMedium: 16,
+                titleSmall: 14,
+                // M3 Body styles
+                bodyLarge: 16,
+                bodyMedium: 14,
+                bodySmall: 12,
+                // M3 Label styles
+                labelLarge: 14,
+                labelMedium: 12,
+                labelSmall: 11,
+                // Font weights
+                weightLight: 300,
+                weightRegular: 400,
+                weightMedium: 500,
+                weightBold: 700,
+                // Line heights (multipliers)
+                lineHeightTight: 1.2,
+                lineHeightNormal: 1.5,
+                lineHeightRelaxed: 1.75,
+            },
+        },
+    };
+};
+//# sourceMappingURL=theme-config.js.map

package/dist/theme/theme-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-config.js","sourceRoot":"","sources":["../../theme/theme-config.ts"],"names":[],"mappings":"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"}

package/dist/theme/theme.d.ts

@@ -1,15 +1,106 @@
 import React from 'react';
-import { ThemeValuesType } from './themeConfig';
+import { ThemeValuesType, type ThemeTokens } from './theme-config';
 import { Brand } from '../brand';
+export type ThemeMode = 'light' | 'dark';
 export type ThemeContextType = {
     values: ThemeValuesType;
+    mode: ThemeMode;
+    setMode: (m: ThemeMode) => void;
     toggleTheme: () => void;
 };
-declare const ThemeContext: React.Context<ThemeContextType>;
+declare const MISSING_PROVIDER: unique symbol;
+declare const ThemeContext: React.Context<ThemeContextType | typeof MISSING_PROVIDER>;
 type ZeroToAppProps = {
     brand: Brand;
     children: React.ReactNode;
 };
 declare const ZeroToApp: ({ brand, children }: ZeroToAppProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access the current theme values and mode.
+ * Must be used within a `<ZeroToApp>` provider.
+ *
+ * @returns The theme context containing values, mode, setMode, and toggleTheme
+ * @throws Error if used outside of a ZeroToApp provider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const theme = useTheme();
+ *
+ *   return (
+ *     <View style={{ backgroundColor: theme.surface }}>
+ *       <Text style={{ color: theme.onSurface }}>
+ *         Hello World
+ *       </Text>
+ *     </View>
+ *   );
+ * }
+ * ```
+ */
+export declare const useTheme: () => ThemeValuesType;
+/**
+ * Hook to access the current theme mode and controllers.
+ * Must be used within a `<ZeroToApp>` provider.
+ *
+ * @returns The theme mode context containing mode, setMode, and toggleTheme
+ * @throws Error if used outside of a ZeroToApp provider
+ *
+ * @example
+ * ```tsx
+ * function ThemeToggler() {
+ *   const { mode, toggleTheme } = useThemeMode();
+ *   return <Button title={`Switch to ${mode === 'light' ? 'dark' : 'light'}`} onPress={toggleTheme} />;
+ * }
+ * ```
+ */
+export declare const useThemeMode: () => {
+    mode: ThemeMode;
+    setMode: (m: ThemeMode) => void;
+    toggleTheme: () => void;
+};
+export declare const useThemeContext: () => ThemeContextType;
+/**
+ * Convenience hook to access theme tokens directly without drilling through `values.tokens`.
+ * Must be used within a `<ZeroToApp>` provider.
+ *
+ * @returns The theme tokens object containing button, card, input, typography, elevation, etc.
+ * @throws Error if used outside of a ZeroToApp provider
+ *
+ * @example
+ * ```tsx
+ * function MyCard() {
+ *   const tokens = useTokens();
+ *
+ *   return (
+ *     <View style={{
+ *       backgroundColor: tokens.card.background,
+ *       shadowOffset: { width: 0, height: tokens.elevation.level2 },
+ *     }}>
+ *       <Text style={{ fontSize: tokens.typography.bodyMedium }}>
+ *         Card content
+ *       </Text>
+ *     </View>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Access specific token groups
+ * function MyButton() {
+ *   const { button, focusRing } = useTokens();
+ *
+ *   return (
+ *     <Pressable style={{
+ *       backgroundColor: button.filledBg,
+ *       borderColor: focusRing.color,
+ *     }}>
+ *       <Text style={{ color: button.filledText }}>Click me</Text>
+ *     </Pressable>
+ *   );
+ * }
+ * ```
+ */
+export declare const useTokens: () => ThemeTokens;
 export { ThemeContext, ZeroToApp };
 //# sourceMappingURL=theme.d.ts.map

package/dist/theme/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../theme/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAqC,eAAe,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,eAAe,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAIF,QAAA,MAAM,YAAY,iCAmBhB,CAAC;AAEH,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,qBAAqB,cAAc,4CAarD,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../theme/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAqC,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACtG,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAMjC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,eAAe,CAAC;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAGF,QAAA,MAAM,gBAAgB,eAA6B,CAAC;AAGpD,QAAA,MAAM,YAAY,2DAA8E,CAAC;AAEjG,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,qBAAqB,cAAc,4CA0BrD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,QAAO,eAG3B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY;;iBArFV,SAAS,KAAK,IAAI;uBACZ,IAAI;CAuFxB,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO,gBAoBlC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,QAAO,WAG5B,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/theme/theme.js

@@ -1,38 +1,135 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useState, useMemo } from 'react';
-import { createDarkTheme, createLightTheme } from './themeConfig';
-import { BrandProvider } from '../brand/brandContext';
-// Initialize ThemeContext with a placeholder that throws if used outside provider
-// This should never be used in practice since ZeroToApp always provides a real brand
-const ThemeContext = createContext({
-    values: {
-        color: '#000000',
-        backgroundColor: '#FFFFFF',
-        highlightColor: '#000000',
-        borderColor: '#dddfe2',
-        inactiveIconColor: '#606770',
-        dividerColor: '#dddfe2',
-        cardBackgroundColor: '#FFFFFF',
-        appbarBackgroundColor: '#FFFFFF',
-        iconButtonBackgroundColor: '#999999',
-        iconButtonIconColor: '#ffffff',
-        inputBackgroundColor: '#ffffff',
-        linkColor: '#666666',
-        isDark: false,
-    },
-    toggleTheme: () => {
-        throw new Error('ThemeContext used outside ZeroToApp provider');
-    },
-});
+import { createContext, useState, useMemo, useContext } from 'react';
+import { createDarkTheme, createLightTheme } from './theme-config';
+import { BrandProvider } from '../brand/brand-context';
+import { SidebarProvider } from '../context/sidebar-context';
+import { LayoutProvider } from '../context/layout-context';
+// Sentinel value to detect missing provider
+const MISSING_PROVIDER = Symbol('MISSING_PROVIDER');
+// Initialize ThemeContext with undefined to detect missing provider
+const ThemeContext = createContext(MISSING_PROVIDER);
 //Initialize ZeroToApp with a toggle function
 const ZeroToApp = ({ brand, children }) => {
     const lightTheme = useMemo(() => createLightTheme(brand), [brand]);
+    // Use brand.darkColors if available, otherwise generate from brand.colors
     const darkTheme = useMemo(() => createDarkTheme(brand), [brand]);
-    const [values, setTheme] = useState(lightTheme);
+    const [mode, setModeState] = useState('light');
+    const values = mode === 'light' ? lightTheme : darkTheme;
+    const setMode = (m) => {
+        setModeState(m);
+    };
     const toggleTheme = () => {
-        setTheme(values === lightTheme ? darkTheme : lightTheme);
+        setModeState((prev) => (prev === 'light' ? 'dark' : 'light'));
     };
-    return (_jsx(BrandProvider, { brand: brand, children: _jsx(ThemeContext.Provider, { value: { values, toggleTheme }, children: children }) }));
+    return (_jsx(BrandProvider, { brand: brand, children: _jsx(ThemeContext.Provider, { value: { values, mode, setMode, toggleTheme }, children: _jsx(LayoutProvider, { children: _jsx(SidebarProvider, { children: children }) }) }) }));
+};
+/**
+ * Hook to access the current theme values and mode.
+ * Must be used within a `<ZeroToApp>` provider.
+ *
+ * @returns The theme context containing values, mode, setMode, and toggleTheme
+ * @throws Error if used outside of a ZeroToApp provider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const theme = useTheme();
+ *
+ *   return (
+ *     <View style={{ backgroundColor: theme.surface }}>
+ *       <Text style={{ color: theme.onSurface }}>
+ *         Hello World
+ *       </Text>
+ *     </View>
+ *   );
+ * }
+ * ```
+ */
+export const useTheme = () => {
+    const { values } = useThemeContext();
+    return values;
+};
+/**
+ * Hook to access the current theme mode and controllers.
+ * Must be used within a `<ZeroToApp>` provider.
+ *
+ * @returns The theme mode context containing mode, setMode, and toggleTheme
+ * @throws Error if used outside of a ZeroToApp provider
+ *
+ * @example
+ * ```tsx
+ * function ThemeToggler() {
+ *   const { mode, toggleTheme } = useThemeMode();
+ *   return <Button title={`Switch to ${mode === 'light' ? 'dark' : 'light'}`} onPress={toggleTheme} />;
+ * }
+ * ```
+ */
+export const useThemeMode = () => {
+    const { mode, setMode, toggleTheme } = useThemeContext();
+    return { mode, setMode, toggleTheme };
+};
+export const useThemeContext = () => {
+    const context = useContext(ThemeContext);
+    if (context === MISSING_PROVIDER) {
+        throw new Error('useThemeContext must be used within a <ZeroToApp> provider.\n\n' +
+            'Make sure your component is wrapped with ZeroToApp:\n\n' +
+            '  import { ZeroToApp, createBrand } from "zero-to-app";\n\n' +
+            '  const brand = createBrand({ ... });\n\n' +
+            '  function App() {\n' +
+            '    return (\n' +
+            '      <ZeroToApp brand={brand}>\n' +
+            '        <YourComponent />\n' +
+            '      </ZeroToApp>\n' +
+            '    );\n' +
+            '  }');
+    }
+    return context;
+};
+/**
+ * Convenience hook to access theme tokens directly without drilling through `values.tokens`.
+ * Must be used within a `<ZeroToApp>` provider.
+ *
+ * @returns The theme tokens object containing button, card, input, typography, elevation, etc.
+ * @throws Error if used outside of a ZeroToApp provider
+ *
+ * @example
+ * ```tsx
+ * function MyCard() {
+ *   const tokens = useTokens();
+ *
+ *   return (
+ *     <View style={{
+ *       backgroundColor: tokens.card.background,
+ *       shadowOffset: { width: 0, height: tokens.elevation.level2 },
+ *     }}>
+ *       <Text style={{ fontSize: tokens.typography.bodyMedium }}>
+ *         Card content
+ *       </Text>
+ *     </View>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Access specific token groups
+ * function MyButton() {
+ *   const { button, focusRing } = useTokens();
+ *
+ *   return (
+ *     <Pressable style={{
+ *       backgroundColor: button.filledBg,
+ *       borderColor: focusRing.color,
+ *     }}>
+ *       <Text style={{ color: button.filledText }}>Click me</Text>
+ *     </Pressable>
+ *   );
+ * }
+ * ```
+ */
+export const useTokens = () => {
+    const { values } = useThemeContext();
+    return values.tokens;
 };
 export { ThemeContext, ZeroToApp };
 //# sourceMappingURL=theme.js.map

package/dist/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../theme/theme.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAmB,MAAM,eAAe,CAAC;AAEnF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAQtD,kFAAkF;AAClF,qFAAqF;AACrF,MAAM,YAAY,GAAG,aAAa,CAAmB;IACnD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,eAAe,EAAE,SAAS;QAC1B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,YAAY,EAAE,SAAS;QACvB,mBAAmB,EAAE,SAAS;QAC9B,qBAAqB,EAAE,SAAS;QAChC,yBAAyB,EAAE,SAAS;QACpC,mBAAmB,EAAE,SAAS;QAC9B,oBAAoB,EAAE,SAAS;QAC/B,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,KAAK;KACd;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;CACF,CAAC,CAAC;AAMH,6CAA6C;AAC7C,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAkB,EAAE,EAAE;IACxD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACnE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAkB,UAAU,CAAC,CAAC;IACjE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YACzB,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,YAAG,QAAQ,GAAyB,GAC3E,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../theme/theme.tsx"],"names":[],"mappings":"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"}

package/dist/utils/contrast-checker.d.ts

@@ -0,0 +1,51 @@
+/**
+ * WCAG 2.1 Contrast Checker
+ * Automated accessibility contrast validation
+ */
+import type { Colors } from '../brand/brand-types';
+export interface ContrastCheck {
+    pair: string;
+    foreground: string;
+    background: string;
+    ratio: number;
+    passes: boolean;
+    level: 'AAA' | 'AA' | 'Fail';
+}
+/**
+ * WCAG 2.1 contrast requirements
+ * - AAA: 7:1 for normal text, 4.5:1 for large text
+ * - AA: 4.5:1 for normal text, 3:1 for large text
+ */
+export declare const WCAG_LEVELS: {
+    readonly AAA_NORMAL: 7;
+    readonly AAA_LARGE: 4.5;
+    readonly AA_NORMAL: 4.5;
+    readonly AA_LARGE: 3;
+};
+/**
+ * Check all critical color pairs in a theme for WCAG compliance
+ * @param colors Color scheme to validate
+ * @param largeText Whether to use large text criteria (default: false)
+ * @returns Array of contrast check results
+ */
+export declare function checkThemeContrast(colors: Colors, largeText?: boolean): ContrastCheck[];
+/**
+ * Validate theme and return failing pairs
+ * @param colors Color scheme to validate
+ * @returns Array of failing contrast pairs
+ */
+export declare function validateThemeContrast(colors: Colors): ContrastCheck[];
+/**
+ * Generate a contrast report for a theme
+ * @param colors Color scheme to validate
+ * @returns Human-readable report string
+ */
+export declare function generateContrastReport(colors: Colors): string;
+/**
+ * Assert theme contrast passes WCAG AA
+ * Useful for automated tests
+ * @param colors Color scheme to validate
+ * @throws Error if any pairs fail
+ */
+export declare function assertThemeContrast(colors: Colors): void;
+//# sourceMappingURL=contrast-checker.d.ts.map

package/dist/utils/contrast-checker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast-checker.d.ts","sourceRoot":"","sources":["../../utils/contrast-checker.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC;CAC9B;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,MAAM,EACd,SAAS,GAAE,OAAe,GACzB,aAAa,EAAE,CAqCjB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,EAAE,CAGrE;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAiB7D;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAQxD"}