@shortstravelmgmt/component-lib 0.2.9 → 0.2.12-canary.29.g9e13192

package/dist/index.d.ts

@@ -1,10 +1,1017 @@
 import * as React from 'react';
-import React__default, { HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, SVGProps, TextareaHTMLAttributes, SelectHTMLAttributes, ReactNode } from 'react';
+import React__default, { CSSProperties, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, ReactNode, SVGProps, TextareaHTMLAttributes, SelectHTMLAttributes, ElementType, 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: "#19345F";
+    readonly blueDeep: "#0C1E3E";
+    readonly blueTint: "#E4F1F8";
+};
+declare const primaryColors: {
+    readonly primary: "#19345F";
+    readonly primaryDark: "#0C1E3E";
+    readonly primaryLight: "#E4F1F8";
+    readonly primaryLightHover: "#D3E4F0";
+};
+declare const neutralColors: {
+    readonly basecolor: "#F4F7FA";
+    readonly subtle: "#EAF0F6";
+    readonly card: "#EDF2F8";
+    readonly cardalt: "#E5ECF3";
+    readonly secondary: "#DDE6F0";
+    readonly secondaryDark: "#D6E0EC";
+    readonly tableBorder: "#CFDBEA";
+    readonly border: "#E6EDF5";
+    readonly borderDark: "#CFDBEA";
+    readonly white: "#FFFFFF";
+};
+declare const textColors: {
+    readonly ink: "#1B2A41";
+    readonly charcoal: "#2B3B51";
+    readonly slate: "#4A5C72";
+    readonly stone: "#56687F";
+    readonly pending: "#AEBBCB";
+    readonly error: "#940000";
+};
+declare const statusColors: {
+    readonly success: "#138660";
+    readonly warning: "#9F5500";
+    readonly gold: "#FFC179";
+    readonly error: "#940000";
+    readonly successInk: "#0F7350";
+    readonly warningInk: "#8F4C00";
+    readonly successAccent: "#2E9E6B";
+    readonly warningAccent: "#E8A13A";
+    readonly dangerAccent: "#D7503A";
+    readonly dangerAccentStrong: "#C0402C";
+    readonly dangerAccentStrongHover: "#A33524";
+};
+declare const accentColors: {
+    readonly teal: "#00BCD0";
+    readonly tealHover: "#00AEEF";
+    readonly tealContrast: "#0C1E3E";
+    readonly tealInk: "#009AAB";
+    readonly tealGlow: "rgba(0, 188, 208, 0.35)";
+    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, #19345F 0%, #00BCD0 100%)";
+};
+declare const alertTokens: {
+    readonly primary: {
+        readonly fg: "#19345F";
+        readonly bg: "#E4F1F8";
+        readonly border: "#19345F";
+    };
+    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: "#1B2A41";
+        readonly 2: "#2B3B51";
+        readonly 3: "#4A5C72";
+        readonly 4: "#56687F";
+        readonly disabled: "#AEBBCB";
+        readonly link: "#19345F";
+        readonly linkHover: "#0C1E3E";
+    };
+    readonly bg: {
+        readonly page: "#F4F7FA";
+        readonly surface: "#FFFFFF";
+        readonly card: "#EDF2F8";
+        readonly subtle: "#EAF0F6";
+    };
+};
+declare const fontFamily: {
+    readonly base: "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
+    readonly display: "'Montserrat', system-ui, -apple-system, sans-serif";
+    readonly label: "'Roboto Condensed', 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 navRailColors: {
+    readonly bg: "#0C1E3E";
+    readonly fg: "#8FA6C4";
+    readonly fgStrong: "#E4F1F8";
+    readonly hoverBg: "rgba(255, 255, 255, 0.07)";
+    readonly activeBg: "#FFFFFF";
+    readonly activeFg: "#0C1E3E";
+    readonly activeShadow: "0 2px 8px rgba(0, 0, 0, 0.22)";
+    readonly border: "rgba(255, 255, 255, 0.08)";
+};
+declare const lightTheme: {
+    readonly colors: {
+        readonly brand: {
+            readonly blue: "#19345F";
+            readonly blueDeep: "#0C1E3E";
+            readonly blueTint: "#E4F1F8";
+        };
+        readonly primary: {
+            readonly primary: "#19345F";
+            readonly primaryDark: "#0C1E3E";
+            readonly primaryLight: "#E4F1F8";
+            readonly primaryLightHover: "#D3E4F0";
+        };
+        readonly neutral: {
+            readonly basecolor: "#F4F7FA";
+            readonly subtle: "#EAF0F6";
+            readonly card: "#EDF2F8";
+            readonly cardalt: "#E5ECF3";
+            readonly secondary: "#DDE6F0";
+            readonly secondaryDark: "#D6E0EC";
+            readonly tableBorder: "#CFDBEA";
+            readonly border: "#E6EDF5";
+            readonly borderDark: "#CFDBEA";
+            readonly white: "#FFFFFF";
+        };
+        readonly text: {
+            readonly ink: "#1B2A41";
+            readonly charcoal: "#2B3B51";
+            readonly slate: "#4A5C72";
+            readonly stone: "#56687F";
+            readonly pending: "#AEBBCB";
+            readonly error: "#940000";
+        };
+        readonly status: {
+            readonly success: "#138660";
+            readonly warning: "#9F5500";
+            readonly gold: "#FFC179";
+            readonly error: "#940000";
+            readonly successInk: "#0F7350";
+            readonly warningInk: "#8F4C00";
+            readonly successAccent: "#2E9E6B";
+            readonly warningAccent: "#E8A13A";
+            readonly dangerAccent: "#D7503A";
+            readonly dangerAccentStrong: "#C0402C";
+            readonly dangerAccentStrongHover: "#A33524";
+        };
+        readonly accent: {
+            readonly teal: "#00BCD0";
+            readonly tealHover: "#00AEEF";
+            readonly tealContrast: "#0C1E3E";
+            readonly tealInk: "#009AAB";
+            readonly tealGlow: "rgba(0, 188, 208, 0.35)";
+            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: "#19345F";
+                readonly bg: "#E4F1F8";
+                readonly border: "#19345F";
+            };
+            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: "#1B2A41";
+                readonly 2: "#2B3B51";
+                readonly 3: "#4A5C72";
+                readonly 4: "#56687F";
+                readonly disabled: "#AEBBCB";
+                readonly link: "#19345F";
+                readonly linkHover: "#0C1E3E";
+            };
+            readonly bg: {
+                readonly page: "#F4F7FA";
+                readonly surface: "#FFFFFF";
+                readonly card: "#EDF2F8";
+                readonly subtle: "#EAF0F6";
+            };
+        };
+        readonly navRail: {
+            readonly bg: "#0C1E3E";
+            readonly fg: "#8FA6C4";
+            readonly fgStrong: "#E4F1F8";
+            readonly hoverBg: "rgba(255, 255, 255, 0.07)";
+            readonly activeBg: "#FFFFFF";
+            readonly activeFg: "#0C1E3E";
+            readonly activeShadow: "0 2px 8px rgba(0, 0, 0, 0.22)";
+            readonly border: "rgba(255, 255, 255, 0.08)";
+        };
+    };
+    readonly typography: {
+        readonly fontFamily: {
+            readonly base: "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
+            readonly display: "'Montserrat', system-ui, -apple-system, sans-serif";
+            readonly label: "'Roboto Condensed', 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, #19345F 0%, #00BCD0 100%)";
+    };
+};
+declare const darkTheme: {
+    readonly colors: {
+        readonly primary: {
+            readonly primary: "#0A53EF";
+            readonly primaryDark: "#1A43D1";
+            readonly primaryLight: "#E6ECFB";
+            readonly primaryLightHover: "#DAE3F8";
+        };
+        readonly accent: {
+            readonly tealInk: "#00BCD0";
+            readonly teal: "#00BCD0";
+            readonly tealHover: "#00AEEF";
+            readonly tealContrast: "#0C1E3E";
+            readonly tealGlow: "rgba(0, 188, 208, 0.35)";
+            readonly mint: "#37C3A4";
+            readonly forest: "#003E1B";
+            readonly forestLight: "#E2F0EC";
+            readonly tangerine: "#FE7C35";
+            readonly tangerineLight: "#FFE2C1";
+        };
+        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 navRail: {
+            readonly bg: "#122A4F";
+            readonly fg: "#8FA6C4";
+            readonly fgStrong: "#E4F1F8";
+            readonly hoverBg: "rgba(255, 255, 255, 0.07)";
+            readonly activeBg: "#FFFFFF";
+            readonly activeFg: "#0C1E3E";
+            readonly activeShadow: "0 2px 8px rgba(0, 0, 0, 0.22)";
+            readonly border: "rgba(255, 255, 255, 0.08)";
+        };
+        readonly brand: {
+            readonly blue: "#19345F";
+            readonly blueDeep: "#0C1E3E";
+            readonly blueTint: "#E4F1F8";
+        };
+        readonly status: {
+            readonly success: "#138660";
+            readonly warning: "#9F5500";
+            readonly gold: "#FFC179";
+            readonly error: "#940000";
+            readonly successInk: "#0F7350";
+            readonly warningInk: "#8F4C00";
+            readonly successAccent: "#2E9E6B";
+            readonly warningAccent: "#E8A13A";
+            readonly dangerAccent: "#D7503A";
+            readonly dangerAccentStrong: "#C0402C";
+            readonly dangerAccentStrongHover: "#A33524";
+        };
+        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: "#19345F";
+                readonly bg: "#E4F1F8";
+                readonly border: "#19345F";
+            };
+            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: "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
+            readonly display: "'Montserrat', system-ui, -apple-system, sans-serif";
+            readonly label: "'Roboto Condensed', 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, #19345F 0%, #00BCD0 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: {
+            primary: string;
+            primaryDark: string;
+            primaryLight: string;
+            primaryLightHover: string;
+        };
+        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: {
+            [K in keyof typeof accentColors]: string;
+        };
+        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;
+            };
+        };
+        navRail: {
+            [K in keyof typeof navRailColors]: 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 */
@@ -16,8 +1023,48 @@ interface AlertProps {
     /** Additional CSS class */
     className?: string;
 }
+/**
+ * Inline message calling out status or guidance in place, without interrupting the user.
+ * Use a modal instead when the user has to act before continuing.
+ */
 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 +1076,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.
@@ -39,6 +1090,10 @@ interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
     /** Maximum number of avatars to show before +N */
     max?: number;
 }
+/**
+ * Row of overlapping avatars for a team or traveler party.
+ * Collapses everything past `max` into a +N counter so the row keeps a fixed footprint.
+ */
 declare const AvatarGroup: React__default.FC<AvatarGroupProps>;
 
 type BadgeVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
@@ -56,9 +1111,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 +1156,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 */
@@ -93,6 +1189,30 @@ interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'typ
     indeterminate?: boolean;
     /** Additional class for wrapper */
     className?: string;
+    /**
+     * Renders a radio control instead of a checkbox. The visual is the caller's
+     * through `indicator`; this switches the input's type so the browser handles
+     * grouping, arrow-key selection and the announced role.
+     */
+    type?: 'checkbox' | 'radio';
+    /**
+     * Draws the box itself, replacing the built-in tick.
+     *
+     * This exists so an app can keep its own icon set without forking the
+     * component: the tick below is an inline SVG, so a consumer whose design uses
+     * a different family — Carbon, say — otherwise has no way in. Called with the
+     * current state, and returns whatever should be shown for it.
+     *
+     * Returning the box means owning its whole appearance, so the built-in border
+     * and fill are dropped when this is set. Accessibility is unaffected either
+     * way: the state lives on the real input underneath, which is what assistive
+     * technology reads.
+     */
+    indicator?: (state: {
+        checked: boolean;
+        indeterminate: boolean;
+        disabled: boolean;
+    }) => ReactNode;
 }
 /**
  * Checkbox component for boolean selections.
@@ -119,61 +1239,124 @@ interface DatepickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 't
  */
 declare const Datepicker: React.ForwardRefExoticComponent<DatepickerProps & React.RefAttributes<HTMLInputElement>>;
 
+/**
+ * The library's icon set.
+ *
+ * Every icon is a 24x24 stroked SVG that inherits its color from
+ * `currentColor` and scales through the `size` prop, so an icon picks up the
+ * text color of whatever it sits in without extra styling.
+ */
+
 interface IconProps extends SVGProps<SVGSVGElement> {
     /** Icon size in pixels */
     size?: number;
     /** Icon color (defaults to currentColor) */
     color?: string;
 }
+/** Air segment (travel type `A`). */
 declare const PlaneIcon: React__default.FC<IconProps>;
+/** Rental car segment (travel type `C`). */
 declare const CarIcon: React__default.FC<IconProps>;
+/** Hotel segment (travel type `H`). */
 declare const HotelIcon: React__default.FC<IconProps>;
+/** Limo or black car segment (travel type `L`). */
 declare const LimoIcon: React__default.FC<IconProps>;
+/** Rail segment (travel type `R`). */
 declare const RailIcon: React__default.FC<IconProps>;
+/** Motorcoach segment (travel type `B`), including team charters. */
 declare const BusIcon: React__default.FC<IconProps>;
+/** Magnifying glass, for search inputs and filter triggers. */
 declare const SearchIcon: React__default.FC<IconProps>;
+/** Downward chevron, for expanding a section or opening a dropdown. */
 declare const ChevronDownIcon: React__default.FC<IconProps>;
+/** Upward chevron, for collapsing an expanded section. */
 declare const ChevronUpIcon: React__default.FC<IconProps>;
+/** Rightward chevron, for drill-in navigation and breadcrumbs. */
 declare const ChevronRightIcon: React__default.FC<IconProps>;
+/** Leftward chevron, for back navigation and carousels. */
 declare const ChevronLeftIcon: React__default.FC<IconProps>;
+/** Outbound arrow, for departing legs and external links. */
 declare const ArrowUpRightIcon: React__default.FC<IconProps>;
+/** Inbound arrow, for returning legs. */
 declare const ArrowDownLeftIcon: React__default.FC<IconProps>;
+/** Eye, for view-only actions and visibility toggles. */
 declare const EyeIcon: React__default.FC<IconProps>;
+/** Download, for exporting reports and manifests. */
 declare const DownloadIcon: React__default.FC<IconProps>;
+/** Upload, for importing rosters and attaching files. */
 declare const UploadIcon: React__default.FC<IconProps>;
+/** Funnel, for opening filter controls. */
 declare const FilterIcon: React__default.FC<IconProps>;
+/** Calendar, for date pickers and schedule views. */
 declare const CalendarIcon: React__default.FC<IconProps>;
+/** Single person, for a traveler or profile. */
 declare const UserIcon: React__default.FC<IconProps>;
+/** Group of people, for teams, rosters, and group travel. */
 declare const UsersIcon: React__default.FC<IconProps>;
+/** Envelope, for email addresses and send actions. */
 declare const MailIcon: React__default.FC<IconProps>;
+/** Handset, for phone numbers. */
 declare const PhoneIcon: React__default.FC<IconProps>;
+/** Agent headset, for travel agent contact and support. */
 declare const HeadsetIcon: React__default.FC<IconProps>;
+/** Printer, for print actions. */
 declare const PrinterIcon: React__default.FC<IconProps>;
+/** Circular arrows, for reloading data and retrying a failed request. */
 declare const RefreshIcon: React__default.FC<IconProps>;
+/** Warning triangle, for warning and error states. */
 declare const WarningIcon: React__default.FC<IconProps>;
+/** Checkmark, for success states and confirmed selections. */
 declare const CheckIcon: React__default.FC<IconProps>;
+/** Cross, for clearing a value or marking a negative state. */
 declare const XIcon: React__default.FC<IconProps>;
+/** Plus, for add and create actions. */
 declare const PlusIcon: React__default.FC<IconProps>;
+/** Minus, for remove and decrement actions. */
 declare const MinusIcon: React__default.FC<IconProps>;
+/** Hamburger, for opening navigation on small screens. */
 declare const MenuIcon: React__default.FC<IconProps>;
+/** Lightbulb, for tips and informational callouts. */
 declare const LightbulbIcon: React__default.FC<IconProps>;
+/** Megaphone, for announcements and broadcast banners. */
 declare const MegaphoneIcon: React__default.FC<IconProps>;
+/** Close, for dismissing modals, drawers, and alerts. */
 declare const CloseIcon: React__default.FC<IconProps>;
+/** Dashboard, for the home and overview destinations. */
 declare const DashboardIcon: React__default.FC<IconProps>;
+/** Report, for reporting destinations and exports. */
 declare const ReportIcon: React__default.FC<IconProps>;
+/** Gear, for settings and configuration. */
 declare const SettingsIcon: React__default.FC<IconProps>;
+/** Short's Travel mark, for brand placements and app headers. */
 declare const LogoIcon: React__default.FC<IconProps>;
+/** Rising trend line, for a metric moving up. */
 declare const TrendUpIcon: React__default.FC<IconProps>;
+/** Falling trend line, for a metric moving down. */
 declare const TrendDownIcon: React__default.FC<IconProps>;
+/** Information, for help text and info banners. */
 declare const InfoIcon: React__default.FC<IconProps>;
+/** Document, for itineraries, invoices, and attachments. */
 declare const DocumentIcon: React__default.FC<IconProps>;
+/** Building, for schools, venues, and vendor offices. */
 declare const BuildingIcon: React__default.FC<IconProps>;
+/** Grid, for switching to a card or tile layout. */
 declare const GridIcon: React__default.FC<IconProps>;
+/** Pencil, for edit actions. */
 declare const EditIcon: React__default.FC<IconProps>;
+/** House, for the home destination. */
 declare const HomeIcon: React__default.FC<IconProps>;
+/** Cube, for packages, equipment, and bundled services. */
 declare const CubeIcon: React__default.FC<IconProps>;
+/** Padlock, for restricted access and locked records. */
 declare const LockIcon: React__default.FC<IconProps>;
+/** Trash can, for delete actions. */
 declare const TrashIcon: React__default.FC<IconProps>;
+/**
+ * Every icon keyed by name, for choosing one at runtime.
+ *
+ * Use a direct import when the icon is known at author time; reach for this
+ * only when the name arrives as data (a nav config, an API response).
+ */
 declare const Icons: {
     readonly Plane: React__default.FC<IconProps>;
     readonly Car: React__default.FC<IconProps>;
@@ -258,8 +1441,38 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
     /** Makes textarea take full width */
     fullWidth?: boolean;
 }
+/**
+ * Multi-line text field sharing the Input label, helper text, and error treatment.
+ */
 declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
 
+/** Colour treatment. `blue` = Short's Blue (light surfaces); `white` = the
+ *  all-white reverse for dark / navy / photography surfaces (e.g. the nav rail). */
+type LogoVariant = 'blue' | 'white';
+/** `primary` = the horizontal mark + wordmark lockup (default). `s-mark` = the
+ *  standalone interlocking-teardrop "S" glyph, for tight spaces / collapsed nav. */
+type LogoLockup = 'primary' | 's-mark';
+interface LogoProps {
+    /** Colour treatment — `blue` on light surfaces, `white` on dark/navy. Default `blue`. */
+    variant?: LogoVariant;
+    /** Which lockup to render. Default `primary`. */
+    lockup?: LogoLockup;
+    /** Rendered height in px; width scales to the lockup's aspect ratio. */
+    height?: number;
+    /** Accessible name for the mark. */
+    alt?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * The official Short's Travel Management logo, in Short's Blue and an all-white
+ * reverse. Use `variant="white"` on dark / navy surfaces (the brand rule: never
+ * place the blue logo on dark fields) and `variant="blue"` on light surfaces.
+ * The assets are the real 2022 brand PNGs, inlined so the component is
+ * self-contained — do not recolor or redraw the mark.
+ */
+declare const Logo: React__default.FC<LogoProps>;
+
 interface MetricProps {
     /** The metric value to display */
     value?: string | number;
@@ -332,20 +1545,28 @@ interface SpinnerProps {
     /** Accessible label */
     label?: string;
 }
+/**
+ * Indeterminate loading indicator for waits with no known duration.
+ * Exposes its label to screen readers, so give it one that says what is loading.
+ */
 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;
 }
+/**
+ * Badge for a travel record status, styled per status so the same state always reads the same.
+ * Falls back to a formatted version of the status code when no label is given.
+ */
 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 +1586,11 @@ interface TagProps {
     /** Inline styles */
     style?: React__default.CSSProperties;
 }
-declare const Tag: React__default.FC<TagProps>;
+/**
+ * Compact label for keywords, categories, and applied filters.
+ * Becomes a button when clickable, and can carry a remove affordance.
+ */
+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,7 +1645,26 @@ 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;
 }
+/**
+ * Switch for a setting that applies immediately, with no separate save step.
+ * Use a checkbox instead when the change is submitted with a form.
+ */
 declare const Toggle: React__default.FC<ToggleProps>;
 
 type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
@@ -441,23 +1685,29 @@ interface TooltipProps {
     /** Additional CSS class */
     className?: string;
 }
+/**
+ * Hover and focus label for a control whose purpose is not obvious from its face.
+ * Supplementary only -- never put information here that a user must have.
+ */
 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;
 }
+/**
+ * Segment icon keyed to a travel type code, color-coded per type.
+ * Use TravelServiceIcon when the vendor matters as well as the type.
+ */
 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,9 +1718,11 @@ interface TravelServiceIconProps {
     size?: number;
     /** Show multi-segment indicator */
     multi?: boolean;
-    /** Additional CSS class */
-    className?: string;
 }
+/**
+ * Segment icon that identifies the vendor as well as the travel type.
+ * Shows the vendor mark when one is known, and can flag a multi-segment leg.
+ */
 declare const TravelServiceIcon: React__default.FC<TravelServiceIconProps>;
 
 interface AccordionProps {
@@ -495,37 +1747,159 @@ interface AccordionProps {
  */
 declare const Accordion: React__default.FC<AccordionProps>;
 
+interface BackLinkProps {
+    /** The arrow, or whatever else marks the way back. */
+    icon: ReactNode;
+    /**
+     * Element to render. Defaults to `a`; pass a router's link component to keep
+     * navigation client-side.
+     *
+     * This is the reason the component takes `as` at all: the library must not
+     * depend on a router, but every app that has one needs its links to go
+     * through it, or the whole page reloads.
+     */
+    as?: ElementType;
+    /** Accessible name. Defaults to "Back", since an arrow alone announces nothing. */
+    label?: string;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline style overrides, merged after the computed styles. */
+    style?: CSSProperties;
+    /** Anything else — `to` for a router link, `href` for a plain anchor, onClick. */
+    [key: string]: unknown;
+}
+/**
+ * The back affordance in a page header: a tap target holding a single arrow.
+ *
+ * It is deliberately not a Button. This navigates, so it should be a link —
+ * middle-clickable, openable in a new tab, and announced as a link rather than
+ * an action.
+ */
+declare const BackLink: React__default.FC<BackLinkProps>;
+
 interface SegmentedSelectorOption {
+    /** Value reported through `onChange` when this option is picked. */
     id: string;
+    /** Visible text. Omit for an icon-only option. */
     label?: string;
+    /** Accessible name, required when the option is icon-only. */
     alt?: string;
+    /** Icon element shown before the label. */
     icon?: ReactNode;
 }
 interface SegmentedSelectorProps {
+    /** Options to render, left to right. */
     options: SegmentedSelectorOption[];
+    /** Id of the currently selected option. */
     value: string;
+    /** Called with the newly selected option id. */
     onChange?: (value: string) => void;
+    /** Disables every option. */
     disabled?: boolean;
+    /** Control size. */
     size?: 'sm' | 'md' | 'lg';
+    /** Additional CSS class. */
     className?: string;
+    /** Accessible name for the group. */
     ariaLabel?: string;
     /** Stable hook used by Hub acceptance and Chromatic tests. */
     dataTest?: string;
+    /** 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, }: SegmentedSelectorProps) => React.JSX.Element;
+/**
+ * Single-select control rendering its options as one connected row of buttons.
+ * Backs the calendar selectors below; use those when their options fit.
+ */
+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'> {
+    /** Currently selected layout. */
     value: CalendarViewValue;
+    /** Called with the newly selected layout. */
     onChange?: (value: CalendarViewValue) => void;
 }
+/**
+ * Chooses how the team travel calendar lays out: calendar grid, cards, or list.
+ */
 declare const CalendarViewSelector: ({ value, onChange, ...props }: CalendarViewSelectorProps) => React.JSX.Element;
 type CalendarTypeValue = 'trips' | 'due_dates';
 interface CalendarTypeSelectorProps extends Omit<SegmentedSelectorProps, 'options' | 'value' | 'onChange' | 'ariaLabel'> {
+    /** Currently selected item type. */
     value: CalendarTypeValue;
+    /** Called with the newly selected item type. */
     onChange?: (value: CalendarTypeValue) => void;
 }
+/**
+ * Chooses what the team travel calendar plots -- trips or due dates.
+ */
 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 +1914,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 */
@@ -553,6 +1937,10 @@ interface DropdownItemProps {
     /** Additional CSS class */
     className?: string;
 }
+/**
+ * Button that reveals a menu of actions, closing on outside click or Escape.
+ * Compose the menu from DropdownItem; for choosing a value, use Segment or FilterChip instead.
+ */
 declare const Dropdown: React__default.FC<DropdownProps> & {
     Item: React__default.FC<DropdownItemProps>;
 };
@@ -583,6 +1971,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;
@@ -607,6 +2076,10 @@ interface FilterChipProps {
     /** Additional CSS class */
     className?: string;
 }
+/**
+ * Compact single-select filter showing its current value on the chip itself.
+ * Can filter its own options when the list is long enough to need searching.
+ */
 declare const FilterChip: React__default.FC<FilterChipProps>;
 
 interface FormFieldProps {
@@ -631,6 +2104,11 @@ interface FormFieldProps {
     /** Children for custom input rendering */
     children?: React__default.ReactNode;
 }
+/**
+ * Pairs a labelled control with its helper text and error message, wiring up the
+ * accessible associations between them.
+ * Renders an Input or Textarea via `as`, or any control passed as children.
+ */
 declare const FormField: React__default.ForwardRefExoticComponent<FormFieldProps & React__default.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 
 interface FormRowProps {
@@ -674,24 +2152,128 @@ interface FormSectionProps {
 declare const FormSection: React__default.FC<FormSectionProps>;
 
 interface FormStackProps {
+    /** Form fields to space evenly. */
     children: ReactNode;
+    /** Vertical space between fields. */
     gap?: 'sm' | 'md' | 'lg';
+    /** Additional CSS class. */
     className?: string;
 }
 /** 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 {
+    /** Manifest currently shown. */
     view: ManifestView;
+    /** Called with the manifest the user switched to. */
     onView: (view: ManifestView) => void;
+    /** Passenger count shown on the passengers tab. */
     paxCount: number;
+    /** Equipment count shown on the equipment tab. */
     eqCount: number;
+    /** Marks the manifest as locked, swapping both tab icons for a padlock. Presentational only -- it does not stop the switch. */
     locked: boolean;
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Tabs switching a charter manifest between its passenger and equipment lists,
+ * each showing its current count.
+ */
 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 {
@@ -724,8 +2306,38 @@ interface NavItemProps {
     /** Accessible description */
     'aria-label'?: string;
 }
+/**
+ * One destination in a navigation list, with an optional icon and badge.
+ * Renders as a link when given `href`, otherwise as a button.
+ * Collapses to icon-only, keeping its label available to screen readers.
+ */
 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,14 +2403,55 @@ 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;
 }
+/**
+ * Horizontal bar for determinate progress -- a known percentage of a known total.
+ * Use Spinner when the duration is unknown.
+ */
 declare const ProgressBar: React__default.FC<ProgressBarProps>;
+/**
+ * Ring showing determinate progress, for tighter spaces than ProgressBar fits.
+ */
 declare const ProgressCircle: React__default.FC<ProgressCircleProps>;
+/**
+ * Namespace bundling the progress indicators as `Progress.Bar` and `Progress.Circle`.
+ */
 declare const Progress: {
     Bar: React__default.FC<ProgressBarProps>;
     Circle: React__default.FC<ProgressCircleProps>;
 };
 
+interface ResultCountProps {
+    /** How many rows are on screen right now. */
+    count: number;
+    /**
+     * What is being counted, singular — "trip", "traveler". Pluralised by adding
+     * an "s" unless `pluralNoun` says otherwise.
+     */
+    noun: string;
+    /** Plural form, for the nouns an "s" does not fit ("person" -> "people"). */
+    pluralNoun?: string;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline style overrides, merged after the computed styles. */
+    style?: CSSProperties;
+}
+/**
+ * The "12 trips displayed" line that sits above a filtered list.
+ *
+ * It reports what is on screen, not what exists — the distinction matters when
+ * a filter is applied, which is exactly when someone reads it.
+ *
+ * The count is announced politely so screen-reader users hear the list resize
+ * as they filter, instead of having to go looking for the number.
+ */
+declare const ResultCount: React__default.FC<ResultCountProps>;
+
 interface ToolbarAction {
     /** Action label */
     label: string;
@@ -870,17 +2523,31 @@ interface SearchFieldProps {
     /** Accessible label */
     'aria-label'?: string;
 }
+/**
+ * Search input with clear and submit affordances.
+ * Works controlled via `value` or uncontrolled via `defaultValue`; `onChange` fires
+ * per keystroke while `onSearch` fires only on submit.
+ */
 declare const SearchField: React__default.ForwardRefExoticComponent<SearchFieldProps & React__default.RefAttributes<HTMLInputElement>>;
 
 interface SchoolContactFormProps {
+    /** Whether the form is adding or editing, used for the heading. */
     mode?: 'Add' | 'Edit' | string;
+    /** Optional control for prefilling the form from an existing portal user. */
     createFromPortalUser?: ReactNode;
+    /** Rendered first name field. */
     firstNameField: ReactNode;
+    /** Rendered middle initial field. */
     middleInitialField: ReactNode;
+    /** Rendered last name field. */
     lastNameField: ReactNode;
+    /** Rendered business phone field. */
     businessPhoneField: ReactNode;
+    /** Rendered cell phone field. */
     cellPhoneField: ReactNode;
+    /** Rendered email field. */
     emailField: ReactNode;
+    /** Additional CSS class. */
     className?: string;
 }
 /**
@@ -915,6 +2582,10 @@ interface SegmentProps {
     /** Accessible label */
     'aria-label'?: string;
 }
+/**
+ * Segmented control for picking one of a few options that are all worth showing.
+ * Prefer a Dropdown once the list outgrows the available width.
+ */
 declare const Segment: React__default.FC<SegmentProps>;
 
 interface SelectFilterOption {
@@ -992,6 +2663,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.
@@ -1005,19 +2678,50 @@ declare const ServiceToggle: React__default.FC<ServiceToggleProps>;
 declare const ServiceToggleList: React__default.FC<ServiceToggleListProps>;
 
 type SupplierTypeValue = 'A' | 'C' | 'H';
+/**
+ * The selectable supplier types, without the "All" entry the toggle adds.
+ */
 declare const SUPPLIER_TYPE_OPTIONS: Array<{
     value: SupplierTypeValue;
     label: string;
 }>;
 interface SupplierTypeToggleProps {
+    /** Selected supplier type, or `''` for all. Makes the toggle controlled. */
     value?: SupplierTypeValue | '';
+    /** Initial selection when uncontrolled. */
     defaultValue?: SupplierTypeValue | '';
+    /** Called with the newly selected supplier type, or `''` for all. */
     onChange?: (value: SupplierTypeValue | '') => void;
+    /** Disables every option. */
     disabled?: boolean;
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Filters a supplier list down to air, car, or hotel.
+ * Works controlled via `value` or uncontrolled via `defaultValue`.
+ */
 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;
@@ -1044,13 +2748,19 @@ declare const TeamHeader: {
     displayName: string;
 };
 interface TeamSubMenuTab {
+    /** Value reported through `onTabChange` when this tab is picked. */
     id: string;
+    /** Visible tab text. */
     label: string;
 }
 interface TeamSubMenuProps {
+    /** Tabs to render. Defaults to the standard team management set. */
     tabs?: TeamSubMenuTab[];
+    /** Id of the currently selected tab. */
     activeTab?: string;
+    /** Called with the newly selected tab id. */
     onTabChange?: (tabId: string) => void;
+    /** Additional CSS class. */
     className?: string;
 }
 /** Router-agnostic counterpart of Hub's team-management submenu. */
@@ -1060,32 +2770,55 @@ declare const TeamSubMenu: {
 };
 
 interface FlightData {
+    /** Whether the leg is a commercial booking or a charter. */
     type: 'commercial' | 'charter';
+    /** Departure airport code. */
     departure: string;
+    /** Arrival airport code. */
     arrival: string;
+    /** Departure date. */
     departureDate: string;
+    /** Departure time, local to the departure airport. */
     departureTime?: string;
+    /** Arrival date, when it differs from the departure date. */
     arrivalDate?: string;
+    /** Arrival time, local to the arrival airport. */
     arrivalTime?: string;
+    /** Operating carrier name. */
     airline?: string;
+    /** Flight number. */
     flightNumber?: string;
 }
 interface GroundData {
+    /** Vehicle class for the leg. */
     type: 'bus' | 'van' | 'car' | 'limo';
+    /** Ground operator name. */
     company?: string;
+    /** Where the vehicle collects the party. */
     pickupLocation: string;
+    /** Where the vehicle drops the party. */
     dropoffLocation: string;
+    /** Pickup date. */
     pickupDate: string;
+    /** Pickup time, local to the pickup location. */
     pickupTime?: string;
+    /** Number of vehicles on the leg. */
     vehicleCount?: number;
 }
 interface HotelData {
+    /** Property name. */
     name: string;
+    /** Street address. */
     address?: string;
+    /** City, shown when the address is omitted. */
     city?: string;
+    /** Check-in date. */
     checkIn: string;
+    /** Check-out date. */
     checkOut: string;
+    /** Number of rooms held. */
     roomCount?: number;
+    /** Hotel confirmation number. */
     confirmationNumber?: string;
 }
 type SegmentVariant = 'light' | 'dark';
@@ -1100,18 +2833,27 @@ interface TripSegmentProps {
     children: ReactNode;
 }
 interface AirSegmentProps {
+    /** Flights on this segment, in travel order. */
     flights: FlightData[];
+    /** Visual variant. */
     variant?: SegmentVariant;
+    /** Additional CSS class. */
     className?: string;
 }
 interface GroundSegmentProps {
+    /** Ground legs on this segment, in travel order. */
     segments: GroundData[];
+    /** Visual variant. */
     variant?: SegmentVariant;
+    /** Additional CSS class. */
     className?: string;
 }
 interface HotelSegmentProps {
+    /** Hotel stays on this segment, in travel order. */
     hotels: HotelData[];
+    /** Visual variant. */
     variant?: SegmentVariant;
+    /** Additional CSS class. */
     className?: string;
 }
 /**
@@ -1283,70 +3025,102 @@ interface GroupTravelDueStatus {
     complete: boolean;
 }
 interface GroupTravelPnr {
+    /** Identifier for the PNR. */
     id: string | number;
     /** Airline record locator, or the placeholder used before one has been issued. */
     recordLocator: string;
     complete: boolean;
 }
 interface AgentGroupTravelRequest {
+    /** Identifier for the PNR. */
     id: number;
     /** School/account this request belongs to — rows are grouped by this value. */
     accountName: string;
     /** Whether an agent or the client themselves submitted the request. */
     source: GroupTravelRequestSource;
+    /** Master trip this request became, once one exists. */
     masterTripId?: number;
     /** Shown as a tooltip and highlights the ID when present. */
     notes?: string;
     /** ISO (yyyy-mm-dd) trip start date. */
     startDate: string;
+    /** Trip name. */
     name: string;
+    /** Sport name shown in the row. */
     sport: string;
     /** Sport code used for the sport filter, e.g. "MBB". */
     sportCode: string;
+    /** Airline handling the group, once assigned. */
     carrier?: string;
+    /** Whether commercial air is part of the request. */
     air: boolean;
+    /** Whether a charter is part of the request. */
     charter: boolean;
+    /** Whether rental cars are part of the request. */
     car: boolean;
+    /** Whether a motorcoach is part of the request. */
     motorcoach: boolean;
+    /** Whether hotel rooms are part of the request. */
     hotel: boolean;
+    /** Whether the hotel is booked as a group block. */
     groupHotel: boolean;
+    /** Routing summary for the trip. */
     routing: string;
     /** ISO (yyyy-mm-dd) date submitted. */
     submittedDate?: string;
     /** ISO (yyyy-mm-dd) date the quote was sent. */
     quoteSentDate?: string;
+    /** Due status for confirming the booking. */
     confirmation: GroupTravelDueStatus;
+    /** Due status for the deposit. */
     deposit: GroupTravelDueStatus;
+    /** Due status for the utilization review. */
     utilization: GroupTravelDueStatus;
+    /** Due status for submitting traveler names. */
     names: GroupTravelDueStatus;
+    /** Due status for ticketing. */
     ticketing: GroupTravelDueStatus;
     /** One entry per PNR in this group; more than one renders as an expandable "Multi" group. */
     pnrs: GroupTravelPnr[];
 }
 interface AgentGroupTravelRequestSportOption {
+    /** Sport code matched against a request. */
     code: string;
+    /** Visible sport name. */
     label: string;
 }
 interface AgentGroupTravelRequestViewOption {
+    /** Identifier for the saved view. */
     id: string;
+    /** Visible view name. */
     label: string;
     /** Account names included in this saved view. */
     accountNames: string[];
 }
 interface AgentGroupTravelRequestsTableProps {
+    /** Requests to list. Rows are grouped by account. */
     requests: AgentGroupTravelRequest[];
+    /** Sports offered in the sport filter. */
     sports?: AgentGroupTravelRequestSportOption[];
     /** Saved account-group "views"; the view filter is hidden when none are supplied. */
     views?: AgentGroupTravelRequestViewOption[];
     /** ISO (yyyy-mm-dd) reference date for due-status coloring. Defaults to today; pass a fixed value in stories/tests for determinism. */
     today?: string;
+    /** Called with the request the agent opened. */
     onOpenRequest?: (id: number) => void;
+    /** Called with the master trip the agent opened. */
     onViewMasterTrip?: (masterTripId: number) => void;
+    /** Called with the request the agent deleted. */
     onDeleteRequest?: (id: number) => void;
+    /** Called with the record locator the agent copied. */
     onCopyPnr?: (recordLocator: string) => void;
+    /** Called with the request and the milestone the agent marked complete or incomplete. */
     onToggleDueStatus?: (id: number, field: GroupTravelDueField) => void;
+    /** Called with the request and its new submitted date. */
     onSubmittedDateChange?: (id: number, value: string) => void;
+    /** Called with the request and its new quote-sent date. */
     onQuoteSentDateChange?: (id: number, value: string) => void;
+    /** Additional CSS class. */
     className?: string;
 }
 /** Computes the short "A/C/B/H/GH/CA" travel-type codes shown in the Type column. */
@@ -1367,9 +3141,14 @@ interface SidenavItem {
     onClick?: () => void;
 }
 interface SidenavProps extends HTMLAttributes<HTMLElement> {
-    /** Logo component or image for expanded state */
+    /**
+     * Logo for the expanded state. The nav rail is navy, so the logo slot
+     * defaults to a light ink — text and `currentColor` icon logos read without
+     * setting a colour. Supply an **inverse (light)** treatment; a raster or
+     * fixed-fill logo should be a light/white asset, not a dark-on-light one.
+     */
     logo?: React__default.ReactNode;
-    /** Logo component or image for collapsed state */
+    /** Logo for the collapsed state (same inverse-on-navy contract as `logo`). */
     logoCollapsed?: React__default.ReactNode;
     /** Navigation items */
     items: SidenavItem[];
@@ -1440,6 +3219,10 @@ interface AppLayoutProps {
     /** Additional CSS class */
     className?: string;
 }
+/**
+ * Generic page frame: sidebar, top bar, and content area.
+ * Use HubAppShell for Hub screens -- it adds the Hub navigation and branding.
+ */
 declare const AppLayout: React__default.FC<AppLayoutProps>;
 
 type CardVariant = 'default' | 'bordered' | 'elevated';
@@ -1464,30 +3247,49 @@ interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
     /** Actions to display in the header */
     actions?: React__default.ReactNode;
 }
+/**
+ * Top of a Card: title, subtitle, and any header actions.
+ */
 declare const CardHeader: React__default.FC<CardHeaderProps>;
 interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {
 }
+/**
+ * Main content region of a Card, carrying the card padding.
+ */
 declare const CardBody: React__default.FC<CardBodyProps>;
 interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
 }
+/**
+ * Bottom of a Card, for actions and summary detail.
+ */
 declare const CardFooter: React__default.FC<CardFooterProps>;
 
 /** The three notifications the Charter Sourcing backend currently sends. */
 type CharterSourcingEmailVariant = 'admin-review' | 'submitter-approved' | 'submitter-updated';
 /** One origin/destination pair included in the email's route summary. */
 interface CharterSourcingEmailLeg {
+    /** Departure airport code. */
     origin: string;
+    /** Arrival airport code. */
     destination: string;
 }
 /** Contract-backed quote facts shared by all three notifications. */
 interface CharterSourcingEmailQuote {
+    /** Sourcing request the quote answers. */
     requestId: string;
+    /** Operator quoting the charter. */
     carrier: string;
+    /** Aircraft type offered. */
     aircraft: string;
+    /** Passenger count the quote covers. */
     passengers: string | number;
+    /** Legs in the quoted routing, in travel order. */
     legs: readonly CharterSourcingEmailLeg[];
+    /** Outbound travel date. */
     outboundDate: string;
+    /** Return travel date. */
     returnDate: string;
+    /** Who submitted the quote. */
     submittedBy: string;
     /**
      * Preformatted amount without an assumed currency symbol. The backend only
@@ -1497,8 +3299,11 @@ interface CharterSourcingEmailQuote {
 }
 /** One scalar value changed by an administrator. */
 interface CharterSourcingEmailChange {
+    /** Field that changed. */
     label: string;
+    /** Value before the change. */
     previousValue: string;
+    /** Value after the change. */
     updatedValue: string;
 }
 /** Hub only sends an update notification when at least one field changed. */
@@ -1507,20 +3312,26 @@ type CharterSourcingEmailChanges = readonly [
     ...CharterSourcingEmailChange[]
 ];
 interface CharterSourcingEmailPreviewBaseProps {
+    /** Quote the email is about. */
     quote: CharterSourcingEmailQuote;
     /**
      * Original production recipient shown when a non-production environment
      * diverts the message to its configured test inbox.
      */
     testServerOriginalRecipient?: string;
+    /** Additional CSS class. */
     className?: string;
 }
 /** Props mirror the three real sends; an update must contain at least one change. */
 type CharterSourcingEmailPreviewProps = CharterSourcingEmailPreviewBaseProps & ({
+    /** Which of the three sends to preview. */
     variant: 'admin-review' | 'submitter-approved';
+    /** Not carried by these sends -- only an update lists changes. */
     changes?: never;
 } | {
+    /** Which of the three sends to preview. */
     variant: 'submitter-updated';
+    /** What changed since the last send. An update must list at least one. */
     changes: CharterSourcingEmailChanges;
 });
 /** The exact comma-separated route label used by the backend subject and body. */
@@ -1585,6 +3396,122 @@ declare const ContactList: {
     displayName: string;
 };
 
+/**
+ * A resolution option a team lead can bulk-apply to selected debit memos.
+ */
+interface ResolutionOption {
+    /** Stable value submitted to `onApply`. */
+    value: string;
+    /** Stakeholder-facing label shown in the dropdown. */
+    label: string;
+}
+interface DebitMemoBulkActionBarProps {
+    /** The full set of resolution options offered in the dropdown. */
+    resolutionOptions: ResolutionOption[];
+    /** Number of memos currently selected in the grid above/below this bar. */
+    selectedCount: number;
+    /**
+     * Called when the team lead applies a resolution to the current selection.
+     * The bar clears its own dropdown back to the placeholder after a
+     * successful apply; it does not track applied/pending state itself.
+     */
+    onApply: (resolutionValue: string) => void;
+    /** Disables the whole control, e.g. while a bulk-apply request is in flight. */
+    isSubmitting?: boolean;
+}
+/**
+ * Bulk-resolution toolbar for the Debit Memo / Agent Error grid. Lets a team
+ * lead assign one resolution reason to every currently-selected memo instead
+ * of opening and editing each one individually. Composed from the `Select`
+ * and `Button` atoms.
+ */
+declare function DebitMemoBulkActionBar({ resolutionOptions, selectedCount, onApply, isSubmitting, }: DebitMemoBulkActionBarProps): React.JSX.Element;
+
+/**
+ * One ARC debit memo / agent error row as shown in the Employees grid.
+ */
+interface DebitMemoRecord {
+    /**
+     * Stable row id. Falls back to being the link text when `number` is absent,
+     * which is how the mock rows are written; live rows key on the memo's
+     * database id and carry the ARC number separately, because a memo number is
+     * only assigned to debit memos — agent errors have none, so a grid keyed on
+     * it would collide every agent-error row onto one key.
+     */
+    id: string;
+    /**
+     * ARC debit memo number shown as the link text. Blank on agent errors,
+     * which the grid renders with an em dash. Omit it and `id` is shown.
+     */
+    number?: string;
+    /** Memo type code shown in the Type column, e.g. "DM". */
+    type: string;
+    /** Booking agent name or username who created the underlying booking. */
+    agent: string;
+    /** Branch number the memo is billed against. */
+    branch: string;
+    /** Traveler name, formatted "Last, First". */
+    traveler: string;
+    /** Airline numeric code (ALN) for the memo. */
+    aln: string;
+    /** Original ticket number pulled from the ARC debit memo PDF. */
+    originalTicketNumber: string;
+    /** Memo balance in US dollars. */
+    balance: number;
+    /** Standardized reason pulled from the ARC debit memo PDF. */
+    memoReason: string;
+    /** Date the memo was created, already formatted for display. */
+    dateCreated: string;
+    /** Date the memo was last updated, already formatted for display, if any. */
+    lastUpdated?: string;
+    /** URL to the ARC debit memo PDF the memo number links to. */
+    memoPdfUrl?: string;
+}
+interface DebitMemoTableProps {
+    /** Rows to render. Ignored while `isLoading` is true. */
+    memos: DebitMemoRecord[];
+    /** IDs of the currently selected rows (controlled). */
+    selectedIds: string[];
+    /** Called with the full next set of selected IDs on any checkbox change. */
+    onSelectionChange: (selectedIds: string[]) => void;
+    /** Called when a memo number link is activated (opens the ARC PDF). */
+    onOpenMemo?: (memo: DebitMemoRecord) => void;
+    /** Called when a row's edit action is activated. */
+    onEditMemo?: (memo: DebitMemoRecord) => void;
+    /**
+     * Memo reasons that should render with the warning emphasis instead of the
+     * neutral one, e.g. reasons that typically need manual judgment calls.
+     */
+    emphasizedReasons?: string[];
+    /** Renders the table's own loading row instead of data. */
+    isLoading?: boolean;
+    /** Renders an inline error alert instead of rows. */
+    error?: string;
+    /** Message shown when `memos` is empty and not loading/erroring. */
+    emptyMessage?: string;
+}
+/**
+ * The Employees / Debit Memo & Agent Error grid. Shows the standard memo
+ * identity columns alongside three fields pulled directly from the ARC debit
+ * memo PDF (Original Ticket #, Balance, Memo Reason) so a reviewer no longer
+ * has to open each PDF to see them, plus row selection for bulk resolution.
+ * Composed from the shared `Table` organism.
+ */
+declare function DebitMemoTable({ memos, selectedIds, onSelectionChange, onOpenMemo, onEditMemo, emphasizedReasons, isLoading, error, emptyMessage, }: DebitMemoTableProps): React.JSX.Element;
+
+/**
+ * Realistic sample rows for the Debit Memo / Agent Error grid, matching the
+ * shape and values from the stakeholder mockup so Storybook, tests, and the
+ * eventual live data all agree on the same fields.
+ *
+ * Every row but the last carries a `memoPdfUrl`; the last one models a memo
+ * with no PDF on file, whose number the grid renders as plain text rather
+ * than a dead link — the legacy grid dropped its View control the same way.
+ */
+declare const DEBIT_MEMO_MOCK_DATA: DebitMemoRecord[];
+/** Memo reasons that warrant the warning-emphasis pill by default. */
+declare const DEBIT_MEMO_EMPHASIZED_REASONS: string[];
+
 type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
 type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 interface DrawerProps {
@@ -1595,7 +3522,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 */
@@ -1631,9 +3563,22 @@ interface DrawerFooterProps {
     /** Additional CSS class */
     className?: string;
 }
+/**
+ * Top of a Drawer: title and the close affordance.
+ */
 declare const DrawerHeader: React__default.FC<DrawerHeaderProps>;
+/**
+ * Scrollable content region of a Drawer.
+ */
 declare const DrawerBody: React__default.FC<DrawerBodyProps>;
+/**
+ * Bottom of a Drawer, for actions that stay visible while the body scrolls.
+ */
 declare const DrawerFooter: React__default.FC<DrawerFooterProps>;
+/**
+ * Panel sliding in from an edge for secondary work that keeps the page behind it
+ * in context. Traps focus while open and closes on Escape or backdrop click.
+ */
 declare const Drawer: React__default.FC<DrawerProps> & {
     Header: typeof DrawerHeader;
     Body: typeof DrawerBody;
@@ -1641,45 +3586,231 @@ declare const Drawer: React__default.FC<DrawerProps> & {
 };
 
 interface TravelDueDateItem {
+    /** Date the task is due. */
     duedate: string;
+    /** When the task was completed. Empty while it is outstanding. */
     completeddatetime: string;
+    /** Short task name. */
     tasktitle: string;
+    /** Identifier for the task. */
     taskid: number;
+    /** Workflow status text as the source system reports it. */
     status: string;
+    /** Who completed the task. */
     completedby: string;
+    /** Longer explanation of what the task requires. */
     description: string;
+    /** Travel service the task belongs to (air, ground, hotel). */
     servicetype?: string;
+    /** Sport the task belongs to. */
     sportCode: string;
+    /** Trip the task belongs to. */
     tripId: string;
+    /** Name of that trip, for display without a second lookup. */
     tripName: string;
+    /** Master trip the task rolls up to, used to open the trip from a task. */
     masterTripGUID?: string;
+    /** Set by the API when the due date has passed; used by `overdueOnly`. */
+    pastdue?: boolean;
 }
 type GroupedTravelDueDates = Record<string, TravelDueDateItem[]>;
 interface DueDatesDrawerProps {
+    /** Whether the drawer is open. */
     isOpen: boolean;
+    /** Tasks to show, already grouped by date. */
     dueDates: GroupedTravelDueDates;
+    /** Date to focus when opening from a calendar day. */
     selectedDate?: string | null;
+    /** Trip to focus when opening from a trip. */
     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;
+    /** Called when the user dismisses the drawer. */
     onClose: () => void;
+    /** Called with the task the user marked complete or incomplete. */
     onToggle?: (item: TravelDueDateItem) => void;
+    /** Called with the master trip of the task the user opened. */
     onTaskClick?: (masterTripGUID: string) => void;
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Whether a task counts as done.
+ * Treats a completion timestamp as authoritative, since the source systems do not
+ * always write the status text back.
+ */
 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;
+    /**
+     * Renders the rows without their heading row.
+     *
+     * For grids whose columns are already labelled somewhere else: an editable
+     * row inside a form, or rows sitting under a heading strip supplied
+     * separately by GridHeaderRow. Sorting goes with it — the headings are what
+     * you click to sort, so there is nothing left to sort by.
+     */
+    hideHeader?: 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, hideHeader, emptyMessage, totalRow, className, }: GridTableProps<R>): React__default.JSX.Element;
+declare namespace GridTable {
+    var displayName: string;
+}
+
+interface GridHeaderRowProps<R = GridRow> {
+    /** Columns to head. Takes GridTable's column type, so the two stay in step. */
+    columns: GridColumn<R>[];
+    /**
+     * The grid's track sizes, e.g. `"2fr 1fr 120px"`. Optional: a strip used as a
+     * spanning band over other headings has one cell and no tracks to describe.
+     */
+    gridTemplateColumns?: string;
+    /** Content above the headings — a spanning band, a group label. */
+    above?: ReactNode;
+    /** Content below the headings. */
+    below?: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline style overrides. */
+    style?: CSSProperties;
+}
+/**
+ * A grid heading strip on its own, without a table underneath it.
+ *
+ * GridTable renders its own headings and is the right answer whenever the
+ * headings belong to the rows below them. This is for the cases where they do
+ * not: two header strips side by side above one table, or a band that spans
+ * several columns stacked over the real headings. Both need a heading row that
+ * is not tied to a row set, which GridTable cannot express.
+ *
+ * Headings are plain text here, never sort controls — there are no rows to
+ * sort. `sortable` on a column is ignored rather than rendering a button that
+ * does nothing.
+ *
+ * Hidden below 768px, matching GridTable: at that width each row becomes a card
+ * carrying its own labels, so a detached heading strip would caption nothing.
+ */
+declare function GridHeaderRow<R = GridRow>({ columns, gridTemplateColumns, above, below, className, style, }: GridHeaderRowProps<R>): React.JSX.Element;
+declare namespace GridHeaderRow {
+    var displayName: string;
+}
 
 interface HubNavigationItem {
+    /** Stable id, matched against `activeNavKey` to mark the current destination. */
     key: string;
+    /** Visible text for the entry. */
     label: string;
+    /** Route the entry points at. The shell reports it back rather than navigating itself. */
     path: string;
+    /** Icon shown beside the label, and alone when the rail is collapsed. */
     icon: ReactNode;
 }
+/**
+ * Individual Travel entry, kept separate because not every account has it.
+ */
 declare const HUB_INDIVIDUAL_TRAVEL_ITEM: HubNavigationItem;
 /** Canonical navigation identity for the carrier-facing STM Charters portal. */
 declare const HUB_STM_CHARTERS_ITEM: HubNavigationItem;
+/**
+ * The default primary navigation, in display order.
+ */
 declare const HUB_NAV_ITEMS: HubNavigationItem[];
+/**
+ * Administration entry, shown in the footer to admins.
+ */
 declare const HUB_ADMIN_ITEM: HubNavigationItem;
+/**
+ * Agent workspace entry, shown in the footer to admins.
+ */
 declare const HUB_AGENTS_ITEM: HubNavigationItem;
 /**
  * Sourcing sits with the admin-gated footer items rather than in `HUB_NAV_ITEMS`: the
@@ -1689,47 +3820,74 @@ declare const HUB_SOURCING_ITEM: HubNavigationItem;
 /** Off-fleet quote review is an admin surface too, so it is gated the same way. */
 declare const HUB_OFF_FLEET_ITEM: HubNavigationItem;
 interface HubAppShellActions {
+    /** Whether the mobile navigation drawer is currently open. */
     isMobileNavOpen: boolean;
+    /** Opens or closes the mobile navigation drawer. */
     toggleMobileNav: () => void;
 }
 interface HubAppShellProps {
+    /** Page content rendered inside the shell. */
     children: ReactNode;
+    /** Primary navigation entries. Defaults to the standard Hub set. */
     navItems?: HubNavigationItem[];
     /** Set to `null` when Individual Travel is not available to the current user or account. */
     individualTravelItem?: HubNavigationItem | null;
+    /** Agent workspace entry, rendered in the footer and gated on `isAdmin`. */
     agentsItem?: HubNavigationItem;
     /** ACMI sourcing entry, rendered in the footer and shown only when `isAdmin` is true. */
     sourcingItem?: HubNavigationItem;
     /** Off-fleet quote review entry, rendered in the footer and gated on `isAdmin`. */
     offFleetItem?: HubNavigationItem;
+    /** Administration entry, rendered in the footer and gated on `isAdmin`. */
     adminItem?: HubNavigationItem;
     /**
      * Authoritative footer navigation. When provided (including an empty array),
      * it replaces the default admin-gated Sourcing, Off-Fleet, Agents, and Administration items.
      */
     footerNavItems?: HubNavigationItem[];
+    /** Key of the entry to mark as current. */
     activeNavKey?: string;
+    /** Called with the entry the user picked. The host performs the routing. */
     onNavigate?: (item: HubNavigationItem) => void;
+    /** Called when the user activates the logo. */
     onLogoClick?: () => void;
+    /** Called when the user chooses to hand off to the legacy portal. */
     onLegacyPortal?: () => void;
+    /** Account switcher rendered in the top bar. */
     accountSelector?: ReactNode;
+    /** Renders top bar actions, given the shell state so they can drive the mobile nav. */
     renderTopbarActions?: (actions: HubAppShellActions) => ReactNode;
+    /** Renders extra content inside the mobile drawer, given a callback that closes it. */
     renderMobileExtras?: (close: () => void) => ReactNode;
+    /** Content pinned to the bottom of the mobile drawer. */
     mobileFooter?: ReactNode;
+    /** Profile menu rendered in the top bar. */
     profileMenu?: ReactNode;
+    /** Initials shown in the top bar when no profile menu is supplied. */
     userInitials?: string;
+    /** Whether the current user sees the admin-gated footer entries. */
     isAdmin?: boolean;
+    /** Renders navigation as non-interactive, for loading and restricted states. */
     navigationDisabled?: boolean;
+    /** Shows the shell in its loading state. */
     loading?: boolean;
+    /** Renders the content area as non-interactive while an operation blocks it. */
     contentDisabled?: boolean;
+    /** Whether to render children at all. Set false to hold the frame while content resolves. */
     showContent?: boolean;
+    /** Overrides the default brand mark, shown while the side rail is expanded. */
     logo?: ReactNode;
+    /** Overrides the brand mark shown while the side rail is collapsed, where only an icon fits. */
+    collapsedLogo?: ReactNode;
+    /** Whether the side rail starts expanded. */
     defaultExpanded?: boolean;
+    /** Beta tag shown beside the brand mark. */
     betaLabel?: string;
+    /** Additional CSS class. */
     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.
@@ -1995,11 +4153,17 @@ declare const MembershipPrograms: {
 };
 
 interface ManifestCapacityStatsProps {
+    /** Passengers currently manifested. */
     paxCount: number;
+    /** Seats available on the aircraft. */
     seats: number;
+    /** Total passenger weight, in pounds. */
     paxWeight: number;
+    /** Total cargo and equipment weight, in pounds. */
     cargoWeight: number;
+    /** Maximum payload the aircraft can carry, in pounds. */
     payloadLimit: number;
+    /** Additional CSS class. */
     className?: string;
 }
 /** Advisory seat and payload meters from Hub's charter manifest. */
@@ -2028,11 +4192,21 @@ interface ModalProps {
     /** Additional CSS class */
     className?: string;
 }
+/**
+ * Dialog that interrupts the page until the user resolves it.
+ * Traps focus, closes on Escape, and restores focus to the trigger on close.
+ * Use an Alert instead when the user does not have to act.
+ */
 declare const Modal: React__default.FC<ModalProps>;
 interface ModalFooterProps {
+    /** Footer content, usually the confirm and cancel actions. */
     children: React__default.ReactNode;
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Action row for the bottom of a Modal, keeping button order consistent across dialogs.
+ */
 declare const ModalFooter: React__default.FC<ModalFooterProps>;
 interface ConfirmModalProps extends Omit<ModalProps, 'footer' | 'children'> {
     /** Message to display */
@@ -2048,6 +4222,10 @@ interface ConfirmModalProps extends Omit<ModalProps, 'footer' | 'children'> {
     /** Whether confirm action is in progress */
     loading?: boolean;
 }
+/**
+ * Modal preset for confirming a single action, with the confirm and cancel
+ * buttons already wired.
+ */
 declare const ConfirmModal: React__default.FC<ConfirmModalProps>;
 
 type ModuleSize = 'sm' | 'md' | 'lg';
@@ -2108,21 +4286,34 @@ declare const ModuleVerticalDivider: React__default.FC<{
 }>;
 
 interface SystemBanner {
+    /** Identifier for the banner, used to key and dismiss it. */
     id: string;
+    /** Banner body as trusted HTML from the announcements system. */
     html: string;
+    /** Expanded detail revealed when the reader opens the banner. */
     detailHtml?: string;
 }
 interface TravelAlertBanner {
+    /** Identifier for the alert. */
     id: string;
+    /** Headline summarizing the disruption. */
     title: string;
+    /** Supporting detail. */
     body?: string;
+    /** Link to the full advisory. */
     href?: string;
 }
 interface PageBannersProps {
+    /** Platform-wide notices such as maintenance windows. */
     systemBanners: SystemBanner[];
+    /** Travel alerts affecting trips, such as weather or carrier disruption. */
     alertBanners: TravelAlertBanner[];
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Stacked notices for the top of a page: platform notices first, then travel alerts.
+ */
 declare const PageBanners: ({ systemBanners, alertBanners, className, }: PageBannersProps) => React.JSX.Element | null;
 
 interface PreferenceField {
@@ -2327,6 +4518,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 +4550,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 +4563,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;
 }
@@ -2666,6 +4863,9 @@ interface TableProps<T = any> {
     /** Additional CSS class */
     className?: string;
 }
+/**
+ * Data table with sorting, selection, and empty and loading states.
+ */
 declare const Table: <T extends Record<string, any> = any>({ columns, data, rowKey, bordered, striped, hoverable, compact, loading, emptyMessage, emptyContent, selectable, selectedRowKeys, defaultSelectedRowKeys, onSelectionChange, isRowSelectable, rowSelectionLabel, selectAllLabel, onRowClick, className, }: TableProps<T>) => React__default.JSX.Element;
 
 interface TeamOption {
@@ -2700,61 +4900,106 @@ declare const TeamCard: {
 
 type TeamContactId = string | number;
 interface TeamContactOption {
+    /** Identifier reported back through the selected contact ids. */
     id: TeamContactId;
+    /** Contact name shown in the picker. */
     name: string;
+    /** Role at the school, shown beside the name. */
     title?: string;
+    /** Contact email address. */
     email?: string;
+    /** Contact phone number. */
     phone?: string;
+    /** Whether the contact is still active. Inactive contacts stay selectable so existing assignments survive. */
     active?: boolean;
 }
 interface TeamContactsValue {
+    /** Contact who owns the trip. */
     primaryContactId?: TeamContactId;
+    /** Backup contact. */
     secondaryContactId?: TeamContactId;
+    /** Contacts copied on correspondence. Holes are kept so empty rows stay in place while editing. */
     ccContactIds?: Array<TeamContactId | undefined>;
 }
 interface TeamContactsLoadingState {
+    /** Whether the primary contact is being saved. */
     primary?: boolean;
+    /** Whether the secondary contact is being saved. */
     secondary?: boolean;
+    /** Per-row save state for the copied contacts, positionally matched to `ccContactIds`. */
     cc?: boolean[];
 }
 interface TeamContactsPanelProps {
+    /** Contacts available to assign. */
     contacts: TeamContactOption[];
+    /** Currently assigned contacts. */
     value: TeamContactsValue;
+    /** Called with the full assignment after any change. */
     onChange?: (value: TeamContactsValue) => void;
+    /** Disables every picker. */
     disabled?: boolean;
+    /** Per-slot save state, for showing progress on the row being written. */
     loading?: TeamContactsLoadingState;
+    /** Stable hook for acceptance and visual tests. */
     dataTestId?: string;
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Assigns a team's primary, secondary, and copied travel contacts.
+ * Each slot saves independently, so `loading` is per slot rather than per panel.
+ */
 declare const TeamContactsPanel: {
     ({ contacts, value, onChange, disabled, loading, dataTestId, className, }: TeamContactsPanelProps): React.JSX.Element;
     displayName: string;
 };
 
 interface SeasonOption {
+    /** Value reported through `onSeasonChange` when this season is picked. */
     value: string;
+    /** Visible season text. */
     label: string;
 }
 interface TeamScheduleActionsProps {
+    /** Whether the schedule is currently in its compact layout. */
     isCompactView: boolean;
+    /** Number of trips in the current season, shown in the summary. */
     tripCount: number;
+    /** Label for the season currently shown. */
     seasonLabel: string;
+    /** Value of the selected season, when a season picker is offered. */
     seasonValue?: string;
+    /** Seasons available to pick from. Omit to show only the stepper arrows. */
     seasonOptions?: SeasonOption[];
+    /** Disables stepping back, at the earliest season on record. */
     previousSeasonDisabled?: boolean;
+    /** Disables export, when there is nothing to export. */
     exportDisabled?: boolean;
+    /** Shows export as in progress. */
     exporting?: boolean;
+    /** Disables raising a group travel request. */
     groupTravelDisabled?: boolean;
+    /** Disables merging events. */
     mergeDisabled?: boolean;
+    /** Shows the merge as in progress. */
     merging?: boolean;
+    /** Called when the user switches between compact and full schedule layouts. */
     onViewSchedule?: () => void;
+    /** Called when the user leaves the schedule. */
     onBack?: () => void;
+    /** Called when the user steps to the previous season. */
     onPreviousSeason?: () => void;
+    /** Called when the user steps to the next season. */
     onNextSeason?: () => void;
+    /** Called with the season the user picked. */
     onSeasonChange?: (value: string) => void;
+    /** Called when the user exports the schedule. */
     onExport?: () => void;
+    /** Called when the user raises a group travel request. */
     onGroupTravelRequest?: () => void;
+    /** Called when the user merges duplicate events. */
     onMergeEvents?: () => void;
+    /** Additional CSS class. */
     className?: string;
 }
 /** Exact presentational counterpart of Hub's Team Schedule action controls. */
@@ -2762,18 +5007,29 @@ declare const TeamScheduleActions: ({ isCompactView, tripCount, seasonLabel, sea
 
 /** @deprecated Legacy injected row. Prefer the structured `data` prop. */
 interface TeamScheduleCompactRow {
+    /** Identifier for the row. */
     id: string | number;
+    /** Rendered trip cell. */
     trip: ReactNode;
+    /** Rendered events cell. */
     events: ReactNode;
 }
 interface TeamScheduleCompactEvent {
+    /** Identifier for the event. */
     id: string | number;
+    /** Opposing school. */
     opponent: string;
+    /** Event name. */
     title: string;
+    /** Date the event is played. */
     date: string;
+    /** Start time, when one is set. */
     time?: string;
+    /** Marker shown while the date or time is still to be confirmed. */
     tbc?: string;
+    /** Where the event is played. */
     location: string;
+    /** Whether the event is home or away. */
     homeAway: string;
     /** Leading 48px cell (e.g. checkbox or drag handle). */
     leading?: ReactNode;
@@ -2781,14 +5037,21 @@ interface TeamScheduleCompactEvent {
     action?: ReactNode;
 }
 interface TeamScheduleCompactTrip {
+    /** Identifier for the trip. */
     id: string | number;
+    /** Rendered group travel request indicator. */
     gtr?: ReactNode;
+    /** First day of travel. */
     travelStart: string;
+    /** Last day of travel. */
     travelEnd: string;
+    /** Trip name. */
     tripName: string;
+    /** Rendered summary of the travel services on the trip. */
     services?: ReactNode;
     /** Trailing 116px cell (e.g. Edit action). */
     action?: ReactNode;
+    /** Competitions the trip covers. */
     events: TeamScheduleCompactEvent[];
 }
 interface TeamScheduleCompactTableProps {
@@ -2801,19 +5064,25 @@ interface TeamScheduleCompactTableProps {
     rows?: TeamScheduleCompactRow[];
     /** Header labels for legacy `rows` mode only. */
     tripHeaders?: ReactNode[];
+    /** Header labels for the event columns in legacy `rows` mode only. */
     eventHeaders?: ReactNode[];
+    /** Called when the user adds an event. */
     onAddEvent?: () => void;
+    /** Disables adding an event. */
     addEventDisabled?: boolean;
+    /** Additional CSS class. */
     className?: string;
     /** Click trip column headers to sort. */
     enableSorting?: boolean;
     /** Search box matching trip and event text. */
     enableGlobalFilter?: boolean;
+    /** Placeholder for the search box. */
     globalFilterPlaceholder?: string;
     /** Per-column text filters under the trip headers. */
     enableColumnFilters?: boolean;
     /** Page the trips with prev/next controls. */
     enablePagination?: boolean;
+    /** Trips per page when pagination is on. */
     pageSize?: number;
     /** Checkbox per trip plus a select-all header checkbox. */
     enableRowSelection?: boolean;
@@ -2828,26 +5097,43 @@ interface TeamScheduleCompactTableProps {
 declare const TeamScheduleCompactTable: ({ data, rows, tripHeaders, eventHeaders, onAddEvent, addEventDisabled, className, enableSorting, enableGlobalFilter, globalFilterPlaceholder, enableColumnFilters, enablePagination, pageSize, enableRowSelection, onRowSelectionChange, enableColumnVisibility, enableExpanding, }: TeamScheduleCompactTableProps) => React.JSX.Element;
 
 interface TeamScheduleDueDate {
+    /** Identifier for the task. */
     id?: string | number;
+    /** Short task name. */
     title: string;
+    /** Date the task is due. */
     date: string;
 }
 interface TeamScheduleExpandedRow {
+    /** Stable identifier for the trip. */
     masterTripGUID: string;
+    /** Sport the trip belongs to. */
     sportCode?: string;
+    /** First day of travel. */
     travelStartDate?: string;
+    /** Last day of travel. */
     travelEndDate?: string;
+    /** Trip name. */
     tripName: string;
+    /** Outstanding tasks for the trip. */
     dueDates?: TeamScheduleDueDate[];
+    /** Rendered air itinerary for the trip. */
     airSegment?: ReactNode;
+    /** Rendered ground itinerary for the trip. */
     groundSegment?: ReactNode;
+    /** Rendered lodging for the trip. */
     hotelSegment?: ReactNode;
 }
 interface TeamScheduleExpandedTableProps {
+    /** Trips to show, in display order. */
     rows: TeamScheduleExpandedRow[];
+    /** Team the schedule belongs to, shown in the header. */
     teamCode?: string;
+    /** Called with the trip the user opened. */
     onTripClick?: (row: TeamScheduleExpandedRow) => void;
+    /** Text shown when there are no trips. */
     emptyMessage?: string;
+    /** Additional CSS class. */
     className?: string;
 }
 declare const formatTeamScheduleTravelDates: (startValue?: string, endValue?: string) => string;
@@ -2857,20 +5143,33 @@ declare const TeamScheduleExpandedTable: ({ rows, teamCode, onTripClick, emptyMe
 
 type TeamScheduleHomeAway = 'Home' | 'Away' | 'Neutral';
 interface TeamScheduleEditorEvent {
+    /** Identifier for the event. */
     id: string | number;
+    /** Date the event is played. */
     eventDate: string;
+    /** Opposing school. */
     opponent: string;
+    /** Event name. */
     eventTitle: string;
+    /** Whether the event is home or away. */
     homeOrAway: TeamScheduleHomeAway;
+    /** Whether the event is a candidate for merging into another. */
     mergeable?: boolean;
 }
 interface TeamScheduleEditorTrip {
+    /** Identifier for the trip. */
     id: string | number;
+    /** Whether a group travel request has already been raised for the trip. */
     gtrExists?: boolean;
+    /** First day of travel. */
     travelStartDate: string;
+    /** Last day of travel. */
     travelEndDate: string;
+    /** Trip name. */
     tripName: string;
+    /** Travel services on the trip, as codes or a preformatted summary. */
     services: string[] | string;
+    /** Competitions the trip covers. */
     events: TeamScheduleEditorEvent[];
 }
 interface TeamScheduleEditorProps {
@@ -2882,113 +5181,219 @@ interface TeamScheduleEditorProps {
     opponentOptions?: string[];
     /** Called after any saved edit or deletion. */
     onChange?: (rows: TeamScheduleEditorTrip[]) => void;
+    /** Called with the trip the user saved. */
     onSaveTrip?: (trip: TeamScheduleEditorTrip) => void;
+    /** Called with the trip the user deleted. */
     onDeleteTrip?: (trip: TeamScheduleEditorTrip) => void;
+    /** Called with the event the user saved, and its trip when it has one. */
     onSaveEvent?: (event: TeamScheduleEditorEvent, trip?: TeamScheduleEditorTrip) => void;
+    /** Called with the event the user deleted and the trip it came from. */
     onDeleteEvent?: (event: TeamScheduleEditorEvent, trip: TeamScheduleEditorTrip) => void;
+    /** Called with the trip the user raised a group travel request for. */
     onOpenGroupTravelRequest?: (trip: TeamScheduleEditorTrip) => void;
+    /** Called with the ids of the currently selected trips. */
     onSelectedTripsChange?: (ids: Array<string | number>) => void;
+    /** Called with the ids of the currently selected events. */
     onSelectedEventsChange?: (ids: Array<string | number>) => void;
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Inline editor for a team's season: trips, and the events inside each trip.
+ * Works controlled via `rows` or uncontrolled via `initialRows`.
+ */
 declare const TeamScheduleEditor: ({ rows, initialRows, opponentOptions, onChange, onSaveTrip, onDeleteTrip, onSaveEvent, onDeleteEvent, onOpenGroupTravelRequest, onSelectedTripsChange, onSelectedEventsChange, className, }: TeamScheduleEditorProps) => React.JSX.Element;
 
 type TeamTravelCalendarDuration = 'month' | 'week';
 type TeamTravelCalendarItemType = 'trips' | 'due_dates';
 interface TeamTravelCalendarDueDate {
+    /** Identifier for the task, unique within the trip. */
     taskid: number | string;
+    /** Date the task is due. */
     duedate: string;
+    /** Short task name shown on the calendar. */
     tasktitle: string;
+    /** Longer explanation of what the task requires. */
     description?: string;
+    /** Workflow status of the task. */
     status?: string;
+    /** When the task was completed, absent while it is outstanding. */
     completeddatetime?: string;
+    /** Who completed the task. */
     completedby?: string;
+    /** Travel service the task belongs to (air, ground, hotel). */
     servicetype?: string;
+    /** Sport the task belongs to. */
     sportCode?: string;
+    /** Trip the task belongs to. */
     tripId?: string;
+    /** Name of that trip, for display without a second lookup. */
     tripName?: string;
+    /** Start date of that trip. */
     tripStart?: string;
+    /** Master trip this task rolls up to. */
     masterTripGUID?: string;
 }
 interface TeamTravelCalendarEvent {
+    /** Identifier for the event. */
     id?: string | number;
+    /** Event name. */
     eventtitle?: string;
+    /** Opposing team. */
     opponentname?: string;
+    /** Where the event is played. */
     venuename?: string;
+    /** Date the event starts. */
     eventstartdate?: string;
+    /** Whether the event is home or away. */
     homeoraway?: string;
 }
 interface TeamTravelCalendarTrip {
+    /** Stable identifier for the trip across systems. */
     masterTripGUID: string;
+    /** Numeric trip identifier, where the legacy portal uses one. */
     masterTripID?: number | string;
+    /** Sport the trip belongs to. */
     sportCode: string;
+    /** First day of travel. */
     tripStart: string;
+    /** Last day of travel. */
     tripEnd: string;
+    /** Trip name shown on the calendar. */
     tripName: string;
+    /** Booking status of the air portion. */
     air_status?: string;
+    /** Booking status of the charter portion. */
     charter_status?: string;
+    /** Booking status of the ground portion. */
     ground_status?: string;
+    /** Booking status of the hotel portion. */
     hotel_status?: string;
+    /** Tasks due for this trip. */
     duedates?: TeamTravelCalendarDueDate[];
+    /** Competitions this trip covers. */
     events?: TeamTravelCalendarEvent[];
 }
 interface TeamTravelCalendarSportGroup {
+    /** Sport the group covers. */
     sportCode: string;
+    /** Human-readable sport name. */
     sportDescription: string;
+    /** Number of upcoming trips, shown on the group header. */
     upcomingCount?: number;
+    /** Start date of the next trip, shown on the group header. */
     nextTripStartDate?: string;
+    /** Trips in the group. */
     trips: TeamTravelCalendarTrip[];
 }
 interface TeamTravelCalendarToolbarProps {
+    /** Period the calendar currently spans. */
     duration: TeamTravelCalendarDuration;
+    /** Period label shown between the navigation controls. */
     label?: string;
     /** Optional app-owned date picker/navigation control. */
     navigation?: ReactNode;
+    /** Called with the newly selected period length. */
     onDurationChange?: (duration: TeamTravelCalendarDuration) => void;
+    /** Called when the user jumps back to today. */
     onToday?: () => void;
+    /** Called when the user steps back one period. */
     onPrevious?: () => void;
+    /** Called when the user steps forward one period. */
     onNext?: () => void;
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Period controls shared by the calendar views: previous, next, today, and month/week.
+ * Stateless -- the host owns the active date and passes the label back in.
+ */
 declare const TeamTravelCalendarToolbar: ({ duration, label, navigation, onDurationChange, onToday, onPrevious, onNext, className, }: TeamTravelCalendarToolbarProps) => React.JSX.Element;
 interface TeamTravelCalendarViewProps {
+    /** Any date inside the period to render. */
     activeDate: string;
+    /** Whether to render a month or a week. */
     duration?: TeamTravelCalendarDuration;
+    /** Whether cells plot trips or due dates. */
     type?: TeamTravelCalendarItemType;
+    /** Trips to plot. Used when `type` is `trips`. */
     trips?: TeamTravelCalendarTrip[];
+    /** Tasks to plot. Used when `type` is `due_dates`. */
     dueDates?: TeamTravelCalendarDueDate[];
+    /** Date to mark as today. Defaults to the current date; set it to keep snapshots stable. */
     today?: string;
+    /** Toolbar rendered above the grid, usually a TeamTravelCalendarToolbar. */
     toolbar?: ReactNode;
+    /** Called with the trip the user opened. */
     onTripClick?: (trip: TeamTravelCalendarTrip) => void;
+    /** Called with the day the user opened, and the task when one was clicked directly. */
     onDueDateClick?: (date: string, dueDate?: TeamTravelCalendarDueDate) => void;
+    /** Called with the task the user marked complete or incomplete. */
     onDueDateToggle?: (dueDate: TeamTravelCalendarDueDate) => void;
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Month or week grid plotting a team's trips or task due dates onto calendar days.
+ */
 declare const TeamTravelCalendarView: ({ activeDate, duration, type, trips, dueDates, today, toolbar, onTripClick, onDueDateClick, onDueDateToggle, className, }: TeamTravelCalendarViewProps) => React.JSX.Element;
 interface TeamTravelCalendarCardViewProps {
+    /** Trips grouped by sport, in display order. */
     groups: TeamTravelCalendarSportGroup[];
+    /** Whether cards summarize trips or due dates. */
     type?: TeamTravelCalendarItemType;
+    /** Toolbar rendered above the cards. */
     toolbar?: ReactNode;
+    /** Called with the trip the user opened. */
     onTripClick?: (trip: TeamTravelCalendarTrip) => void;
+    /** Called with the task the user opened. */
     onDueDateClick?: (dueDate: TeamTravelCalendarDueDate) => void;
+    /** Called with the task the user marked complete or incomplete. */
     onDueDateToggle?: (dueDate: TeamTravelCalendarDueDate) => void;
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * The same travel plotted as cards grouped by sport, for scanning across sports
+ * rather than across dates.
+ */
 declare const TeamTravelCalendarCardView: ({ groups, type, toolbar, onTripClick, onDueDateClick, onDueDateToggle, className, }: TeamTravelCalendarCardViewProps) => React.JSX.Element;
 interface TeamTravelCalendarListViewProps {
+    /** Trips to list, in display order. */
     trips: TeamTravelCalendarTrip[];
+    /** Whether rows show trips or due dates. */
     type?: TeamTravelCalendarItemType;
+    /** Toolbar rendered above the list. */
     toolbar?: ReactNode;
+    /** Label describing the period the list covers. */
     periodLabel?: string;
+    /** Count of upcoming trips shown in the list header. */
     upcomingTrips?: number;
+    /** Called with the trip the user opened. */
     onTripClick?: (trip: TeamTravelCalendarTrip) => void;
+    /** Called with the trip whose task list the user opened. */
     onDueDatesClick?: (trip: TeamTravelCalendarTrip) => void;
+    /** Called with the task the user opened. */
     onDueDateClick?: (dueDate: TeamTravelCalendarDueDate) => void;
+    /** Called with the task the user marked complete or incomplete. */
     onDueDateToggle?: (dueDate: TeamTravelCalendarDueDate) => void;
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * The same travel as a dense chronological list, for long periods that a grid
+ * cannot show at once.
+ */
 declare const TeamTravelCalendarListView: ({ trips, type, toolbar, periodLabel, upcomingTrips, onTripClick, onDueDatesClick, onDueDateClick, onDueDateToggle, className, }: TeamTravelCalendarListViewProps) => React.JSX.Element;
+/**
+ * Formats the heading for a calendar period -- "March 2026" for a month,
+ * a date range for a week.
+ */
 declare const getTeamTravelCalendarPeriodLabel: (activeDate: string, duration: TeamTravelCalendarDuration) => string;
+/**
+ * Steps a date forward or back by whole periods, returning the new active date.
+ * Pass a negative `amount` to step backwards.
+ */
 declare const moveTeamTravelCalendarPeriod: (activeDate: string, duration: TeamTravelCalendarDuration, amount: number) => string;
 
 type TeamFormMode = 'Add' | 'Edit';
@@ -3008,84 +5413,154 @@ interface ManagedFormProps<T> {
     showActions?: boolean;
     /** Disable every field and action. */
     disabled?: boolean;
+    /** Additional CSS class. */
     className?: string;
 }
 interface TeamEquipmentValues {
+    /** What the item is. */
     description: string;
+    /** Weight per unit, in pounds. Drives the manifest payload total. */
     weight: TeamNumericValue;
+    /** How many are travelling. */
     quantity: TeamNumericValue;
+    /** Height per unit, in inches. */
     height: TeamNumericValue;
+    /** Width per unit, in inches. */
     width: TeamNumericValue;
+    /** Depth per unit, in inches. */
     depth: TeamNumericValue;
 }
 interface TeamEquipmentFormProps extends ManagedFormProps<TeamEquipmentValues> {
+    /** Whether the form is adding or editing. */
     mode?: TeamFormMode;
 }
+/**
+ * Adds or edits a piece of team equipment, including the dimensions and weight
+ * that charter payload planning depends on.
+ */
 declare const TeamEquipmentForm: ({ mode, values, initialValues, onChange, onSubmit, onCancel, showActions, disabled, className, }: TeamEquipmentFormProps) => React.JSX.Element;
 interface TeamUserAccessValues {
+    /** Portal user being granted access to the team. */
     userId: string;
 }
 interface TeamUserAccessFormProps extends ManagedFormProps<TeamUserAccessValues> {
+    /** Portal users available to grant access to. */
     options: SelectOption[];
 }
+/**
+ * Grants an existing portal user access to a team.
+ */
 declare const TeamUserAccessForm: ({ options, values, initialValues, onChange, onSubmit, onCancel, showActions, disabled, className, }: TeamUserAccessFormProps) => React.JSX.Element;
 type TeamProgramType = 'Air' | 'Car' | 'Hotel';
 interface TeamProgramValues {
+    /** Which loyalty program the number belongs to. */
     type: TeamProgramType;
+    /** Supplier running the program. */
     supplier: string;
+    /** The team's account or membership number. */
     accountNumber: string;
 }
 interface TeamProgramFormProps extends ManagedFormProps<TeamProgramValues> {
+    /** Suppliers to offer per program type. Types left out fall back to a free-text entry. */
     supplierOptions?: Partial<Record<TeamProgramType, SelectOption[]>>;
 }
+/**
+ * Records a loyalty or corporate program number the team travels under.
+ */
 declare const TeamProgramForm: ({ values, initialValues, onChange, onSubmit, onCancel, showActions, disabled, className, supplierOptions, }: TeamProgramFormProps) => React.JSX.Element;
 interface TeamRosterMemberValues {
+    /** Portal user this roster member is linked to, when they have an account. */
     portalUserId: string;
+    /** Given name, as it appears on the government ID used to travel. */
     firstName: string;
+    /** Middle name, as it appears on that ID. */
     middleName: string;
+    /** Confirms the traveler has no middle name, so the empty field is deliberate. */
     noMiddleName: boolean;
+    /** Family name, as it appears on that ID. */
     lastName: string;
+    /** Whether the traveler is an athlete, coach, staff member, or guest. */
     travelerType: string;
+    /** Date of birth, required by carriers for ticketing. */
     birthDate: string;
+    /** Gender as recorded on the travel document. */
     gender: string;
+    /** Traveler weight, in pounds. Feeds charter payload calculations. */
     weight: TeamNumericValue;
+    /** Passport number, for international travel. */
     passportNumber: string;
+    /** TSA PreCheck / Known Traveler Number. */
     knownTravelerNumber: string;
+    /** DHS redress number, where the traveler has one. */
     dhsRedressNumber: string;
+    /** Airline the frequent flyer number belongs to. */
     airline: string;
+    /** Frequent flyer number for that airline. */
     frequentFlyerNumber: string;
+    /** Accessibility needs, seating, and meal requests. */
     specialRequests: string;
 }
 interface TeamPortalUserOption extends SelectOption {
+    /** Traveler details to prefill the form with when this user is picked. */
     traveler?: Partial<TeamRosterMemberValues>;
 }
 interface TeamRosterMemberFormProps extends ManagedFormProps<TeamRosterMemberValues> {
+    /** Whether the form is adding or editing. */
     mode?: TeamFormMode;
+    /** Portal users a roster member can be created from. */
     portalUsers?: TeamPortalUserOption[];
+    /** Airlines offered for the frequent flyer number. */
     airlineOptions?: SelectOption[];
+    /** Traveler types offered. */
     travelerTypeOptions?: SelectOption[];
 }
+/**
+ * Adds or edits a roster member, including the identity details carriers require
+ * for ticketing. Can prefill from a linked portal user.
+ */
 declare const TeamRosterMemberForm: ({ mode, values, initialValues, onChange, onSubmit, onCancel, showActions, disabled, className, portalUsers, airlineOptions, travelerTypeOptions, }: TeamRosterMemberFormProps) => React.JSX.Element;
 type TeamImportKind = 'equipment' | 'roster' | 'teamworks-roster';
 interface TeamImportFormProps {
+    /** What the uploaded file contains. */
     kind: TeamImportKind;
+    /** Called with the file the user chose. */
     onSubmit?: (file: File) => void;
+    /** Called when the user abandons the import. */
     onCancel?: () => void;
+    /** Disables the form while an import is running. */
     disabled?: boolean;
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Bulk-loads roster or equipment records from an uploaded file.
+ */
 declare const TeamImportForm: ({ kind, onSubmit, onCancel, disabled, className }: TeamImportFormProps) => React.JSX.Element;
 
 interface TravelSummaryMetricsProps {
+    /** Trips completed so far this season. */
     tripsTraveled?: string | number;
+    /** Trips still ahead this season. */
     remainingTrips?: string | number;
+    /** Total trip spend for the season. */
     seasonTripCosts?: string | number;
+    /** Season the figures cover. */
     seasonLabel: string;
+    /** Count of overdue tasks, surfaced as the one actionable tile. */
     overdueActions?: string | number;
+    /** Called when the user opens the overdue tasks. The tile is static without it. */
     onOverdueActionsClick?: () => void;
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Formats a trip cost for a metric tile, abbreviating thousands so long figures
+ * do not wrap.
+ */
 declare const formatCompactTripCost: (value?: string | number) => string | undefined;
+/**
+ * Season-at-a-glance tiles: trips taken, trips remaining, spend, and overdue tasks.
+ */
 declare const TravelSummaryMetrics: ({ tripsTraveled, remainingTrips, seasonTripCosts, seasonLabel, overdueActions, onOverdueActionsClick, className, }: TravelSummaryMetricsProps) => React.JSX.Element;
 
 interface TravelerFormData {
@@ -3123,7 +5598,9 @@ interface TravelerFormProps {
     children?: ReactNode;
     /** Form sections - render props approach */
     renderNameSection?: (values: TravelerFormData) => ReactNode;
+    /** Renders the traveler detail fields, given the current values. */
     renderDetailsSection?: (values: TravelerFormData) => ReactNode;
+    /** Renders the travel preference fields, given the current values. */
     renderPreferencesSection?: (values: TravelerFormData) => ReactNode;
     /** Footer actions */
     footer?: ReactNode;
@@ -3197,6 +5674,9 @@ interface TripTableProps {
     /** Additional CSS class */
     className?: string;
 }
+/**
+ * Trip listing with the segment, status, and date columns the travel screens share.
+ */
 declare const TripTable: React__default.FC<TripTableProps>;
 
 type AdministrationTab = 'system' | 'client';
@@ -3207,13 +5687,19 @@ interface AdministrationCard {
     icon?: ReactNode;
 }
 interface AdministrationPageProps {
+    /** Tab currently shown. */
     activeTab?: AdministrationTab;
     /** Authoritative tabs for the current viewer. An empty array renders no tab controls. */
     enabledTabs?: AdministrationTab[];
+    /** Called with the tab the user selected. */
     onTabChange?: (tab: AdministrationTab) => void;
+    /** Administration destinations offered on the current tab. */
     cards?: AdministrationCard[];
+    /** Called with the destination the user opened. */
     onCardClick?: (card: AdministrationCard) => void;
+    /** Content rendered below the cards, for a tab that hosts its own screen. */
     children?: ReactNode;
+    /** Additional CSS class. */
     className?: string;
 }
 /** Hub administration shell and system-card index. */
@@ -3232,20 +5718,35 @@ interface AgentGroupTravelRequestsPageProps {
     today?: string;
     /** Shows the STM-employee-only quick links (agent request form, CDS requests, actionable items, administer views). */
     isStmEmployee?: boolean;
+    /** Called when the agent returns to booking. */
     onBackToBookATrip?: () => void;
+    /** Called when the agent raises a request on behalf of a school. */
     onSubmitNewRequest?: () => void;
+    /** Called when the agent raises a request through the agent-only form. */
     onSubmitAgentRequest?: () => void;
+    /** Called when the agent searches closed requests. */
     onSearchPastRequests?: () => void;
+    /** Called when the agent opens the CDS request queue. */
     onShowCdsRequests?: () => void;
+    /** Called when the agent opens the items needing action. */
     onShowActionableItems?: () => void;
+    /** Called when the agent manages the saved account-group views. */
     onAdministerViews?: () => void;
+    /** Called with the request the agent opened. */
     onOpenRequest?: (id: number) => void;
+    /** Called with the master trip the agent opened. */
     onViewMasterTrip?: (masterTripId: number) => void;
+    /** Called with the request the agent deleted. */
     onDeleteRequest?: (id: number) => void;
+    /** Called with the record locator the agent copied. */
     onCopyPnr?: (recordLocator: string) => void;
+    /** Called with the request and the milestone the agent marked complete or incomplete. */
     onToggleDueStatus?: (id: number, field: GroupTravelDueField) => void;
+    /** Called with the request and its new submitted date. */
     onSubmittedDateChange?: (id: number, value: string) => void;
+    /** Called with the request and its new quote-sent date. */
     onQuoteSentDateChange?: (id: number, value: string) => void;
+    /** Additional CSS class. */
     className?: string;
 }
 /** Hub's agent-facing Group Travel Request screen — the "Book a Trip" quick links plus the open-requests list. */
@@ -3378,6 +5879,7 @@ interface ChampionshipBidDetailPageProps {
     onBack?: () => void;
     /** BCP 47 locale used to format seats and total cost. */
     locale?: string;
+    /** Additional CSS class. */
     className?: string;
 }
 /**
@@ -3590,31 +6092,57 @@ interface CharterManifestEquipment {
     weight: number;
 }
 interface CharterManifestPageProps {
+    /** Trip the manifest belongs to. */
     tripName: string;
+    /** First day of travel. */
     travelStartDate?: string;
+    /** Last day of travel. */
     travelEndDate?: string;
+    /** Seats available on the aircraft. */
     seats: number;
+    /** Maximum payload the aircraft can carry, in pounds. */
     payloadLimit: number;
+    /** Total passenger weight, in pounds. */
     passengerWeight: number;
+    /** Total cargo and equipment weight, in pounds. */
     cargoWeight: number;
+    /** Operator flying the charter. */
     carrierName?: string;
+    /** Note from the operator about the manifest. */
     carrierNote?: string;
+    /** Passengers currently manifested. */
     passengers?: CharterManifestPassenger[];
+    /** Equipment currently manifested. */
     equipment?: CharterManifestEquipment[];
+    /** Flight segments the manifest covers. */
     segments?: CharterManifestSegment[];
+    /** Whether the manifest is locked against further edits after a final send. */
     locked?: boolean;
+    /** How far the manifest has progressed through initial and final sends. */
     sendState?: ManifestSendState;
+    /** Called when the user leaves the manifest. */
     onBack?: () => void;
+    /** Called when the user generates the manifest file for the operator. */
     onGenerateFile?: () => void;
+    /** Called when the user reassigns the charter to another operator. */
     onChangeCarrier?: () => void;
+    /** Called when the user splits the manifest across segments. */
     onSplitSegments?: () => void;
+    /** Called when the user adds passengers. */
     onAddPassengers?: () => void;
+    /** Called when the user adds equipment. */
     onAddEquipment?: () => void;
+    /** Called with the passenger the user removed. */
     onRemovePassenger?: (passenger: CharterManifestPassenger) => void;
+    /** Called with the equipment the user removed. */
     onRemoveEquipment?: (equipment: CharterManifestEquipment) => void;
+    /** Called when the user sends the initial manifest to the operator. */
     onSendInitial?: () => void;
+    /** Called when the user sends the final manifest, locking it. */
     onSendFinal?: () => void;
+    /** Called when the user retracts an initial send. */
     onUndoInitial?: () => void;
+    /** Additional CSS class. */
     className?: string;
 }
 /** Stateless, service-free rendering of Hub's charter manifest page. */
@@ -3672,11 +6200,18 @@ interface ChartersAccessManagementPageProps {
     onChangeRole?: (membership: ChartersAccessMembership, role: ChartersAccessRole) => void | Promise<void>;
     /** Remove STM Charters access after the page confirmation. */
     onRemoveAccess?: (membership: ChartersAccessMembership) => void | Promise<void>;
+    /** Additional CSS class. */
     className?: string;
 }
 /**
  * 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 +6234,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 {
@@ -3772,14 +6309,21 @@ interface ContactUsData {
     groupHotelContacts?: ContactInfo[];
 }
 interface ContactUsPageProps {
+    /** Page heading. */
     title?: string;
+    /** Which state to render. Drives the loading, empty, and error treatments. */
     state?: 'loading' | 'data' | 'empty' | 'error';
+    /** Message shown in the error state. */
     errorMessage?: string;
+    /** Contact details to show in the data state. */
     data?: ContactUsData;
+    /** Called when the user prints the contact sheet. */
     onPrint?: () => void;
     /** Generic cards remain available for non-Hub consumers. */
     cards?: ContactCardData[];
+    /** Content rendered below the cards. */
     children?: ReactNode;
+    /** Additional CSS class. */
     className?: string;
 }
 /** Exact presentational counterpart of the Hub Contact Us screen. */
@@ -3834,26 +6378,84 @@ interface DashboardWidget {
     };
 }
 interface DashboardPageProps {
+    /** Greeting line above the name. */
     greeting?: string;
+    /** Name the greeting addresses. */
     firstName?: string;
+    /** School or account shown in the subtitle. */
     accountName?: string;
+    /** Widgets to render, in display order. */
     widgets?: DashboardWidget[];
+    /** Platform-wide notices shown above the widgets. */
     systemBanners?: SystemBanner[];
+    /** Travel alerts shown above the widgets. */
     alertBanners?: TravelAlertBanner[];
+    /** Whether the layout is saved, saving, or failed to save. */
     syncStatus?: 'idle' | 'saving' | 'error';
+    /** Called with the widget the user refreshed. */
     onRefresh?: (widget: DashboardWidget) => void;
+    /** Called with the widget the user removed. */
     onRemove?: (widget: DashboardWidget) => void;
+    /** Called with the widget and its new size. */
     onResize?: (widget: DashboardWidget, size: DashboardWidgetSize) => void;
+    /** Called with the positions a widget moved from and to. */
     onReorder?: (from: number, to: number) => void;
+    /** Called when the user restores the default layout. */
     onReset?: () => void;
+    /** Called with the type of widget the user added. */
     onAddWidget?: (type: DashboardWidget['type']) => void;
+    /** Called with the widget and the traveler date range the user picked. */
     onTravelerRangeChange?: (widget: DashboardWidget, range: DashboardTravelerRange) => void;
+    /** Called with the route a widget link points at. The host performs the routing. */
     onNavigate?: (path: string, state?: unknown) => void;
+    /** Additional CSS class. */
     className?: string;
 }
 /** Exact, service-free rendering of Hub's personalized home page. */
 declare const DashboardPage: ({ greeting, firstName, accountName, widgets, systemBanners, alertBanners, syncStatus, onRefresh, onRemove, onResize, onReorder, onReset, onAddWidget, onTravelerRangeChange, onNavigate, className }: DashboardPageProps) => React.JSX.Element;
 
+type DebitMemoTab = 'open' | 'resolved' | 'all';
+interface DebitMemoAgentErrorPageProps {
+    /** Memos shown in the "Open" tab — the actionable queue this page is built around. */
+    openMemos: DebitMemoRecord[];
+    /** Count shown on the "Resolved" tab badge. Resolved memos aren't listed yet — see notes. */
+    resolvedCount?: number;
+    /** Count shown on the "All" tab badge. */
+    allCount?: number;
+    /** Resolution reasons offered in the bulk-assign dropdown. */
+    resolutionOptions: ResolutionOption[];
+    /** Memo reasons rendered with the warning-emphasis pill. */
+    emphasizedReasons?: string[];
+    /** Called when a resolution is bulk-applied to the given memo IDs. */
+    onBulkApplyResolution: (memoIds: string[], resolutionValue: string) => void | Promise<void>;
+    /** Called when a memo number link is activated (opens the ARC PDF). */
+    onOpenMemo?: (memo: DebitMemoRecord) => void;
+    /** Called when a row's edit action is activated. */
+    onEditMemo?: (memo: DebitMemoRecord) => void;
+    /** Called as the search field changes, debounced by the caller if needed. */
+    onSearch?: (query: string) => void;
+    /** Called when the export action is activated. */
+    onExport?: () => void;
+    /** Shows the loading state on the grid. */
+    isLoading?: boolean;
+    /** Shows an inline error instead of the grid. */
+    error?: string;
+    /**
+     * Toggles the "What's new in this view" callout introducing the three
+     * ARC-sourced columns and bulk resolution. Meant to be turned off once the
+     * change has been live for a while.
+     */
+    showWhatsNew?: boolean;
+}
+/**
+ * Full "Employees / Debit Memo & Agent Error" page. Lets branch staff review
+ * ARC debit memos without opening each PDF — the three highlighted columns
+ * (Original Ticket #, Balance, Memo Reason) come straight from the memo PDF —
+ * and resolve several matching memos (e.g. a handful of $25 memos) in one
+ * bulk action instead of editing each one individually.
+ */
+declare function DebitMemoAgentErrorPage({ openMemos, resolvedCount, allCount, resolutionOptions, emphasizedReasons, onBulkApplyResolution, onOpenMemo, onEditMemo, onSearch, onExport, isLoading, error, showWhatsNew, }: DebitMemoAgentErrorPageProps): React.JSX.Element;
+
 type FeatureFlagIdentifier = string | number;
 type FeatureFlagTargetType = 'global' | 'account' | 'user' | 'userType' | 'role' | 'organizationalUnit' | 'organizationalUnitValue';
 type FeatureFlagRuleEffect = 'enable' | 'disable';
@@ -3929,22 +6531,33 @@ interface FeatureFlagManagementPageProps {
     rules: FeatureFlagRule[];
     /** Controlled account and audience options. */
     targetOptions: FeatureFlagTargetOptions;
+    /** Whether the catalog and rules are still loading. */
     loading?: boolean;
+    /** Load error shown in place of the rule list. */
     error?: string;
+    /** Called when the user retries a failed load. */
     onRetry?: () => void;
     /** Host mutation state. It disables all mutation controls. */
     submitting?: boolean;
     /** Controlled user-search results are returned through `targetOptions.users`. */
     onSearchUsers?: (query: string, accountId?: FeatureFlagIdentifier) => void | Promise<void>;
+    /** Whether a user search is in flight. */
     userSearchLoading?: boolean;
+    /** Error from the last user search. */
     userSearchError?: string;
     /** Called when an account selection needs account-scoped audience options from the host. */
     onAccountChange?: (accountId?: FeatureFlagIdentifier) => void | Promise<void>;
+    /** Whether account-scoped audience options are loading. */
     audienceLoading?: boolean;
+    /** Error from the last audience load. */
     audienceError?: string;
+    /** Called with the rule the user created. */
     onCreateRule?: (value: FeatureFlagRuleFormValue) => void | Promise<void>;
+    /** Called with the edit the user submitted. */
     onEditRule?: (request: FeatureFlagRuleEditRequest) => void | Promise<void>;
+    /** Called with the rule the user deactivated. */
     onDeactivateRule?: (request: FeatureFlagRuleDeactivateRequest) => void | Promise<void>;
+    /** Additional CSS class. */
     className?: string;
 }
 /**
@@ -3967,20 +6580,36 @@ interface GroupTravelRequestContact {
     email?: string;
 }
 interface GroupTravelRequestPageProps {
+    /** Event the request is being raised for, shown in the heading. */
     eventName?: string;
+    /** Number of steps in the wizard, shown in the progress indicator. */
     totalPages?: number;
+    /** Called with the completed request. */
     onSubmit?: (data: GroupTravelRequestValues) => void;
+    /** Called when the user abandons the request. */
     onCancel?: () => void;
+    /** Called with the full request on every field change. */
     onChange?: (data: GroupTravelRequestValues) => void;
+    /** Values to prefill the wizard with. */
     initialValues?: GroupTravelRequestValues;
+    /** Team contacts offered as the request contact. */
     contacts?: GroupTravelRequestContact[];
+    /** Catering choices offered for the trip. */
     cateringOptions?: string[];
+    /** Default pickup address, offered as the departure point. */
     schoolAddress?: string;
+    /** Travel services the request can cover, and how each is configured. */
     services?: ServiceConfig[];
     /** Retained for consumers that provide a custom summary configuration. */
     summarySections?: SummarySectionConfig[];
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Multi-step wizard for requesting travel for a whole team.
+ * Collects the trip, the services needed, and the traveling party, and hands the
+ * completed request to the host through `onSubmit`.
+ */
 declare const GroupTravelRequestPage: {
     ({ eventName, totalPages, onSubmit, onCancel, onChange, initialValues, contacts, cateringOptions, schoolAddress, services, summarySections, className, }: GroupTravelRequestPageProps): React.JSX.Element;
     displayName: string;
@@ -4099,6 +6728,10 @@ interface IndividualTravelPageProps {
     /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Landing page for a single traveler's own requests, listing what they have raised
+ * and offering a new one.
+ */
 declare const IndividualTravelPage: React__default.FC<IndividualTravelPageProps>;
 
 /** Travel services represented by the legacy individual-request record. */
@@ -4290,9 +6923,17 @@ interface IndividualTravelRequestFormPageProps {
     onRetry?: () => void;
     /** Optional account-specific fee or response-time notice. */
     notice?: ReactNode;
+    /** Label for the submit button. */
     submitLabel?: string;
+    /** Additional CSS class. */
     className?: string;
 }
+/**
+ * Form for one traveler to request their own travel.
+ * The questions asked come from the account configuration, so the host supplies
+ * them rather than the page assuming a fixed set.
+ * Renders read-only when no `onSubmit` is given.
+ */
 declare const IndividualTravelRequestFormPage: React__default.FC<IndividualTravelRequestFormPageProps>;
 
 interface IndividualTravelRequestDetailPageProps {
@@ -4306,9 +6947,11 @@ interface IndividualTravelRequestDetailPageProps {
     notice?: ReactNode;
     /** Optional host-owned return route. Hidden when absent. */
     onBack?: () => void;
+    /** Label for the back link. */
     backLabel?: string;
     /** Optional retry for a failed host query. Hidden unless an error is present. */
     onRetry?: () => void;
+    /** Additional CSS class. */
     className?: string;
 }
 /**
@@ -4736,12 +7379,21 @@ interface RosterProgramNumberRow {
     accountNumber: string;
 }
 interface RosterProgramNumbersPageProps {
+    /** Loyalty and corporate program numbers held for the team. */
     programs: RosterProgramNumberRow[];
+    /** Whether the programs are still loading. */
     loading?: boolean;
+    /** Whether a save is in flight. */
     saving?: boolean;
+    /** Called when the user leaves the page. */
     onBack?: () => void;
+    /** Called with the full set of programs the user saved. */
     onSubmit?: (programs: RosterProgramNumberRow[]) => void | Promise<void>;
 }
+/**
+ * Edits the loyalty and corporate program numbers a team travels under, saving them
+ * as one set.
+ */
 declare const RosterProgramNumbersPage: {
     ({ programs, loading, saving, onBack, onSubmit, }: RosterProgramNumbersPageProps): React.JSX.Element;
     displayName: string;
@@ -4794,11 +7446,18 @@ interface RosterReportOption {
     description?: string;
 }
 interface RosterReportsPageProps {
+    /** Reports the user can run. */
     reports: RosterReportOption[];
+    /** Report currently running, shown as in progress. */
     runningReportId?: string;
+    /** Called when the user leaves the page. */
     onBack?: () => void;
+    /** Called with the report the user ran. */
     onRun?: (report: RosterReportOption) => void | Promise<void>;
 }
+/**
+ * Lists the roster reports a user can run, and reports progress while one runs.
+ */
 declare const RosterReportsPage: {
     ({ reports, runningReportId, onBack, onRun }: RosterReportsPageProps): React.JSX.Element;
     displayName: string;
@@ -5058,5 +7717,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, BackLink, 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, DEBIT_MEMO_EMPHASIZED_REASONS, DEBIT_MEMO_MOCK_DATA, DOCUMENT_FILE_EXTENSIONS, DashboardIcon, DashboardPage, Datepicker, DebitMemoAgentErrorPage, DebitMemoBulkActionBar, DebitMemoTable, DetailList, DocumentIcon, DownloadIcon, Drawer, DrawerBody, DrawerFooter, DrawerHeader, Dropdown, DueDatesDrawer, EditIcon, EmptyState, EyeIcon, FeatureFlagManagementPage, FieldLayout, FileUploadButton, FilterChip, FilterIcon, FormField, FormRow, FormSection, FormStack, GridHeaderRow, 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, Logo, 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, ResultCount, 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, BackLinkProps, 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, DebitMemoAgentErrorPageProps, DebitMemoBulkActionBarProps, DebitMemoRecord, DebitMemoTab, DebitMemoTableProps, 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, GridHeaderRowProps, 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, LogoLockup, LogoProps, LogoVariant, 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, ResolutionOption, ResultCountProps, 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 };