@shortstravelmgmt/component-lib 0.2.9 → 0.2.11

package/dist/index.d.ts

@@ -1,10 +1,938 @@
 import * as React from 'react';
-import React__default, { HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, SVGProps, TextareaHTMLAttributes, SelectHTMLAttributes, ReactNode } from 'react';
+import React__default, { CSSProperties, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, SVGProps, TextareaHTMLAttributes, SelectHTMLAttributes, ReactNode, ChangeEvent } from 'react';
 
-type AlertVariant = 'primary' | 'success' | 'warning' | 'error';
+/**
+ * STM Hub Design Tokens
+ * TypeScript implementation of the design system tokens
+ *
+ * These tokens are the single source of truth for all visual values.
+ * Components should use these tokens via the useTheme hook or css utility.
+ */
+declare const brandColors: {
+    readonly blue: "#15538C";
+    readonly blueDeep: "#0E3F6E";
+    readonly blueTint: "#E5EDF4";
+};
+declare const primaryColors: {
+    readonly primary: "#0A53EF";
+    readonly primaryDark: "#1A43D1";
+    readonly primaryLight: "#E6ECFB";
+    readonly primaryLightHover: "#DAE3F8";
+};
+declare const neutralColors: {
+    readonly basecolor: "#F5F5F5";
+    readonly subtle: "#EFF0F0";
+    readonly card: "#EFEFEF";
+    readonly cardalt: "#EBEBEC";
+    readonly secondary: "#E4E5E7";
+    readonly secondaryDark: "#DFE1E3";
+    readonly tableBorder: "#D5D5D5";
+    readonly border: "#EDEDED";
+    readonly borderDark: "#D5D5D5";
+    readonly white: "#FFFFFF";
+};
+declare const textColors: {
+    readonly ink: "#282828";
+    readonly charcoal: "#3F3F3F";
+    readonly slate: "#5C5C5C";
+    readonly stone: "#787878";
+    readonly pending: "#C7C7CA";
+    readonly error: "#940000";
+};
+declare const statusColors: {
+    readonly success: "#138660";
+    readonly warning: "#9F5500";
+    readonly gold: "#FFC179";
+    readonly error: "#940000";
+};
+declare const accentColors: {
+    readonly mint: "#37C3A4";
+    readonly forest: "#003E1B";
+    readonly forestLight: "#E2F0EC";
+    readonly tangerine: "#FE7C35";
+    readonly tangerineLight: "#FFE2C1";
+};
+declare const teamColors: {
+    readonly men: "#8AC6D9";
+    readonly women: "#FFA99A";
+    readonly mixed: "#D1C1C3";
+};
+declare const travelColors: {
+    readonly limoBackground: "#EDE9FE";
+    readonly limoForeground: "#7C3AED";
+    readonly busBackground: "#FEF3C7";
+    readonly busForeground: "#D97706";
+};
+declare const vendorColors: {
+    readonly DL: {
+        readonly bg: "#003366";
+        readonly fg: "#FFFFFF";
+    };
+    readonly AA: {
+        readonly bg: "#0078D2";
+        readonly fg: "#FFFFFF";
+    };
+    readonly UA: {
+        readonly bg: "#002244";
+        readonly fg: "#FFFFFF";
+    };
+    readonly WN: {
+        readonly bg: "#F9B612";
+        readonly fg: "#304CB2";
+    };
+    readonly B6: {
+        readonly bg: "#003876";
+        readonly fg: "#FFFFFF";
+    };
+    readonly AS: {
+        readonly bg: "#016191";
+        readonly fg: "#FFFFFF";
+    };
+    readonly F9: {
+        readonly bg: "#2D8B45";
+        readonly fg: "#FFFFFF";
+    };
+    readonly NK: {
+        readonly bg: "#FFC72C";
+        readonly fg: "#000000";
+    };
+    readonly G4: {
+        readonly bg: "#00386C";
+        readonly fg: "#FFFFFF";
+    };
+    readonly HA: {
+        readonly bg: "#660099";
+        readonly fg: "#FFFFFF";
+    };
+};
+declare const gradients: {
+    readonly avatar: "linear-gradient(135deg, #4F7FFF 0%, #4066E8 100%)";
+};
+declare const alertTokens: {
+    readonly primary: {
+        readonly fg: "#0A53EF";
+        readonly bg: "#E6ECFB";
+        readonly border: "#0A53EF";
+    };
+    readonly success: {
+        readonly fg: "#138660";
+        readonly bg: "#E2F0EC";
+        readonly border: "#138660";
+    };
+    readonly warning: {
+        readonly fg: "#9F5500";
+        readonly bg: "#FFE2C1";
+        readonly border: "#FE7C35";
+    };
+    readonly error: {
+        readonly fg: "#940000";
+        readonly bg: "#FEE2E2";
+        readonly border: "#940000";
+    };
+};
+declare const semanticColors: {
+    readonly fg: {
+        readonly 1: "#282828";
+        readonly 2: "#3F3F3F";
+        readonly 3: "#5C5C5C";
+        readonly 4: "#787878";
+        readonly disabled: "#C7C7CA";
+        readonly link: "#0A53EF";
+        readonly linkHover: "#1A43D1";
+    };
+    readonly bg: {
+        readonly page: "#F5F5F5";
+        readonly surface: "#FFFFFF";
+        readonly card: "#EFEFEF";
+        readonly subtle: "#EFF0F0";
+    };
+};
+declare const fontFamily: {
+    readonly base: "'Roboto Flex', system-ui, -apple-system, 'Segoe UI', sans-serif";
+    readonly display: "'Roboto Flex', system-ui, -apple-system, sans-serif";
+    readonly mono: "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace";
+};
+declare const fontSize: {
+    readonly xs: "12px";
+    readonly sm: "14px";
+    readonly base: "16px";
+    readonly lg: "18px";
+    readonly xl: "20px";
+    readonly '2xl': "24px";
+    readonly '4xl': "36px";
+};
+declare const lineHeight: {
+    readonly xs: "16px";
+    readonly sm: "20px";
+    readonly base: "24px";
+    readonly lg: "28px";
+    readonly xl: "28px";
+    readonly '2xl': "32px";
+    readonly '4xl': "40px";
+    readonly tight: 1.25;
+    readonly normal: 1.5;
+};
+declare const fontWeight: {
+    readonly light: 300;
+    readonly regular: 400;
+    readonly medium: 500;
+    readonly semibold: 600;
+    readonly bold: 700;
+};
+declare const spacing: {
+    readonly 0: "0";
+    readonly '0.5': "2px";
+    readonly 1: "4px";
+    readonly '1.5': "6px";
+    readonly 2: "8px";
+    readonly 3: "12px";
+    readonly 4: "16px";
+    readonly 5: "20px";
+    readonly 6: "24px";
+    readonly 7: "28px";
+    readonly 8: "32px";
+    readonly 9: "36px";
+    readonly 10: "40px";
+    readonly 12: "48px";
+    readonly 16: "64px";
+};
+declare const radius: {
+    readonly sm: "2px";
+    readonly md: "4px";
+    readonly lg: "6px";
+    readonly xl: "8px";
+    readonly '2xl': "12px";
+    readonly '3xl': "16px";
+    readonly full: "9999px";
+};
+declare const shadow: {
+    readonly sm: "0 1px 2px rgba(0, 0, 0, 0.04)";
+    readonly md: "0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04)";
+    readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04)";
+};
+declare const breakpoints: {
+    readonly sm: "640px";
+    readonly md: "768px";
+    readonly lg: "1024px";
+    readonly xl: "1280px";
+    readonly '2xl': "1536px";
+};
+declare const transition: {
+    readonly fast: "150ms ease";
+    readonly base: "200ms ease";
+    readonly slow: "300ms ease";
+};
+declare const lightTheme: {
+    readonly colors: {
+        readonly brand: {
+            readonly blue: "#15538C";
+            readonly blueDeep: "#0E3F6E";
+            readonly blueTint: "#E5EDF4";
+        };
+        readonly primary: {
+            readonly primary: "#0A53EF";
+            readonly primaryDark: "#1A43D1";
+            readonly primaryLight: "#E6ECFB";
+            readonly primaryLightHover: "#DAE3F8";
+        };
+        readonly neutral: {
+            readonly basecolor: "#F5F5F5";
+            readonly subtle: "#EFF0F0";
+            readonly card: "#EFEFEF";
+            readonly cardalt: "#EBEBEC";
+            readonly secondary: "#E4E5E7";
+            readonly secondaryDark: "#DFE1E3";
+            readonly tableBorder: "#D5D5D5";
+            readonly border: "#EDEDED";
+            readonly borderDark: "#D5D5D5";
+            readonly white: "#FFFFFF";
+        };
+        readonly text: {
+            readonly ink: "#282828";
+            readonly charcoal: "#3F3F3F";
+            readonly slate: "#5C5C5C";
+            readonly stone: "#787878";
+            readonly pending: "#C7C7CA";
+            readonly error: "#940000";
+        };
+        readonly status: {
+            readonly success: "#138660";
+            readonly warning: "#9F5500";
+            readonly gold: "#FFC179";
+            readonly error: "#940000";
+        };
+        readonly accent: {
+            readonly mint: "#37C3A4";
+            readonly forest: "#003E1B";
+            readonly forestLight: "#E2F0EC";
+            readonly tangerine: "#FE7C35";
+            readonly tangerineLight: "#FFE2C1";
+        };
+        readonly team: {
+            readonly men: "#8AC6D9";
+            readonly women: "#FFA99A";
+            readonly mixed: "#D1C1C3";
+        };
+        readonly travel: {
+            readonly limoBackground: "#EDE9FE";
+            readonly limoForeground: "#7C3AED";
+            readonly busBackground: "#FEF3C7";
+            readonly busForeground: "#D97706";
+        };
+        readonly vendor: {
+            readonly DL: {
+                readonly bg: "#003366";
+                readonly fg: "#FFFFFF";
+            };
+            readonly AA: {
+                readonly bg: "#0078D2";
+                readonly fg: "#FFFFFF";
+            };
+            readonly UA: {
+                readonly bg: "#002244";
+                readonly fg: "#FFFFFF";
+            };
+            readonly WN: {
+                readonly bg: "#F9B612";
+                readonly fg: "#304CB2";
+            };
+            readonly B6: {
+                readonly bg: "#003876";
+                readonly fg: "#FFFFFF";
+            };
+            readonly AS: {
+                readonly bg: "#016191";
+                readonly fg: "#FFFFFF";
+            };
+            readonly F9: {
+                readonly bg: "#2D8B45";
+                readonly fg: "#FFFFFF";
+            };
+            readonly NK: {
+                readonly bg: "#FFC72C";
+                readonly fg: "#000000";
+            };
+            readonly G4: {
+                readonly bg: "#00386C";
+                readonly fg: "#FFFFFF";
+            };
+            readonly HA: {
+                readonly bg: "#660099";
+                readonly fg: "#FFFFFF";
+            };
+        };
+        readonly alert: {
+            readonly primary: {
+                readonly fg: "#0A53EF";
+                readonly bg: "#E6ECFB";
+                readonly border: "#0A53EF";
+            };
+            readonly success: {
+                readonly fg: "#138660";
+                readonly bg: "#E2F0EC";
+                readonly border: "#138660";
+            };
+            readonly warning: {
+                readonly fg: "#9F5500";
+                readonly bg: "#FFE2C1";
+                readonly border: "#FE7C35";
+            };
+            readonly error: {
+                readonly fg: "#940000";
+                readonly bg: "#FEE2E2";
+                readonly border: "#940000";
+            };
+        };
+        readonly semantic: {
+            readonly fg: {
+                readonly 1: "#282828";
+                readonly 2: "#3F3F3F";
+                readonly 3: "#5C5C5C";
+                readonly 4: "#787878";
+                readonly disabled: "#C7C7CA";
+                readonly link: "#0A53EF";
+                readonly linkHover: "#1A43D1";
+            };
+            readonly bg: {
+                readonly page: "#F5F5F5";
+                readonly surface: "#FFFFFF";
+                readonly card: "#EFEFEF";
+                readonly subtle: "#EFF0F0";
+            };
+        };
+    };
+    readonly typography: {
+        readonly fontFamily: {
+            readonly base: "'Roboto Flex', system-ui, -apple-system, 'Segoe UI', sans-serif";
+            readonly display: "'Roboto Flex', system-ui, -apple-system, sans-serif";
+            readonly mono: "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace";
+        };
+        readonly fontSize: {
+            readonly xs: "12px";
+            readonly sm: "14px";
+            readonly base: "16px";
+            readonly lg: "18px";
+            readonly xl: "20px";
+            readonly '2xl': "24px";
+            readonly '4xl': "36px";
+        };
+        readonly lineHeight: {
+            readonly xs: "16px";
+            readonly sm: "20px";
+            readonly base: "24px";
+            readonly lg: "28px";
+            readonly xl: "28px";
+            readonly '2xl': "32px";
+            readonly '4xl': "40px";
+            readonly tight: 1.25;
+            readonly normal: 1.5;
+        };
+        readonly fontWeight: {
+            readonly light: 300;
+            readonly regular: 400;
+            readonly medium: 500;
+            readonly semibold: 600;
+            readonly bold: 700;
+        };
+    };
+    readonly spacing: {
+        readonly 0: "0";
+        readonly '0.5': "2px";
+        readonly 1: "4px";
+        readonly '1.5': "6px";
+        readonly 2: "8px";
+        readonly 3: "12px";
+        readonly 4: "16px";
+        readonly 5: "20px";
+        readonly 6: "24px";
+        readonly 7: "28px";
+        readonly 8: "32px";
+        readonly 9: "36px";
+        readonly 10: "40px";
+        readonly 12: "48px";
+        readonly 16: "64px";
+    };
+    readonly radius: {
+        readonly sm: "2px";
+        readonly md: "4px";
+        readonly lg: "6px";
+        readonly xl: "8px";
+        readonly '2xl': "12px";
+        readonly '3xl': "16px";
+        readonly full: "9999px";
+    };
+    readonly shadow: {
+        readonly sm: "0 1px 2px rgba(0, 0, 0, 0.04)";
+        readonly md: "0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04)";
+        readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04)";
+    };
+    readonly breakpoints: {
+        readonly sm: "640px";
+        readonly md: "768px";
+        readonly lg: "1024px";
+        readonly xl: "1280px";
+        readonly '2xl': "1536px";
+    };
+    readonly transition: {
+        readonly fast: "150ms ease";
+        readonly base: "200ms ease";
+        readonly slow: "300ms ease";
+    };
+    readonly gradients: {
+        readonly avatar: "linear-gradient(135deg, #4F7FFF 0%, #4066E8 100%)";
+    };
+};
+declare const darkTheme: {
+    readonly colors: {
+        readonly neutral: {
+            readonly basecolor: "#1a1a1a";
+            readonly subtle: "#2a2a2a";
+            readonly card: "#252525";
+            readonly cardalt: "#2f2f2f";
+            readonly secondary: "#3a3a3a";
+            readonly secondaryDark: "#454545";
+            readonly tableBorder: "#4a4a4a";
+            readonly border: "#3a3a3a";
+            readonly borderDark: "#4a4a4a";
+            readonly white: "#1a1a1a";
+        };
+        readonly text: {
+            readonly ink: "#f0f0f0";
+            readonly charcoal: "#d0d0d0";
+            readonly slate: "#a0a0a0";
+            readonly stone: "#808080";
+            readonly pending: "#606060";
+            readonly error: "#ff6b6b";
+        };
+        readonly semantic: {
+            readonly fg: {
+                readonly 1: "#f0f0f0";
+                readonly 2: "#d0d0d0";
+                readonly 3: "#a0a0a0";
+                readonly 4: "#808080";
+                readonly disabled: "#606060";
+                readonly link: "#0A53EF";
+                readonly linkHover: "#1A43D1";
+            };
+            readonly bg: {
+                readonly page: "#1a1a1a";
+                readonly surface: "#252525";
+                readonly card: "#252525";
+                readonly subtle: "#2a2a2a";
+            };
+        };
+        readonly brand: {
+            readonly blue: "#15538C";
+            readonly blueDeep: "#0E3F6E";
+            readonly blueTint: "#E5EDF4";
+        };
+        readonly primary: {
+            readonly primary: "#0A53EF";
+            readonly primaryDark: "#1A43D1";
+            readonly primaryLight: "#E6ECFB";
+            readonly primaryLightHover: "#DAE3F8";
+        };
+        readonly status: {
+            readonly success: "#138660";
+            readonly warning: "#9F5500";
+            readonly gold: "#FFC179";
+            readonly error: "#940000";
+        };
+        readonly accent: {
+            readonly mint: "#37C3A4";
+            readonly forest: "#003E1B";
+            readonly forestLight: "#E2F0EC";
+            readonly tangerine: "#FE7C35";
+            readonly tangerineLight: "#FFE2C1";
+        };
+        readonly team: {
+            readonly men: "#8AC6D9";
+            readonly women: "#FFA99A";
+            readonly mixed: "#D1C1C3";
+        };
+        readonly travel: {
+            readonly limoBackground: "#EDE9FE";
+            readonly limoForeground: "#7C3AED";
+            readonly busBackground: "#FEF3C7";
+            readonly busForeground: "#D97706";
+        };
+        readonly vendor: {
+            readonly DL: {
+                readonly bg: "#003366";
+                readonly fg: "#FFFFFF";
+            };
+            readonly AA: {
+                readonly bg: "#0078D2";
+                readonly fg: "#FFFFFF";
+            };
+            readonly UA: {
+                readonly bg: "#002244";
+                readonly fg: "#FFFFFF";
+            };
+            readonly WN: {
+                readonly bg: "#F9B612";
+                readonly fg: "#304CB2";
+            };
+            readonly B6: {
+                readonly bg: "#003876";
+                readonly fg: "#FFFFFF";
+            };
+            readonly AS: {
+                readonly bg: "#016191";
+                readonly fg: "#FFFFFF";
+            };
+            readonly F9: {
+                readonly bg: "#2D8B45";
+                readonly fg: "#FFFFFF";
+            };
+            readonly NK: {
+                readonly bg: "#FFC72C";
+                readonly fg: "#000000";
+            };
+            readonly G4: {
+                readonly bg: "#00386C";
+                readonly fg: "#FFFFFF";
+            };
+            readonly HA: {
+                readonly bg: "#660099";
+                readonly fg: "#FFFFFF";
+            };
+        };
+        readonly alert: {
+            readonly primary: {
+                readonly fg: "#0A53EF";
+                readonly bg: "#E6ECFB";
+                readonly border: "#0A53EF";
+            };
+            readonly success: {
+                readonly fg: "#138660";
+                readonly bg: "#E2F0EC";
+                readonly border: "#138660";
+            };
+            readonly warning: {
+                readonly fg: "#9F5500";
+                readonly bg: "#FFE2C1";
+                readonly border: "#FE7C35";
+            };
+            readonly error: {
+                readonly fg: "#940000";
+                readonly bg: "#FEE2E2";
+                readonly border: "#940000";
+            };
+        };
+    };
+    readonly typography: {
+        readonly fontFamily: {
+            readonly base: "'Roboto Flex', system-ui, -apple-system, 'Segoe UI', sans-serif";
+            readonly display: "'Roboto Flex', system-ui, -apple-system, sans-serif";
+            readonly mono: "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace";
+        };
+        readonly fontSize: {
+            readonly xs: "12px";
+            readonly sm: "14px";
+            readonly base: "16px";
+            readonly lg: "18px";
+            readonly xl: "20px";
+            readonly '2xl': "24px";
+            readonly '4xl': "36px";
+        };
+        readonly lineHeight: {
+            readonly xs: "16px";
+            readonly sm: "20px";
+            readonly base: "24px";
+            readonly lg: "28px";
+            readonly xl: "28px";
+            readonly '2xl': "32px";
+            readonly '4xl': "40px";
+            readonly tight: 1.25;
+            readonly normal: 1.5;
+        };
+        readonly fontWeight: {
+            readonly light: 300;
+            readonly regular: 400;
+            readonly medium: 500;
+            readonly semibold: 600;
+            readonly bold: 700;
+        };
+    };
+    readonly spacing: {
+        readonly 0: "0";
+        readonly '0.5': "2px";
+        readonly 1: "4px";
+        readonly '1.5': "6px";
+        readonly 2: "8px";
+        readonly 3: "12px";
+        readonly 4: "16px";
+        readonly 5: "20px";
+        readonly 6: "24px";
+        readonly 7: "28px";
+        readonly 8: "32px";
+        readonly 9: "36px";
+        readonly 10: "40px";
+        readonly 12: "48px";
+        readonly 16: "64px";
+    };
+    readonly radius: {
+        readonly sm: "2px";
+        readonly md: "4px";
+        readonly lg: "6px";
+        readonly xl: "8px";
+        readonly '2xl': "12px";
+        readonly '3xl': "16px";
+        readonly full: "9999px";
+    };
+    readonly shadow: {
+        readonly sm: "0 1px 2px rgba(0, 0, 0, 0.04)";
+        readonly md: "0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04)";
+        readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04)";
+    };
+    readonly breakpoints: {
+        readonly sm: "640px";
+        readonly md: "768px";
+        readonly lg: "1024px";
+        readonly xl: "1280px";
+        readonly '2xl': "1536px";
+    };
+    readonly transition: {
+        readonly fast: "150ms ease";
+        readonly base: "200ms ease";
+        readonly slow: "300ms ease";
+    };
+    readonly gradients: {
+        readonly avatar: "linear-gradient(135deg, #4F7FFF 0%, #4066E8 100%)";
+    };
+};
+/**
+ * Theme interface - allows both light and dark themes to be assignable.
+ * Uses structural typing rather than literal types for color values.
+ */
+interface Theme {
+    colors: {
+        brand: typeof brandColors;
+        primary: typeof primaryColors;
+        neutral: {
+            basecolor: string;
+            subtle: string;
+            card: string;
+            cardalt: string;
+            secondary: string;
+            secondaryDark: string;
+            tableBorder: string;
+            border: string;
+            borderDark: string;
+            white: string;
+        };
+        text: {
+            ink: string;
+            charcoal: string;
+            slate: string;
+            stone: string;
+            pending: string;
+            error: string;
+        };
+        status: typeof statusColors;
+        accent: typeof accentColors;
+        team: typeof teamColors;
+        travel: typeof travelColors;
+        vendor: typeof vendorColors;
+        alert: typeof alertTokens;
+        semantic: {
+            fg: {
+                1: string;
+                2: string;
+                3: string;
+                4: string;
+                disabled: string;
+                link: string;
+                linkHover: string;
+            };
+            bg: {
+                page: string;
+                surface: string;
+                card: string;
+                subtle: string;
+            };
+        };
+    };
+    typography: {
+        fontFamily: typeof fontFamily;
+        fontSize: typeof fontSize;
+        lineHeight: typeof lineHeight;
+        fontWeight: typeof fontWeight;
+    };
+    spacing: typeof spacing;
+    radius: typeof radius;
+    shadow: typeof shadow;
+    breakpoints: typeof breakpoints;
+    transition: typeof transition;
+    gradients: typeof gradients;
+}
+type ThemeColors = Theme['colors'];
+type ThemeTypography = Theme['typography'];
+type ThemeSpacing = keyof typeof spacing;
+type ThemeRadius = keyof typeof radius;
+type ThemeShadow = keyof typeof shadow;
+type ThemeBreakpoint = keyof typeof breakpoints;
+type ThemeTransition = keyof typeof transition;
+
+type ThemeMode = 'light' | 'dark' | 'system';
+interface ThemeContextValue {
+    /** Current resolved theme object */
+    theme: Theme;
+    /** Current theme mode setting */
+    mode: ThemeMode;
+    /** Whether dark mode is currently active */
+    isDark: boolean;
+    /** Update the theme mode */
+    setMode: (mode: ThemeMode) => void;
+    /** Toggle between light and dark modes */
+    toggleTheme: () => void;
+}
+/**
+ * Access the current theme context.
+ *
+ * Outside a ThemeProvider this resolves to the light theme with no-op mode
+ * setters, so components stay renderable on their own.
+ *
+ * @example
+ * ```tsx
+ * const { theme, isDark, toggleTheme } = useTheme();
+ *
+ * const buttonStyle = css({
+ *   backgroundColor: theme.colors.primary.primary,
+ *   color: theme.colors.neutral.white,
+ * });
+ * ```
+ */
+declare function useTheme(): ThemeContextValue;
+interface ThemeProviderProps {
+    /** Child components */
+    children: React__default.ReactNode;
+    /** Initial theme mode (default: 'system') */
+    defaultMode?: ThemeMode;
+    /** Storage key for persisting theme preference */
+    storageKey?: string;
+    /** Whether to add theme class to document root */
+    applyToRoot?: boolean;
+}
+/**
+ * Provides theme context to child components.
+ * Supports light, dark, and system-preference modes.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ThemeProvider>
+ *   <App />
+ * </ThemeProvider>
+ *
+ * // With initial dark mode
+ * <ThemeProvider defaultMode="dark">
+ *   <App />
+ * </ThemeProvider>
+ *
+ * // With persistence
+ * <ThemeProvider storageKey="stm-theme-mode">
+ *   <App />
+ * </ThemeProvider>
+ * ```
+ */
+declare function ThemeProvider({ children, defaultMode, storageKey, applyToRoot, }: ThemeProviderProps): React__default.ReactElement;
+
+/**
+ * CSS object type - extends React's CSSProperties.
+ * Simpler type to avoid complex union issues.
+ */
+type CSSObject = CSSProperties & Record<string, unknown>;
+type StyleFunction<P = object> = (props: P & {
+    theme: Theme;
+}) => CSSObject;
+/**
+ * Create a CSS object with type safety.
+ * Converts nested pseudo-selectors for inline style compatibility.
+ *
+ * @example
+ * ```tsx
+ * const buttonStyle = css({
+ *   backgroundColor: theme.colors.primary.primary,
+ *   padding: `${theme.spacing[2]} ${theme.spacing[4]}`,
+ *   borderRadius: theme.radius.full,
+ *   '&:hover': {
+ *     backgroundColor: theme.colors.primary.primaryDark,
+ *   },
+ * });
+ * ```
+ */
+declare function css(styles: CSSObject): CSSObject;
+/**
+ * Merge multiple CSS objects together.
+ * Later objects override earlier ones.
+ *
+ * @example
+ * ```tsx
+ * const combined = merge(baseStyle, variantStyle, sizeStyle);
+ * ```
+ */
+declare function merge(...styles: (CSSObject | CSSProperties | Record<string, unknown> | undefined | null | false)[]): CSSObject;
+/**
+ * Convert a CSSObject to inline styles.
+ * Strips out pseudo-selectors (they can't be inlined).
+ */
+declare function toInlineStyle(styles: CSSObject): CSSProperties;
+/**
+ * Create spacing value from theme tokens.
+ */
+declare function space(value: keyof typeof spacing | number): string;
+/**
+ * Create border-radius value from theme tokens.
+ */
+declare function rounded(value: keyof typeof radius): string;
+/**
+ * Create box-shadow value from theme tokens.
+ */
+declare function boxShadow(value: keyof typeof shadow): string;
+/**
+ * Create transition value from theme tokens.
+ */
+declare function trans(value: keyof typeof transition): string;
+/**
+ * Create font-weight value from theme tokens.
+ */
+declare function weight(value: keyof typeof fontWeight): number;
+/**
+ * Create font-size value from theme tokens.
+ */
+declare function size(value: keyof typeof fontSize): string;
+/**
+ * Create line-height value from theme tokens.
+ */
+declare function leading(value: keyof typeof lineHeight): string | number;
+/**
+ * Create font-family value from theme tokens.
+ */
+declare function font(value: keyof typeof fontFamily): string;
+/**
+ * Reset button styles.
+ */
+declare const buttonReset: CSSObject;
+/**
+ * Flex center alignment.
+ */
+declare const flexCenter: CSSObject;
+/**
+ * Flex row with gap.
+ */
+declare function flexRow(gap?: keyof typeof spacing): CSSObject;
+/**
+ * Flex column with gap.
+ */
+declare function flexCol(gap?: keyof typeof spacing): CSSObject;
+/**
+ * Absolute fill parent.
+ */
+declare const absoluteFill: CSSObject;
+/**
+ * Screen reader only (visually hidden but accessible).
+ */
+declare const srOnly: CSSObject;
+/**
+ * Truncate text with ellipsis.
+ */
+declare const truncate: CSSObject;
+/**
+ * Line clamp for multi-line truncation.
+ */
+declare function lineClamp(lines: number): CSSObject;
+/**
+ * Create a style factory that receives the theme.
+ * Use with useTheme() hook.
+ *
+ * @example
+ * ```tsx
+ * const useButtonStyles = styled((theme) => ({
+ *   root: css({
+ *     backgroundColor: theme.colors.primary.primary,
+ *     color: theme.colors.neutral.white,
+ *   }),
+ *   disabled: css({
+ *     opacity: 0.5,
+ *     cursor: 'not-allowed',
+ *   }),
+ * }));
+ *
+ * function Button() {
+ *   const { theme } = useTheme();
+ *   const styles = useButtonStyles(theme);
+ *   return <button style={toInlineStyle(styles.root)}>Click</button>;
+ * }
+ * ```
+ */
+declare function styled<T extends Record<string, CSSObject>>(factory: (theme: Theme) => T): (theme: Theme) => T;
+
+type AlertVariant$1 = 'primary' | 'success' | 'warning' | 'error';
 interface AlertProps {
     /** Visual style variant */
-    variant?: AlertVariant;
+    variant?: AlertVariant$1;
     /** Optional title for the alert */
     title?: string;
     /** Content of the alert */
@@ -18,6 +946,42 @@ interface AlertProps {
 }
 declare const Alert: React__default.FC<AlertProps>;
 
+type AlertVariant = 'primary' | 'success' | 'warning' | 'error';
+
+interface AlertStyledProps {
+    /** Visual style variant */
+    variant?: AlertVariant;
+    /** Optional title for the alert */
+    title?: string;
+    /** Content of the alert */
+    children: React__default.ReactNode;
+    /** Whether the alert can be dismissed */
+    dismissible?: boolean;
+    /** Callback when dismiss button is clicked */
+    onDismiss?: () => void;
+    /** Additional inline styles */
+    style?: React__default.CSSProperties;
+    /** Data test attribute for testing */
+    'data-test'?: string;
+}
+/**
+ * Alert component for displaying important messages.
+ * Uses CSS-in-JS styling with theme support.
+ * Supports primary, success, warning, and error variants.
+ *
+ * @example
+ * ```tsx
+ * <AlertStyled variant="success" title="Success!">
+ *   Your changes have been saved.
+ * </AlertStyled>
+ *
+ * <AlertStyled variant="error" dismissible onDismiss={() => setShow(false)}>
+ *   An error occurred. Please try again.
+ * </AlertStyled>
+ * ```
+ */
+declare const AlertStyled: React__default.FC<AlertStyledProps>;
+
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
     /** Image source URL */
@@ -29,7 +993,11 @@ interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
     /** Name (used to generate initials if not provided) */
     name?: string;
     /** Size of the avatar */
-    size?: AvatarSize;
+    /**
+     * One of the named sizes, or an explicit pixel value for hosts pinned to a
+     * dimension the scale does not carry.
+     */
+    size?: AvatarSize | number;
 }
 /**
  * Avatar component for user profile images or initials.
@@ -56,9 +1024,34 @@ interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
  */
 declare const Badge: React__default.FC<BadgeProps>;
 
-type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
-type ButtonSize = 'sm' | 'md' | 'lg';
+type ButtonVariant$1 = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
+type ButtonSize$1 = 'sm' | 'md' | 'lg';
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Visual style variant */
+    variant?: ButtonVariant$1;
+    /** Size of the button */
+    size?: ButtonSize$1;
+    /** Makes button take full width */
+    fullWidth?: boolean;
+    /** Shows loading spinner */
+    loading?: boolean;
+    /** Icon element to show before text */
+    leftIcon?: React__default.ReactNode;
+    /** Icon element to show after text */
+    rightIcon?: React__default.ReactNode;
+    /** Makes button square (equal width/height) */
+    square?: boolean;
+}
+/**
+ * Primary button component for user interactions.
+ * Supports multiple variants, sizes, and states.
+ */
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'primary-light' | 'outline-primary' | 'outline-secondary' | 'outline-charcoal' | 'charcoal' | 'text';
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+
+interface ButtonStyledProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Visual style variant */
     variant?: ButtonVariant;
     /** Size of the button */
@@ -76,9 +1069,25 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 }
 /**
  * Primary button component for user interactions.
+ * Uses CSS-in-JS styling with theme support.
  * Supports multiple variants, sizes, and states.
+ *
+ * @example
+ * ```tsx
+ * <ButtonStyled variant="primary" size="md">
+ *   Click me
+ * </ButtonStyled>
+ *
+ * <ButtonStyled variant="outline" leftIcon={<PlusIcon />}>
+ *   Add item
+ * </ButtonStyled>
+ *
+ * <ButtonStyled loading>
+ *   Processing...
+ * </ButtonStyled>
+ * ```
  */
-declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const ButtonStyled: React__default.ForwardRefExoticComponent<ButtonStyledProps & React__default.RefAttributes<HTMLButtonElement>>;
 
 interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
     /** Label text for the checkbox */
@@ -335,17 +1344,17 @@ interface SpinnerProps {
 declare const Spinner: React__default.FC<SpinnerProps>;
 
 type StatusBadgeVariant = 'ticketed' | 'itinerary' | 'not-ticketed' | 'submitted' | 'pending' | 'cancelled' | 'approved' | 'rejected' | 'in-review';
-interface StatusBadgeProps {
+interface StatusBadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     /** The status variant to display */
     status: StatusBadgeVariant;
     /** Optional custom label (defaults to formatted status) */
     label?: string;
-    /** Additional CSS class */
-    className?: string;
 }
 declare const StatusBadge: React__default.FC<StatusBadgeProps>;
 
-type TagVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+type TagVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info'
+/** No fill or colour of its own — inherits, for grouping content inline. */
+ | 'plain';
 type TagSize = 'sm' | 'md' | 'lg';
 interface TagProps {
     /** Tag content */
@@ -365,7 +1374,7 @@ interface TagProps {
     /** Inline styles */
     style?: React__default.CSSProperties;
 }
-declare const Tag: React__default.FC<TagProps>;
+declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLSpanElement>>;
 
 type TimepickerSize = 'sm' | 'md' | 'lg';
 interface TimepickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
@@ -420,6 +1429,21 @@ interface ToggleProps {
     className?: string;
     /** Accessible name for the toggle */
     'aria-label'?: string;
+    /**
+     * Field name. Supplying it renders a hidden checkbox so the toggle submits
+     * with a surrounding form; without it the toggle is presentational.
+     */
+    name?: string;
+    /** Id applied to the hidden checkbox, for an external `<label htmlFor>`. */
+    id?: string;
+    /** Class applied to the label wrapper, when a `label` is given. */
+    wrapperClassName?: string;
+    /**
+     * Indicator shown inside the track while disabled — usually a padlock, to
+     * explain why the control cannot be moved. Takes a node so the component
+     * stays independent of any icon set.
+     */
+    disabledIcon?: ReactNode;
 }
 declare const Toggle: React__default.FC<ToggleProps>;
 
@@ -444,20 +1468,18 @@ interface TooltipProps {
 declare const Tooltip: React__default.FC<TooltipProps>;
 
 type TravelType = 'A' | 'C' | 'H' | 'L' | 'R' | 'B' | 'U';
-interface TypeIconProps {
+interface TypeIconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     /** Travel type code: A=Air, C=Car, H=Hotel, L=Limo, R=Rail, B=Bus, U=Unknown */
     type: TravelType;
     /** Size in pixels */
     size?: number;
     /** Show tooltip on hover */
     showTooltip?: boolean;
-    /** Additional CSS class */
-    className?: string;
 }
 declare const TypeIcon: React__default.FC<TypeIconProps>;
 
 type VendorCode = 'DL' | 'AA' | 'UA' | 'WN' | 'B6' | 'AS' | 'F9' | 'NK' | 'G4' | 'HA' | string;
-interface TravelServiceIconProps {
+interface TravelServiceIconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     /** Travel type: A=Air, C=Car, H=Hotel, L=Limo, R=Rail */
     type: TravelType;
     /** Vendor/airline code (e.g., DL, AA, UA) */
@@ -468,8 +1490,6 @@ interface TravelServiceIconProps {
     size?: number;
     /** Show multi-segment indicator */
     multi?: boolean;
-    /** Additional CSS class */
-    className?: string;
 }
 declare const TravelServiceIcon: React__default.FC<TravelServiceIconProps>;
 
@@ -511,8 +1531,14 @@ interface SegmentedSelectorProps {
     ariaLabel?: string;
     /** Stable hook used by Hub acceptance and Chromatic tests. */
     dataTest?: string;
-}
-declare const SegmentedSelector: ({ options, value, onChange, disabled, size, className, ariaLabel, dataTest, }: SegmentedSelectorProps) => React.JSX.Element;
+    /** Class applied to every option button. */
+    itemClassName?: string;
+    /** Class applied to the selected option, on top of `itemClassName`. */
+    activeItemClassName?: string;
+    /** Which side of the label an option's icon sits on. Defaults to left. */
+    iconPosition?: 'left' | 'right';
+}
+declare const SegmentedSelector: ({ options, value, onChange, disabled, size, className, ariaLabel, dataTest, itemClassName, activeItemClassName, iconPosition, }: SegmentedSelectorProps) => React.JSX.Element;
 type CalendarViewValue = 'calendar' | 'card' | 'list';
 interface CalendarViewSelectorProps extends Omit<SegmentedSelectorProps, 'options' | 'value' | 'onChange' | 'ariaLabel'> {
     value: CalendarViewValue;
@@ -526,6 +1552,67 @@ interface CalendarTypeSelectorProps extends Omit<SegmentedSelectorProps, 'option
 }
 declare const CalendarTypeSelector: ({ value, onChange, ...props }: CalendarTypeSelectorProps) => React.JSX.Element;
 
+interface ContactCardProps {
+    /** Person's name. Also seeds the avatar's initials. */
+    name?: string;
+    /** Role or job title, shown under the name. */
+    title?: string;
+    /** Phone number, rendered as a `tel:` link. */
+    phone?: string;
+    /** Email address, rendered as a `mailto:` link. */
+    email?: string;
+    /**
+     * Replaces the plain name with your own control — a button opening a
+     * profile, say. The name is still used for the avatar's initials.
+     */
+    action?: ReactNode;
+    /** Whether to show the avatar. */
+    showAvatar?: boolean;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * A single person's contact details: avatar, name, title, and tappable phone
+ * and email links.
+ *
+ * Renders nothing when there is neither a name nor an action, so callers can
+ * hand it a partially filled record without guarding first.
+ */
+declare const ContactCard: React__default.FC<ContactCardProps>;
+
+type DetailListVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+interface DetailListItem {
+    /** Name of the field. Omitted for icon rows, which read as a single line. */
+    label?: ReactNode;
+    /** The value. A row with nothing to show is skipped. */
+    description?: ReactNode;
+    /** Leading icon. Supplying one makes this an icon row rather than a pair. */
+    icon?: ReactNode;
+    /** Tints the value as a status chip. */
+    variant?: DetailListVariant;
+}
+interface DetailListProps {
+    /** Rows to show. Items with no description are skipped. */
+    items: DetailListItem[];
+    /** Space between rows, and between an icon and its text, in pixels. */
+    gap?: number;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * A compact list of field/value pairs, as used down the side of a trip or
+ * booking summary.
+ *
+ * Rows come in two shapes. A `label` and `description` render as a pair, the
+ * value aligned right and optionally tinted as a status chip. An `icon` and
+ * `description` render as one line, with rows lacking an icon still indented
+ * so the text stays aligned.
+ *
+ * The whole list disappears when no item has a description, so callers can
+ * pass a sparse record without checking whether anything survived.
+ */
+declare const DetailList: React__default.FC<DetailListProps>;
+
 type DropdownAlignment = 'left' | 'center' | 'right';
 interface DropdownProps {
     /** Label for the dropdown trigger button */
@@ -540,6 +1627,16 @@ interface DropdownProps {
     className?: string;
     /** Whether the dropdown is disabled */
     disabled?: boolean;
+    /**
+     * Render the trigger yourself, instead of the default labelled button.
+     * Receives the open state and the handler that toggles the menu, so the
+     * host can supply its own button with its own variant, icon and styling.
+     */
+    trigger?: (state: {
+        isOpen: boolean;
+        toggle: () => void;
+        disabled: boolean;
+    }) => React__default.ReactNode;
 }
 interface DropdownItemProps {
     /** Item label */
@@ -583,6 +1680,87 @@ interface EmptyStateProps {
 /** Placeholder shown when a list, table, or panel has nothing to display. */
 declare const EmptyState: ({ title, description, icon, actionLabel, onAction, secondaryActionLabel, onSecondaryAction, size, children, className, }: EmptyStateProps) => React.JSX.Element;
 
+interface FieldLayoutRenderProps {
+    /** Id to put on the control, so the label points at it. */
+    id: string;
+    /** Value for the control's `aria-describedby`, or undefined when clean. */
+    describedBy?: string;
+    /** Whether an error message is showing. */
+    hasError: boolean;
+}
+interface FieldLayoutProps {
+    /** Renders the control. Receives the id and description wiring to apply. */
+    children: (props: FieldLayoutRenderProps) => ReactNode;
+    /** Field label. */
+    label?: ReactNode;
+    /** Whether the label sits above the control or beside it. */
+    labelPosition?: 'top' | 'left';
+    /** Hides the label without removing it from the layout's wiring. */
+    showLabel?: boolean;
+    /** Marks the field required, adding an asterisk to the label. */
+    required?: boolean;
+    /** Greys the field and hides the asterisk and icons. */
+    disabled?: boolean;
+    /** Explanatory text shown from an info icon beside the label. */
+    tooltip?: string;
+    /** Validation message shown beneath the control. */
+    error?: string;
+    /** Hint shown beneath the control, under any error. */
+    note?: ReactNode;
+    /** Decoration inside the leading edge of the control. */
+    leftIcon?: ReactNode;
+    /** Decoration inside the trailing edge of the control. */
+    rightIcon?: ReactNode;
+    /** Additional CSS class for the wrapper. */
+    className?: string;
+}
+/**
+ * The chrome around a form control: label, required marker, tooltip, the
+ * icons that sit inside the field, and the error and hint beneath it.
+ *
+ * It owns none of the input's behaviour. The control is supplied as a render
+ * prop and handed the generated id and `aria-describedby`, so any input —
+ * native, third-party, or form-library bound — can sit inside it while keeping
+ * the label and error correctly associated.
+ */
+declare const FieldLayout: React__default.FC<FieldLayoutProps>;
+
+/** Document types a travel workflow usually accepts. */
+declare const DOCUMENT_FILE_EXTENSIONS: string[];
+interface FileUploadButtonProps {
+    /** Text on the button, and the accessible name of the file input. */
+    label?: string;
+    /** Comma-separated list of accepted extensions or MIME types. */
+    accept?: string;
+    /** Allow choosing more than one file. */
+    multiple?: boolean;
+    /** Disables the control and removes the file input entirely. */
+    disabled?: boolean;
+    /** Shows the button's spinner, e.g. while an upload is in flight. */
+    loading?: boolean;
+    /** Visual style of the button. */
+    variant?: ButtonVariant;
+    /** Size of the button. */
+    size?: ButtonSize;
+    /** Icon shown after the label. */
+    icon?: ReactNode;
+    /** Called with the change event when files are chosen. */
+    onSelect?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /** Additional CSS class */
+    className?: string;
+    /** Extra attributes for the underlying file input. */
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'accept' | 'multiple' | 'onChange'>;
+}
+/**
+ * A styled button that opens the file picker.
+ *
+ * The file input is the control: it sits transparently over the button and
+ * carries the accessible name, so keyboard and screen-reader users get one
+ * "choose file" control rather than a button and an input side by side. The
+ * button underneath is decorative and hidden from assistive technology.
+ */
+declare const FileUploadButton: React__default.FC<FileUploadButtonProps>;
+
 interface FilterOption {
     value: string;
     label: string;
@@ -681,6 +1859,39 @@ interface FormStackProps {
 /** Standard vertical form-field rhythm used by Hub modal forms. */
 declare const FormStack: ({ children, gap, className }: FormStackProps) => React.JSX.Element;
 
+/** A side of the tile, used to describe how it joins its neighbours. */
+type InfoTileEdge = 'left' | 'right' | 'top' | 'bottom';
+interface InfoTileProps {
+    /** Figure the tile exists to show, e.g. a count or a date. */
+    value: ReactNode;
+    /** Short caption naming what the value measures. */
+    label: ReactNode;
+    /** Optional leading icon, rendered in its own bordered cell. */
+    icon?: ReactNode;
+    /**
+     * Edges whose corners should be square rather than rounded. Use when the
+     * tile sits against another so the pair reads as one control.
+     */
+    square?: InfoTileEdge[];
+    /**
+     * Edges that should not draw a border. Give this to the second tile of a
+     * pair so the two share a single divider instead of stacking two.
+     */
+    borderless?: InfoTileEdge[];
+    /** Additional CSS class */
+    className?: string;
+    /** Inline style overrides, merged after the computed tile styles. */
+    style?: CSSProperties;
+}
+/**
+ * Compact statistic tile pairing a figure with a caption and an optional icon.
+ *
+ * Tiles are designed to butt together into a strip — horizontally on narrow
+ * screens, vertically on wide ones — by squaring the touching corners and
+ * dropping the duplicated border.
+ */
+declare const InfoTile: React__default.FC<InfoTileProps>;
+
 type ManifestView = 'passengers' | 'equipment';
 interface ManifestViewToggleProps {
     view: ManifestView;
@@ -692,6 +1903,64 @@ interface ManifestViewToggleProps {
 }
 declare const ManifestViewToggle: ({ view, onView, paxCount, eqCount, locked, className, }: ManifestViewToggleProps) => React.JSX.Element;
 
+/** A user option that can be searched for and selected. */
+interface MultiUserSearchOption {
+    /** Unique identifier for the user. */
+    id: string | number;
+    /** Display name. */
+    name: string;
+    /** Email address. */
+    email: string;
+    /** Optional job title or role. */
+    title?: string;
+    /** Whether this option is disabled. */
+    disabled?: boolean;
+    /** Reason the option is disabled, shown as tooltip. */
+    disabledReason?: string;
+}
+interface MultiUserSearchProps {
+    /** Label for the search input. */
+    label?: string;
+    /** Placeholder text. */
+    placeholder?: string;
+    /** Options to display when search matches or is empty. */
+    options: MultiUserSearchOption[];
+    /** Currently selected user IDs. */
+    selectedIds: (string | number)[];
+    /** Called when user types in the search input. Debounce in the host if needed. */
+    onSearch?: (query: string) => void;
+    /** Called when selection changes. */
+    onSelectionChange: (ids: (string | number)[]) => void;
+    /** Whether the host is loading search results. */
+    loading?: boolean;
+    /** Whether the component is disabled. */
+    disabled?: boolean;
+    /** Minimum characters before triggering search callback. */
+    minSearchLength?: number;
+    /** Helper text shown below the input. */
+    helperText?: string;
+    /** Error message to display. */
+    error?: string;
+    /** Additional CSS class. */
+    className?: string;
+    /** Test ID for automation. */
+    'data-test'?: string;
+}
+/**
+ * Multi-select user search with typeahead dropdown.
+ *
+ * Features:
+ * - Single search input that populates a dropdown of matching users
+ * - Multi-select via checkboxes or clicking options
+ * - Selected users shown as dismissible badges above the input
+ * - Keyboard navigation (arrow keys, enter, escape)
+ * - Loading state while searching
+ */
+declare const MultiUserSearch: {
+    ({ label, placeholder, options, selectedIds, onSearch, onSelectionChange, loading, disabled, minSearchLength, helperText, error, className, "data-test": dataTest, }: MultiUserSearchProps): React__default.JSX.Element;
+    displayName: string;
+};
+
 type NavItemVariant = 'default' | 'pill';
 type NavItemSize = 'sm' | 'md' | 'lg';
 interface NavItemProps {
@@ -726,6 +1995,31 @@ interface NavItemProps {
 }
 declare const NavItem: React__default.FC<NavItemProps>;
 
+interface PageHeaderProps {
+    /** The page's heading. */
+    title?: ReactNode;
+    /** Smaller line above the title, naming the section the page sits in. */
+    pretitle?: ReactNode;
+    /** Content directly beneath the title — tabs, a summary line, filters. */
+    after?: ReactNode;
+    /**
+     * Slot for a back control, rendered to the left of the title. Takes a node
+     * so the host supplies its own router link and icon, keeping this component
+     * independent of any router.
+     */
+    back?: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * Standard page heading: an optional back control, a pretitle, the title, and
+ * a slot beneath for anything that belongs with it.
+ *
+ * The header keeps its height while `title` is empty and fades in once one
+ * arrives, so pages do not jump as their data loads.
+ */
+declare const PageHeader: React__default.FC<PageHeaderProps>;
+
 /** A rendered slot in the page list: either a page number or a truncation gap. */
 type PaginationItem = number | 'ellipsis';
 interface PaginationProps {
@@ -791,6 +2085,11 @@ interface ProgressCircleProps {
     showLabel?: boolean;
     /** Additional CSS class */
     className?: string;
+    /**
+     * Explicit diameter in pixels, for indicators smaller or larger than the
+     * named ramp. The stroke scales with it.
+     */
+    diameter?: number;
 }
 declare const ProgressBar: React__default.FC<ProgressBarProps>;
 declare const ProgressCircle: React__default.FC<ProgressCircleProps>;
@@ -992,6 +2291,8 @@ interface ServiceToggleListProps {
     onClick?: (key: string) => void;
     /** Additional CSS class */
     className?: string;
+    /** Disable every service toggle */
+    disabled?: boolean;
 }
 /**
  * ServiceToggle component for a single service item.
@@ -1018,6 +2319,25 @@ interface SupplierTypeToggleProps {
 }
 declare const SupplierTypeToggle: ({ value, defaultValue, onChange, disabled, className, }: SupplierTypeToggleProps) => React.JSX.Element;
 
+interface TeamCalendarHeaderProps {
+    /** Short team abbreviation, e.g. "MBB". Always shown. */
+    teamCode: string;
+    /** Full team name, shown alongside the code once there is room for it. */
+    teamFullName?: string;
+    /** Content beneath the identity — trip counts, a next-trip date, actions. */
+    children?: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * The heading of a team's column in the travel calendar: the team's code, its
+ * full name where space allows, and whatever summary belongs underneath.
+ *
+ * It sticks to the top of its column so the team stays identifiable while the
+ * schedule scrolls.
+ */
+declare const TeamCalendarHeader: React__default.FC<TeamCalendarHeaderProps>;
+
 interface TeamHeaderProps {
     /** Fully composed title. Overrides teamCode/teamName when supplied. */
     title?: ReactNode;
@@ -1595,7 +2915,12 @@ interface DrawerProps {
     /** Position of the drawer */
     position?: DrawerPosition;
     /** Size of the drawer */
-    size?: DrawerSize;
+    /**
+     * One of the named sizes, or an explicit CSS length (e.g. '300px', '50%')
+     * for panels the ramp does not carry. The length applies to width for a
+     * left/right drawer and to height for top/bottom.
+     */
+    size?: DrawerSize | (string & {});
     /** Drawer content */
     children: React__default.ReactNode;
     /** Whether clicking backdrop closes drawer */
@@ -1653,6 +2978,8 @@ interface TravelDueDateItem {
     tripId: string;
     tripName: string;
     masterTripGUID?: string;
+    /** Set by the API when the due date has passed; used by `overdueOnly`. */
+    pastdue?: boolean;
 }
 type GroupedTravelDueDates = Record<string, TravelDueDateItem[]>;
 interface DueDatesDrawerProps {
@@ -1660,14 +2987,110 @@ interface DueDatesDrawerProps {
     dueDates: GroupedTravelDueDates;
     selectedDate?: string | null;
     selectedTrip?: string | null;
+    /**
+     * NG-702/NG-811: opened via the Overdue Actions card — only past-due,
+     * incomplete items count toward that card's number, so the panel must match
+     * rather than showing every due date.
+     */
+    overdueOnly?: boolean;
     onClose: () => void;
     onToggle?: (item: TravelDueDateItem) => void;
     onTaskClick?: (masterTripGUID: string) => void;
     className?: string;
 }
 declare const isTravelDueDateCompleted: (item: Pick<TravelDueDateItem, "status" | "completeddatetime">) => boolean;
+declare const isTravelDueDateOverdue: (item: Pick<TravelDueDateItem, "completeddatetime" | "pastdue">) => boolean;
 /** Hub's searchable, status-aware due-dates drawer. */
-declare const DueDatesDrawer: ({ isOpen, dueDates, selectedDate, selectedTrip, onClose, onToggle, onTaskClick, className }: DueDatesDrawerProps) => React.JSX.Element;
+declare const DueDatesDrawer: ({ isOpen, dueDates, selectedDate, selectedTrip, overdueOnly, onClose, onToggle, onTaskClick, className }: DueDatesDrawerProps) => React.JSX.Element;
+
+/** A row is any record; columns address it by key. */
+type GridRow = Record<string, unknown>;
+interface GridCellRenderProps<R> {
+    /** The whole row, for renderers that need more than one field. */
+    row: R;
+    /** Position in the sorted data, for numbering or alternating output. */
+    rowIndex: number;
+    /** The column's key. */
+    name?: string;
+}
+interface GridColumn<R = GridRow> {
+    /** Key of the field this column shows. */
+    name?: string;
+    /** Column heading. */
+    label?: ReactNode;
+    /** Renders the heading from the column key, for headings that need state. */
+    labelAs?: (props: {
+        name?: string;
+    }) => ReactNode;
+    /** Icon shown before the heading. */
+    icon?: ReactNode;
+    /** Renders the cell instead of printing the field. */
+    as?: (props: GridCellRenderProps<R>) => ReactNode;
+    /** Formats the field for display. Return falsy to show an en dash. */
+    format?: (value: never, row: R) => ReactNode;
+    /** Whether the column can be sorted by clicking its heading. */
+    sortable?: boolean;
+    /** Orders two rows. Defaults to comparing the field directly. */
+    sortComparator?: (a: R, b: R) => number;
+    /** Class applied to the column's cells. */
+    className?: string;
+    /** Class applied to the column's heading. */
+    labelClassName?: string;
+}
+interface GridTotalRow {
+    /** Label shown in the first column of the total row. */
+    label: string;
+    /** Column whose values are summed. */
+    columnName: string;
+}
+interface GridTableProps<R = GridRow> {
+    /** Column definitions, left to right. */
+    columns: GridColumn<R>[];
+    /** Rows to show. */
+    data: R[];
+    /**
+     * CSS grid template for the columns. Defaults to equal fractions, one per
+     * column.
+     */
+    gridTemplateColumns?: string;
+    /** Field whose value keys each row. Falls back to `id`, then the index. */
+    rowKey?: string;
+    /** Content above and below the heading row. */
+    header?: {
+        above?: ReactNode;
+        below?: ReactNode;
+    };
+    /** Column sorted on first render. */
+    initialSortColumn?: string;
+    /** Whether that initial sort is ascending. */
+    initialSortAscending?: boolean;
+    /** Tie-breaker applied when the chosen column compares equal. */
+    secondarySortComparator?: (a: R, b: R) => number;
+    /** Draws a rule between rows. */
+    bordered?: boolean;
+    /** Shown in place of the rows when there are none. */
+    emptyMessage?: ReactNode;
+    /** Sums a column into a sticky footer row. */
+    totalRow?: GridTotalRow;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * A data table laid out with CSS grid rather than table markup, so a row can
+ * be an arbitrary composition rather than a fixed set of cells.
+ *
+ * It reflows on narrow screens: the heading row is hidden and each row becomes
+ * a card whose cells carry their own labels, which keeps wide datasets legible
+ * on a phone.
+ *
+ * Sorting is held internally — click a sortable heading to sort by it, click
+ * again to reverse — and an optional total row sums a column into a sticky
+ * footer.
+ */
+declare function GridTable<R = GridRow>({ columns, data, gridTemplateColumns, rowKey, header, initialSortColumn, initialSortAscending, secondarySortComparator, bordered, emptyMessage, totalRow, className, }: GridTableProps<R>): React__default.JSX.Element;
+declare namespace GridTable {
+    var displayName: string;
+}
 
 interface HubNavigationItem {
     key: string;
@@ -1723,13 +3146,16 @@ interface HubAppShellProps {
     loading?: boolean;
     contentDisabled?: boolean;
     showContent?: boolean;
+    /** Logo for expanded sidebar state */
     logo?: ReactNode;
+    /** Logo for collapsed sidebar state (icon only, no text) */
+    collapsedLogo?: ReactNode;
     defaultExpanded?: boolean;
     betaLabel?: string;
     className?: string;
 }
 /** The shared application navigation and content shell used by Hub and its Storybook pages. */
-declare const HubAppShell: ({ children, navItems, individualTravelItem, agentsItem, sourcingItem, offFleetItem, adminItem, footerNavItems, activeNavKey, onNavigate, onLogoClick, onLegacyPortal, accountSelector, renderTopbarActions, renderMobileExtras, mobileFooter, profileMenu, userInitials, isAdmin, navigationDisabled, loading, contentDisabled, showContent, logo, defaultExpanded, betaLabel, className, }: HubAppShellProps) => React.JSX.Element;
+declare const HubAppShell: ({ children, navItems, individualTravelItem, agentsItem, sourcingItem, offFleetItem, adminItem, footerNavItems, activeNavKey, onNavigate, onLogoClick, onLegacyPortal, accountSelector, renderTopbarActions, renderMobileExtras, mobileFooter, profileMenu, userInitials, isAdmin, navigationDisabled, loading, contentDisabled, showContent, logo, collapsedLogo, defaultExpanded, betaLabel, className, }: HubAppShellProps) => React.JSX.Element;
 
 /**
  * Parses an `YYYY-MM-DD` itinerary date into a *local* calendar date.
@@ -2327,6 +3753,8 @@ interface RequestSummaryProps {
     className?: string;
     /** Title for the summary panel */
     title?: string;
+    /** Stable selector for integration and browser tests */
+    dataTest?: string;
 }
 /**
  * SummarySection component for a group of related summary items.
@@ -2357,9 +3785,9 @@ interface RequestFormHeaderProps {
 }
 interface RequestFormFooterProps {
     /** Callback for cancel/previous button */
-    onPrevious: () => void;
+    onPrevious?: () => void;
     /** Callback for next/submit button */
-    onNext: () => void;
+    onNext?: () => void;
     /** Whether on first page */
     isFirstPage?: boolean;
     /** Whether on last page */
@@ -2370,6 +3798,10 @@ interface RequestFormFooterProps {
     previousText?: string;
     /** Custom next button text */
     nextText?: string;
+    /** Test hook for the previous button */
+    previousButtonDataTest?: string;
+    /** Test hook for the next button */
+    nextButtonDataTest?: string;
     /** Additional CSS class */
     className?: string;
 }
@@ -3677,6 +5109,12 @@ interface ChartersAccessManagementPageProps {
 /**
  * Account-scoped access management for the STM Charters workspace.
  *
+ * Features:
+ * - Single search input with dropdown for finding and selecting multiple users
+ * - Selected users shown as dismissible badges
+ * - Role assignment before adding
+ * - Bulk add support
+ *
  * The page deliberately owns only interaction state. Memberships, authorization guards,
  * persistence, routing, and account/global-admin recovery remain controlled by the host.
  */
@@ -3699,6 +5137,8 @@ interface CharterSectionCard {
     countLabel?: string;
     /** Optional icon override. Unknown keys otherwise use the standard plane icon. */
     icon?: ReactNode;
+    /** Whether the count is still loading. When true, shows a spinner instead of count. */
+    loading?: boolean;
 }
 /** A named STM contact for one of the two bid programs. */
 interface CharterContact {
@@ -5058,5 +6498,5 @@ declare const TripDetailPage: {
     displayName: string;
 };
 
-export { ACMI_AIRCRAFT_OPTIONS, ACMI_CARRIER_OPTIONS, ACMI_INSURANCE_FLAT, Accordion, AcmiQuoteCalculator, AdministrationPage, AgentGroupTravelRequestsPage, AgentGroupTravelRequestsTable, AirSegment, Alert, AppLayout, ArrowDownLeftIcon, ArrowUpRightIcon, Avatar, AvatarGroup, BID_TYPE_HEADINGS, Badge, BuildingIcon, BusIcon, Button, CARRIER_CATERING_OPTIONS, CARRIER_CONTACT_TYPES, CHAMPIONSHIP_BID_TYPES, CHAMPIONSHIP_HEADINGS, CHARTER_CONTACT_GROUPS, CHARTER_SECTIONS, CalendarIcon, CalendarTypeSelector, CalendarViewSelector, CarIcon, Card, CardBody, CardFooter, CardHeader, CarrierProfilePage, ChampionshipBidDetailPage, ChampionshipBidsPage, CharterBidResponsePage, CharterBidViewPage, CharterManifestPage, CharterSourcingEmailPreview, ChartersAccessManagementPage, ChartersHomePage, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, ConfirmModal, ContactList, ContactUsPage, CubeIcon, DashboardIcon, DashboardPage, Datepicker, DocumentIcon, DownloadIcon, Drawer, DrawerBody, DrawerFooter, DrawerHeader, Dropdown, DueDatesDrawer, EditIcon, EmptyState, EyeIcon, FeatureFlagManagementPage, FilterChip, FilterIcon, FormField, FormRow, FormSection, FormStack, GridIcon, GroundSegment, GroupTravelRequestPage, HUB_ADMIN_ITEM, HUB_AGENTS_ITEM, HUB_INDIVIDUAL_TRAVEL_ITEM, HUB_NAV_ITEMS, HUB_OFF_FLEET_ITEM, HUB_SOURCING_ITEM, HUB_STM_CHARTERS_ITEM, HeadsetIcon, HomeIcon, HotelIcon, HotelSegment, HubAppShell, Icons, IndividualTravelPage, IndividualTravelRequestDetailPage, IndividualTravelRequestFormPage, InfoCenterPage, InfoIcon, Input, ItineraryPage, ItinerarySegmentCard, ItineraryTimeline, LightbulbIcon, LimoIcon, LockIcon, LogoIcon, MailIcon, ManifestCapacityStats, ManifestViewToggle, MegaphoneIcon, MembershipPrograms, MenuIcon, Metric, MinusIcon, Modal, ModalFooter, Module, ModuleDivider, ModuleVerticalDivider, NavItem, NotFoundPage, OFF_FLEET_LEARNED_DESCRIPTION, OFF_FLEET_LEARNED_EMPTY_COPY, OFF_FLEET_QUEUE_DESCRIPTION, OffFleetLearnedExamplesPage, OffFleetReviewQueuePage, OffFleetSubmissionDetailPage, PageBanners, Pagination, PhoneIcon, PlaneIcon, PlusIcon, PreferencesPanel, PrinterIcon, Progress, ProgressBar, ProgressCircle, QuoteCostBreakdown, QuoteReviewActions, REGULAR_SEASON_BID_TYPES, RailIcon, RefreshIcon, RegularSeasonBidsPage, RegularSeasonBidsTable, ReportIcon, RequestFormFooter, RequestFormHeader, RequestFormLayout, RequestSummary, RosterProgramNumbersPage, RosterReportsPage, RosterToolbar, SOURCING_COST_CATEGORIES, SOURCING_COST_CATEGORY_LABELS, SUPPLIER_TYPE_OPTIONS, SchoolContactForm, SearchField, SearchIcon, Segment, SegmentedSelector, Select, SelectFilter, ServiceToggle, ServiceToggleList, SettingsIcon, Sidenav, SourcingQuoteDetailPage, SourcingReviewQueuePage, SourcingReviewQueueTable, Spinner, StatusBadge, SummarySection, SupplierTypeToggle, TRIP_MONTH_OPTIONS, Table, Tag, TeamCard, TeamContactsPanel, TeamEquipmentForm, TeamHeader, TeamImportForm, TeamManagementPage, TeamProgramForm, TeamRosterMemberForm, TeamScheduleActions, TeamScheduleCompactTable, TeamScheduleEditor, TeamScheduleExpandedTable, TeamSchedulePage, TeamSubMenu, TeamTravelCalendarCardView, TeamTravelCalendarListView, TeamTravelCalendarPage, TeamTravelCalendarToolbar, TeamTravelCalendarView, TeamUserAccessForm, Textarea, Timepicker, Title, Toggle, Tooltip, Topbar, TrashIcon, TravelServiceIcon, TravelSummaryMetrics, TravelerForm, TrendDownIcon, TrendUpIcon, TripDetailPage, TripSegment, TripTable, TypeIcon, UploadIcon, UserIcon, UsersIcon, WarningIcon, XIcon, buildPaginationItems, computeLineItemTotal, computeQuoteTotals, computeTravelTypeCodes, deriveProgramBidStatus, formatCompactTripCost, formatItineraryDate, formatItineraryDateRange, formatItineraryMoney, formatTeamScheduleDueDate, formatTeamScheduleTravelDates, getCharterSourcingEmailRoute, getCharterSourcingEmailSubject, getPageCount, getSegmentDate, getSegmentStartMinutes, getSegmentTitle, getTeamTravelCalendarPeriodLabel, groupSegmentsByDay, isExpiringSoon, isProgramBiddable, isQuoteActionable, isTravelDueDateCompleted, matchesQuoteSearch, moveTeamTravelCalendarPeriod, parseClockTime, parseItineraryDate };
-export type { AccordionProps, AccountInfo, AcmiAircraftOption, AcmiLeg, AcmiPositioningMode, AcmiQuoteCalculatorProps, AcmiQuoteInputs, AcmiQuoteResult, AdministrationCard, AdministrationPageProps, AdministrationTab, AgentGroupTravelRequest, AgentGroupTravelRequestSportOption, AgentGroupTravelRequestViewOption, AgentGroupTravelRequestsPageProps, AirSegmentProps, AlertProps, AlertVariant, AppLayoutProps, AvatarGroupProps, AvatarProps, AvatarSize, BadgeProps, BadgeSize, BadgeVariant, ButtonProps, ButtonSize, ButtonVariant, CalendarMetric, CalendarTypeSelectorProps, CalendarTypeValue, CalendarView, CalendarViewSelectorProps, CalendarViewValue, CardBodyProps, CardFooterProps, CardHeaderProps, CardPadding, CardProps, CardVariant, CarrierAircraft, CarrierContact, CarrierProfilePageProps, CarrierProfilePreferences, CarrierProfileTab, ChampionshipBid, ChampionshipBidDetail, ChampionshipBidDetailPageProps, ChampionshipBidType, ChampionshipBidsPageProps, CharterBidLevel, CharterBidResponsePageProps, CharterBidSubmission, CharterBidTarget, CharterBidViewPageProps, CharterContact, CharterContactGroup, CharterFlightProgramBid, CharterManifestEquipment, CharterManifestPageProps, CharterManifestPassenger, CharterManifestSegment, CharterSectionCard, CharterSourcingEmailChange, CharterSourcingEmailChanges, CharterSourcingEmailLeg, CharterSourcingEmailPreviewProps, CharterSourcingEmailQuote, CharterSourcingEmailVariant, CharterSubmissionType, CharterSubmittedBid, CharterTripBid, CharterTripBidStatus, ChartersAccessId, ChartersAccessManagementPageProps, ChartersAccessMembership, ChartersAccessRole, ChartersAccountUser, ChartersHomePageProps, CheckboxProps, ConfirmModalProps, Contact, ContactCardData, ContactInfo, ContactListProps, ContactPair, ContactUsData, ContactUsPageProps, DashboardPageProps, DatepickerProps, DatepickerSize, DrawerBodyProps, DrawerFooterProps, DrawerHeaderProps, DrawerPosition, DrawerProps, DrawerSize, DropdownAlignment, DropdownItemProps, DropdownProps, DueDatesDrawerProps, EmptyStateProps, EmptyStateSize, FeatureFlagDefinition, FeatureFlagIdentifier, FeatureFlagManagementPageProps, FeatureFlagRule, FeatureFlagRuleDeactivateRequest, FeatureFlagRuleEditRequest, FeatureFlagRuleEffect, FeatureFlagRuleFormValue, FeatureFlagTargetOption, FeatureFlagTargetOptions, FeatureFlagTargetType, FilterChipProps, FilterOption, FlightData, FormFieldProps, FormRowProps, FormSectionProps, FormStackProps, GroundData, GroundSegmentProps, GroupTravelDueField, GroupTravelDueStatus, GroupTravelPnr, GroupTravelRequestContact, GroupTravelRequestFieldValue, GroupTravelRequestPageProps, GroupTravelRequestSource, GroupTravelRequestValues, GroupedTravelDueDates, HotelData, HotelSegmentProps, HubAppShellActions, HubAppShellProps, HubNavigationItem, IconName, IconProps, IndividualTravelExportRequest, IndividualTravelExportScope, IndividualTravelFilters, IndividualTravelPageProps, IndividualTravelPagination, IndividualTravelRequestAirLeg, IndividualTravelRequestAirRequest, IndividualTravelRequestAirTripType, IndividualTravelRequestAnswerValue, IndividualTravelRequestBusRequest, IndividualTravelRequestCarLeg, IndividualTravelRequestCarRequest, IndividualTravelRequestCurrentTraveler, IndividualTravelRequestDetail, IndividualTravelRequestDetailPageProps, IndividualTravelRequestFormConfiguration, IndividualTravelRequestFormPageProps, IndividualTravelRequestHotelLeg, IndividualTravelRequestHotelRequest, IndividualTravelRequestLabeledAnswer, IndividualTravelRequestOption, IndividualTravelRequestQuestion, IndividualTravelRequestQuestionType, IndividualTravelRequestService, IndividualTravelRequestSubmitter, IndividualTravelRequestTraveler, IndividualTravelRequestTravelerType, IndividualTravelRequestValues, IndividualTravelTabCounts, InfoCenterArticle, InfoCenterPageProps, InfoCenterPageState, InputProps, InputSize, ItineraryAgent, ItineraryAirSegment, ItineraryCarSegment, ItineraryDay, ItineraryHotelSegment, ItineraryPageProps, ItinerarySegment, ItinerarySegmentCardProps, ItinerarySegmentStatus, ItineraryTimelineProps, ManifestCapacityStatsProps, ManifestSendState, ManifestView, ManifestViewToggleProps, MembershipProgram, MembershipProgramsProps, MetricProps, ModalFooterProps, ModalProps, ModalSize, ModuleProps, ModuleSize, NavItemProps, NavItemSize, NavItemVariant, NotFoundPageProps, OffFleetLearnedExample, OffFleetLearnedExamplesPageProps, OffFleetLeg, OffFleetLegDiagnostic, OffFleetLegMatch, OffFleetPreflightCheck, OffFleetPreflightRow, OffFleetPriceBasis, OffFleetQuoteHeader, OffFleetReviewQueuePageProps, OffFleetSubmission, OffFleetSubmissionDetailPageProps, OffFleetSubmissionStatus, OffFleetTripGrouping, OffFleetTripSegment, PageBannersProps, PaginationItem, PaginationProps, PreferenceField, PreferenceSection, PreferencesPanelProps, ProgressBarProps, ProgressCircleProps, ProgressSize, ProgressVariant, QuoteCostBreakdownProps, QuoteCostTotals, QuoteFieldChange, QuoteReviewActionsProps, RegularSeasonBidType, RegularSeasonBidsPageProps, RegularSeasonBidsTableProps, RequestFormFooterProps, RequestFormHeaderProps, RequestFormLayoutProps, RequestSummaryProps, RosterProgramNumberId, RosterProgramNumberRow, RosterProgramNumbersPageProps, RosterReportOption, RosterReportsPageProps, RosterToolbarProps, ScheduleFilterOption, ScheduleMetric, SchoolContactFormProps, SearchFieldProps, SeasonOption, SegmentOption, SegmentProps, SegmentVariant, SegmentedSelectorOption, SegmentedSelectorProps, SelectFilterOption, SelectFilterProps, SelectOption, SelectOptionGroup, SelectProps, SelectSize, ServiceConfig, ServiceToggleListProps, ServiceToggleProps, SidenavItem, SidenavProps, SourcingCostAdjustment, SourcingCostCategory, SourcingCostLineItem, SourcingQuote, SourcingQuoteDetailPageProps, SourcingQuoteLeg, SourcingQuoteLegType, SourcingQuoteStatus, SourcingReviewQueuePageProps, SourcingReviewQueueTableProps, SpinnerProps, SpinnerSize, StatusBadgeProps, StatusBadgeVariant, SummaryItem, SummarySectionConfig, SummarySegment, SupplierTypeToggleProps, SupplierTypeValue, SystemBanner, TabKey, TableColumn, TableProps, TableRowKey, TagProps, TagSize, TagVariant, TeamCardProps, TeamContactId, TeamContactOption, TeamContactsLoadingState, TeamContactsPanelProps, TeamContactsValue, TeamEquipmentFormProps, TeamEquipmentValues, TeamFormMode, TeamHeaderProps, TeamImportFormProps, TeamImportKind, TeamManagementPageProps, TeamManagementTab, TeamNumericValue, TeamOption, TeamPortalUserOption, TeamProgramFormProps, TeamProgramType, TeamProgramValues, TeamRosterMemberFormProps, TeamRosterMemberValues, TeamScheduleActionsProps, TeamScheduleCompactEvent, TeamScheduleCompactRow, TeamScheduleCompactTableProps, TeamScheduleCompactTrip, TeamScheduleDueDate, TeamScheduleEditorEvent, TeamScheduleEditorProps, TeamScheduleEditorTrip, TeamScheduleExpandedRow, TeamScheduleExpandedTableProps, TeamScheduleHomeAway, TeamSchedulePageProps, TeamSubMenuProps, TeamSubMenuTab, TeamTravelCalendarCardViewProps, TeamTravelCalendarDueDate, TeamTravelCalendarDuration, TeamTravelCalendarEvent, TeamTravelCalendarItemType, TeamTravelCalendarListViewProps, TeamTravelCalendarPageProps, TeamTravelCalendarSportGroup, TeamTravelCalendarToolbarProps, TeamTravelCalendarTrip, TeamTravelCalendarViewProps, TeamUserAccessFormProps, TeamUserAccessValues, TextareaProps, TimepickerProps, TimepickerSize, TitleProps, TitleWeight, ToggleProps, ToggleSize, ToolbarAction, TooltipPosition, TooltipProps, TooltipVariant, TopbarProps, TravelAlertBanner, TravelDueDateItem, TravelServiceIconProps, TravelSummaryMetricsProps, TravelType, TravelerFormData, TravelerFormProps, TripData, TripDetailPageProps, TripSegmentProps, TripTableProps, TypeIconProps, VendorCode };
+export { ACMI_AIRCRAFT_OPTIONS, ACMI_CARRIER_OPTIONS, ACMI_INSURANCE_FLAT, Accordion, AcmiQuoteCalculator, AdministrationPage, AgentGroupTravelRequestsPage, AgentGroupTravelRequestsTable, AirSegment, Alert, AlertStyled, AppLayout, ArrowDownLeftIcon, ArrowUpRightIcon, Avatar, AvatarGroup, BID_TYPE_HEADINGS, Badge, BuildingIcon, BusIcon, Button, ButtonStyled, CARRIER_CATERING_OPTIONS, CARRIER_CONTACT_TYPES, CHAMPIONSHIP_BID_TYPES, CHAMPIONSHIP_HEADINGS, CHARTER_CONTACT_GROUPS, CHARTER_SECTIONS, CalendarIcon, CalendarTypeSelector, CalendarViewSelector, CarIcon, Card, CardBody, CardFooter, CardHeader, CarrierProfilePage, ChampionshipBidDetailPage, ChampionshipBidsPage, CharterBidResponsePage, CharterBidViewPage, CharterManifestPage, CharterSourcingEmailPreview, ChartersAccessManagementPage, ChartersHomePage, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, ConfirmModal, ContactCard, ContactList, ContactUsPage, CubeIcon, DOCUMENT_FILE_EXTENSIONS, DashboardIcon, DashboardPage, Datepicker, DetailList, DocumentIcon, DownloadIcon, Drawer, DrawerBody, DrawerFooter, DrawerHeader, Dropdown, DueDatesDrawer, EditIcon, EmptyState, EyeIcon, FeatureFlagManagementPage, FieldLayout, FileUploadButton, FilterChip, FilterIcon, FormField, FormRow, FormSection, FormStack, GridIcon, GridTable, GroundSegment, GroupTravelRequestPage, HUB_ADMIN_ITEM, HUB_AGENTS_ITEM, HUB_INDIVIDUAL_TRAVEL_ITEM, HUB_NAV_ITEMS, HUB_OFF_FLEET_ITEM, HUB_SOURCING_ITEM, HUB_STM_CHARTERS_ITEM, HeadsetIcon, HomeIcon, HotelIcon, HotelSegment, HubAppShell, Icons, IndividualTravelPage, IndividualTravelRequestDetailPage, IndividualTravelRequestFormPage, InfoCenterPage, InfoIcon, InfoTile, Input, ItineraryPage, ItinerarySegmentCard, ItineraryTimeline, LightbulbIcon, LimoIcon, LockIcon, LogoIcon, MailIcon, ManifestCapacityStats, ManifestViewToggle, MegaphoneIcon, MembershipPrograms, MenuIcon, Metric, MinusIcon, Modal, ModalFooter, Module, ModuleDivider, ModuleVerticalDivider, MultiUserSearch, NavItem, NotFoundPage, OFF_FLEET_LEARNED_DESCRIPTION, OFF_FLEET_LEARNED_EMPTY_COPY, OFF_FLEET_QUEUE_DESCRIPTION, OffFleetLearnedExamplesPage, OffFleetReviewQueuePage, OffFleetSubmissionDetailPage, PageBanners, PageHeader, Pagination, PhoneIcon, PlaneIcon, PlusIcon, PreferencesPanel, PrinterIcon, Progress, ProgressBar, ProgressCircle, QuoteCostBreakdown, QuoteReviewActions, REGULAR_SEASON_BID_TYPES, RailIcon, RefreshIcon, RegularSeasonBidsPage, RegularSeasonBidsTable, ReportIcon, RequestFormFooter, RequestFormHeader, RequestFormLayout, RequestSummary, RosterProgramNumbersPage, RosterReportsPage, RosterToolbar, SOURCING_COST_CATEGORIES, SOURCING_COST_CATEGORY_LABELS, SUPPLIER_TYPE_OPTIONS, SchoolContactForm, SearchField, SearchIcon, Segment, SegmentedSelector, Select, SelectFilter, ServiceToggle, ServiceToggleList, SettingsIcon, Sidenav, SourcingQuoteDetailPage, SourcingReviewQueuePage, SourcingReviewQueueTable, Spinner, StatusBadge, SummarySection, SupplierTypeToggle, TRIP_MONTH_OPTIONS, Table, Tag, TeamCalendarHeader, TeamCard, TeamContactsPanel, TeamEquipmentForm, TeamHeader, TeamImportForm, TeamManagementPage, TeamProgramForm, TeamRosterMemberForm, TeamScheduleActions, TeamScheduleCompactTable, TeamScheduleEditor, TeamScheduleExpandedTable, TeamSchedulePage, TeamSubMenu, TeamTravelCalendarCardView, TeamTravelCalendarListView, TeamTravelCalendarPage, TeamTravelCalendarToolbar, TeamTravelCalendarView, TeamUserAccessForm, Textarea, ThemeProvider, Timepicker, Title, Toggle, Tooltip, Topbar, TrashIcon, TravelServiceIcon, TravelSummaryMetrics, TravelerForm, TrendDownIcon, TrendUpIcon, TripDetailPage, TripSegment, TripTable, TypeIcon, UploadIcon, UserIcon, UsersIcon, WarningIcon, XIcon, absoluteFill, accentColors, alertTokens, boxShadow, brandColors, breakpoints, buildPaginationItems, buttonReset, computeLineItemTotal, computeQuoteTotals, computeTravelTypeCodes, css, darkTheme, lightTheme as defaultTheme, deriveProgramBidStatus, flexCenter, flexCol, flexRow, font, fontFamily, fontSize, fontWeight, formatCompactTripCost, formatItineraryDate, formatItineraryDateRange, formatItineraryMoney, formatTeamScheduleDueDate, formatTeamScheduleTravelDates, getCharterSourcingEmailRoute, getCharterSourcingEmailSubject, getPageCount, getSegmentDate, getSegmentStartMinutes, getSegmentTitle, getTeamTravelCalendarPeriodLabel, groupSegmentsByDay, isExpiringSoon, isProgramBiddable, isQuoteActionable, isTravelDueDateCompleted, isTravelDueDateOverdue, leading, lightTheme, lineClamp, lineHeight, matchesQuoteSearch, merge, moveTeamTravelCalendarPeriod, neutralColors, parseClockTime, parseItineraryDate, primaryColors, radius, rounded, semanticColors, shadow, size, space, spacing, srOnly, statusColors, styled, teamColors, textColors, toInlineStyle, trans, transition, truncate, useTheme, weight };
+export type { AccordionProps, AccountInfo, AcmiAircraftOption, AcmiLeg, AcmiPositioningMode, AcmiQuoteCalculatorProps, AcmiQuoteInputs, AcmiQuoteResult, AdministrationCard, AdministrationPageProps, AdministrationTab, AgentGroupTravelRequest, AgentGroupTravelRequestSportOption, AgentGroupTravelRequestViewOption, AgentGroupTravelRequestsPageProps, AirSegmentProps, AlertProps, AlertStyledProps, AlertVariant$1 as AlertVariant, AppLayoutProps, AvatarGroupProps, AvatarProps, AvatarSize, BadgeProps, BadgeSize, BadgeVariant, ButtonProps, ButtonSize$1 as ButtonSize, ButtonStyledProps, ButtonVariant$1 as ButtonVariant, CSSObject, CalendarMetric, CalendarTypeSelectorProps, CalendarTypeValue, CalendarView, CalendarViewSelectorProps, CalendarViewValue, CardBodyProps, CardFooterProps, CardHeaderProps, CardPadding, CardProps, CardVariant, CarrierAircraft, CarrierContact, CarrierProfilePageProps, CarrierProfilePreferences, CarrierProfileTab, ChampionshipBid, ChampionshipBidDetail, ChampionshipBidDetailPageProps, ChampionshipBidType, ChampionshipBidsPageProps, CharterBidLevel, CharterBidResponsePageProps, CharterBidSubmission, CharterBidTarget, CharterBidViewPageProps, CharterContact, CharterContactGroup, CharterFlightProgramBid, CharterManifestEquipment, CharterManifestPageProps, CharterManifestPassenger, CharterManifestSegment, CharterSectionCard, CharterSourcingEmailChange, CharterSourcingEmailChanges, CharterSourcingEmailLeg, CharterSourcingEmailPreviewProps, CharterSourcingEmailQuote, CharterSourcingEmailVariant, CharterSubmissionType, CharterSubmittedBid, CharterTripBid, CharterTripBidStatus, ChartersAccessId, ChartersAccessManagementPageProps, ChartersAccessMembership, ChartersAccessRole, ChartersAccountUser, ChartersHomePageProps, CheckboxProps, ConfirmModalProps, Contact, ContactCardData, ContactCardProps, ContactInfo, ContactListProps, ContactPair, ContactUsData, ContactUsPageProps, DashboardPageProps, DatepickerProps, DatepickerSize, DetailListItem, DetailListProps, DetailListVariant, DrawerBodyProps, DrawerFooterProps, DrawerHeaderProps, DrawerPosition, DrawerProps, DrawerSize, DropdownAlignment, DropdownItemProps, DropdownProps, DueDatesDrawerProps, EmptyStateProps, EmptyStateSize, FeatureFlagDefinition, FeatureFlagIdentifier, FeatureFlagManagementPageProps, FeatureFlagRule, FeatureFlagRuleDeactivateRequest, FeatureFlagRuleEditRequest, FeatureFlagRuleEffect, FeatureFlagRuleFormValue, FeatureFlagTargetOption, FeatureFlagTargetOptions, FeatureFlagTargetType, FieldLayoutProps, FieldLayoutRenderProps, FileUploadButtonProps, FilterChipProps, FilterOption, FlightData, FormFieldProps, FormRowProps, FormSectionProps, FormStackProps, GridCellRenderProps, GridColumn, GridRow, GridTableProps, GridTotalRow, GroundData, GroundSegmentProps, GroupTravelDueField, GroupTravelDueStatus, GroupTravelPnr, GroupTravelRequestContact, GroupTravelRequestFieldValue, GroupTravelRequestPageProps, GroupTravelRequestSource, GroupTravelRequestValues, GroupedTravelDueDates, HotelData, HotelSegmentProps, HubAppShellActions, HubAppShellProps, HubNavigationItem, IconName, IconProps, IndividualTravelExportRequest, IndividualTravelExportScope, IndividualTravelFilters, IndividualTravelPageProps, IndividualTravelPagination, IndividualTravelRequestAirLeg, IndividualTravelRequestAirRequest, IndividualTravelRequestAirTripType, IndividualTravelRequestAnswerValue, IndividualTravelRequestBusRequest, IndividualTravelRequestCarLeg, IndividualTravelRequestCarRequest, IndividualTravelRequestCurrentTraveler, IndividualTravelRequestDetail, IndividualTravelRequestDetailPageProps, IndividualTravelRequestFormConfiguration, IndividualTravelRequestFormPageProps, IndividualTravelRequestHotelLeg, IndividualTravelRequestHotelRequest, IndividualTravelRequestLabeledAnswer, IndividualTravelRequestOption, IndividualTravelRequestQuestion, IndividualTravelRequestQuestionType, IndividualTravelRequestService, IndividualTravelRequestSubmitter, IndividualTravelRequestTraveler, IndividualTravelRequestTravelerType, IndividualTravelRequestValues, IndividualTravelTabCounts, InfoCenterArticle, InfoCenterPageProps, InfoCenterPageState, InfoTileEdge, InfoTileProps, InputProps, InputSize, ItineraryAgent, ItineraryAirSegment, ItineraryCarSegment, ItineraryDay, ItineraryHotelSegment, ItineraryPageProps, ItinerarySegment, ItinerarySegmentCardProps, ItinerarySegmentStatus, ItineraryTimelineProps, ManifestCapacityStatsProps, ManifestSendState, ManifestView, ManifestViewToggleProps, MembershipProgram, MembershipProgramsProps, MetricProps, ModalFooterProps, ModalProps, ModalSize, ModuleProps, ModuleSize, MultiUserSearchOption, MultiUserSearchProps, NavItemProps, NavItemSize, NavItemVariant, NotFoundPageProps, OffFleetLearnedExample, OffFleetLearnedExamplesPageProps, OffFleetLeg, OffFleetLegDiagnostic, OffFleetLegMatch, OffFleetPreflightCheck, OffFleetPreflightRow, OffFleetPriceBasis, OffFleetQuoteHeader, OffFleetReviewQueuePageProps, OffFleetSubmission, OffFleetSubmissionDetailPageProps, OffFleetSubmissionStatus, OffFleetTripGrouping, OffFleetTripSegment, PageBannersProps, PageHeaderProps, PaginationItem, PaginationProps, PreferenceField, PreferenceSection, PreferencesPanelProps, ProgressBarProps, ProgressCircleProps, ProgressSize, ProgressVariant, QuoteCostBreakdownProps, QuoteCostTotals, QuoteFieldChange, QuoteReviewActionsProps, RegularSeasonBidType, RegularSeasonBidsPageProps, RegularSeasonBidsTableProps, RequestFormFooterProps, RequestFormHeaderProps, RequestFormLayoutProps, RequestSummaryProps, RosterProgramNumberId, RosterProgramNumberRow, RosterProgramNumbersPageProps, RosterReportOption, RosterReportsPageProps, RosterToolbarProps, ScheduleFilterOption, ScheduleMetric, SchoolContactFormProps, SearchFieldProps, SeasonOption, SegmentOption, SegmentProps, SegmentVariant, SegmentedSelectorOption, SegmentedSelectorProps, SelectFilterOption, SelectFilterProps, SelectOption, SelectOptionGroup, SelectProps, SelectSize, ServiceConfig, ServiceToggleListProps, ServiceToggleProps, SidenavItem, SidenavProps, SourcingCostAdjustment, SourcingCostCategory, SourcingCostLineItem, SourcingQuote, SourcingQuoteDetailPageProps, SourcingQuoteDraft, SourcingQuoteLeg, SourcingQuoteLegType, SourcingQuoteStatus, SourcingReviewQueuePageProps, SourcingReviewQueueTableProps, SpinnerProps, SpinnerSize, StatusBadgeProps, StatusBadgeVariant, StyleFunction, SummaryItem, SummarySectionConfig, SummarySegment, SupplierTypeToggleProps, SupplierTypeValue, SystemBanner, TabKey, TableColumn, TableProps, TableRowKey, TagProps, TagSize, TagVariant, TeamCalendarHeaderProps, TeamCardProps, TeamContactId, TeamContactOption, TeamContactsLoadingState, TeamContactsPanelProps, TeamContactsValue, TeamEquipmentFormProps, TeamEquipmentValues, TeamFormMode, TeamHeaderProps, TeamImportFormProps, TeamImportKind, TeamManagementPageProps, TeamManagementTab, TeamNumericValue, TeamOption, TeamPortalUserOption, TeamProgramFormProps, TeamProgramType, TeamProgramValues, TeamRosterMemberFormProps, TeamRosterMemberValues, TeamScheduleActionsProps, TeamScheduleCompactEvent, TeamScheduleCompactRow, TeamScheduleCompactTableProps, TeamScheduleCompactTrip, TeamScheduleDueDate, TeamScheduleEditorEvent, TeamScheduleEditorProps, TeamScheduleEditorTrip, TeamScheduleExpandedRow, TeamScheduleExpandedTableProps, TeamScheduleHomeAway, TeamSchedulePageProps, TeamSubMenuProps, TeamSubMenuTab, TeamTravelCalendarCardViewProps, TeamTravelCalendarDueDate, TeamTravelCalendarDuration, TeamTravelCalendarEvent, TeamTravelCalendarItemType, TeamTravelCalendarListViewProps, TeamTravelCalendarPageProps, TeamTravelCalendarSportGroup, TeamTravelCalendarToolbarProps, TeamTravelCalendarTrip, TeamTravelCalendarViewProps, TeamUserAccessFormProps, TeamUserAccessValues, TextareaProps, Theme, ThemeBreakpoint, ThemeColors, ThemeContextValue, ThemeMode, ThemeProviderProps, ThemeRadius, ThemeShadow, ThemeSpacing, ThemeTransition, ThemeTypography, TimepickerProps, TimepickerSize, TitleProps, TitleWeight, ToggleProps, ToggleSize, ToolbarAction, TooltipPosition, TooltipProps, TooltipVariant, TopbarProps, TravelAlertBanner, TravelDueDateItem, TravelServiceIconProps, TravelSummaryMetricsProps, TravelType, TravelerFormData, TravelerFormProps, TripData, TripDetailPageProps, TripSegmentProps, TripTableProps, TypeIconProps, VendorCode };