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

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

@@ -1,11 +1,13 @@
 import React from 'react';
-import { type ThemeConfig } from 'antd';
+import type { ThemeConfig } from 'antd';
+import { TemboUIConstants } from './tokens/constants.js';
 import { ColorPalette, ThemeMode } from './tokens/color.js';
 /**
- * Theme context value
+ * Theme context value - now includes constants!
  */
 export interface TemboTheme {
     colors: ColorPalette;
+    constants: TemboUIConstants;
     mode: ThemeMode;
 }
 /**
@@ -13,81 +15,29 @@ export interface TemboTheme {
  */
 export interface TemboThemeProviderProps {
     children: React.ReactNode;
-    /** Theme mode - 'light' or 'dark' */
     mode?: ThemeMode;
-    /** Raw Ant Design theme overrides (advanced usage) */
     antdThemeOverrides?: Partial<ThemeConfig>;
 }
 /**
  * TemboThemeProvider
- *
- * Wraps your application with monochrome-first theming system.
- * Supports seamless light/dark mode switching.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <TemboThemeProvider>
- *   <App />
- * </TemboThemeProvider>
- *
- * // Dark mode
- * <TemboThemeProvider mode="dark">
- *   <App />
- * </TemboThemeProvider>
- *
- * // With state management for toggling
- * const [mode, setMode] = useState<ThemeMode>('light');
- *
- * <TemboThemeProvider mode={mode}>
- *   <App onToggleTheme={() => setMode(m => m === 'light' ? 'dark' : 'light')} />
- * </TemboThemeProvider>
- * ```
  */
 export declare const TemboThemeProvider: React.FC<TemboThemeProviderProps>;
 /**
- * Hook to access current theme
- *
- * Returns the active color palette and theme mode.
- * Use this in components that need direct access to theme tokens.
+ * Hook to access theme - now returns constants too!
  *
  * @example
  * ```tsx
  * function MyComponent() {
- *   const { colors, mode } = useTemboTheme();
+ *   const { colors, constants, mode } = useTemboTheme();
  *
  *   return (
  *     <div style={{
  *       color: colors.text.primary,
- *       backgroundColor: colors.surface.card,
- *       padding: spacing[4],
- *     }}>
- *       Current theme: {mode}
- *     </div>
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // Using secondary colors for data visualization
- * function ProductCard({ type }: { type: string }) {
- *   const { colors } = useTemboTheme();
- *
- *   const colorMap = {
- *     savings: colors.secondary.blue,
- *     investment: colors.secondary.purple,
- *     credit: colors.secondary.pink,
- *   };
- *
- *   const color = colorMap[type] || colors.secondary.blue;
- *
- *   return (
- *     <div style={{
- *       borderLeft: `4px solid ${color.main}`,
- *       backgroundColor: color.subtle,
+ *       padding: constants.spacing[4],
+ *       borderRadius: constants.radius.base,
+ *       fontWeight: constants.typography.fontWeight.medium,
  *     }}>
- *       Product content
+ *       Content
  *     </div>
  *   );
  * }

package/dist/theme/theme-provider.js

@@ -1,97 +1,48 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 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';
 const TemboThemeContext = React.createContext({
     colors: buildColorPalette('light'),
+    constants: defaultUIConstants, // ← Added back!
     mode: 'light',
 });
 /**
  * TemboThemeProvider
- *
- * Wraps your application with monochrome-first theming system.
- * Supports seamless light/dark mode switching.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <TemboThemeProvider>
- *   <App />
- * </TemboThemeProvider>
- *
- * // Dark mode
- * <TemboThemeProvider mode="dark">
- *   <App />
- * </TemboThemeProvider>
- *
- * // With state management for toggling
- * const [mode, setMode] = useState<ThemeMode>('light');
- *
- * <TemboThemeProvider mode={mode}>
- *   <App onToggleTheme={() => setMode(m => m === 'light' ? 'dark' : 'light')} />
- * </TemboThemeProvider>
- * ```
  */
 export const TemboThemeProvider = ({ children, mode = 'light', antdThemeOverrides, }) => {
-    // Build color palette for current mode
     const colors = React.useMemo(() => buildColorPalette(mode), [mode]);
-    // Build Ant Design theme configuration
+    const constants = React.useMemo(() => defaultUIConstants, // Can be made configurable later
+    []);
     const antdTheme = React.useMemo(() => {
         var _a, _b;
-        const baseTheme = buildAntDTheme(colors);
+        const baseTheme = buildAntDTheme(colors, constants); // ← Pass constants
         if (!antdThemeOverrides)
             return baseTheme;
-        // Deep merge overrides
         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, antdThemeOverrides]);
-    // Build context value
-    const contextValue = React.useMemo(() => ({ colors, mode }), [colors, mode]);
+    }, [colors, constants, antdThemeOverrides]);
+    const contextValue = React.useMemo(() => ({ colors, constants, mode }), // ← Now includes constants
+    [colors, constants, mode]);
     return (_jsx(TemboThemeContext.Provider, { value: contextValue, children: _jsx(ConfigProvider, { theme: antdTheme, children: children }) }));
 };
 /**
- * Hook to access current theme
- *
- * Returns the active color palette and theme mode.
- * Use this in components that need direct access to theme tokens.
+ * Hook to access theme - now returns constants too!
  *
  * @example
  * ```tsx
  * function MyComponent() {
- *   const { colors, mode } = useTemboTheme();
+ *   const { colors, constants, mode } = useTemboTheme();
  *
  *   return (
  *     <div style={{
  *       color: colors.text.primary,
- *       backgroundColor: colors.surface.card,
- *       padding: spacing[4],
- *     }}>
- *       Current theme: {mode}
- *     </div>
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // Using secondary colors for data visualization
- * function ProductCard({ type }: { type: string }) {
- *   const { colors } = useTemboTheme();
- *
- *   const colorMap = {
- *     savings: colors.secondary.blue,
- *     investment: colors.secondary.purple,
- *     credit: colors.secondary.pink,
- *   };
- *
- *   const color = colorMap[type] || colors.secondary.blue;
- *
- *   return (
- *     <div style={{
- *       borderLeft: `4px solid ${color.main}`,
- *       backgroundColor: color.subtle,
+ *       padding: constants.spacing[4],
+ *       borderRadius: constants.radius.base,
+ *       fontWeight: constants.typography.fontWeight.medium,
  *     }}>
- *       Product content
+ *       Content
  *     </div>
  *   );
  * }

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

@@ -0,0 +1,153 @@
+/**
+ * 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
+ */
+export interface TemboUIConstants {
+    /**
+     * 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;
+            base: number;
+            lg: number;
+            xl: number;
+            '2xl': number;
+            '3xl': number;
+            '4xl': number;
+            '5xl': number;
+        };
+        fontWeight: {
+            light: number;
+            regular: number;
+            medium: number;
+            semibold: number;
+            bold: number;
+            heavy: number;
+        };
+        lineHeight: {
+            tight: number;
+            base: number;
+            relaxed: number;
+        };
+        letterSpacing: {
+            tight: string;
+            base: string;
+            wide: string;
+        };
+    };
+    /**
+     * Spacing scale
+     * Consistent spacing values for margins, padding, and gaps
+     * Based on 4px grid system
+     */
+    spacing: {
+        0: number;
+        1: number;
+        2: number;
+        3: number;
+        4: number;
+        5: number;
+        6: number;
+        8: number;
+        10: number;
+        12: number;
+        16: number;
+        20: number;
+    };
+    /**
+     * Border radius tokens - Apple-style rounded edges
+     * Generous rounding for modern, friendly UI
+     */
+    radius: {
+        none: number;
+        sm: number;
+        base: number;
+        md: number;
+        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
+     */
+    shadow: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+    };
+    /**
+     * Component-specific shadows
+     */
+    componentShadow: {
+        card: string;
+        dropdown: string;
+        modal: string;
+        tooltip: string;
+    };
+    /**
+     * Z-index layers
+     * Stacking order for overlays and floating elements
+     */
+    zIndex: {
+        dropdown: number;
+        modal: number;
+        popover: number;
+        tooltip: number;
+        notification: number;
+    };
+    /**
+     * Transition timing
+     * Animation durations for consistent motion
+     */
+    transition: {
+        fast: string;
+        base: string;
+        slow: string;
+    };
+}
+/**
+ * Default UI constants
+ * Apple-inspired design with rounded edges and generous spacing
+ */
+export declare const defaultUIConstants: TemboUIConstants;
+/**
+ * Dark mode shadow adjustments
+ * In dark mode, borders often work better than shadows
+ */
+export declare const buildDarkModeConstants: () => Pick<TemboUIConstants, "componentShadow">;

package/dist/theme/tokens/constants.js

@@ -0,0 +1,123 @@
+/**
+ * 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
+ * }}
+ */
+/**
+ * Default UI constants
+ * Apple-inspired design with rounded edges and generous spacing
+ */
+export const defaultUIConstants = {
+    typography: {
+        fontFamily: {
+            base: "Avenir, MarkPro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+            mono: "'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', monospace",
+        },
+        fontSize: {
+            xs: 12,
+            sm: 13,
+            base: 14,
+            lg: 16,
+            xl: 18,
+            '2xl': 20,
+            '3xl': 24,
+            '4xl': 30,
+            '5xl': 36,
+        },
+        fontWeight: {
+            light: 300,
+            regular: 400,
+            medium: 500,
+            semibold: 600,
+            bold: 700,
+            heavy: 800,
+        },
+        lineHeight: {
+            tight: 1.25,
+            base: 1.5,
+            relaxed: 1.75,
+        },
+        letterSpacing: {
+            tight: '-0.01em',
+            base: '0',
+            wide: '0.025em',
+        },
+    },
+    spacing: {
+        0: 0,
+        1: 4,
+        2: 8,
+        3: 12,
+        4: 16,
+        5: 20,
+        6: 24,
+        8: 32,
+        10: 40,
+        12: 48,
+        16: 64,
+        20: 80,
+    },
+    radius: {
+        none: 0,
+        sm: 6,
+        base: 12, // Apple style
+        md: 16,
+        lg: 20,
+        xl: 28,
+        full: 9999,
+    },
+    componentRadius: {
+        button: 12,
+        input: 10,
+        card: 16, // Apple-style rounded cards
+        modal: 20,
+        avatar: 9999,
+        badge: 6,
+    },
+    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)',
+    },
+    zIndex: {
+        dropdown: 1000,
+        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)',
+    },
+};
+/**
+ * Dark mode shadow adjustments
+ * In dark mode, borders often work better than shadows
+ */
+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)',
+    },
+});

package/dist/theme-provider-BVd_oFrl.js

@@ -0,0 +1,11 @@
+"use strict";var e=require("react"),r=require("antd"),o=require("lodash");function t(e){return e&&e.__esModule?e:{default:e}}var a,n=t(e),i={exports:{}},c={};var l,d,s={};
+/**
+ * @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 u(){return l||(l=1,"production"!==process.env.NODE_ENV&&function(){function e(r){if(null==r)return null;if("function"==typeof r)return r.$$typeof===C?null:r.displayName||r.name||null;if("string"==typeof r)return r;switch(r){case b:return"Fragment";case y:return"Profiler";case f:return"StrictMode";case B:return"Suspense";case S:return"SuspenseList";case k: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";case x:return(r._context.displayName||"Context")+".Consumer";case v:var o=r.render;return(r=r.displayName)||(r=""!==(r=o.displayName||o.name||"")?"ForwardRef("+r+")":"ForwardRef"),r;case F:return null!==(o=r.displayName||null)?o:e(r.type)||"Memo";case H:o=r._payload,r=r._init;try{return e(r(o))}catch(e){}}return null}function r(e){return""+e}function o(e){try{r(e);var o=!1}catch(e){o=!0}if(o){var t=(o=console).error,a="function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(o,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),r(e)}}function t(r){if(r===b)return"<>";if("object"==typeof r&&null!==r&&r.$$typeof===H)return"<...>";try{var o=e(r);return o?"<"+o+">":"<...>"}catch(e){return"<...>"}}function a(){return Error("react-stack-top-frame")}function i(){var r=e(this.type);return z[r]||(z[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 c(r,t,a,n,c,d){var s,g=t.children;if(void 0!==g)if(n)if(w(g)){for(n=0;n<g.length;n++)l(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 l(g);if(R.call(t,"key")){g=e(r);var m=Object.keys(t).filter(function(e){return"key"!==e});n=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",M[g+n]||(m=0<m.length?"{"+m.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,m,g),M[g+n]=!0)}if(g=null,void 0!==a&&(o(a),g=""+a),function(e){if(R.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return void 0!==e.key}(t)&&(o(t.key),g=""+t.key),"key"in t)for(var b in a={},t)"key"!==b&&(a[b]=t[b]);else a=t;return g&&function(e,r){function o(){u||(u=!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)",r))}o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}(a,"function"==typeof r?r.displayName||r.name||"Unknown":r),function(e,r,o,t,a,n){var c=o.ref;return e={$$typeof:p,type:e,key:r,props:o,_owner:t},null!==(void 0!==c?c:null)?Object.defineProperty(e,"ref",{enumerable:!1,get:i}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:n}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}(r,g,a,null===(s=T.A)?null:s.getOwner(),c,d)}function l(e){d(e)?e._store&&(e._store.validated=1):"object"==typeof e&&null!==e&&e.$$typeof===H&&("fulfilled"===e._payload.status?d(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function d(e){return"object"==typeof e&&null!==e&&e.$$typeof===p}var u,g=n.default,p=Symbol.for("react.transitional.element"),m=Symbol.for("react.portal"),b=Symbol.for("react.fragment"),f=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),x=Symbol.for("react.consumer"),h=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),B=Symbol.for("react.suspense"),S=Symbol.for("react.suspense_list"),F=Symbol.for("react.memo"),H=Symbol.for("react.lazy"),k=Symbol.for("react.activity"),C=Symbol.for("react.client.reference"),T=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,R=Object.prototype.hasOwnProperty,w=Array.isArray,P=console.createTask?console.createTask:function(){return null},z={},E=(g={react_stack_bottom_frame:function(e){return e()}}).react_stack_bottom_frame.bind(g,a)(),I=P(t(a)),M={};s.Fragment=b,s.jsx=function(e,r,o){var a=1e4>T.recentlyCreatedOwnerStacks++;return c(e,r,o,!1,a?Error("react-stack-top-frame"):E,a?P(t(e)):I)},s.jsxs=function(e,r,o){var a=1e4>T.recentlyCreatedOwnerStacks++;return c(e,r,o,!0,a?Error("react-stack-top-frame"):E,a?P(t(e)):I)}}()),s}var g=(d||(d=1,"production"===process.env.NODE_ENV?i.exports=function(){if(a)return c;a=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function o(r,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:e,type:r,key:a,ref:void 0!==o?o:null,props:t}}return c.Fragment=r,c.jsx=o,c.jsxs=o,c}():i.exports=u()),i.exports);const p={neutral:{0:"#ffffff",1:"#fafafa",2:"#f5f5f5",3:"#f0f0f0",4:"#e5e5e5",5:"#d4d4d4",6:"#b3b3b3",7:"#999999",8:"#666666",9:"#1a1a1a",10:"#000000"}},m={neutral:{0:"#000000",1:"#1a1a1a",2:"#666666",3:"#999999",4:"#b3b3b3",5:"#d4d4d4",6:"#e5e5e5",7:"#f0f0f0",8:"#f5f5f5",9:"#fafafa",10:"#ffffff"}},b=e=>{const r="light"===e?p:m;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:r.neutral[0],1:r.neutral[1],2:r.neutral[2],3:r.neutral[3],4:r.neutral[4],5:r.neutral[5],6:r.neutral[6],7:r.neutral[7],8:r.neutral[8],9:r.neutral[9],10:r.neutral[10],brightest:r.neutral[0],lightest:r.neutral[1],lighter:r.neutral[2],light:r.neutral[3],medium:r.neutral[5],dark:r.neutral[7],darker:r.neutral[8],darkest:r.neutral[9],dimmest:r.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:r.neutral[0],main:r.neutral[0],elevated:r.neutral[0],hover:r.neutral[1],subtle:r.neutral[1]},text:{primary:r.neutral[10],secondary:r.neutral[8],tertiary:r.neutral[7],quaternary:r.neutral[6],disabled:r.neutral[5],inverse:r.neutral[0]},border:{main:r.neutral[4],light:r.neutral[3],strong:r.neutral[5],divider:r.neutral[4]},components:{button:{primary:{bg:"#1a6985",hover:"#145268",text:"#FFFFFF"},default:{bg:r.neutral[0],border:r.neutral[5],text:r.neutral[10],hover:r.neutral[1]}},input:{bg:r.neutral[0],border:r.neutral[5],borderHover:r.neutral[7],borderFocus:"#1a6985",placeholder:r.neutral[7]},table:{bg:r.neutral[0],headerBg:r.neutral[1],headerText:r.neutral[10],border:r.neutral[4],rowHover:r.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"}}},f=b("light"),y=(e,r="light")=>{const t=b(r);if(!e)return t;const a=o.merge({},t,e);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},x={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)"}},h=e=>e?o.merge(x,e):x,v=n.default.createContext({colors:y(),constants:h(),mode:"light"}),B={typography:{fontFamily:{base:"Avenir, MarkPro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",mono:"'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', monospace"},fontSize:{xs:12,sm:13,base:14,lg:16,xl:18,"2xl":20,"3xl":24,"4xl":30,"5xl":36},fontWeight:{light:300,regular:400,medium:500,semibold:600,bold:700,heavy:800},lineHeight:{tight:1.25,base:1.5,relaxed:1.75},letterSpacing:{tight:"-0.01em",base:"0",wide:"0.025em"}},spacing:{0:0,1:4,2:8,3:12,4:16,5:20,6:24,8:32,10:40,12:48,16:64,20:80},radius:{none:0,sm:6,base:12,md:16,lg:20,xl:28,full:9999},componentRadius:{button:12,input:10,card:16,modal:20,avatar:9999,badge:6},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)"},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)"}},S=(e="light")=>"light"===e?{mode:"light",neutral:{1:"#FFFFFF",2:"#F7F8F9",3:"#E1E4E8",4:"#2E3338"},absolute:{black:"#000000",white:"#FFFFFF"},link:{default:"#2563EB",hover:"#1D4ED8",visited:"#7C3AED",active:"#1E40AF"},semantic:{success:{main:"#059669",subtle:"#ECFDF5",contrast:"#FFFFFF"},error:{main:"#DC2626",subtle:"#FEF2F2",contrast:"#FFFFFF"},warning:{main:"#D97706",subtle:"#FFFBEB",contrast:"#FFFFFF"},info:{main:"#2563EB",subtle:"#EFF6FF",contrast:"#FFFFFF"}},secondary:{blue:{main:"#3B82F6",subtle:"#EFF6FF",contrast:"#FFFFFF"},purple:{main:"#A855F7",subtle:"#FAF5FF",contrast:"#FFFFFF"},pink:{main:"#EC4899",subtle:"#FDF2F8",contrast:"#FFFFFF"},amber:{main:"#F59E0B",subtle:"#FFFBEB",contrast:"#FFFFFF"},emerald:{main:"#10B981",subtle:"#ECFDF5",contrast:"#FFFFFF"},orange:{main:"#F97316",subtle:"#FFF7ED",contrast:"#FFFFFF"}},surface:{page:"#F7F8F9",card:"#FFFFFF",overlay:"#FFFFFF",interactive:"#F0F2F5",selected:"#F7F8F9",nested:"#FAFBFC"},border:{subtle:"#F0F2F5",default:"#E1E4E8",strong:"#C4CCD4"},text:{primary:"#2E3338",secondary:"#5E6C7A",tertiary:"#8A96A3",disabled:"#C4CCD4",inverse:"#FFFFFF"}}:{mode:"dark",neutral:{1:"#1A1D21",2:"#2E3338",3:"#4A5158",4:"#F7F8F9"},absolute:{black:"#000000",white:"#FFFFFF"},link:{default:"#3B82F6",hover:"#60A5FA",visited:"#A78BFA",active:"#2563EB"},semantic:{success:{main:"#34D399",subtle:"#064E3B",contrast:"#000000"},error:{main:"#F87171",subtle:"#7F1D1D",contrast:"#000000"},warning:{main:"#FBBF24",subtle:"#78350F",contrast:"#000000"},info:{main:"#3B82F6",subtle:"#1E3A8A",contrast:"#FFFFFF"}},secondary:{blue:{main:"#3B82F6",subtle:"#1E3A8A",contrast:"#FFFFFF"},purple:{main:"#A855F7",subtle:"#581C87",contrast:"#FFFFFF"},pink:{main:"#EC4899",subtle:"#831843",contrast:"#FFFFFF"},amber:{main:"#F59E0B",subtle:"#78350F",contrast:"#FFFFFF"},emerald:{main:"#10B981",subtle:"#064E3B",contrast:"#FFFFFF"},orange:{main:"#F97316",subtle:"#7C2D12",contrast:"#FFFFFF"}},surface:{page:"#1A1D21",card:"#2E3338",overlay:"#2E3338",interactive:"#3A3F45",selected:"#2E3338",nested:"#242729"},border:{subtle:"#3A3F45",default:"#4A5158",strong:"#5E6C7A"},text:{primary:"#F7F8F9",secondary:"#B4BCC5",tertiary:"#8A96A3",disabled:"#5E6C7A",inverse:"#1A1D21"}},F=n.default.createContext({colors:S("light"),constants:B,mode:"light"});exports.LegacyTemboThemeProvider=({children:e,mode:o="light",colors:t,constants:a,themeOverrides:i})=>{const c=n.default.useMemo(()=>y(t,o),[t,o]),l=n.default.useMemo(()=>h(a),[a]),d=n.default.useMemo(()=>((e,r,o,t)=>{var a,n;const i={token:{colorPrimary:e.primary.main,colorPrimaryHover:e.primary.hover,colorPrimaryActive:e.primary.active,colorPrimaryBorder:e.primary.main,colorText:e.text.primary,colorTextSecondary:e.text.secondary,colorTextTertiary:e.text.tertiary,colorTextQuaternary:e.text.quaternary,colorTextDisabled:e.text.disabled,colorBgBase:e.surface.background,colorBgContainer:e.surface.main,colorBgElevated:e.surface.elevated,colorBgLayout:e.surface.background,colorBgSpotlight:e.surface.hover,colorBorder:e.border.main,colorBorderSecondary:e.border.light,colorSplit:e.border.divider,colorSuccess:e.success.main,colorSuccessBg:e.success.bg,colorSuccessBorder:e.success.border,colorSuccessText:e.success.text,colorError:e.error.main,colorErrorBg:e.error.bg,colorErrorBorder:e.error.border,colorErrorText:e.error.text,colorWarning:e.warning.main,colorWarningBg:e.warning.bg,colorWarningBorder:e.warning.border,colorWarningText:e.warning.text,colorInfo:e.info.main,colorInfoBg:e.info.bg,colorInfoBorder:e.info.border,colorInfoText:e.info.text,colorLink:e.utility.link,colorLinkHover:e.utility.linkHover,colorLinkActive:e.utility.linkActive,borderRadius:r.radius.base,borderRadiusLG:r.radius.lg,borderRadiusSM:r.radius.sm,borderRadiusXS:6,boxShadow:r.shadow.base,boxShadowSecondary:r.shadow.card,boxShadowTertiary:r.shadow.elevated,fontFamily:r.typography.fontFamily,fontSize:r.typography.fontSize.base,fontSizeHeading1:38,fontSizeHeading2:30,fontSizeHeading3:24,fontSizeHeading4:20,fontSizeHeading5:r.typography.fontSize.lg,fontWeightStrong:r.typography.fontWeight.medium,lineHeight:r.typography.lineHeight.base,lineHeightHeading1:1.21,lineHeightHeading2:1.27,lineHeightHeading3:1.33,lineHeightHeading4:1.4,lineHeightHeading5:1.5},components:{Button:{colorPrimary:e.components.button.primary.bg,colorPrimaryHover:e.components.button.primary.hover,colorPrimaryActive:e.action.active,colorPrimaryBorder:e.components.button.primary.bg,primaryColor:e.components.button.primary.text,colorBorder:e.components.button.default.border,colorBgContainer:e.components.button.default.bg,colorText:e.components.button.default.text,defaultBg:e.components.button.default.bg,defaultBorderColor:e.components.button.default.border,defaultColor:e.components.button.default.text,primaryShadow:"none",defaultShadow:"none",dangerShadow:"none",fontWeight:r.typography.fontWeight.medium,controlHeight:32,paddingContentHorizontal:r.spacing.lg,borderRadius:r.radius.button,borderRadiusLG:r.radius.button,borderRadiusSM:r.radius.sm+8},Input:{colorBgContainer:e.components.input.bg,colorBorder:e.components.input.border,hoverBorderColor:e.components.input.borderHover,activeBorderColor:e.components.input.borderFocus,colorPrimaryHover:e.components.input.borderFocus,colorTextPlaceholder:e.components.input.placeholder,borderRadius:r.radius.input,borderRadiusLG:r.radius.base,borderRadiusSM:r.radius.sm},Select:{colorBgContainer:e.components.input.bg,colorBorder:e.components.input.border,colorTextPlaceholder:e.components.input.placeholder,colorPrimaryHover:e.action.main,hoverBorderColor:e.components.input.borderHover,activeBorderColor:e.components.input.borderFocus,optionSelectedBg:e.action.main,optionSelectedColor:e.action.contrast,optionActiveBg:e.surface.hover,colorBgElevated:e.neutral.brightest,controlItemBgHover:e.surface.hover,boxShadowSecondary:r.shadow.elevated,borderRadius:r.radius.input,borderRadiusLG:r.radius.base,borderRadiusSM:r.radius.sm},Checkbox:{colorPrimary:e.action.main,colorPrimaryHover:e.action.hover,colorBorder:e.border.strong,borderRadiusSM:6},Radio:{colorPrimary:e.action.main,colorPrimaryHover:e.action.hover,colorBorder:e.border.strong},Switch:{colorPrimary:e.action.main,colorPrimaryHover:e.action.hover,colorTextQuaternary:e.text.quaternary},Form:{labelColor:e.text.primary,labelRequiredMarkColor:e.error.main,labelFontSize:r.typography.fontSize.base,itemMarginBottom:r.spacing.lg},DatePicker:{colorBgContainer:e.components.input.bg,colorBorder:e.components.input.border,hoverBorderColor:e.components.input.borderHover,activeBorderColor:e.components.input.borderFocus,colorPrimary:e.action.main,borderRadius:r.radius.input},InputNumber:{borderRadius:r.radius.input},Table:{colorBgContainer:e.components.table.bg,headerBg:e.components.table.headerBg,headerColor:e.components.table.headerText,borderColor:e.components.table.border,headerSplitColor:e.components.table.border,rowHoverBg:e.components.table.rowHover,rowSelectedBg:e.action.light,rowSelectedHoverBg:e.action.lighter,colorText:e.text.primary,colorTextHeading:e.text.primary,borderRadius:r.radius.base,borderRadiusLG:r.radius.lg},Card:{colorBgContainer:e.surface.main,colorBorder:e.border.main,colorBorderSecondary:e.border.light,boxShadowTertiary:r.shadow.card,borderRadius:r.radius.card,borderRadiusLG:r.radius.lg+4},Statistic:{contentFontSize:24,colorTextHeading:e.text.primary},Descriptions:{labelBg:e.surface.hover,colorTextSecondary:e.text.secondary,itemPaddingBottom:r.spacing.md},Badge:{colorError:e.error.main,colorSuccess:e.success.main,colorInfo:e.info.main,colorInfoBg:e.info.bg,borderRadiusSM:r.radius.input},Tag:{colorBorder:e.border.main,defaultBg:e.surface.hover,borderRadiusSM:r.radius.sm},Timeline:{dotBg:e.surface.main,tailColor:e.border.main},Alert:{colorSuccessBg:e.success.bg,colorSuccessBorder:e.success.border,colorErrorBg:e.error.bg,colorErrorBorder:e.error.border,colorWarningBg:e.warning.bg,colorWarningBorder:e.warning.border,colorInfoBg:e.info.bg,colorInfoBorder:e.info.border,borderRadiusLG:r.radius.base},Modal:{contentBg:e.surface.elevated,headerBg:e.surface.elevated,colorBgMask:"rgba(0, 0, 0, 0.45)",borderRadiusLG:r.radius.lg},Drawer:{colorBgElevated:e.surface.elevated,colorBgMask:"rgba(0, 0, 0, 0.45)",borderRadiusLG:r.radius.lg},Notification:{colorBgElevated:e.neutral.brightest,borderRadiusLG:r.radius.base},Message:{contentBg:e.neutral.brightest,borderRadiusLG:r.radius.base},Spin:{colorPrimary:e.primary.main},Progress:{colorSuccess:e.success.main,colorError:e.error.main,defaultColor:e.primary.main,borderRadius:100},Skeleton:{colorFill:e.neutral[2],colorFillContent:e.neutral[1],borderRadiusSM:r.radius.sm},Menu:{itemBg:"transparent",itemColor:e.text.primary,itemHoverBg:e.surface.hover,itemSelectedBg:e.action.lighter,itemSelectedColor:e.action.main,itemActiveBg:e.action.lighter,subMenuItemBg:"transparent",darkItemBg:e.components.sidebar.bg,darkSubMenuItemBg:e.components.sidebar.bg,darkItemColor:e.components.sidebar.text,darkItemHoverBg:e.components.sidebar.hover,darkItemSelectedBg:e.components.sidebar.selected,darkItemSelectedColor:e.primary.contrast,borderRadius:r.radius.input,borderRadiusLG:r.radius.base},Breadcrumb:{linkColor:e.utility.link,linkHoverColor:e.utility.linkHover,itemColor:e.text.secondary,lastItemColor:e.text.primary,separatorColor:e.text.tertiary,borderRadiusSM:6},Pagination:{colorPrimary:e.primary.main,colorPrimaryHover:e.primary.hover,itemActiveBg:e.primary.main,borderRadius:r.radius.sm},Steps:{colorPrimary:e.action.main,colorText:e.text.secondary,colorTextDescription:e.text.tertiary,borderRadiusSM:100},Tabs:{colorPrimary:e.action.main,colorBorderSecondary:e.border.main,itemColor:e.text.secondary,itemHoverColor:e.action.hover,itemSelectedColor:e.action.main,inkBarColor:e.action.main,borderRadiusSM:r.radius.sm},Layout:{colorBgBody:e.surface.background,colorBgHeader:e.neutral.brightest,colorBgTrigger:e.components.sidebar.bg,siderBg:e.components.sidebar.bg,headerBg:e.neutral.brightest,borderRadiusLG:0},Divider:{colorSplit:e.border.divider},Typography:{colorText:e.text.primary,colorTextSecondary:e.text.secondary,colorTextDescription:e.text.tertiary},Tooltip:{colorBgSpotlight:e.neutral.darkest,colorTextLightSolid:e.neutral.brightest,borderRadius:r.radius.sm},Popover:{colorBgElevated:e.neutral.brightest,borderRadiusLG:r.radius.base},Dropdown:{boxShadowSecondary:r.shadow.dropdown},Calendar:{colorBgContainer:e.neutral.brightest,colorPrimary:e.action.main,borderRadiusLG:r.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})(c,l,0,i),[c,l,o,i]),s=n.default.useMemo(()=>({colors:c,constants:l,mode:o}),[c,l,o]);return g.jsx(v.Provider,{value:s,children:g.jsx(r.ConfigProvider,{theme:d,children:e})})},exports.TemboThemeProvider=({children:e,mode:o="light",antdThemeOverrides:t})=>{const a=n.default.useMemo(()=>S(o),[o]),i=n.default.useMemo(()=>B,[]),c=n.default.useMemo(()=>{var e,r;const o=((e,r)=>{const o="dark"===e.mode,t=o?{card:"none",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)"}:r.componentShadow;return{token:{colorPrimary:e.neutral[4],colorPrimaryHover:e.text.secondary,colorPrimaryActive:e.neutral[4],colorPrimaryBg:e.neutral[2],colorPrimaryBgHover:e.surface.interactive,colorPrimaryBorder:e.neutral[4],colorPrimaryBorderHover:e.neutral[4],colorPrimaryText:e.neutral[4],colorPrimaryTextHover:e.text.secondary,colorPrimaryTextActive:e.neutral[4],colorLink:e.link.default,colorLinkHover:e.link.hover,colorLinkActive:e.link.active,colorText:e.text.primary,colorTextSecondary:e.text.secondary,colorTextTertiary:e.text.tertiary,colorTextQuaternary:e.text.tertiary,colorTextDescription:e.text.secondary,colorTextDisabled:e.text.disabled,colorTextHeading:e.text.primary,colorTextLabel:e.text.secondary,colorTextPlaceholder:e.text.tertiary,colorTextLightSolid:e.text.inverse,colorBgBase:e.surface.page,colorBgContainer:e.surface.card,colorBgElevated:e.surface.overlay,colorBgLayout:e.surface.page,colorBgSpotlight:e.surface.interactive,colorBgMask:o?"rgba(0, 0, 0, 0.65)":"rgba(0, 0, 0, 0.45)",colorBgTextHover:e.surface.interactive,colorBgTextActive:e.surface.interactive,colorBorder:e.border.default,colorBorderBg:e.surface.card,colorBorderSecondary:e.border.subtle,colorSplit:e.border.subtle,colorFill:e.neutral[2],colorFillSecondary:e.neutral[2],colorFillTertiary:e.neutral[2],colorFillQuaternary:e.surface.interactive,colorSuccess:e.semantic.success.main,colorSuccessBg:e.semantic.success.subtle,colorSuccessBgHover:e.semantic.success.subtle,colorSuccessBorder:e.semantic.success.main,colorSuccessBorderHover:e.semantic.success.main,colorSuccessText:e.semantic.success.main,colorSuccessTextHover:e.semantic.success.main,colorSuccessTextActive:e.semantic.success.main,colorError:e.semantic.error.main,colorErrorBg:e.semantic.error.subtle,colorErrorBgHover:e.semantic.error.subtle,colorErrorBorder:e.semantic.error.main,colorErrorBorderHover:e.semantic.error.main,colorErrorText:e.semantic.error.main,colorErrorTextHover:e.semantic.error.main,colorErrorTextActive:e.semantic.error.main,colorWarning:e.semantic.warning.main,colorWarningBg:e.semantic.warning.subtle,colorWarningBgHover:e.semantic.warning.subtle,colorWarningBorder:e.semantic.warning.main,colorWarningBorderHover:e.semantic.warning.main,colorWarningText:e.semantic.warning.main,colorWarningTextHover:e.semantic.warning.main,colorWarningTextActive:e.semantic.warning.main,colorInfo:e.semantic.info.main,colorInfoBg:e.semantic.info.subtle,colorInfoBgHover:e.semantic.info.subtle,colorInfoBorder:e.semantic.info.main,colorInfoBorderHover:e.semantic.info.main,colorInfoText:e.semantic.info.main,colorInfoTextHover:e.semantic.info.main,colorInfoTextActive:e.semantic.info.main,fontFamily:r.typography.fontFamily.base,fontFamilyCode:r.typography.fontFamily.mono,fontSize:r.typography.fontSize.base,fontSizeHeading1:r.typography.fontSize["5xl"],fontSizeHeading2:r.typography.fontSize["4xl"],fontSizeHeading3:r.typography.fontSize["3xl"],fontSizeHeading4:r.typography.fontSize["2xl"],fontSizeHeading5:r.typography.fontSize.xl,fontSizeSM:r.typography.fontSize.sm,fontSizeLG:r.typography.fontSize.lg,fontSizeXL:r.typography.fontSize.xl,fontWeightStrong:r.typography.fontWeight.semibold,lineHeight:r.typography.lineHeight.base,lineHeightHeading1:r.typography.lineHeight.tight,lineHeightHeading2:r.typography.lineHeight.tight,lineHeightHeading3:r.typography.lineHeight.tight,lineHeightHeading4:r.typography.lineHeight.tight,lineHeightHeading5:r.typography.lineHeight.tight,lineHeightLG:r.typography.lineHeight.relaxed,lineHeightSM:r.typography.lineHeight.base,padding:r.spacing[4],paddingXS:r.spacing[2],paddingSM:r.spacing[3],paddingLG:r.spacing[5],paddingXL:r.spacing[6],margin:r.spacing[4],marginXS:r.spacing[2],marginSM:r.spacing[3],marginLG:r.spacing[5],marginXL:r.spacing[6],marginXXL:r.spacing[8],controlHeight:40,controlHeightLG:48,controlHeightSM:32,controlHeightXS:24,borderRadius:r.radius.base,borderRadiusLG:r.radius.md,borderRadiusSM:r.radius.sm,borderRadiusXS:r.radius.sm,boxShadow:r.shadow.none,boxShadowSecondary:r.shadow.none,boxShadowTertiary:t.card,motionUnit:.1,motionBase:0,motionEaseInOut:"cubic-bezier(0.4, 0, 0.2, 1)",motionEaseOut:"cubic-bezier(0.0, 0, 0.2, 1)",motionEaseInBack:"cubic-bezier(0.4, 0, 1, 1)",zIndexBase:0,zIndexPopupBase:1e3},components:{Button:{colorPrimary:e.neutral[4],colorPrimaryHover:e.text.secondary,colorPrimaryActive:e.neutral[4],colorPrimaryBorder:e.neutral[4],primaryColor:e.neutral[1],primaryShadow:"none",defaultBg:e.surface.card,defaultBorderColor:e.border.default,defaultColor:e.text.primary,defaultHoverBg:e.surface.interactive,defaultHoverBorderColor:e.border.strong,defaultHoverColor:e.text.primary,defaultActiveBg:e.surface.interactive,defaultActiveBorderColor:e.neutral[4],defaultActiveColor:e.text.primary,defaultShadow:"none",textHoverBg:e.surface.interactive,textTextColor:e.text.primary,textTextHoverColor:e.text.primary,linkHoverBg:"transparent",colorLink:e.link.default,colorLinkHover:e.link.hover,colorLinkActive:e.link.active,dangerColor:e.semantic.error.main,colorErrorHover:e.semantic.error.main,colorErrorActive:e.semantic.error.main,dangerShadow:"none",controlHeight:40,controlHeightLG:48,controlHeightSM:32,paddingContentHorizontal:r.spacing[4],paddingContentVertical:r.spacing[2],borderRadius:r.componentRadius.button,borderRadiusLG:r.componentRadius.button,borderRadiusSM:r.componentRadius.button,fontWeight:r.typography.fontWeight.medium,fontSize:r.typography.fontSize.base},Input:{colorBgContainer:e.surface.card,colorBorder:e.border.default,colorText:e.text.primary,colorTextPlaceholder:e.text.tertiary,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,hoverBorderColor:e.border.strong,activeBorderColor:e.link.default,activeShadow:`0 0 0 2px ${e.semantic.info.subtle}`,errorActiveShadow:`0 0 0 2px ${e.semantic.error.subtle}`,warningActiveShadow:`0 0 0 2px ${e.semantic.warning.subtle}`,controlHeight:40,controlHeightLG:48,controlHeightSM:32,paddingBlock:r.spacing[2],paddingInline:r.spacing[3],paddingInlineLG:r.spacing[4],borderRadius:r.componentRadius.input,borderRadiusLG:r.componentRadius.input,borderRadiusSM:r.componentRadius.input},InputNumber:{colorBgContainer:e.surface.card,colorBorder:e.border.default,hoverBorderColor:e.border.strong,activeBorderColor:e.link.default,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,activeShadow:`0 0 0 2px ${e.semantic.info.subtle}`,controlHeight:40,borderRadius:r.componentRadius.input,handleVisible:!0},Select:{colorBgContainer:e.surface.card,colorBgElevated:e.surface.overlay,colorBorder:e.border.default,colorText:e.text.primary,colorTextPlaceholder:e.text.tertiary,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,hoverBorderColor:e.border.strong,controlItemBgHover:e.surface.interactive,activeBorderColor:e.link.default,optionSelectedBg:e.surface.selected,optionSelectedColor:e.text.primary,optionActiveBg:e.surface.interactive,controlHeight:40,controlHeightLG:48,controlHeightSM:32,borderRadius:r.componentRadius.input,borderRadiusLG:r.componentRadius.input,borderRadiusSM:r.componentRadius.input,boxShadowSecondary:t.dropdown},DatePicker:{colorBgContainer:e.surface.card,colorBorder:e.border.default,hoverBorderColor:e.border.strong,activeBorderColor:e.link.default,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,activeShadow:`0 0 0 2px ${e.semantic.info.subtle}`,cellHoverBg:e.surface.interactive,cellActiveWithRangeBg:e.semantic.info.subtle,colorPrimary:e.link.default,controlHeight:40,borderRadius:r.componentRadius.input},Checkbox:{colorPrimary:e.link.default,colorPrimaryHover:e.link.hover,colorBorder:e.border.default,colorBgContainer:e.surface.card,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,borderRadiusSM:r.radius.sm},Radio:{colorPrimary:e.link.default,colorPrimaryHover:e.link.hover,colorBorder:e.border.default,colorBgContainer:e.surface.card,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,dotSize:8},Switch:{colorPrimary:e.link.default,colorPrimaryHover:e.link.hover,colorTextQuaternary:e.text.disabled,colorTextTertiary:e.text.tertiary,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,handleSize:18},Slider:{colorPrimary:e.link.default,colorPrimaryBorder:e.link.default,colorPrimaryBorderHover:e.link.hover,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,handleColor:e.surface.card,handleActiveColor:e.surface.card,railBg:e.neutral[2],railHoverBg:e.neutral[3],trackBg:e.link.default,trackHoverBg:e.link.hover,dotBorderColor:e.border.default,dotActiveBorderColor:e.link.default},Form:{labelColor:e.text.primary,labelFontSize:r.typography.fontSize.base,labelHeight:32,labelColonMarginInlineEnd:r.spacing[2],labelColonMarginInlineStart:r.spacing[1],itemMarginBottom:r.spacing[4],verticalLabelPadding:`0 0 ${r.spacing[2]}px`,labelRequiredMarkColor:e.semantic.error.main,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary},Table:{colorBgContainer:e.surface.card,colorText:e.text.primary,colorTextHeading:e.text.primary,headerBg:e.surface.page,headerColor:e.text.secondary,headerSortActiveBg:e.surface.interactive,headerSortHoverBg:e.surface.interactive,headerSplitColor:e.border.subtle,borderColor:e.border.subtle,rowHoverBg:e.surface.interactive,rowSelectedBg:e.surface.selected,rowSelectedHoverBg:e.surface.selected,rowExpandedBg:e.surface.nested,cellPaddingBlock:r.spacing[4],cellPaddingInline:r.spacing[4],cellPaddingBlockSM:r.spacing[2],cellPaddingInlineSM:r.spacing[3],borderRadius:r.componentRadius.card,borderRadiusLG:r.componentRadius.card,headerBorderRadius:r.componentRadius.card,footerBg:e.surface.page},Descriptions:{labelBg:e.surface.page,titleColor:e.text.primary,contentColor:e.text.primary,extraColor:e.text.secondary,itemPaddingBottom:r.spacing[4],colonMarginLeft:r.spacing[1],colonMarginRight:r.spacing[2]},Card:{colorBgContainer:e.surface.card,colorBorderSecondary:e.border.default,colorTextHeading:e.text.primary,colorTextDescription:e.text.secondary,boxShadowTertiary:t.card,borderRadius:r.componentRadius.card,borderRadiusLG:r.componentRadius.card,padding:r.spacing[4],paddingLG:r.spacing[6]},Statistic:{titleFontSize:r.typography.fontSize.base,contentFontSize:r.typography.fontSize["4xl"],colorTextHeading:e.text.primary,colorTextDescription:e.text.secondary},Timeline:{tailColor:e.border.default,tailWidth:2,dotBg:e.surface.card,dotBorderWidth:2,itemPaddingBottom:r.spacing[5]},Tag:{defaultBg:e.neutral[2],defaultColor:e.text.primary,colorBorder:e.border.default,colorText:e.text.primary,borderRadiusSM:r.componentRadius.badge,fontSize:r.typography.fontSize.sm,fontSizeSM:r.typography.fontSize.xs},Badge:{colorBorderBg:e.surface.card,colorError:e.semantic.error.main,colorSuccess:e.semantic.success.main,colorInfo:e.semantic.info.main,colorWarning:e.semantic.warning.main,textFontSize:r.typography.fontSize.xs,textFontSizeSM:10,indicatorHeight:6,indicatorHeightSM:6},Avatar:{colorBgContainer:e.neutral[2],colorText:e.text.secondary,colorTextLightSolid:e.text.inverse,containerSize:32,containerSizeLG:40,containerSizeSM:24,borderRadius:r.componentRadius.avatar,groupOverlapping:-8,groupSpace:r.spacing[1]},Calendar:{colorBgContainer:e.surface.card,colorPrimary:e.link.default,fullBg:e.surface.card,fullPanelBg:e.surface.card,itemActiveBg:e.semantic.info.subtle,borderRadius:r.componentRadius.card},Collapse:{colorBgContainer:e.surface.card,colorBorder:e.border.default,headerBg:e.surface.page,headerPadding:`${r.spacing[3]}px ${r.spacing[4]}px`,contentPadding:`${r.spacing[4]}px ${r.spacing[4]}px`,borderRadiusLG:r.componentRadius.card},Carousel:{colorBgContainer:e.surface.card,dotWidth:8,dotHeight:8,dotActiveWidth:24},Tree:{colorBgContainer:e.surface.card,nodeHoverBg:e.surface.interactive,nodeSelectedBg:e.surface.selected,titleHeight:32,borderRadius:r.radius.sm},Alert:{colorSuccessBg:e.semantic.success.subtle,colorSuccessBorder:e.semantic.success.main,colorSuccessText:e.semantic.success.main,colorErrorBg:e.semantic.error.subtle,colorErrorBorder:e.semantic.error.main,colorErrorText:e.semantic.error.main,colorWarningBg:e.semantic.warning.subtle,colorWarningBorder:e.semantic.warning.main,colorWarningText:e.semantic.warning.main,colorInfoBg:e.semantic.info.subtle,colorInfoBorder:e.semantic.info.main,colorInfoText:e.semantic.info.main,defaultPadding:`${r.spacing[3]}px ${r.spacing[4]}px`,withDescriptionPadding:`${r.spacing[4]}px ${r.spacing[5]}px`,borderRadiusLG:r.componentRadius.card},Modal:{contentBg:e.surface.overlay,headerBg:e.surface.overlay,footerBg:e.surface.overlay,titleColor:e.text.primary,colorBgMask:o?"rgba(0, 0, 0, 0.65)":"rgba(0, 0, 0, 0.45)",borderRadiusLG:r.componentRadius.modal,boxShadow:t.modal},Drawer:{colorBgElevated:e.surface.overlay,colorBgMask:o?"rgba(0, 0, 0, 0.65)":"rgba(0, 0, 0, 0.45)",borderRadiusLG:r.componentRadius.modal,footerPaddingBlock:r.spacing[4],footerPaddingInline:r.spacing[6]},Notification:{colorBgElevated:e.surface.overlay,colorText:e.text.primary,colorTextHeading:e.text.primary,borderRadiusLG:r.componentRadius.card,boxShadow:t.dropdown,padding:r.spacing[4],paddingContentHorizontal:r.spacing[4]},Message:{contentBg:e.surface.overlay,contentPadding:`${r.spacing[2]}px ${r.spacing[4]}px`,borderRadiusLG:r.componentRadius.card,boxShadow:t.dropdown},Popconfirm:{colorBgElevated:e.surface.overlay,colorWarning:e.semantic.warning.main,borderRadiusLG:r.componentRadius.card,boxShadowSecondary:t.dropdown},Progress:{defaultColor:e.link.default,colorSuccess:e.semantic.success.main,colorError:e.semantic.error.main,remainingColor:e.neutral[2],circleTextColor:e.text.primary,borderRadius:100,lineBorderRadius:100},Result:{titleFontSize:r.typography.fontSize["3xl"],subtitleFontSize:r.typography.fontSize.base,iconFontSize:r.typography.fontSize["5xl"],extraMargin:`${r.spacing[8]}px 0 0`},Skeleton:{colorFill:e.neutral[2],colorFillContent:e.neutral[1],borderRadiusSM:r.radius.sm},Spin:{colorPrimary:e.link.default,dotSize:20,dotSizeLG:32,dotSizeSM:14},Menu:{itemBg:"transparent",itemColor:e.text.primary,itemHoverBg:e.surface.interactive,itemHoverColor:e.text.primary,itemSelectedBg:e.surface.selected,itemSelectedColor:e.text.primary,itemActiveBg:e.surface.selected,subMenuItemBg:"transparent",darkItemBg:e.absolute.black,darkSubMenuItemBg:e.absolute.black,darkItemColor:e.absolute.white,darkItemHoverBg:"rgba(255, 255, 255, 0.08)",darkItemHoverColor:e.absolute.white,darkItemSelectedBg:e.link.default,darkItemSelectedColor:e.absolute.white,itemBorderRadius:r.componentRadius.input,itemHeight:40,itemPaddingInline:r.spacing[4],iconSize:16,collapsedIconSize:16,collapsedWidth:64},Breadcrumb:{itemColor:e.text.secondary,lastItemColor:e.text.primary,linkColor:e.link.default,linkHoverColor:e.link.hover,separatorColor:e.text.tertiary,separatorMargin:r.spacing[2],iconFontSize:r.typography.fontSize.base,fontSize:r.typography.fontSize.base},Pagination:{colorPrimary:e.link.default,colorPrimaryHover:e.link.hover,itemActiveBg:e.link.default,itemActiveBgDisabled:e.neutral[2],itemBg:e.surface.card,itemLinkBg:e.surface.card,itemInputBg:e.surface.card,itemSize:32,itemSizeSM:24,borderRadius:r.radius.sm},Steps:{colorPrimary:e.link.default,colorText:e.text.secondary,colorTextDescription:e.text.tertiary,colorBorderSecondary:e.border.default,dotSize:8,iconSize:32,iconSizeSM:24},Tabs:{colorPrimary:e.link.default,itemColor:e.text.secondary,itemHoverColor:e.link.hover,itemSelectedColor:e.link.default,itemActiveColor:e.link.default,inkBarColor:e.link.default,colorBorderSecondary:e.border.default,titleFontSize:r.typography.fontSize.base,titleFontSizeLG:r.typography.fontSize.lg,titleFontSizeSM:r.typography.fontSize.sm,cardBg:e.surface.card,cardPadding:`${r.spacing[2]}px ${r.spacing[4]}px`,horizontalItemPadding:`${r.spacing[3]}px 0`,horizontalItemMargin:`0 ${r.spacing[8]}px 0 0`},Anchor:{colorPrimary:e.link.default,linkPaddingBlock:r.spacing[1],linkPaddingInlineStart:r.spacing[4]},Dropdown:{colorBgElevated:e.surface.overlay,controlItemBgHover:e.surface.interactive,controlItemBgActive:e.surface.selected,boxShadowSecondary:t.dropdown,paddingBlock:r.spacing[1],borderRadiusLG:r.componentRadius.card},Layout:{colorBgBody:e.surface.page,colorBgHeader:e.surface.card,colorBgTrigger:e.absolute.black,siderBg:e.absolute.black,headerBg:e.surface.card,headerHeight:64,headerPadding:`0 ${r.spacing[6]}px`,footerBg:e.surface.card,footerPadding:`${r.spacing[6]}px ${r.spacing[12]}px`,bodyBg:e.surface.page,triggerHeight:48,triggerBg:e.absolute.black,triggerColor:e.absolute.white,zeroTriggerWidth:36,zeroTriggerHeight:42,lightSiderBg:e.surface.card,lightTriggerBg:e.surface.card,lightTriggerColor:e.text.primary},Divider:{colorSplit:e.border.subtle,colorText:e.text.tertiary,orientationMargin:.05,verticalMarginInline:r.spacing[2]},Typography:{colorText:e.text.primary,colorTextSecondary:e.text.secondary,colorTextDescription:e.text.tertiary,colorLink:e.link.default,colorLinkHover:e.link.hover,colorLinkActive:e.link.active,titleMarginBottom:r.spacing[2],titleMarginTop:r.spacing[4],fontSizeHeading1:r.typography.fontSize["5xl"],fontSizeHeading2:r.typography.fontSize["4xl"],fontSizeHeading3:r.typography.fontSize["3xl"],fontSizeHeading4:r.typography.fontSize["2xl"],fontSizeHeading5:r.typography.fontSize.xl,lineHeightHeading1:r.typography.lineHeight.tight,lineHeightHeading2:r.typography.lineHeight.tight,lineHeightHeading3:r.typography.lineHeight.tight,lineHeightHeading4:r.typography.lineHeight.tight,lineHeightHeading5:r.typography.lineHeight.tight},Tooltip:{colorBgSpotlight:e.neutral[4],colorTextLightSolid:e.text.inverse,borderRadius:r.radius.sm,boxShadowSecondary:t.tooltip},Popover:{colorBgElevated:e.surface.overlay,colorText:e.text.primary,borderRadiusLG:r.componentRadius.card,boxShadowSecondary:t.dropdown,padding:r.spacing[3]},Image:{previewOperationColor:e.absolute.white,previewOperationColorDisabled:"rgba(255, 255, 255, 0.25)"},Upload:{colorBorder:e.border.default,colorFillAlter:e.surface.interactive,colorText:e.text.primary,colorTextDescription:e.text.secondary,colorTextHeading:e.text.primary,actionsColor:e.link.default},QRCode:{colorBgContainer:e.surface.card},Tour:{colorBgElevated:e.surface.overlay,colorPrimary:e.link.default,borderRadius:r.componentRadius.card,boxShadowSecondary:t.dropdown},FloatButton:{colorBgElevated:e.surface.overlay,colorPrimary:e.link.default,borderRadiusLG:r.componentRadius.avatar,boxShadow:t.dropdown},Segmented:{colorBgLayout:e.neutral[2],itemColor:e.text.primary,itemHoverColor:e.text.primary,itemHoverBg:e.surface.interactive,itemSelectedBg:e.surface.card,itemSelectedColor:e.text.primary,borderRadius:r.radius.base,borderRadiusSM:r.radius.sm},Mentions:{colorBgContainer:e.surface.card,colorBgElevated:e.surface.overlay,colorBorder:e.border.default,controlItemBgHover:e.surface.interactive,controlItemBgActive:e.surface.selected,boxShadowSecondary:t.dropdown},Transfer:{colorBgContainer:e.surface.card,colorBorder:e.border.default,itemPaddingBlock:r.spacing[1]},Cascader:{colorBgContainer:e.surface.card,colorBgElevated:e.surface.overlay,colorBorder:e.border.default,controlItemBgHover:e.surface.interactive,optionSelectedBg:e.surface.selected},TreeSelect:{colorBgContainer:e.surface.card,colorBgElevated:e.surface.overlay,colorBorder:e.border.default,nodeHoverBg:e.surface.interactive,nodeSelectedBg:e.surface.selected},Rate:{colorFillContent:e.neutral[3],starColor:"#FADB14"},Empty:{colorText:e.text.secondary,colorTextDescription:e.text.tertiary,fontSize:r.typography.fontSize.base},List:{colorBorder:e.border.subtle,colorSplit:e.border.subtle,itemPadding:`${r.spacing[3]}px ${r.spacing[6]}px`,itemPaddingSM:`${r.spacing[2]}px ${r.spacing[4]}px`,itemPaddingLG:`${r.spacing[4]}px ${r.spacing[6]}px`,headerBg:"transparent",footerBg:"transparent",emptyTextPadding:r.spacing[4],metaMarginBottom:r.spacing[2],avatarMarginRight:r.spacing[4],titleMarginBottom:r.spacing[1]}}}})(a,i);return t?Object.assign(Object.assign({},o),{token:Object.assign(Object.assign({},o.token),null!==(e=t.token)&&void 0!==e?e:{}),components:Object.assign(Object.assign({},o.components),null!==(r=t.components)&&void 0!==r?r:{})}):o},[a,i,t]),l=n.default.useMemo(()=>({colors:a,constants:i,mode:o}),[a,i,o]);return g.jsx(F.Provider,{value:l,children:g.jsx(r.ConfigProvider,{theme:c,children:e})})},exports.buildColorPalette=y,exports.buildUIConstants=h,exports.defaultColorPalette=f,exports.defaultUIConstants=x,exports.jsxRuntimeExports=g,exports.useNewTemboTheme=()=>n.default.useContext(F),exports.useTemboTheme=()=>n.default.useContext(v);
+//# sourceMappingURL=theme-provider-BVd_oFrl.js.map