@temboplus/frontend-react-core 0.1.3-beta.2 → 0.1.3-beta.3

package/dist/theme/colors.js

@@ -1,138 +1,212 @@
 import { merge } from "lodash";
 /**
- * Default Tembo color palette
- * Light theme with professional, accessible colors
+ * Base color values for light theme
+ * These are the actual color values that get mapped to the palette
  */
-export const defaultColorPalette = {
-    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',
-    },
+const lightModeColors = {
     neutral: {
-        50: '#ffffff',
-        100: '#fafafa',
-        200: '#f5f5f5',
-        300: '#f0f0f0',
-        400: '#e5e5e5',
-        500: '#d4d4d4',
-        600: '#b3b3b3',
-        700: '#999999',
-        800: '#666666',
-        900: '#1a1a1a',
-        950: '#000000',
-    },
-    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',
+        0: '#ffffff',
+        1: '#fafafa',
+        2: '#f5f5f5',
+        3: '#f0f0f0',
+        4: '#e5e5e5',
+        5: '#d4d4d4',
+        6: '#b3b3b3',
+        7: '#999999',
+        8: '#666666',
+        9: '#1a1a1a',
+        10: '#000000',
     },
-    info: {
-        main: '#1a6985',
-        bg: '#e8f2f5',
-        border: '#b8d9e6',
-        text: '#0f3d4f',
-    },
-    surface: {
-        background: '#ffffff',
-        main: '#ffffff',
-        elevated: '#ffffff',
-        hover: '#fafafa',
-        subtle: '#f9fafb',
-    },
-    text: {
-        primary: '#000000',
-        secondary: '#666666',
-        tertiary: '#999999',
-        quaternary: '#b3b3b3',
-        disabled: '#d4d4d4',
-        inverse: '#ffffff',
-    },
-    border: {
-        main: '#e5e5e5',
-        light: '#f0f0f0',
-        strong: '#d4d4d4',
-        divider: '#e5e5e5',
+};
+/**
+ * Base color values for dark theme
+ * Inverted neutral scale for dark mode
+ */
+const darkModeColors = {
+    neutral: {
+        0: '#000000',
+        1: '#1a1a1a',
+        2: '#666666',
+        3: '#999999',
+        4: '#b3b3b3',
+        5: '#d4d4d4',
+        6: '#e5e5e5',
+        7: '#f0f0f0',
+        8: '#f5f5f5',
+        9: '#fafafa',
+        10: '#ffffff',
     },
-    components: {
-        button: {
-            primary: {
-                bg: '#1a6985',
-                hover: '#145268',
-                text: '#FFFFFF',
-            },
-            default: {
-                bg: '#FFFFFF',
-                border: '#d4d4d4',
-                text: '#000000',
-                hover: '#fafafa',
-            },
+};
+/**
+ * Build default color palette for a given theme mode
+ *
+ * @param mode - 'light' or 'dark'
+ * @returns Complete color palette with theme-aware neutral scale
+ */
+const buildDefaultPalette = (mode) => {
+    const modeColors = mode === 'light' ? lightModeColors : darkModeColors;
+    return {
+        primary: {
+            main: '#000000',
+            hover: '#1a1a1a',
+            active: '#000000',
+            light: '#666666',
+            lighter: '#999999',
+            contrast: '#FFFFFF',
         },
-        input: {
-            bg: '#ffffff',
-            border: '#d4d4d4',
-            borderHover: '#999999',
-            borderFocus: '#1a6985',
-            placeholder: '#999999',
+        action: {
+            main: '#1a6985',
+            hover: '#145268',
+            active: '#0f3d4f',
+            light: '#e8f2f5',
+            lighter: '#f4f9fa',
+            disabled: '#a3c9d6',
+            contrast: '#FFFFFF',
         },
-        table: {
-            bg: '#ffffff',
-            headerBg: '#fafafa',
-            headerText: '#000000',
-            border: '#e5e5e5',
-            rowHover: '#fafafa',
+        absolute: {
+            white: '#ffffff',
+            black: '#000000',
         },
-        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)',
+        neutral: {
+            // Numeric scale (theme-aware)
+            0: modeColors.neutral[0],
+            1: modeColors.neutral[1],
+            2: modeColors.neutral[2],
+            3: modeColors.neutral[3],
+            4: modeColors.neutral[4],
+            5: modeColors.neutral[5],
+            6: modeColors.neutral[6],
+            7: modeColors.neutral[7],
+            8: modeColors.neutral[8],
+            9: modeColors.neutral[9],
+            10: modeColors.neutral[10],
+            // Convenient aliases (map to numeric scale)
+            brightest: modeColors.neutral[0],
+            lightest: modeColors.neutral[1],
+            lighter: modeColors.neutral[2],
+            light: modeColors.neutral[3],
+            medium: modeColors.neutral[5],
+            dark: modeColors.neutral[7],
+            darker: modeColors.neutral[8],
+            darkest: modeColors.neutral[9],
+            dimmest: modeColors.neutral[10],
         },
-    },
-    utility: {
-        white: '#ffffff',
-        black: '#000000',
-        transparent: 'transparent',
-        link: '#1a6985',
-        linkHover: '#145268',
-        linkActive: '#0f3d4f',
-    },
+        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: modeColors.neutral[0],
+            main: modeColors.neutral[0],
+            elevated: modeColors.neutral[0],
+            hover: modeColors.neutral[1],
+            subtle: modeColors.neutral[1],
+        },
+        text: {
+            primary: modeColors.neutral[10],
+            secondary: modeColors.neutral[8],
+            tertiary: modeColors.neutral[7],
+            quaternary: modeColors.neutral[6],
+            disabled: modeColors.neutral[5],
+            inverse: modeColors.neutral[0],
+        },
+        border: {
+            main: modeColors.neutral[4],
+            light: modeColors.neutral[3],
+            strong: modeColors.neutral[5],
+            divider: modeColors.neutral[4],
+        },
+        components: {
+            button: {
+                primary: {
+                    bg: '#1a6985',
+                    hover: '#145268',
+                    text: '#FFFFFF',
+                },
+                default: {
+                    bg: modeColors.neutral[0],
+                    border: modeColors.neutral[5],
+                    text: modeColors.neutral[10],
+                    hover: modeColors.neutral[1],
+                },
+            },
+            input: {
+                bg: modeColors.neutral[0],
+                border: modeColors.neutral[5],
+                borderHover: modeColors.neutral[7],
+                borderFocus: '#1a6985',
+                placeholder: modeColors.neutral[7],
+            },
+            table: {
+                bg: modeColors.neutral[0],
+                headerBg: modeColors.neutral[1],
+                headerText: modeColors.neutral[10],
+                border: modeColors.neutral[4],
+                rowHover: modeColors.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',
+        },
+    };
 };
+/**
+ * Default color palette for light theme
+ */
+export const defaultColorPalette = buildDefaultPalette('light');
 /**
  * Build a complete color palette by merging overrides with defaults
  * Performs deep merge to allow partial nested overrides
  *
  * @param overrides - Partial color palette overrides
+ * @param mode - Theme mode ('light' or 'dark')
  * @returns Complete color palette with overrides applied
  */
-export const buildColorPalette = (overrides) => {
+export const buildColorPalette = (overrides, mode = 'light') => {
+    const basePalette = buildDefaultPalette(mode);
     if (!overrides)
-        return defaultColorPalette;
-    return merge(defaultColorPalette, overrides);
+        return basePalette;
+    const merged = merge({}, basePalette, overrides);
+    // After merging, ensure neutral aliases are synced with numeric values
+    // This handles cases where overrides might change the numeric scale
+    merged.neutral.brightest = merged.neutral[0];
+    merged.neutral.lightest = merged.neutral[1];
+    merged.neutral.lighter = merged.neutral[2];
+    merged.neutral.light = merged.neutral[3];
+    merged.neutral.medium = merged.neutral[5];
+    merged.neutral.dark = merged.neutral[7];
+    merged.neutral.darker = merged.neutral[8];
+    merged.neutral.darkest = merged.neutral[9];
+    merged.neutral.dimmest = merged.neutral[10];
+    return merged;
 };

package/dist/theme/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../theme-provider-Dqvy24OD.js");require("react"),require("antd"),require("lodash"),exports.TemboThemeProvider=e.TemboThemeProvider,exports.buildColorPalette=e.buildColorPalette,exports.buildUIConstants=e.buildUIConstants,exports.defaultColorPalette=e.defaultColorPalette,exports.defaultUIConstants=e.defaultUIConstants,exports.useTemboTheme=e.useTemboTheme;
+"use strict";var e=require("../theme-provider-RhAw3jw_.js");require("react"),require("antd"),require("lodash"),exports.TemboThemeProvider=e.TemboThemeProvider,exports.buildColorPalette=e.buildColorPalette,exports.buildUIConstants=e.buildUIConstants,exports.defaultColorPalette=e.defaultColorPalette,exports.defaultUIConstants=e.defaultUIConstants,exports.useTemboTheme=e.useTemboTheme;
 //# sourceMappingURL=index.cjs.js.map

package/dist/theme/index.js

@@ -1,2 +1,2 @@
-export{T as TemboThemeProvider,b as buildColorPalette,c as buildUIConstants,d as defaultColorPalette,a as defaultUIConstants,u as useTemboTheme}from"../theme-provider-D_oV1J_K.js";import"react";import"antd";import"lodash";
+export{T as TemboThemeProvider,b as buildColorPalette,c as buildUIConstants,d as defaultColorPalette,a as defaultUIConstants,u as useTemboTheme}from"../theme-provider-Ca4P0Hcp.js";import"react";import"antd";import"lodash";
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ThemeConfig } from 'antd';
-import { TemboColorPalette, TemboColorOverrides } from './colors.js';
+import { TemboColorPalette, TemboColorOverrides, ThemeMode } from './colors.js';
 import { TemboUIConstants, TemboUIConstantsOverrides } from './constants.js';
 /**
  * Shape of the theme context exposed via useTemboTheme()
@@ -8,6 +8,7 @@ import { TemboUIConstants, TemboUIConstantsOverrides } from './constants.js';
 export interface TemboThemeContextValue {
     colors: TemboColorPalette;
     constants: TemboUIConstants;
+    mode: ThemeMode;
 }
 /**
  * Props for TemboThemeProvider
@@ -19,6 +20,12 @@ export interface TemboThemeContextValue {
  * </TemboThemeProvider>
  *
  * @example
+ * // With dark mode
+ * <TemboThemeProvider mode="dark">
+ *   <App />
+ * </TemboThemeProvider>
+ *
+ * @example
  * // With color overrides
  * <TemboThemeProvider
  *   colors={{
@@ -32,6 +39,7 @@ export interface TemboThemeContextValue {
  * @example
  * // With all customizations
  * <TemboThemeProvider
+ *   mode="dark"
  *   colors={{ primary: { main: '#007bff' } }}
  *   constants={{ radius: { base: 8 } }}
  *   themeOverrides={{
@@ -45,6 +53,8 @@ export interface TemboThemeContextValue {
  */
 export interface TemboThemeProviderProps {
     children: React.ReactNode;
+    /** Theme mode - 'light' or 'dark' */
+    mode?: ThemeMode;
     /** Color palette overrides - supports deep partial overrides */
     colors?: TemboColorOverrides;
     /** UI constants overrides - supports deep partial overrides */
@@ -57,6 +67,7 @@ export interface TemboThemeProviderProps {
  *
  * Wraps your application to provide theming through React context and Ant Design's ConfigProvider.
  * Merges default colors/constants with host overrides and configures Ant Design components.
+ * Supports light and dark mode through the mode prop.
  *
  * All child components can access theme values via the useTemboTheme() hook.
  */
@@ -64,22 +75,23 @@ export declare const TemboThemeProvider: React.FC<TemboThemeProviderProps>;
 /**
  * Hook to access the active Tembo theme
  *
- * Returns the merged color palette and UI constants with any host overrides applied.
+ * Returns the merged color palette, UI constants, and current theme mode.
  * Components should always use this hook instead of importing defaults directly.
  *
- * @returns Theme context containing colors and constants
+ * @returns Theme context containing colors, constants, and mode
  *
  * @example
  * function MyComponent() {
- *   const { colors, constants } = useTemboTheme();
+ *   const { colors, constants, mode } = useTemboTheme();
  *
  *   return (
  *     <div style={{
  *       color: colors.text.primary,
  *       padding: constants.spacing.md,
- *       borderRadius: constants.radius.base
+ *       borderRadius: constants.radius.base,
+ *       backgroundColor: colors.neutral.lightest
  *     }}>
- *       Themed content
+ *       Current theme: {mode}
  *     </div>
  *   );
  * }

package/dist/theme/theme-provider.js

@@ -9,6 +9,7 @@ import { buildUIConstants, } from './constants.js';
 const TemboThemeContext = React.createContext({
     colors: buildColorPalette(),
     constants: buildUIConstants(),
+    mode: 'light',
 });
 /**
  * Build Ant Design theme configuration from Tembo tokens
@@ -16,10 +17,11 @@ const TemboThemeContext = React.createContext({
  *
  * @param palette - Complete Tembo color palette
  * @param constants - Complete Tembo UI constants
+ * @param mode - Theme mode
  * @param overrides - Optional raw Ant Design theme overrides
  * @returns Ant Design ThemeConfig
  */
-const buildAntDThemeConfig = (palette, constants, overrides) => {
+const buildAntDThemeConfig = (palette, constants, mode, overrides) => {
     var _a, _b;
     const baseTokens = {
         // Primary colors
@@ -94,6 +96,7 @@ const buildAntDThemeConfig = (palette, constants, overrides) => {
     };
     const baseTheme = {
         token: baseTokens,
+        // algorithm: mode === 'dark' ? 'dark' : undefined,
         components: {
             Button: {
                 colorPrimary: palette.components.button.primary.bg,
@@ -138,7 +141,7 @@ const buildAntDThemeConfig = (palette, constants, overrides) => {
                 optionSelectedBg: palette.action.main,
                 optionSelectedColor: palette.action.contrast,
                 optionActiveBg: palette.surface.hover,
-                colorBgElevated: palette.utility.white,
+                colorBgElevated: palette.neutral.brightest,
                 controlItemBgHover: palette.surface.hover,
                 boxShadowSecondary: constants.shadow.elevated,
                 borderRadius: constants.radius.input,
@@ -248,11 +251,11 @@ const buildAntDThemeConfig = (palette, constants, overrides) => {
                 borderRadiusLG: constants.radius.lg,
             },
             Notification: {
-                colorBgElevated: palette.utility.white,
+                colorBgElevated: palette.neutral.brightest,
                 borderRadiusLG: constants.radius.base,
             },
             Message: {
-                contentBg: palette.utility.white,
+                contentBg: palette.neutral.brightest,
                 borderRadiusLG: constants.radius.base,
             },
             Spin: {
@@ -265,8 +268,8 @@ const buildAntDThemeConfig = (palette, constants, overrides) => {
                 borderRadius: 100,
             },
             Skeleton: {
-                colorFill: palette.neutral[200],
-                colorFillContent: palette.neutral[100],
+                colorFill: palette.neutral[2],
+                colorFillContent: palette.neutral[1],
                 borderRadiusSM: constants.radius.sm,
             },
             Menu: {
@@ -317,10 +320,10 @@ const buildAntDThemeConfig = (palette, constants, overrides) => {
             },
             Layout: {
                 colorBgBody: palette.surface.background,
-                colorBgHeader: palette.utility.white,
+                colorBgHeader: palette.neutral.brightest,
                 colorBgTrigger: palette.components.sidebar.bg,
                 siderBg: palette.components.sidebar.bg,
-                headerBg: palette.utility.white,
+                headerBg: palette.neutral.brightest,
                 borderRadiusLG: 0,
             },
             Divider: {
@@ -332,19 +335,19 @@ const buildAntDThemeConfig = (palette, constants, overrides) => {
                 colorTextDescription: palette.text.tertiary,
             },
             Tooltip: {
-                colorBgSpotlight: palette.neutral[900],
-                colorTextLightSolid: palette.utility.white,
+                colorBgSpotlight: palette.neutral.darkest,
+                colorTextLightSolid: palette.neutral.brightest,
                 borderRadius: constants.radius.sm,
             },
             Popover: {
-                colorBgElevated: palette.utility.white,
+                colorBgElevated: palette.neutral.brightest,
                 borderRadiusLG: constants.radius.base,
             },
             Dropdown: {
                 boxShadowSecondary: constants.shadow.dropdown,
             },
             Calendar: {
-                colorBgContainer: palette.utility.white,
+                colorBgContainer: palette.neutral.brightest,
                 colorPrimary: palette.action.main,
                 borderRadiusLG: constants.radius.base,
             },
@@ -359,38 +362,41 @@ const buildAntDThemeConfig = (palette, constants, overrides) => {
  *
  * Wraps your application to provide theming through React context and Ant Design's ConfigProvider.
  * Merges default colors/constants with host overrides and configures Ant Design components.
+ * Supports light and dark mode through the mode prop.
  *
  * All child components can access theme values via the useTemboTheme() hook.
  */
-export const TemboThemeProvider = ({ children, colors, constants, themeOverrides, }) => {
-    const palette = React.useMemo(() => buildColorPalette(colors), [colors]);
+export const TemboThemeProvider = ({ children, mode = 'light', colors, constants, themeOverrides, }) => {
+    const palette = React.useMemo(() => buildColorPalette(colors, mode), [colors, mode]);
     const uiConstants = React.useMemo(() => buildUIConstants(constants), [constants]);
-    const theme = React.useMemo(() => buildAntDThemeConfig(palette, uiConstants, themeOverrides), [palette, uiConstants, themeOverrides]);
+    const theme = React.useMemo(() => buildAntDThemeConfig(palette, uiConstants, mode, themeOverrides), [palette, uiConstants, mode, themeOverrides]);
     const contextValue = React.useMemo(() => ({
         colors: palette,
         constants: uiConstants,
-    }), [palette, uiConstants]);
+        mode,
+    }), [palette, uiConstants, mode]);
     return (_jsx(TemboThemeContext.Provider, { value: contextValue, children: _jsx(ConfigProvider, { theme: theme, children: children }) }));
 };
 /**
  * Hook to access the active Tembo theme
  *
- * Returns the merged color palette and UI constants with any host overrides applied.
+ * Returns the merged color palette, UI constants, and current theme mode.
  * Components should always use this hook instead of importing defaults directly.
  *
- * @returns Theme context containing colors and constants
+ * @returns Theme context containing colors, constants, and mode
  *
  * @example
  * function MyComponent() {
- *   const { colors, constants } = useTemboTheme();
+ *   const { colors, constants, mode } = useTemboTheme();
  *
  *   return (
  *     <div style={{
  *       color: colors.text.primary,
  *       padding: constants.spacing.md,
- *       borderRadius: constants.radius.base
+ *       borderRadius: constants.radius.base,
+ *       backgroundColor: colors.neutral.lightest
  *     }}>
- *       Themed content
+ *       Current theme: {mode}
  *     </div>
  *   );
  * }

package/dist/theme-provider-Ca4P0Hcp.js

@@ -0,0 +1,11 @@
+import r from"react";import{ConfigProvider as e}from"antd";import{merge as o}from"lodash";var t,a={exports:{}},n={};var i,l,c={};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */function s(){return i||(i=1,"production"!==process.env.NODE_ENV&&function(){function e(r){if(null==r)return null;if("function"==typeof r)return r.$$typeof===R?null:r.displayName||r.name||null;if("string"==typeof r)return r;switch(r){case p:return"Fragment";case f:return"Profiler";case g:return"StrictMode";case v:return"Suspense";case S:return"SuspenseList";case w:return"Activity"}if("object"==typeof r)switch("number"==typeof r.tag&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case m:return"Portal";case h:return(r.displayName||"Context")+".Provider";case y:return(r._context.displayName||"Context")+".Consumer";case x:var o=r.render;return(r=r.displayName)||(r=""!==(r=o.displayName||o.name||"")?"ForwardRef("+r+")":"ForwardRef"),r;case B:return null!==(o=r.displayName||null)?o:e(r.type)||"Memo";case k:o=r._payload,r=r._init;try{return e(r(o))}catch(r){}}return null}function o(r){return""+r}function t(r){try{o(r);var e=!1}catch(r){e=!0}if(e){var t=(e=console).error,a="function"==typeof Symbol&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return t.call(e,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),o(r)}}function a(r){if(r===p)return"<>";if("object"==typeof r&&null!==r&&r.$$typeof===k)return"<...>";try{var o=e(r);return o?"<"+o+">":"<...>"}catch(r){return"<...>"}}function n(){return Error("react-stack-top-frame")}function i(){var r=e(this.type);return F[r]||(F[r]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),void 0!==(r=this.props.ref)?r:null}function l(r,o,a,n,l,c,u,m){var p,g=o.children;if(void 0!==g)if(n)if(H(g)){for(n=0;n<g.length;n++)s(g[n]);Object.freeze&&Object.freeze(g)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else s(g);if(T.call(o,"key")){g=e(r);var f=Object.keys(o).filter(function(r){return"key"!==r});n=0<f.length?"{key: someKey, "+f.join(": ..., ")+": ...}":"{key: someKey}",E[g+n]||(f=0<f.length?"{"+f.join(": ..., ")+": ...}":"{}",console.error('A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',n,g,f,g),E[g+n]=!0)}if(g=null,void 0!==a&&(t(a),g=""+a),function(r){if(T.call(r,"key")){var e=Object.getOwnPropertyDescriptor(r,"key").get;if(e&&e.isReactWarning)return!1}return void 0!==r.key}(o)&&(t(o.key),g=""+o.key),"key"in o)for(var y in a={},o)"key"!==y&&(a[y]=o[y]);else a=o;return g&&function(r,e){function o(){d||(d=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",e))}o.isReactWarning=!0,Object.defineProperty(r,"key",{get:o,configurable:!0})}(a,"function"==typeof r?r.displayName||r.name||"Unknown":r),function(r,e,o,t,a,n,l,c){return o=n.ref,r={$$typeof:b,type:r,key:e,props:n,_owner:a},null!==(void 0!==o?o:null)?Object.defineProperty(r,"ref",{enumerable:!1,get:i}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:l}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:c}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}(r,g,c,0,null===(p=C.A)?null:p.getOwner(),a,u,m)}function s(r){"object"==typeof r&&null!==r&&r.$$typeof===b&&r._store&&(r._store.validated=1)}var d,u=r,b=Symbol.for("react.transitional.element"),m=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),g=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),h=Symbol.for("react.context"),x=Symbol.for("react.forward_ref"),v=Symbol.for("react.suspense"),S=Symbol.for("react.suspense_list"),B=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),w=Symbol.for("react.activity"),R=Symbol.for("react.client.reference"),C=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,T=Object.prototype.hasOwnProperty,H=Array.isArray,P=console.createTask?console.createTask:function(){return null},F={},j=(u={"react-stack-bottom-frame":function(r){return r()}})["react-stack-bottom-frame"].bind(u,n)(),O=P(a(n)),E={};c.Fragment=p,c.jsx=function(r,e,o,t,n){var i=1e4>C.recentlyCreatedOwnerStacks++;return l(r,e,o,!1,0,n,i?Error("react-stack-top-frame"):j,i?P(a(r)):O)},c.jsxs=function(r,e,o,t,n){var i=1e4>C.recentlyCreatedOwnerStacks++;return l(r,e,o,!0,0,n,i?Error("react-stack-top-frame"):j,i?P(a(r)):O)}}()),c}var d=(l||(l=1,"production"===process.env.NODE_ENV?a.exports=function(){if(t)return n;t=1;var r=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function o(e,o,t){var a=null;if(void 0!==t&&(a=""+t),void 0!==o.key&&(a=""+o.key),"key"in o)for(var n in t={},o)"key"!==n&&(t[n]=o[n]);else t=o;return o=t.ref,{$$typeof:r,type:e,key:a,ref:void 0!==o?o:null,props:t}}return n.Fragment=e,n.jsx=o,n.jsxs=o,n}():a.exports=s()),a.exports);const u={neutral:{0:"#ffffff",1:"#fafafa",2:"#f5f5f5",3:"#f0f0f0",4:"#e5e5e5",5:"#d4d4d4",6:"#b3b3b3",7:"#999999",8:"#666666",9:"#1a1a1a",10:"#000000"}},b={neutral:{0:"#000000",1:"#1a1a1a",2:"#666666",3:"#999999",4:"#b3b3b3",5:"#d4d4d4",6:"#e5e5e5",7:"#f0f0f0",8:"#f5f5f5",9:"#fafafa",10:"#ffffff"}},m=r=>{const e="light"===r?u:b;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"}}},p=m("light"),g=(r,e="light")=>{const t=m(e);if(!r)return t;const a=o({},t,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},f={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)"}},y=r=>r?o(f,r):f,h=r.createContext({colors:g(),constants:y(),mode:"light"}),x=({children:o,mode:t="light",colors:a,constants:n,themeOverrides:i})=>{const l=r.useMemo(()=>g(a,t),[a,t]),c=r.useMemo(()=>y(n),[n]),s=r.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})(l,c,0,i),[l,c,t,i]),u=r.useMemo(()=>({colors:l,constants:c,mode:t}),[l,c,t]);return d.jsx(h.Provider,{value:u,children:d.jsx(e,{theme:s,children:o})})},v=()=>r.useContext(h);export{x as T,f as a,g as b,y as c,p as d,d as j,v as u};
+//# sourceMappingURL=theme-provider-Ca4P0Hcp.js.map