
import * as _mui_material_styles0 from "@mui/material/styles";
import { Theme } from "@mui/material/styles";
import * as ag_grid_community0 from "ag-grid-community";

//#region src/components/data/agGridTheme.d.ts
/**
 * Light theme for AG Grid data grids
 */
declare const dataGridThemeLight: ag_grid_community0.Theme<ag_grid_community0.ThemeDefaultParams>;
/**
 * Dark theme for AG Grid data grids
 */
declare const dataGridThemeDark: ag_grid_community0.Theme<ag_grid_community0.ThemeDefaultParams>;
//#endregion
//#region src/theme/chartTheme.d.ts
/**
 * Shared Chart.js theme utilities for dark mode support
 */
interface ChartThemeColors {
  gridColor: string;
  textColor: string;
  borderColor: string;
  tooltipBackgroundColor: string;
  tooltipTextColor: string;
}
/**
 * Get theme-aware colors for Chart.js charts
 * @param isDark - Whether dark mode is active
 * @returns Theme colors for Chart.js configuration
 */
declare function getChartThemeColors(isDark: boolean): ChartThemeColors;
/**
 * Get Chart.js scale options with theme-aware colors
 * @param isDark - Whether dark mode is active
 * @param showGrid - Whether to show grid lines
 * @returns Partial scale options for Chart.js
 */
declare function getThemedScaleOptions(isDark: boolean, showGrid?: boolean): {
  grid: {
    color: string | undefined;
    display: boolean;
  };
  ticks: {
    color: string;
  };
  border: {
    color: string;
  };
};
/**
 * Get Chart.js plugin options with theme-aware colors
 * @param isDark - Whether dark mode is active
 * @returns Plugin options for Chart.js (legend, title, tooltip)
 */
declare function getThemedPluginOptions(isDark: boolean): {
  legend: {
    labels: {
      color: string;
    };
  };
  title: {
    color: string;
  };
  tooltip: {
    backgroundColor: string;
    titleColor: string;
    bodyColor: string;
    borderColor: string;
    borderWidth: number;
  };
};
declare const CURRENT_BAR_COLOR = "#63B3ED";
declare const BASE_BAR_COLOR = "#F6AD55";
declare const CURRENT_BAR_COLOR_WITH_ALPHA = "#63B3EDA5";
declare const BASE_BAR_COLOR_WITH_ALPHA = "#F6AD55A5";
declare const CURRENT_BAR_COLOR_DARK = "#90CDF4";
declare const BASE_BAR_COLOR_DARK = "#FBD38D";
declare const CURRENT_BAR_COLOR_DARK_WITH_ALPHA = "#90CDF4A5";
declare const BASE_BAR_COLOR_DARK_WITH_ALPHA = "#FBD38DA5";
declare const INFO_VAL_COLOR = "#63B3ED";
declare const INFO_VAL_COLOR_DARK = "#90CDF4";
/**
 * Get theme-aware bar colors for charts
 * @param isDark - Whether dark mode is active
 * @returns Object with current and base bar colors
 */
declare function getBarColors(isDark: boolean): {
  current: string;
  base: string;
  currentWithAlpha: string;
  baseWithAlpha: string;
  info: string;
};
//#endregion
//#region src/theme/colors.d.ts
/**
 * Recce brand colors and palette definitions
 *
 * These colors are used to create a consistent visual identity across
 * the Recce UI components. The palette includes brand colors, semantic
 * colors for status indicators, and neutral grays.
 *
 * Color values are aligned with the main Recce theme at
 * ui/src/components/ui/mui-theme.ts for consistency.
 */
declare const colors: {
  /** White color */
  readonly white: "#FFFFFF";
  /** Black color */
  readonly black: "#000000";
  /**
   * Primary brand color - Orange/Coral
   * Used for primary actions, branding elements, and highlights
   */
  readonly brand: {
    readonly 50: "#FFDED5";
    readonly 100: "#FFC1B0";
    readonly 200: "#FFA58C";
    readonly 300: "#FF8967";
    readonly 400: "#FF6E42";
    readonly 500: "#FD541E";
    readonly 600: "#F04104";
    readonly 700: "#C93A06";
    readonly 800: "#A23206";
    readonly 900: "#7C2906";
    readonly 950: "#571E05";
  };
  /**
   * Secondary color - Blue (Iochmara)
   * Used for secondary actions, links, and information elements
   */
  readonly iochmara: {
    readonly 50: "#EAF3FB";
    readonly 100: "#C4DDF3";
    readonly 200: "#9EC6EB";
    readonly 300: "#79B0E2";
    readonly 400: "#5599D8";
    readonly 500: "#3182CE";
    readonly 600: "#2A6CA7";
    readonly 700: "#225581";
    readonly 800: "#193E5C";
    readonly 900: "#102638";
    readonly 950: "#060E14";
  };
  /**
   * Neutral grays
   * Used for backgrounds, borders, and text
   */
  readonly neutral: {
    readonly 50: "#FAFAFA";
    readonly 100: "#F5F5F5";
    readonly 200: "#E5E5E5";
    readonly 300: "#D4D4D4";
    readonly 400: "#A3A3A3";
    readonly 500: "#737373";
    readonly 600: "#525252";
    readonly 700: "#404040";
    readonly 800: "#262626";
    readonly 900: "#171717";
    readonly 950: "#0A0A0A";
  };
  /**
   * Cyan color scale
   * Used for secondary accents
   */
  readonly cyan: {
    readonly 50: "#ECFEFF";
    readonly 100: "#CFFAFE";
    readonly 200: "#A5F3FC";
    readonly 300: "#67E8F9";
    readonly 400: "#22D3EE";
    readonly 500: "#06B6D4";
    readonly 600: "#0891B2";
    readonly 700: "#0E7490";
    readonly 800: "#155E75";
    readonly 900: "#164E63";
    readonly 950: "#083344";
  };
  /**
   * Amber color scale
   * Used for warnings
   */
  readonly amber: {
    readonly 50: "#FFFBEB";
    readonly 100: "#FEF3C7";
    readonly 200: "#FDE68A";
    readonly 300: "#FCD34D";
    readonly 400: "#FBBF24";
    readonly 500: "#F59E0B";
    readonly 600: "#D97706";
    readonly 700: "#B45309";
    readonly 800: "#92400E";
    readonly 900: "#78350F";
    readonly 950: "#431407";
  };
  /**
   * Yellow color scale
   * Used for warnings and highlights
   */
  readonly yellow: {
    readonly 50: "#FEFCE8";
    readonly 100: "#FEF9C3";
    readonly 200: "#FEF08A";
    readonly 300: "#FDE047";
    readonly 400: "#FACC15";
    readonly 500: "#EAB308";
    readonly 600: "#CA8A04";
    readonly 700: "#A16207";
    readonly 800: "#854D0E";
    readonly 900: "#713F12";
    readonly 950: "#422006";
  };
  /**
   * Green color scale
   * Used for success states
   */
  readonly green: {
    readonly 50: "#F0FDF4";
    readonly 100: "#DCFCE7";
    readonly 200: "#BBF7D0";
    readonly 300: "#86EFAC";
    readonly 400: "#4ADE80";
    readonly 500: "#22C55E";
    readonly 600: "#16A34A";
    readonly 700: "#15803D";
    readonly 800: "#166534";
    readonly 900: "#14532D";
    readonly 950: "#052E16";
  };
  /**
   * Red color scale
   * Used for errors
   */
  readonly red: {
    readonly 50: "#FEF2F2";
    readonly 100: "#FEE2E2";
    readonly 200: "#FECACA";
    readonly 300: "#FCA5A5";
    readonly 400: "#F87171";
    readonly 500: "#EF4444";
    readonly 600: "#DC2626";
    readonly 700: "#B91C1C";
    readonly 800: "#991B1B";
    readonly 900: "#7F1D1D";
    readonly 950: "#450A0A";
  };
  /**
   * Rose color scale
   * Used for accent colors
   */
  readonly rose: {
    readonly 50: "#FFF1F2";
    readonly 100: "#FFE4E6";
    readonly 200: "#FECDD3";
    readonly 300: "#FDA4AF";
    readonly 400: "#FB7185";
    readonly 500: "#F43F5E";
    readonly 600: "#E11D48";
    readonly 700: "#BE123C";
    readonly 800: "#9F1239";
    readonly 900: "#881337";
    readonly 950: "#4C0519";
  };
  /**
   * Fuchsia color scale
   * Used for accent colors
   */
  readonly fuchsia: {
    readonly 50: "#FDF4FF";
    readonly 100: "#FAE8FF";
    readonly 200: "#F5D0FE";
    readonly 300: "#F0ABFC";
    readonly 400: "#E879F9";
    readonly 500: "#D946EF";
    readonly 600: "#C026D3";
    readonly 700: "#A21CAF";
    readonly 800: "#86198F";
    readonly 900: "#701A75";
    readonly 950: "#4A044E";
  };
  /**
   * Semantic colors for status indicators
   */
  readonly success: {
    readonly main: "#22C55E";
    readonly light: "#4ADE80";
    readonly dark: "#16A34A";
    readonly contrastText: "#ffffff";
  };
  readonly warning: {
    readonly main: "#EAB308";
    readonly light: "#FACC15";
    readonly dark: "#78350F";
    readonly contrastText: "#000000";
  };
  readonly error: {
    readonly main: "#EF4444";
    readonly light: "#F87171";
    readonly dark: "#DC2626";
    readonly contrastText: "#ffffff";
  };
  readonly info: {
    readonly main: "#3182CE";
    readonly light: "#79B0E2";
    readonly dark: "#225581";
    readonly contrastText: "#ffffff";
  };
};
/**
 * Color aliases for backward compatibility
 * Maps common color names to their Recce palette equivalents
 */
declare const colorAliases: Record<string, keyof typeof colors>;
/**
 * Type for accessing color shades
 */
type ColorShade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
/**
 * Type for semantic color variants
 */
type SemanticColorVariant = "light" | "main" | "dark" | "contrastText";
/**
 * Semantic variant mappings from Chakra-style tokens to scale values
 * These map semantic names to numeric scale values in the color palette
 *
 * Used during Chakra UI -> MUI migration to translate Chakra token paths
 * like "colors.green.solid" to actual color values
 */
declare const semanticVariantMap: Record<string, number>;
/**
 * Token lookup function to mimic Chakra UI's token API
 *
 * This utility function translates Chakra-style token paths to actual
 * color values from the color palette. Used during migration from
 * Chakra UI to MUI.
 *
 * @param path - Token path like "colors.green.solid" or "colors.neutral.500"
 * @returns The hex color value, or undefined if not found
 *
 * @example
 * token("colors.green.solid") // => "#16A34A"
 * token("colors.neutral.500") // => "#737373"
 * token("colors.orange.400")  // => "#FBBF24" (maps orange to amber)
 */
declare function token(path: string): string | undefined;
//#endregion
//#region src/theme/theme.d.ts
/**
 * MUI Theme configuration with CSS Variables mode
 *
 * This theme uses MUI 7's CSS Variables mode with `colorSchemeSelector: 'class'`
 * to toggle between light and dark modes using the `.dark` class on the document.
 * This integrates with the ThemeContext which manages the class toggle.
 *
 * Color values and component variants are aligned with the main Recce theme at
 * ui/src/components/ui/mui-theme.ts for consistency.
 */
/**
 * MUI Theme with CSS Variables mode enabled
 *
 * Uses `colorSchemeSelector: 'class'` to switch themes via `.dark` class,
 * which is toggled by the ThemeContext provider.
 *
 * Usage:
 * ```tsx
 * import { ThemeProvider } from '@mui/material/styles';
 * import { theme } from '@datarecce/ui/theme';
 *
 * <ThemeProvider theme={theme}>
 *   <App />
 * </ThemeProvider>
 * ```
 */
declare const theme: _mui_material_styles0.Theme;
/**
 * Theme type export for consumers who need to type their theme
 */
type RecceTheme = typeof theme;
//#endregion
export { getThemedPluginOptions as C, dataGridThemeLight as E, getChartThemeColors as S, dataGridThemeDark as T, CURRENT_BAR_COLOR_WITH_ALPHA as _, SemanticColorVariant as a, INFO_VAL_COLOR_DARK as b, semanticVariantMap as c, BASE_BAR_COLOR_DARK as d, BASE_BAR_COLOR_DARK_WITH_ALPHA as f, CURRENT_BAR_COLOR_DARK_WITH_ALPHA as g, CURRENT_BAR_COLOR_DARK as h, ColorShade as i, token as l, CURRENT_BAR_COLOR as m, RecceTheme as n, colorAliases as o, BASE_BAR_COLOR_WITH_ALPHA as p, theme as r, colors as s, Theme as t, BASE_BAR_COLOR as u, ChartThemeColors as v, getThemedScaleOptions as w, getBarColors as x, INFO_VAL_COLOR as y };
//# sourceMappingURL=index-OLba92wa.d.ts.map