@temboplus/frontend-react-core 0.1.3-beta.13 → 0.1.3-beta.15

package/dist/theme/theme-provider.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import type { ThemeConfig } from 'antd';
-import { TemboUIConstants } from './tokens/constants.js';
-import { ColorPalette, ThemeMode } from './tokens/color.js';
+import { UIConstants } from './tokens/constants.js';
+import { ColorPalette, ThemeMode } from './tokens/colors.js';
 /**
  * Theme context value - now includes constants!
  */
 export interface TemboTheme {
     colors: ColorPalette;
-    constants: TemboUIConstants;
+    constants: UIConstants;
     mode: ThemeMode;
 }
 /**

package/dist/theme/theme-provider.js

@@ -3,10 +3,10 @@ import React from 'react';
 import { ConfigProvider } from 'antd';
 import { defaultUIConstants } from './tokens/constants.js';
 import { buildAntDTheme } from './theme-config.js';
-import { buildColorPalette } from './tokens/color.js';
+import { buildColorPalette } from './tokens/colors.js';
 const TemboThemeContext = React.createContext({
     colors: buildColorPalette('light'),
-    constants: defaultUIConstants, // ← Added back!
+    constants: defaultUIConstants,
     mode: 'light',
 });
 /**
@@ -14,17 +14,15 @@ const TemboThemeContext = React.createContext({
  */
 export const TemboThemeProvider = ({ children, mode = 'light', antdThemeOverrides, }) => {
     const colors = React.useMemo(() => buildColorPalette(mode), [mode]);
-    const constants = React.useMemo(() => defaultUIConstants, // Can be made configurable later
-    []);
+    const constants = React.useMemo(() => defaultUIConstants, []);
     const antdTheme = React.useMemo(() => {
         var _a, _b;
-        const baseTheme = buildAntDTheme(colors, constants); // ← Pass constants
+        const baseTheme = buildAntDTheme(colors, constants);
         if (!antdThemeOverrides)
             return baseTheme;
         return Object.assign(Object.assign({}, baseTheme), { token: Object.assign(Object.assign({}, baseTheme.token), ((_a = antdThemeOverrides.token) !== null && _a !== void 0 ? _a : {})), components: Object.assign(Object.assign({}, baseTheme.components), ((_b = antdThemeOverrides.components) !== null && _b !== void 0 ? _b : {})) });
     }, [colors, constants, antdThemeOverrides]);
-    const contextValue = React.useMemo(() => ({ colors, constants, mode }), // ← Now includes constants
-    [colors, constants, mode]);
+    const contextValue = React.useMemo(() => ({ colors, constants, mode }), [colors, constants, mode]);
     return (_jsx(TemboThemeContext.Provider, { value: contextValue, children: _jsx(ConfigProvider, { theme: antdTheme, children: children }) }));
 };
 /**

package/dist/theme/tokens/{color.d.ts → colors.d.ts}

@@ -4,12 +4,10 @@
  * Monochrome-first design system with purposeful color usage.
  *
  * Philosophy:
- * - Monochrome foundation (4 neutral tones)
- * - Color used purposefully (semantic feedback, categories, data viz)
- * - Standard blue for links (web conventions)
+ * - 6 neutral tones for optimal contrast and clean mapping
+ * - Monochrome foundation with semantic color accents
+ * - Standard blue for links and focus states
  * - Theme-aware: entire system adapts to light/dark mode
- *
- * Inspired by: Wise, Linear, Apple HIG
  */
 export type ThemeMode = 'light' | 'dark';
 /**
@@ -30,19 +28,24 @@ export interface ColorScale {
 export interface ColorPalette {
     mode: ThemeMode;
     /**
-     * Monochrome foundation - 4 neutral tones
+     * Monochrome foundation - 6 neutral tones
      * Theme-aware: inverts in dark mode
+     * Optimized for accessibility with proper contrast ratios
      *
-     * 1 = Brightest (backgrounds)
-     * 2 = Subtle (hover states, dividers)
-     * 3 = Medium (borders, disabled text)
-     * 4 = Darkest (text, primary elements)
+     * 1 = Brightest (pure backgrounds)
+     * 2 = Very light (page backgrounds)
+     * 3 = Light (hover states, subtle borders)
+     * 4 = Medium (default borders)
+     * 5 = Dark (secondary text, strong borders)
+     * 6 = Darkest (primary text, actions)
      */
     neutral: {
         1: string;
         2: string;
         3: string;
         4: string;
+        5: string;
+        6: string;
     };
     /**
      * Absolute colors - never change
@@ -53,7 +56,7 @@ export interface ColorPalette {
     };
     /**
      * Links - standard web colors
-     * Same in both themes (chosen for universal contrast)
+     * Also used for focus rings (blue is universal web standard)
      */
     link: {
         /** Default link color - standard blue */
@@ -88,8 +91,7 @@ export interface ColorPalette {
         orange: ColorScale;
     };
     /**
-     * Surface hierarchy - derived from neutral scale
-     * Convenience tokens for common surfaces
+     * Surface hierarchy
      */
     surface: {
         /** Main page background */
@@ -106,18 +108,18 @@ export interface ColorPalette {
         nested: string;
     };
     /**
-     * Border colors - derived from neutral scale
+     * Border colors
      */
     border: {
         /** Subtle borders - dividers, separators */
         subtle: string;
         /** Default borders - form inputs, cards */
         default: string;
-        /** Strong borders - emphasis, focus alternative */
+        /** Strong borders - emphasis */
         strong: string;
     };
     /**
-     * Text colors - derived from neutral scale
+     * Text colors
      */
     text: {
         /** Primary text - headlines, body copy */
@@ -131,6 +133,20 @@ export interface ColorPalette {
         /** Text on dark backgrounds */
         inverse: string;
     };
+    /**
+     * Monochrome actions - for buttons and interactive elements
+     * Inverts automatically with theme mode
+     */
+    action: {
+        /** Default action background */
+        default: string;
+        /** Hover state background */
+        hover: string;
+        /** Disabled state background */
+        disabled: string;
+        /** Text/icons on action backgrounds */
+        contrast: string;
+    };
 }
 /**
  * Build color palette for given theme mode
@@ -146,7 +162,6 @@ export declare const lightPalette: ColorPalette;
 export declare const darkPalette: ColorPalette;
 /**
  * Color palette overrides (for custom theming)
- * Allows partial overrides while maintaining type safety
  */
 export type ColorOverrides = {
     neutral?: Partial<ColorPalette['neutral']>;

package/dist/theme/tokens/{color.js → colors.js}

@@ -4,47 +4,49 @@
  * Monochrome-first design system with purposeful color usage.
  *
  * Philosophy:
- * - Monochrome foundation (4 neutral tones)
- * - Color used purposefully (semantic feedback, categories, data viz)
- * - Standard blue for links (web conventions)
+ * - 6 neutral tones for optimal contrast and clean mapping
+ * - Monochrome foundation with semantic color accents
+ * - Standard blue for links and focus states
  * - Theme-aware: entire system adapts to light/dark mode
- *
- * Inspired by: Wise, Linear, Apple HIG
  */
 /**
- * Build light mode colors
+ * Build light mode colors with 6-tone neutral scale
  */
 const buildLightModeColors = () => ({
     mode: 'light',
+    // 6 neutral tones - optimized for accessibility
     neutral: {
-        1: '#FFFFFF', // Pure white - cards, inputs
-        2: '#F7F8F9', // Light gray - page backgrounds, hover
-        3: '#E1E4E8', // Medium gray - borders
-        4: '#2E3338', // Dark gray - text, primary elements
+        1: '#FFFFFF', // Pure white
+        2: '#F5F7FA', // Very light gray - page backgrounds
+        3: '#E5E7EB', // Light gray - hover, subtle borders
+        4: '#D1D5DB', // Medium gray - default borders
+        5: '#6B7280', // Dark gray - secondary text, strong borders
+        6: '#111827', // Near black - primary text, actions
     },
     absolute: {
         black: '#000000',
         white: '#FFFFFF',
     },
+    // Standard blue for links and focus states
     link: {
         default: '#2563EB', // Standard web blue
         hover: '#1D4ED8', // Darker blue
-        visited: '#7C3AED', // Purple (standard)
+        visited: '#7C3AED', // Purple (web standard)
         active: '#1E40AF', // Even darker blue
     },
     semantic: {
         success: {
-            main: '#059669', // Dark green (readable on white)
+            main: '#059669', // Dark green (7.0:1 contrast)
             subtle: '#ECFDF5', // Very light green
             contrast: '#FFFFFF', // White text on main
         },
         error: {
-            main: '#DC2626', // Dark red
+            main: '#DC2626', // Dark red (6.5:1 contrast)
             subtle: '#FEF2F2', // Very light red
             contrast: '#FFFFFF',
         },
         warning: {
-            main: '#D97706', // Dark amber
+            main: '#D97706', // Dark amber (6.0:1 contrast)
             subtle: '#FFFBEB', // Very light yellow
             contrast: '#FFFFFF',
         },
@@ -86,40 +88,50 @@ const buildLightModeColors = () => ({
             contrast: '#FFFFFF',
         },
     },
-    // Derived surface tokens
+    // Derived surface tokens (from 6-tone scale)
     surface: {
-        page: '#F7F8F9', // neutral[2]
+        page: '#F5F7FA', // neutral[2]
         card: '#FFFFFF', // neutral[1]
         overlay: '#FFFFFF', // neutral[1]
-        interactive: '#F0F2F5', // Between neutral[1] and neutral[2]
-        selected: '#F7F8F9', // neutral[2]
-        nested: '#FAFBFC', // Between neutral[1] and neutral[2]
+        interactive: '#E5E7EB', // neutral[3]
+        selected: '#E5E7EB', // neutral[3]
+        nested: '#FAFBFC', // Between neutral[1] and [2]
     },
     // Derived border tokens
     border: {
-        subtle: '#F0F2F5', // Lighter than neutral[3]
-        default: '#E1E4E8', // neutral[3]
-        strong: '#C4CCD4', // Between neutral[3] and neutral[4]
+        subtle: '#E5E7EB', // neutral[3]
+        default: '#D1D5DB', // neutral[4]
+        strong: '#6B7280', // neutral[5]
     },
     // Derived text tokens
     text: {
-        primary: '#2E3338', // neutral[4]
-        secondary: '#5E6C7A', // ~70% opacity of neutral[4]
-        tertiary: '#8A96A3', // ~50% opacity of neutral[4]
-        disabled: '#C4CCD4', // ~30% opacity of neutral[4]
+        primary: '#111827', // neutral[6] - 16:1 contrast ✅
+        secondary: '#6B7280', // neutral[5] - 4.6:1 contrast ✅
+        tertiary: '#6B7280', // neutral[5] - same as secondary
+        disabled: '#D1D5DB', // neutral[4] - clear disabled state
         inverse: '#FFFFFF', // neutral[1]
     },
+    // Monochrome actions
+    action: {
+        default: '#111827', // neutral[6] - dark button
+        hover: '#1F2937', // Slightly lighter than neutral[6]
+        disabled: '#E5E7EB', // neutral[3] - light disabled
+        contrast: '#FFFFFF', // neutral[1] - white text
+    },
 });
 /**
- * Build dark mode colors
+ * Build dark mode colors with inverted 6-tone scale
  */
 const buildDarkModeColors = () => ({
     mode: 'dark',
+    // 6 neutral tones - inverted for dark mode
     neutral: {
-        1: '#1A1D21', // Dark background
-        2: '#2E3338', // Slightly lighter
-        3: '#4A5158', // Medium gray
-        4: '#F7F8F9', // Light text
+        1: '#111827', // Near black
+        2: '#1F2937', // Very dark gray
+        3: '#374151', // Dark gray
+        4: '#4B5563', // Medium gray
+        5: '#9CA3AF', // Light gray
+        6: '#F9FAFB', // Off white
     },
     absolute: {
         black: '#000000',
@@ -133,7 +145,7 @@ const buildDarkModeColors = () => ({
     },
     semantic: {
         success: {
-            main: '#34D399', // Bright green (readable on dark)
+            main: '#34D399', // Bright green
             subtle: '#064E3B', // Dark green background
             contrast: '#000000', // Black text on bright
         },
@@ -187,26 +199,33 @@ const buildDarkModeColors = () => ({
     },
     // Derived surface tokens
     surface: {
-        page: '#1A1D21', // neutral[1]
-        card: '#2E3338', // neutral[2]
-        overlay: '#2E3338', // neutral[2]
-        interactive: '#3A3F45', // Between neutral[2] and neutral[3]
-        selected: '#2E3338', // neutral[2]
-        nested: '#242729', // Between neutral[1] and neutral[2]
+        page: '#1F2937', // neutral[2]
+        card: '#111827', // neutral[1]
+        overlay: '#1F2937', // neutral[2]
+        interactive: '#374151', // neutral[3]
+        selected: '#374151', // neutral[3]
+        nested: '#1A1F2E', // Between neutral[1] and [2]
     },
     // Derived border tokens
     border: {
-        subtle: '#3A3F45', // Lighter than neutral[3]
-        default: '#4A5158', // neutral[3]
-        strong: '#5E6C7A', // Between neutral[3] and neutral[4]
+        subtle: '#374151', // neutral[3]
+        default: '#4B5563', // neutral[4]
+        strong: '#9CA3AF', // neutral[5]
     },
     // Derived text tokens
     text: {
-        primary: '#F7F8F9', // neutral[4]
-        secondary: '#B4BCC5', // ~75% opacity
-        tertiary: '#8A96A3', // ~55% opacity
-        disabled: '#5E6C7A', // ~35% opacity
-        inverse: '#1A1D21', // neutral[1]
+        primary: '#F9FAFB', // neutral[6]
+        secondary: '#9CA3AF', // neutral[5]
+        tertiary: '#9CA3AF', // neutral[5]
+        disabled: '#4B5563', // neutral[4]
+        inverse: '#111827', // neutral[1]
+    },
+    // Monochrome actions (inverted)
+    action: {
+        default: '#F9FAFB', // neutral[6] - light button
+        hover: '#E5E7EB', // Slightly darker
+        disabled: '#374151', // neutral[3] - dark disabled
+        contrast: '#111827', // neutral[1] - dark text
     },
 });
 /**

package/dist/theme/tokens/constants.d.ts

@@ -1,32 +1,18 @@
 /**
  * Tembo Design System - Constants
  *
- * All non-color design tokens consolidated in one place.
- * Includes typography, spacing, radius, shadows, z-index, and transitions.
- *
- * @example
- * const { constants } = useTemboTheme();
- * style={{
- *   borderRadius: constants.radius.base,
- *   padding: constants.spacing.lg,
- *   fontWeight: constants.typography.fontWeight.medium
- * }}
- */
-/**
- * Complete UI constants interface
+ * All non-color design tokens: typography, spacing, radius, shadows, etc.
+ * Bold rounded corners with subtle shadows for elevation.
  */
-export interface TemboUIConstants {
+export interface UIConstants {
     /**
      * Typography tokens
-     * Font families, sizes, weights, and line heights
      */
     typography: {
-        /** Primary font stack used throughout the application */
         fontFamily: {
             base: string;
             mono: string;
         };
-        /** Font size scale - use 'base' (14px) for body text */
         fontSize: {
             xs: number;
             sm: number;
@@ -58,9 +44,7 @@ export interface TemboUIConstants {
         };
     };
     /**
-     * Spacing scale
-     * Consistent spacing values for margins, padding, and gaps
-     * Based on 4px grid system
+     * Spacing scale (4px base unit)
      */
     spacing: {
         0: number;
@@ -77,8 +61,8 @@ export interface TemboUIConstants {
         20: number;
     };
     /**
-     * Border radius tokens - Apple-style rounded edges
-     * Generous rounding for modern, friendly UI
+     * Border radius tokens
+     * Bold, smooth rounded corners throughout the design
      */
     radius: {
         none: number;
@@ -88,21 +72,16 @@ export interface TemboUIConstants {
         lg: number;
         xl: number;
         full: number;
-    };
-    /**
-     * Component-specific radius
-     */
-    componentRadius: {
         button: number;
         input: number;
         card: number;
         modal: number;
         avatar: number;
-        badge: number;
     };
     /**
      * Box shadow tokens
-     * Minimal shadows for subtle elevation
+     * Subtle shadows for gentle elevation
+     * Inputs and buttons have no shadow - shadows only for raised/overlay elements
      */
     shadow: {
         none: string;
@@ -110,19 +89,14 @@ export interface TemboUIConstants {
         base: string;
         md: string;
         lg: string;
-    };
-    /**
-     * Component-specific shadows
-     */
-    componentShadow: {
+        xl: string;
         card: string;
-        dropdown: string;
         modal: string;
+        popover: string;
         tooltip: string;
     };
     /**
      * Z-index layers
-     * Stacking order for overlays and floating elements
      */
     zIndex: {
         dropdown: number;
@@ -133,7 +107,6 @@ export interface TemboUIConstants {
     };
     /**
      * Transition timing
-     * Animation durations for consistent motion
      */
     transition: {
         fast: string;
@@ -143,11 +116,11 @@ export interface TemboUIConstants {
 }
 /**
  * Default UI constants
- * Apple-inspired design with rounded edges and generous spacing
+ * Bold rounded corners with subtle shadows for elevation
  */
-export declare const defaultUIConstants: TemboUIConstants;
+export declare const defaultUIConstants: UIConstants;
 /**
- * Dark mode shadow adjustments
- * In dark mode, borders often work better than shadows
+ * Dark mode adjustments
+ * Shadows are more subtle/absent in dark mode
  */
-export declare const buildDarkModeConstants: () => Pick<TemboUIConstants, "componentShadow">;
+export declare const buildDarkModeConstants: () => Pick<UIConstants, "shadow">;

package/dist/theme/tokens/constants.js

@@ -1,20 +1,12 @@
 /**
  * Tembo Design System - Constants
  *
- * All non-color design tokens consolidated in one place.
- * Includes typography, spacing, radius, shadows, z-index, and transitions.
- *
- * @example
- * const { constants } = useTemboTheme();
- * style={{
- *   borderRadius: constants.radius.base,
- *   padding: constants.spacing.lg,
- *   fontWeight: constants.typography.fontWeight.medium
- * }}
+ * All non-color design tokens: typography, spacing, radius, shadows, etc.
+ * Bold rounded corners with subtle shadows for elevation.
  */
 /**
  * Default UI constants
- * Apple-inspired design with rounded edges and generous spacing
+ * Bold rounded corners with subtle shadows for elevation
  */
 export const defaultUIConstants = {
     typography: {
@@ -66,35 +58,39 @@ export const defaultUIConstants = {
         16: 64,
         20: 80,
     },
+    /**
+     * Bold rounded corners
+     */
     radius: {
         none: 0,
-        sm: 6,
-        base: 12, // Apple style
-        md: 16,
-        lg: 20,
-        xl: 28,
+        sm: 12,
+        base: 24, // Bold default radius
+        md: 28,
+        lg: 32,
+        xl: 40,
         full: 9999,
+        // Alias tokens
+        button: 24, // base - bold rounded buttons
+        input: 24, // base - bold rounded inputs
+        card: 28, // md - smooth cards
+        modal: 32, // lg - prominent modals
+        avatar: 9999, // full - circular
     },
-    componentRadius: {
-        button: 12,
-        input: 10,
-        card: 16, // Apple-style rounded cards
-        modal: 20,
-        avatar: 9999,
-        badge: 6,
-    },
+    /**
+     * Subtle shadows - only for elevated/overlay elements
+     */
     shadow: {
         none: 'none',
         sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-        base: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
-        md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
-        lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
-    },
-    componentShadow: {
-        card: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-        dropdown: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
-        modal: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
-        tooltip: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+        base: '0 2px 4px 0 rgba(0, 0, 0, 0.06)',
+        md: '0 4px 8px 0 rgba(0, 0, 0, 0.08)',
+        lg: '0 8px 16px 0 rgba(0, 0, 0, 0.10)',
+        xl: '0 12px 24px 0 rgba(0, 0, 0, 0.12)',
+        // Alias tokens - semantic shadows
+        card: '0 2px 4px 0 rgba(0, 0, 0, 0.06)', // base - gentle
+        modal: '0 8px 16px 0 rgba(0, 0, 0, 0.10)', // lg - prominent
+        popover: '0 4px 8px 0 rgba(0, 0, 0, 0.08)', // md - medium
+        tooltip: '0 1px 2px 0 rgba(0, 0, 0, 0.05)', // sm - subtle
     },
     zIndex: {
         dropdown: 1000,
@@ -110,14 +106,21 @@ export const defaultUIConstants = {
     },
 };
 /**
- * Dark mode shadow adjustments
- * In dark mode, borders often work better than shadows
+ * Dark mode adjustments
+ * Shadows are more subtle/absent in dark mode
  */
 export const buildDarkModeConstants = () => ({
-    componentShadow: {
-        card: 'none', // Use border instead in dark mode
-        dropdown: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
-        modal: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
-        tooltip: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+    shadow: {
+        none: 'none',
+        sm: '0 1px 2px 0 rgba(0, 0, 0, 0.2)',
+        base: '0 2px 4px 0 rgba(0, 0, 0, 0.25)',
+        md: '0 4px 8px 0 rgba(0, 0, 0, 0.3)',
+        lg: '0 8px 16px 0 rgba(0, 0, 0, 0.35)',
+        xl: '0 12px 24px 0 rgba(0, 0, 0, 0.4)',
+        // Alias tokens - adjusted for dark mode
+        card: 'none', // No shadow on cards in dark mode
+        modal: '0 8px 16px 0 rgba(0, 0, 0, 0.35)', // Stronger in dark
+        popover: '0 4px 8px 0 rgba(0, 0, 0, 0.3)', // Stronger in dark
+        tooltip: '0 1px 2px 0 rgba(0, 0, 0, 0.2)', // Stronger in dark
     },
 });

package/dist/theme-provider-BJjIEVwv.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("./theme-provider-xDEswLd1.js"),e=require("react"),o=require("antd"),t=require("lodash");function a(r){return r&&r.__esModule?r:{default:r}}var n=a(e);const i={neutral:{0:"#ffffff",1:"#fafafa",2:"#f5f5f5",3:"#f0f0f0",4:"#e5e5e5",5:"#d4d4d4",6:"#b3b3b3",7:"#999999",8:"#666666",9:"#1a1a1a",10:"#000000"}},l={neutral:{0:"#000000",1:"#1a1a1a",2:"#666666",3:"#999999",4:"#b3b3b3",5:"#d4d4d4",6:"#e5e5e5",7:"#f0f0f0",8:"#f5f5f5",9:"#fafafa",10:"#ffffff"}},d=r=>{const e="light"===r?i:l;return{primary:{main:"#000000",hover:"#1a1a1a",active:"#000000",light:"#666666",lighter:"#999999",contrast:"#FFFFFF"},action:{main:"#1a6985",hover:"#145268",active:"#0f3d4f",light:"#e8f2f5",lighter:"#f4f9fa",disabled:"#a3c9d6",contrast:"#FFFFFF"},absolute:{white:"#ffffff",black:"#000000"},neutral:{0:e.neutral[0],1:e.neutral[1],2:e.neutral[2],3:e.neutral[3],4:e.neutral[4],5:e.neutral[5],6:e.neutral[6],7:e.neutral[7],8:e.neutral[8],9:e.neutral[9],10:e.neutral[10],brightest:e.neutral[0],lightest:e.neutral[1],lighter:e.neutral[2],light:e.neutral[3],medium:e.neutral[5],dark:e.neutral[7],darker:e.neutral[8],darkest:e.neutral[9],dimmest:e.neutral[10]},success:{main:"#10b981",bg:"#ecfdf5",border:"#a7f3d0",text:"#047857"},error:{main:"#ef4444",bg:"#fef2f2",border:"#fecaca",text:"#dc2626"},warning:{main:"#f59e0b",bg:"#fffbeb",border:"#fde68a",text:"#d97706"},info:{main:"#1a6985",bg:"#e8f2f5",border:"#b8d9e6",text:"#0f3d4f"},surface:{background:e.neutral[0],main:e.neutral[0],elevated:e.neutral[0],hover:e.neutral[1],subtle:e.neutral[1]},text:{primary:e.neutral[10],secondary:e.neutral[8],tertiary:e.neutral[7],quaternary:e.neutral[6],disabled:e.neutral[5],inverse:e.neutral[0]},border:{main:e.neutral[4],light:e.neutral[3],strong:e.neutral[5],divider:e.neutral[4]},components:{button:{primary:{bg:"#1a6985",hover:"#145268",text:"#FFFFFF"},default:{bg:e.neutral[0],border:e.neutral[5],text:e.neutral[10],hover:e.neutral[1]}},input:{bg:e.neutral[0],border:e.neutral[5],borderHover:e.neutral[7],borderFocus:"#1a6985",placeholder:e.neutral[7]},table:{bg:e.neutral[0],headerBg:e.neutral[1],headerText:e.neutral[10],border:e.neutral[4],rowHover:e.neutral[1]},sidebar:{bg:"#000000",hover:"rgba(255, 255, 255, 0.08)",selected:"rgba(255, 255, 255, 0.12)",text:"#FFFFFF",textSecondary:"rgba(255, 255, 255, 0.65)"}},utility:{transparent:"transparent",link:"#1a6985",linkHover:"#145268",linkActive:"#0f3d4f"}}},s=d("light"),c=(r,e="light")=>{const o=d(e);if(!r)return o;const a=t.merge({},o,r);return a.neutral.brightest=a.neutral[0],a.neutral.lightest=a.neutral[1],a.neutral.lighter=a.neutral[2],a.neutral.light=a.neutral[3],a.neutral.medium=a.neutral[5],a.neutral.dark=a.neutral[7],a.neutral.darker=a.neutral[8],a.neutral.darkest=a.neutral[9],a.neutral.dimmest=a.neutral[10],a},u={typography:{fontFamily:"Avenir, MarkPro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",fontSize:{xs:12,sm:13,base:14,lg:16,xl:18},fontWeight:{normal:400,medium:500,semibold:600,bold:700},lineHeight:{tight:1.25,base:1.5715,relaxed:1.75}},spacing:{xs:4,sm:8,md:12,lg:16,xl:24,"2xl":32,"3xl":48},radius:{none:0,sm:8,base:12,md:14,lg:16,xl:20,full:9999,button:24,input:10,card:16},shadow:{sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",base:"0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.08)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.08)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.08)",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.08)",card:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",elevated:"0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.08)",dropdown:"0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.08)"},zIndex:{dropdown:1e3,modal:1050,popover:1060,tooltip:1070,notification:1080},transition:{fast:"150ms cubic-bezier(0.4, 0, 0.2, 1)",base:"200ms cubic-bezier(0.4, 0, 0.2, 1)",slow:"300ms cubic-bezier(0.4, 0, 0.2, 1)"}},b=r=>r?t.merge(u,r):u,g=n.default.createContext({colors:c(),constants:b(),mode:"light"});exports.LegacyTemboThemeProvider=({children:e,mode:t="light",colors:a,constants:i,themeOverrides:l})=>{const d=n.default.useMemo(()=>c(a,t),[a,t]),s=n.default.useMemo(()=>b(i),[i]),u=n.default.useMemo(()=>((r,e,o,t)=>{var a,n;const i={token:{colorPrimary:r.primary.main,colorPrimaryHover:r.primary.hover,colorPrimaryActive:r.primary.active,colorPrimaryBorder:r.primary.main,colorText:r.text.primary,colorTextSecondary:r.text.secondary,colorTextTertiary:r.text.tertiary,colorTextQuaternary:r.text.quaternary,colorTextDisabled:r.text.disabled,colorBgBase:r.surface.background,colorBgContainer:r.surface.main,colorBgElevated:r.surface.elevated,colorBgLayout:r.surface.background,colorBgSpotlight:r.surface.hover,colorBorder:r.border.main,colorBorderSecondary:r.border.light,colorSplit:r.border.divider,colorSuccess:r.success.main,colorSuccessBg:r.success.bg,colorSuccessBorder:r.success.border,colorSuccessText:r.success.text,colorError:r.error.main,colorErrorBg:r.error.bg,colorErrorBorder:r.error.border,colorErrorText:r.error.text,colorWarning:r.warning.main,colorWarningBg:r.warning.bg,colorWarningBorder:r.warning.border,colorWarningText:r.warning.text,colorInfo:r.info.main,colorInfoBg:r.info.bg,colorInfoBorder:r.info.border,colorInfoText:r.info.text,colorLink:r.utility.link,colorLinkHover:r.utility.linkHover,colorLinkActive:r.utility.linkActive,borderRadius:e.radius.base,borderRadiusLG:e.radius.lg,borderRadiusSM:e.radius.sm,borderRadiusXS:6,boxShadow:e.shadow.base,boxShadowSecondary:e.shadow.card,boxShadowTertiary:e.shadow.elevated,fontFamily:e.typography.fontFamily,fontSize:e.typography.fontSize.base,fontSizeHeading1:38,fontSizeHeading2:30,fontSizeHeading3:24,fontSizeHeading4:20,fontSizeHeading5:e.typography.fontSize.lg,fontWeightStrong:e.typography.fontWeight.medium,lineHeight:e.typography.lineHeight.base,lineHeightHeading1:1.21,lineHeightHeading2:1.27,lineHeightHeading3:1.33,lineHeightHeading4:1.4,lineHeightHeading5:1.5},components:{Button:{colorPrimary:r.components.button.primary.bg,colorPrimaryHover:r.components.button.primary.hover,colorPrimaryActive:r.action.active,colorPrimaryBorder:r.components.button.primary.bg,primaryColor:r.components.button.primary.text,colorBorder:r.components.button.default.border,colorBgContainer:r.components.button.default.bg,colorText:r.components.button.default.text,defaultBg:r.components.button.default.bg,defaultBorderColor:r.components.button.default.border,defaultColor:r.components.button.default.text,primaryShadow:"none",defaultShadow:"none",dangerShadow:"none",fontWeight:e.typography.fontWeight.medium,controlHeight:32,paddingContentHorizontal:e.spacing.lg,borderRadius:e.radius.button,borderRadiusLG:e.radius.button,borderRadiusSM:e.radius.sm+8},Input:{colorBgContainer:r.components.input.bg,colorBorder:r.components.input.border,hoverBorderColor:r.components.input.borderHover,activeBorderColor:r.components.input.borderFocus,colorPrimaryHover:r.components.input.borderFocus,colorTextPlaceholder:r.components.input.placeholder,borderRadius:e.radius.input,borderRadiusLG:e.radius.base,borderRadiusSM:e.radius.sm},Select:{colorBgContainer:r.components.input.bg,colorBorder:r.components.input.border,colorTextPlaceholder:r.components.input.placeholder,colorPrimaryHover:r.action.main,hoverBorderColor:r.components.input.borderHover,activeBorderColor:r.components.input.borderFocus,optionSelectedBg:r.action.main,optionSelectedColor:r.action.contrast,optionActiveBg:r.surface.hover,colorBgElevated:r.neutral.brightest,controlItemBgHover:r.surface.hover,boxShadowSecondary:e.shadow.elevated,borderRadius:e.radius.input,borderRadiusLG:e.radius.base,borderRadiusSM:e.radius.sm},Checkbox:{colorPrimary:r.action.main,colorPrimaryHover:r.action.hover,colorBorder:r.border.strong,borderRadiusSM:6},Radio:{colorPrimary:r.action.main,colorPrimaryHover:r.action.hover,colorBorder:r.border.strong},Switch:{colorPrimary:r.action.main,colorPrimaryHover:r.action.hover,colorTextQuaternary:r.text.quaternary},Form:{labelColor:r.text.primary,labelRequiredMarkColor:r.error.main,labelFontSize:e.typography.fontSize.base,itemMarginBottom:e.spacing.lg},DatePicker:{colorBgContainer:r.components.input.bg,colorBorder:r.components.input.border,hoverBorderColor:r.components.input.borderHover,activeBorderColor:r.components.input.borderFocus,colorPrimary:r.action.main,borderRadius:e.radius.input},InputNumber:{borderRadius:e.radius.input},Table:{colorBgContainer:r.components.table.bg,headerBg:r.components.table.headerBg,headerColor:r.components.table.headerText,borderColor:r.components.table.border,headerSplitColor:r.components.table.border,rowHoverBg:r.components.table.rowHover,rowSelectedBg:r.action.light,rowSelectedHoverBg:r.action.lighter,colorText:r.text.primary,colorTextHeading:r.text.primary,borderRadius:e.radius.base,borderRadiusLG:e.radius.lg},Card:{colorBgContainer:r.surface.main,colorBorder:r.border.main,colorBorderSecondary:r.border.light,boxShadowTertiary:e.shadow.card,borderRadius:e.radius.card,borderRadiusLG:e.radius.lg+4},Statistic:{contentFontSize:24,colorTextHeading:r.text.primary},Descriptions:{labelBg:r.surface.hover,colorTextSecondary:r.text.secondary,itemPaddingBottom:e.spacing.md},Badge:{colorError:r.error.main,colorSuccess:r.success.main,colorInfo:r.info.main,colorInfoBg:r.info.bg,borderRadiusSM:e.radius.input},Tag:{colorBorder:r.border.main,defaultBg:r.surface.hover,borderRadiusSM:e.radius.sm},Timeline:{dotBg:r.surface.main,tailColor:r.border.main},Alert:{colorSuccessBg:r.success.bg,colorSuccessBorder:r.success.border,colorErrorBg:r.error.bg,colorErrorBorder:r.error.border,colorWarningBg:r.warning.bg,colorWarningBorder:r.warning.border,colorInfoBg:r.info.bg,colorInfoBorder:r.info.border,borderRadiusLG:e.radius.base},Modal:{contentBg:r.surface.elevated,headerBg:r.surface.elevated,colorBgMask:"rgba(0, 0, 0, 0.45)",borderRadiusLG:e.radius.lg},Drawer:{colorBgElevated:r.surface.elevated,colorBgMask:"rgba(0, 0, 0, 0.45)",borderRadiusLG:e.radius.lg},Notification:{colorBgElevated:r.neutral.brightest,borderRadiusLG:e.radius.base},Message:{contentBg:r.neutral.brightest,borderRadiusLG:e.radius.base},Spin:{colorPrimary:r.primary.main},Progress:{colorSuccess:r.success.main,colorError:r.error.main,defaultColor:r.primary.main,borderRadius:100},Skeleton:{colorFill:r.neutral[2],colorFillContent:r.neutral[1],borderRadiusSM:e.radius.sm},Menu:{itemBg:"transparent",itemColor:r.text.primary,itemHoverBg:r.surface.hover,itemSelectedBg:r.action.lighter,itemSelectedColor:r.action.main,itemActiveBg:r.action.lighter,subMenuItemBg:"transparent",darkItemBg:r.components.sidebar.bg,darkSubMenuItemBg:r.components.sidebar.bg,darkItemColor:r.components.sidebar.text,darkItemHoverBg:r.components.sidebar.hover,darkItemSelectedBg:r.components.sidebar.selected,darkItemSelectedColor:r.primary.contrast,borderRadius:e.radius.input,borderRadiusLG:e.radius.base},Breadcrumb:{linkColor:r.utility.link,linkHoverColor:r.utility.linkHover,itemColor:r.text.secondary,lastItemColor:r.text.primary,separatorColor:r.text.tertiary,borderRadiusSM:6},Pagination:{colorPrimary:r.primary.main,colorPrimaryHover:r.primary.hover,itemActiveBg:r.primary.main,borderRadius:e.radius.sm},Steps:{colorPrimary:r.action.main,colorText:r.text.secondary,colorTextDescription:r.text.tertiary,borderRadiusSM:100},Tabs:{colorPrimary:r.action.main,colorBorderSecondary:r.border.main,itemColor:r.text.secondary,itemHoverColor:r.action.hover,itemSelectedColor:r.action.main,inkBarColor:r.action.main,borderRadiusSM:e.radius.sm},Layout:{colorBgBody:r.surface.background,colorBgHeader:r.neutral.brightest,colorBgTrigger:r.components.sidebar.bg,siderBg:r.components.sidebar.bg,headerBg:r.neutral.brightest,borderRadiusLG:0},Divider:{colorSplit:r.border.divider},Typography:{colorText:r.text.primary,colorTextSecondary:r.text.secondary,colorTextDescription:r.text.tertiary},Tooltip:{colorBgSpotlight:r.neutral.darkest,colorTextLightSolid:r.neutral.brightest,borderRadius:e.radius.sm},Popover:{colorBgElevated:r.neutral.brightest,borderRadiusLG:e.radius.base},Dropdown:{boxShadowSecondary:e.shadow.dropdown},Calendar:{colorBgContainer:r.neutral.brightest,colorPrimary:r.action.main,borderRadiusLG:e.radius.base}}};return t?Object.assign(Object.assign({},i),{token:Object.assign(Object.assign({},i.token),null!==(a=t.token)&&void 0!==a?a:{}),components:Object.assign(Object.assign({},i.components),null!==(n=t.components)&&void 0!==n?n:{})}):i})(d,s,0,l),[d,s,t,l]),m=n.default.useMemo(()=>({colors:d,constants:s,mode:t}),[d,s,t]);return r.jsxRuntimeExports.jsx(g.Provider,{value:m,children:r.jsxRuntimeExports.jsx(o.ConfigProvider,{theme:u,children:e})})},exports.buildColorPalette=c,exports.buildUIConstants=b,exports.defaultColorPalette=s,exports.defaultUIConstants=u,exports.useTemboTheme=()=>n.default.useContext(g);
+//# sourceMappingURL=theme-provider-BJjIEVwv.js.map