@shortstravelmgmt/component-lib 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,2146 @@
+import * as React from 'react';
+import React__default, { HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, SVGProps, TextareaHTMLAttributes, SelectHTMLAttributes, ReactNode } from 'react';
+
+type AlertVariant = 'primary' | 'success' | 'warning' | 'error';
+interface AlertProps {
+    /** 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 CSS class */
+    className?: string;
+}
+declare const Alert: React__default.FC<AlertProps>;
+
+type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    /** Image source URL */
+    src?: string;
+    /** Alt text for image */
+    alt?: string;
+    /** Initials to display when no image */
+    initials?: string;
+    /** Name (used to generate initials if not provided) */
+    name?: string;
+    /** Size of the avatar */
+    size?: AvatarSize;
+}
+/**
+ * Avatar component for user profile images or initials.
+ */
+declare const Avatar: React__default.FC<AvatarProps>;
+interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Maximum number of avatars to show before +N */
+    max?: number;
+}
+declare const AvatarGroup: React__default.FC<AvatarGroupProps>;
+
+type BadgeVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
+type BadgeSize = 'sm' | 'md';
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Visual style variant */
+    variant?: BadgeVariant;
+    /** Size of the badge */
+    size?: BadgeSize;
+    /** Shows a status dot before the text */
+    dot?: boolean;
+}
+/**
+ * Badge component for status indicators, labels, and tags.
+ */
+declare const Badge: React__default.FC<BadgeProps>;
+
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
+type ButtonSize = 'sm' | 'md' | 'lg';
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size of the button */
+    size?: ButtonSize;
+    /** 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>>;
+
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    /** Label text for the checkbox */
+    label?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Helper text shown below */
+    helperText?: string;
+    /** Error message */
+    error?: string;
+    /** Indeterminate state */
+    indeterminate?: boolean;
+    /** Additional class for wrapper */
+    className?: string;
+}
+/**
+ * Checkbox component for boolean selections.
+ */
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+
+type DatepickerSize = 'sm' | 'md' | 'lg';
+interface DatepickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    /** Size variant */
+    size?: DatepickerSize;
+    /** Label text */
+    label?: string;
+    /** Helper text shown below */
+    helperText?: string;
+    /** Error message (shows error state) */
+    error?: string;
+    /** Makes input take full width */
+    fullWidth?: boolean;
+    /** Additional class for wrapper */
+    className?: string;
+}
+/**
+ * Datepicker component for selecting dates.
+ */
+declare const Datepicker: React.ForwardRefExoticComponent<DatepickerProps & React.RefAttributes<HTMLInputElement>>;
+
+interface IconProps extends SVGProps<SVGSVGElement> {
+    /** Icon size in pixels */
+    size?: number;
+    /** Icon color (defaults to currentColor) */
+    color?: string;
+}
+declare const PlaneIcon: React__default.FC<IconProps>;
+declare const CarIcon: React__default.FC<IconProps>;
+declare const HotelIcon: React__default.FC<IconProps>;
+declare const LimoIcon: React__default.FC<IconProps>;
+declare const RailIcon: React__default.FC<IconProps>;
+declare const BusIcon: React__default.FC<IconProps>;
+declare const SearchIcon: React__default.FC<IconProps>;
+declare const ChevronDownIcon: React__default.FC<IconProps>;
+declare const ChevronUpIcon: React__default.FC<IconProps>;
+declare const ChevronRightIcon: React__default.FC<IconProps>;
+declare const ChevronLeftIcon: React__default.FC<IconProps>;
+declare const ArrowUpRightIcon: React__default.FC<IconProps>;
+declare const EyeIcon: React__default.FC<IconProps>;
+declare const DownloadIcon: React__default.FC<IconProps>;
+declare const FilterIcon: React__default.FC<IconProps>;
+declare const CalendarIcon: React__default.FC<IconProps>;
+declare const UserIcon: React__default.FC<IconProps>;
+declare const UsersIcon: React__default.FC<IconProps>;
+declare const MailIcon: React__default.FC<IconProps>;
+declare const PhoneIcon: React__default.FC<IconProps>;
+declare const PrinterIcon: React__default.FC<IconProps>;
+declare const RefreshIcon: React__default.FC<IconProps>;
+declare const WarningIcon: React__default.FC<IconProps>;
+declare const CheckIcon: React__default.FC<IconProps>;
+declare const XIcon: React__default.FC<IconProps>;
+declare const PlusIcon: React__default.FC<IconProps>;
+declare const MinusIcon: React__default.FC<IconProps>;
+declare const MenuIcon: React__default.FC<IconProps>;
+declare const LightbulbIcon: React__default.FC<IconProps>;
+declare const MegaphoneIcon: React__default.FC<IconProps>;
+declare const CloseIcon: React__default.FC<IconProps>;
+declare const DashboardIcon: React__default.FC<IconProps>;
+declare const ReportIcon: React__default.FC<IconProps>;
+declare const SettingsIcon: React__default.FC<IconProps>;
+declare const LogoIcon: React__default.FC<IconProps>;
+declare const TrendUpIcon: React__default.FC<IconProps>;
+declare const TrendDownIcon: React__default.FC<IconProps>;
+declare const InfoIcon: React__default.FC<IconProps>;
+declare const DocumentIcon: React__default.FC<IconProps>;
+declare const BuildingIcon: React__default.FC<IconProps>;
+declare const GridIcon: React__default.FC<IconProps>;
+declare const EditIcon: React__default.FC<IconProps>;
+declare const HomeIcon: React__default.FC<IconProps>;
+declare const CubeIcon: React__default.FC<IconProps>;
+declare const LockIcon: React__default.FC<IconProps>;
+declare const TrashIcon: React__default.FC<IconProps>;
+declare const Icons: {
+    readonly Plane: React__default.FC<IconProps>;
+    readonly Car: React__default.FC<IconProps>;
+    readonly Hotel: React__default.FC<IconProps>;
+    readonly Limo: React__default.FC<IconProps>;
+    readonly Rail: React__default.FC<IconProps>;
+    readonly Bus: React__default.FC<IconProps>;
+    readonly Search: React__default.FC<IconProps>;
+    readonly ChevronDown: React__default.FC<IconProps>;
+    readonly ChevronUp: React__default.FC<IconProps>;
+    readonly ChevronRight: React__default.FC<IconProps>;
+    readonly ChevronLeft: React__default.FC<IconProps>;
+    readonly ArrowUpRight: React__default.FC<IconProps>;
+    readonly Eye: React__default.FC<IconProps>;
+    readonly Download: React__default.FC<IconProps>;
+    readonly Filter: React__default.FC<IconProps>;
+    readonly Calendar: React__default.FC<IconProps>;
+    readonly User: React__default.FC<IconProps>;
+    readonly Users: React__default.FC<IconProps>;
+    readonly Mail: React__default.FC<IconProps>;
+    readonly Phone: React__default.FC<IconProps>;
+    readonly Printer: React__default.FC<IconProps>;
+    readonly Refresh: React__default.FC<IconProps>;
+    readonly Warning: React__default.FC<IconProps>;
+    readonly Check: React__default.FC<IconProps>;
+    readonly X: React__default.FC<IconProps>;
+    readonly Close: React__default.FC<IconProps>;
+    readonly Plus: React__default.FC<IconProps>;
+    readonly Minus: React__default.FC<IconProps>;
+    readonly Menu: React__default.FC<IconProps>;
+    readonly Lightbulb: React__default.FC<IconProps>;
+    readonly Megaphone: React__default.FC<IconProps>;
+    readonly Dashboard: React__default.FC<IconProps>;
+    readonly Report: React__default.FC<IconProps>;
+    readonly Settings: React__default.FC<IconProps>;
+    readonly Logo: React__default.FC<IconProps>;
+    readonly TrendUp: React__default.FC<IconProps>;
+    readonly TrendDown: React__default.FC<IconProps>;
+    readonly Info: React__default.FC<IconProps>;
+    readonly Document: React__default.FC<IconProps>;
+    readonly Building: React__default.FC<IconProps>;
+    readonly Grid: React__default.FC<IconProps>;
+    readonly Edit: React__default.FC<IconProps>;
+    readonly Home: React__default.FC<IconProps>;
+    readonly Cube: React__default.FC<IconProps>;
+    readonly Lock: React__default.FC<IconProps>;
+    readonly Trash: React__default.FC<IconProps>;
+};
+type IconName = keyof typeof Icons;
+
+type InputSize = 'sm' | 'md' | 'lg';
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /** Size of the input */
+    size?: InputSize;
+    /** Label text */
+    label?: string;
+    /** Helper text shown below input */
+    helperText?: string;
+    /** Error message (shows error state when present) */
+    error?: string;
+    /** Icon element to show at the start */
+    leftIcon?: React__default.ReactNode;
+    /** Icon element to show at the end */
+    rightIcon?: React__default.ReactNode;
+    /** Makes input take full width */
+    fullWidth?: boolean;
+}
+/**
+ * Input component for text entry.
+ */
+declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
+interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    /** Size of the textarea */
+    size?: InputSize;
+    /** Label text */
+    label?: string;
+    /** Helper text shown below textarea */
+    helperText?: string;
+    /** Error message (shows error state when present) */
+    error?: string;
+    /** Makes textarea take full width */
+    fullWidth?: boolean;
+}
+declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+
+interface MetricProps {
+    /** The metric value to display */
+    value?: string | number;
+    /** Label describing the metric */
+    label: string;
+    /** Prefix to show before value (e.g., "$") */
+    prefix?: string;
+    /** Suffix to show after value */
+    suffix?: string;
+    /** Use dark theme */
+    dark?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Additional CSS class */
+    className?: string;
+    /** Show warning indicator */
+    warning?: boolean;
+}
+/**
+ * Metric component for displaying key performance indicators.
+ * Used in dashboards for trip counts, costs, and status metrics.
+ */
+declare const Metric: React__default.FC<MetricProps>;
+
+interface SelectOption {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+}
+interface SelectOptionGroup {
+    label: string;
+    options: SelectOption[];
+}
+type SelectSize = 'sm' | 'md' | 'lg';
+interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
+    /** Options to display */
+    options?: SelectOption[];
+    /** Grouped options */
+    optionGroups?: SelectOptionGroup[];
+    /** Size variant */
+    size?: SelectSize;
+    /** Label text */
+    label?: string;
+    /** Placeholder text (shown as first disabled option) */
+    placeholder?: string;
+    /** Helper text shown below */
+    helperText?: string;
+    /** Error message (shows error state) */
+    error?: string;
+    /** Icon element at the start */
+    leftIcon?: React__default.ReactNode;
+    /** Makes select take full width */
+    fullWidth?: boolean;
+    /** Additional class for wrapper */
+    className?: string;
+}
+/**
+ * Select component for choosing from a list of options.
+ */
+declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLSelectElement>>;
+
+type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+interface SpinnerProps {
+    /** Size of the spinner */
+    size?: SpinnerSize;
+    /** Additional CSS class */
+    className?: string;
+    /** Color of the spinner (defaults to currentColor) */
+    color?: string;
+    /** Accessible label */
+    label?: string;
+}
+declare const Spinner: React__default.FC<SpinnerProps>;
+
+type StatusBadgeVariant = 'ticketed' | 'itinerary' | 'not-ticketed' | 'submitted' | 'pending' | 'cancelled';
+interface StatusBadgeProps {
+    /** The status variant to display */
+    status: StatusBadgeVariant;
+    /** Optional custom label (defaults to formatted status) */
+    label?: string;
+    /** Additional CSS class */
+    className?: string;
+}
+declare const StatusBadge: React__default.FC<StatusBadgeProps>;
+
+type TagVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+type TagSize = 'sm' | 'md' | 'lg';
+interface TagProps {
+    /** Tag content */
+    children: React__default.ReactNode;
+    /** Visual variant */
+    variant?: TagVariant;
+    /** Size of the tag */
+    size?: TagSize;
+    /** Whether the tag is removable */
+    removable?: boolean;
+    /** Callback when remove button is clicked */
+    onRemove?: () => void;
+    /** Click handler */
+    onClick?: () => void;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React__default.CSSProperties;
+}
+declare const Tag: React__default.FC<TagProps>;
+
+type TimepickerSize = 'sm' | 'md' | 'lg';
+interface TimepickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    /** Size variant */
+    size?: TimepickerSize;
+    /** Label text */
+    label?: string;
+    /** Helper text shown below */
+    helperText?: string;
+    /** Error message (shows error state) */
+    error?: string;
+    /** Makes input take full width */
+    fullWidth?: boolean;
+    /** Additional class for wrapper */
+    className?: string;
+}
+/**
+ * Timepicker component for selecting times.
+ */
+declare const Timepicker: React.ForwardRefExoticComponent<TimepickerProps & React.RefAttributes<HTMLInputElement>>;
+
+type TitleWeight = 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+interface TitleProps {
+    /** Title text content */
+    children: ReactNode;
+    /** Font weight */
+    weight?: TitleWeight;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * Title component for page headings.
+ * Large, prominent text for page titles.
+ */
+declare const Title: React__default.FC<TitleProps>;
+
+type ToggleSize = 'sm' | 'md' | 'lg';
+interface ToggleProps {
+    /** Whether the toggle is checked */
+    checked: boolean;
+    /** Callback when toggle state changes */
+    onChange?: (checked: boolean) => void;
+    /** Whether the toggle is disabled */
+    disabled?: boolean;
+    /** Size of the toggle */
+    size?: ToggleSize;
+    /** Label for the toggle */
+    label?: string;
+    /** Position of the label */
+    labelPosition?: 'left' | 'right';
+    /** Additional CSS class */
+    className?: string;
+    /** Accessible name for the toggle */
+    'aria-label'?: string;
+}
+declare const Toggle: React__default.FC<ToggleProps>;
+
+type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+type TooltipVariant = 'dark' | 'light';
+interface TooltipProps {
+    /** Tooltip content */
+    content: React__default.ReactNode;
+    /** Element that triggers the tooltip */
+    children: React__default.ReactNode;
+    /** Position of the tooltip relative to the trigger */
+    position?: TooltipPosition;
+    /** Visual variant */
+    variant?: TooltipVariant;
+    /** Delay before showing tooltip (ms) */
+    delay?: number;
+    /** Whether tooltip is disabled */
+    disabled?: boolean;
+    /** Additional CSS class */
+    className?: string;
+}
+declare const Tooltip: React__default.FC<TooltipProps>;
+
+type TravelType = 'A' | 'C' | 'H' | 'L' | 'R' | 'B' | 'U';
+interface TypeIconProps {
+    /** Travel type code: A=Air, C=Car, H=Hotel, L=Limo, R=Rail, B=Bus, U=Unknown */
+    type: TravelType;
+    /** Size in pixels */
+    size?: number;
+    /** Show tooltip on hover */
+    showTooltip?: boolean;
+    /** Additional CSS class */
+    className?: string;
+}
+declare const TypeIcon: React__default.FC<TypeIconProps>;
+
+type VendorCode = 'DL' | 'AA' | 'UA' | 'WN' | 'B6' | 'AS' | 'F9' | 'NK' | 'G4' | 'HA' | string;
+interface TravelServiceIconProps {
+    /** Travel type: A=Air, C=Car, H=Hotel, L=Limo, R=Rail */
+    type: TravelType;
+    /** Vendor/airline code (e.g., DL, AA, UA) */
+    vendor?: string;
+    /** Display mode: icon shows vendor logo, code shows text */
+    mode?: 'icon' | 'code';
+    /** Size in pixels */
+    size?: number;
+    /** Show multi-segment indicator */
+    multi?: boolean;
+    /** Additional CSS class */
+    className?: string;
+}
+declare const TravelServiceIcon: React__default.FC<TravelServiceIconProps>;
+
+interface AccordionProps {
+    /** Header content (always visible) */
+    header: ReactNode;
+    /** Body content (collapsible) */
+    children: ReactNode;
+    /** Whether the accordion is initially open */
+    defaultOpen?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Show vertical timeline indicator */
+    showTimeline?: boolean;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * Accordion component for collapsible content sections.
+ * Used in travel request forms for expandable form segments.
+ */
+declare const Accordion: React__default.FC<AccordionProps>;
+
+type DropdownAlignment = 'left' | 'center' | 'right';
+interface DropdownProps {
+    /** Label for the dropdown trigger button */
+    label: string;
+    /** Content to display in the dropdown */
+    children: React__default.ReactNode;
+    /** Alignment of the dropdown menu */
+    alignment?: DropdownAlignment;
+    /** Minimum width of the dropdown (in pixels) */
+    width?: number;
+    /** Additional CSS class */
+    className?: string;
+    /** Whether the dropdown is disabled */
+    disabled?: boolean;
+}
+interface DropdownItemProps {
+    /** Item label */
+    children: React__default.ReactNode;
+    /** Click handler */
+    onClick?: () => void;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Icon to display */
+    icon?: React__default.ReactNode;
+    /** Additional CSS class */
+    className?: string;
+}
+declare const Dropdown: React__default.FC<DropdownProps> & {
+    Item: React__default.FC<DropdownItemProps>;
+};
+
+interface FilterOption {
+    value: string;
+    label: string;
+}
+interface FilterChipProps {
+    /** Label for the filter */
+    label: string;
+    /** Currently selected value */
+    value: string;
+    /** Options to display in dropdown */
+    options: FilterOption[];
+    /** Callback when value changes */
+    onChange: (value: string) => void;
+    /** Show search input in dropdown */
+    searchable?: boolean;
+    /** Placeholder for search input */
+    searchPlaceholder?: string;
+    /** Info message to show at top of dropdown */
+    infoMessage?: string;
+    /** Additional CSS class */
+    className?: string;
+}
+declare const FilterChip: React__default.FC<FilterChipProps>;
+
+interface FormFieldProps {
+    /** Label text for the field */
+    label: string;
+    /** Optional helper text displayed below the input */
+    helperText?: string;
+    /** Error message to display */
+    error?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether to hide the label visually (still accessible) */
+    hideLabel?: boolean;
+    /** Additional CSS class for the wrapper */
+    className?: string;
+    /** The input element type */
+    as?: 'input' | 'textarea';
+    /** Input props when as="input" */
+    inputProps?: InputProps;
+    /** Textarea props when as="textarea" */
+    textareaProps?: TextareaProps;
+    /** Children for custom input rendering */
+    children?: React__default.ReactNode;
+}
+declare const FormField: React__default.ForwardRefExoticComponent<FormFieldProps & React__default.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+
+interface FormRowProps {
+    /** Child elements to display in a row */
+    children: ReactNode;
+    /** Number of columns (auto-detected from children count if not specified) */
+    columns?: 1 | 2 | 3 | 4;
+    /** Gap size between items */
+    gap?: 'sm' | 'md' | 'lg';
+    /** Additional CSS class */
+    className?: string;
+    /** Stack on mobile (default: true) */
+    stackOnMobile?: boolean;
+}
+/**
+ * FormRow component for laying out form fields in a responsive grid.
+ * Stacks on mobile by default and arranges in columns on larger screens.
+ */
+declare const FormRow: React__default.FC<FormRowProps>;
+
+interface FormSectionProps {
+    /** Section title */
+    title: string;
+    /** Icon element to display */
+    icon?: ReactNode;
+    /** Status key for submitted state */
+    status?: 'submitted' | 'not-submitted' | 'draft';
+    /** Whether the section is disabled */
+    disabled?: boolean;
+    /** Children content */
+    children: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Section ID for anchoring */
+    id?: string;
+}
+/**
+ * FormSection component for grouping related form fields with a title and icon.
+ * Used in travel request forms for sections like General, Air, Hotel, etc.
+ */
+declare const FormSection: React__default.FC<FormSectionProps>;
+
+type ManifestView = 'passengers' | 'equipment';
+interface ManifestViewToggleProps {
+    view: ManifestView;
+    onView: (view: ManifestView) => void;
+    paxCount: number;
+    eqCount: number;
+    locked: boolean;
+    className?: string;
+}
+declare const ManifestViewToggle: ({ view, onView, paxCount, eqCount, locked, className, }: ManifestViewToggleProps) => React.JSX.Element;
+
+type NavItemVariant = 'default' | 'pill';
+type NavItemSize = 'sm' | 'md' | 'lg';
+interface NavItemProps {
+    /** Icon to display */
+    icon?: React__default.ReactNode;
+    /** Label text */
+    label: string;
+    /** Whether the item is currently active */
+    active?: boolean;
+    /** Whether the navigation is collapsed (icon only) */
+    collapsed?: boolean;
+    /** Visual variant */
+    variant?: NavItemVariant;
+    /** Size of the nav item */
+    size?: NavItemSize;
+    /** Optional badge count or text */
+    badge?: string | number;
+    /** Badge variant */
+    badgeVariant?: 'default' | 'success' | 'warning' | 'error' | 'info';
+    /** Click handler */
+    onClick?: () => void;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Optional href for link items */
+    href?: string;
+    /** Whether to open link in new tab (for external links) */
+    external?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Accessible description */
+    'aria-label'?: string;
+}
+declare const NavItem: React__default.FC<NavItemProps>;
+
+type ProgressSize = 'xs' | 'sm' | 'md' | 'lg';
+type ProgressVariant = 'primary' | 'success' | 'warning' | 'error';
+interface ProgressBarProps {
+    /** Current progress value */
+    value: number;
+    /** Maximum value */
+    max?: number;
+    /** Size of the progress bar */
+    size?: ProgressSize;
+    /** Color variant */
+    variant?: ProgressVariant;
+    /** Show percentage label */
+    showLabel?: boolean;
+    /** Additional CSS class */
+    className?: string;
+}
+interface ProgressCircleProps {
+    /** Current progress value */
+    value: number;
+    /** Maximum value */
+    max?: number;
+    /** Size of the circle */
+    size?: ProgressSize;
+    /** Color variant */
+    variant?: ProgressVariant;
+    /** Show percentage in center */
+    showLabel?: boolean;
+    /** Additional CSS class */
+    className?: string;
+}
+declare const ProgressBar: React__default.FC<ProgressBarProps>;
+declare const ProgressCircle: React__default.FC<ProgressCircleProps>;
+declare const Progress: {
+    Bar: React__default.FC<ProgressBarProps>;
+    Circle: React__default.FC<ProgressCircleProps>;
+};
+
+interface ToolbarAction {
+    /** Action label */
+    label: string;
+    /** Action icon */
+    icon?: ReactNode;
+    /** Handler */
+    onClick: () => void;
+    /** Is action disabled */
+    disabled?: boolean;
+}
+interface RosterToolbarProps {
+    /** Import dropdown options */
+    importOptions?: ToolbarAction[];
+    /** Export dropdown options */
+    exportOptions?: ToolbarAction[];
+    /** Toggle for lock roster */
+    lockToggle?: {
+        isLocked: boolean;
+        onToggle: (locked: boolean) => void;
+        disabled?: boolean;
+    };
+    /** Save button config */
+    saveButton?: {
+        label?: string;
+        onClick: () => void;
+        disabled?: boolean;
+        loading?: boolean;
+    };
+    /** Additional actions */
+    additionalActions?: ReactNode;
+    /** Search field */
+    searchField?: ReactNode;
+    /** Additional class */
+    className?: string;
+}
+/**
+ * RosterToolbar - Toolbar for roster management with import/export/save actions
+ */
+declare const RosterToolbar: {
+    ({ importOptions, exportOptions, lockToggle, saveButton, additionalActions, searchField, className, }: RosterToolbarProps): React.JSX.Element;
+    displayName: string;
+};
+
+interface SearchFieldProps {
+    /** Placeholder text for the search input */
+    placeholder?: string;
+    /** Current value of the search field */
+    value?: string;
+    /** Default value for uncontrolled usage */
+    defaultValue?: string;
+    /** Callback when search value changes */
+    onChange?: (value: string) => void;
+    /** Callback when search is submitted */
+    onSearch?: (value: string) => void;
+    /** Callback when search is cleared */
+    onClear?: () => void;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether to show the clear button when there's a value */
+    showClear?: boolean;
+    /** Whether to show the search button */
+    showButton?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** ID for the input element */
+    id?: string;
+    /** Accessible label */
+    'aria-label'?: string;
+}
+declare const SearchField: React__default.ForwardRefExoticComponent<SearchFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface SegmentOption {
+    /** Unique identifier for the option */
+    value: string;
+    /** Display label */
+    label: string;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+    /** Icon to display */
+    icon?: React__default.ReactNode;
+}
+interface SegmentProps {
+    /** Available options */
+    options: SegmentOption[];
+    /** Currently selected value */
+    value: string;
+    /** Callback when selection changes */
+    onChange: (value: string) => void;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Whether the segment fills available width */
+    fullWidth?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Accessible label */
+    'aria-label'?: string;
+}
+declare const Segment: React__default.FC<SegmentProps>;
+
+interface SelectFilterOption {
+    label: string;
+    value: string | number;
+}
+interface SelectFilterProps {
+    /** Filter label */
+    label: string;
+    /** Available options */
+    options?: SelectFilterOption[];
+    /** Grouped options by tab/category */
+    groupedOptions?: Record<string, SelectFilterOption[]>;
+    /** Selected values */
+    value?: (string | number)[];
+    /** Change handler */
+    onChange?: (values: (string | number)[]) => void;
+    /** Allow multiple selections */
+    multiselect?: boolean;
+    /** Tab names for grouped options */
+    tabs?: string[];
+    /** Show value instead of label in selected tag */
+    showValue?: boolean;
+    /** Whether to use grouped options */
+    grouped?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Dropdown width in pixels */
+    width?: number;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * SelectFilter component for filtering data with dropdown selections.
+ * Supports single/multi select, grouped options with tabs.
+ */
+declare const SelectFilter: React__default.FC<SelectFilterProps>;
+
+interface ServiceConfig {
+    /** Unique key for the service */
+    key: string;
+    /** Display label */
+    label: string;
+    /** Icon element */
+    icon?: ReactNode;
+    /** Whether this service has a toggle (can be disabled) */
+    hasToggle?: boolean;
+}
+interface ServiceToggleProps {
+    /** Unique key for the service */
+    serviceKey?: string;
+    /** Display label */
+    label: string;
+    /** Icon element */
+    icon?: ReactNode;
+    /** Whether this service has a toggle (can be disabled) */
+    hasToggle?: boolean;
+    /** Whether the service is enabled */
+    enabled?: boolean;
+    /** Callback when toggle state changes */
+    onToggle?: (enabled: boolean) => void;
+    /** Callback when clicked (navigation) */
+    onClick?: () => void;
+    /** Disabled state */
+    disabled?: boolean;
+}
+interface ServiceToggleListProps {
+    /** List of services to display */
+    services: ServiceConfig[];
+    /** Map of enabled states by service key */
+    enabledServices?: Record<string, boolean>;
+    /** Callback when a service is toggled */
+    onToggle?: (key: string, enabled: boolean) => void;
+    /** Callback when a service is clicked */
+    onClick?: (key: string) => void;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * ServiceToggle component for a single service item.
+ * Shows an icon, label, and optional toggle switch.
+ */
+declare const ServiceToggle: React__default.FC<ServiceToggleProps>;
+/**
+ * ServiceToggleList component for displaying a list of services with toggles.
+ * Used in travel request forms for service selection (Air, Hotel, Ground, etc.)
+ */
+declare const ServiceToggleList: React__default.FC<ServiceToggleListProps>;
+
+interface TeamHeaderProps {
+    /** Team code (e.g., 'MBB') */
+    teamCode?: string;
+    /** Team name/description */
+    teamName?: string;
+    /** Pre-title text (e.g., 'Team Management') */
+    pretitle?: string;
+    /** Back link href */
+    backHref?: string;
+    /** Callback for back button click */
+    onBack?: () => void;
+    /** Right side actions */
+    actions?: ReactNode;
+    /** Additional class */
+    className?: string;
+}
+/**
+ * TeamHeader - Header component for team management pages
+ */
+declare const TeamHeader: {
+    ({ teamCode, teamName, pretitle, backHref, onBack, actions, className, }: TeamHeaderProps): React.JSX.Element;
+    displayName: string;
+};
+
+interface FlightData {
+    type: 'commercial' | 'charter';
+    departure: string;
+    arrival: string;
+    departureDate: string;
+    departureTime?: string;
+    arrivalDate?: string;
+    arrivalTime?: string;
+    airline?: string;
+    flightNumber?: string;
+}
+interface GroundData {
+    type: 'bus' | 'van' | 'car' | 'limo';
+    company?: string;
+    pickupLocation: string;
+    dropoffLocation: string;
+    pickupDate: string;
+    pickupTime?: string;
+    vehicleCount?: number;
+}
+interface HotelData {
+    name: string;
+    address?: string;
+    city?: string;
+    checkIn: string;
+    checkOut: string;
+    roomCount?: number;
+    confirmationNumber?: string;
+}
+type SegmentVariant = 'light' | 'dark';
+interface TripSegmentProps {
+    /** Segment type */
+    type: 'air' | 'ground' | 'hotel';
+    /** Visual variant */
+    variant?: SegmentVariant;
+    /** Additional CSS class */
+    className?: string;
+    /** Content to render */
+    children: ReactNode;
+}
+interface AirSegmentProps {
+    flights: FlightData[];
+    variant?: SegmentVariant;
+    className?: string;
+}
+interface GroundSegmentProps {
+    segments: GroundData[];
+    variant?: SegmentVariant;
+    className?: string;
+}
+interface HotelSegmentProps {
+    hotels: HotelData[];
+    variant?: SegmentVariant;
+    className?: string;
+}
+/**
+ * Base TripSegment component wrapper
+ */
+declare const TripSegment: React__default.FC<TripSegmentProps>;
+/**
+ * AirSegment component for displaying flight information
+ */
+declare const AirSegment: React__default.FC<AirSegmentProps>;
+/**
+ * GroundSegment component for displaying ground transportation
+ */
+declare const GroundSegment: React__default.FC<GroundSegmentProps>;
+/**
+ * HotelSegment component for displaying hotel information
+ */
+declare const HotelSegment: React__default.FC<HotelSegmentProps>;
+
+type CardVariant = 'default' | 'bordered' | 'elevated';
+type CardPadding = 'none' | 'sm' | 'md' | 'lg';
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Visual style variant */
+    variant?: CardVariant;
+    /** Internal padding */
+    padding?: CardPadding;
+    /** Makes the card interactive/clickable */
+    interactive?: boolean;
+}
+/**
+ * Card component for grouping related content.
+ */
+declare const Card: React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement>>;
+interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /** Title text */
+    title?: string;
+    /** Subtitle text */
+    subtitle?: string;
+    /** Actions to display in the header */
+    actions?: React__default.ReactNode;
+}
+declare const CardHeader: React__default.FC<CardHeaderProps>;
+interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const CardBody: React__default.FC<CardBodyProps>;
+interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const CardFooter: React__default.FC<CardFooterProps>;
+
+interface Contact {
+    /** Contact ID */
+    id: string | number;
+    /** Contact name */
+    name: string;
+    /** Contact email */
+    email?: string;
+    /** Contact phone */
+    phone?: string;
+    /** Contact role/type */
+    role?: string;
+    /** Whether this is a primary contact */
+    isPrimary?: boolean;
+    /** Whether this is a secondary contact */
+    isSecondary?: boolean;
+}
+interface ContactListProps {
+    /** Title of the contact list */
+    title?: string;
+    /** Tooltip content */
+    tooltip?: ReactNode;
+    /** List of contacts */
+    contacts: Contact[];
+    /** Callback when contact is edited */
+    onEdit?: (contact: Contact) => void;
+    /** Callback when contact is removed */
+    onRemove?: (contact: Contact) => void;
+    /** Callback when add is clicked */
+    onAdd?: () => void;
+    /** Whether to show add button */
+    showAdd?: boolean;
+    /** Label for add button */
+    addLabel?: string;
+    /** Alert/info message at top */
+    alert?: ReactNode;
+    /** Additional class */
+    className?: string;
+}
+/**
+ * ContactList - Displays a list of contacts with edit/remove actions
+ */
+declare const ContactList: {
+    ({ title, tooltip, contacts, onEdit, onRemove, onAdd, showAdd, addLabel, alert, className, }: ContactListProps): React.JSX.Element;
+    displayName: string;
+};
+
+type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
+type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+interface DrawerProps {
+    /** Whether the drawer is open */
+    isOpen: boolean;
+    /** Callback when drawer should close */
+    onClose: () => void;
+    /** Position of the drawer */
+    position?: DrawerPosition;
+    /** Size of the drawer */
+    size?: DrawerSize;
+    /** Drawer content */
+    children: React__default.ReactNode;
+    /** Whether clicking backdrop closes drawer */
+    closeOnBackdropClick?: boolean;
+    /** Whether pressing Escape closes drawer */
+    closeOnEscape?: boolean;
+    /** Whether to show backdrop */
+    showBackdrop?: boolean;
+    /** Additional CSS class */
+    className?: string;
+}
+interface DrawerHeaderProps {
+    /** Header title */
+    title?: string;
+    /** Header content */
+    children?: React__default.ReactNode;
+    /** Whether to show close button */
+    showClose?: boolean;
+    /** Close callback */
+    onClose?: () => void;
+    /** Additional CSS class */
+    className?: string;
+}
+interface DrawerBodyProps {
+    /** Body content */
+    children: React__default.ReactNode;
+    /** Additional CSS class */
+    className?: string;
+}
+interface DrawerFooterProps {
+    /** Footer content */
+    children: React__default.ReactNode;
+    /** Additional CSS class */
+    className?: string;
+}
+declare const DrawerHeader: React__default.FC<DrawerHeaderProps>;
+declare const DrawerBody: React__default.FC<DrawerBodyProps>;
+declare const DrawerFooter: React__default.FC<DrawerFooterProps>;
+declare const Drawer: React__default.FC<DrawerProps> & {
+    Header: typeof DrawerHeader;
+    Body: typeof DrawerBody;
+    Footer: typeof DrawerFooter;
+};
+
+interface MembershipProgram {
+    /** Unique identifier */
+    id: string | number;
+    /** Program type (airline, hotel, car rental, etc.) */
+    type: 'airline' | 'hotel' | 'car' | 'other';
+    /** Provider name */
+    provider: string;
+    /** Program name */
+    programName?: string;
+    /** Membership number */
+    membershipNumber: string;
+    /** Member status/tier */
+    status?: string;
+}
+interface MembershipProgramsProps {
+    /** Title of the section */
+    title?: string;
+    /** Programs to display */
+    programs: MembershipProgram[];
+    /** Handler for editing a program */
+    onEdit?: (program: MembershipProgram) => void;
+    /** Handler for removing a program */
+    onRemove?: (program: MembershipProgram) => void;
+    /** Handler for adding a program */
+    onAdd?: () => void;
+    /** Alert/info message at top */
+    alert?: ReactNode;
+    /** Whether in loading state */
+    isLoading?: boolean;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** Additional class */
+    className?: string;
+}
+/**
+ * MembershipPrograms - Displays a list of frequent flyer/loyalty programs
+ */
+declare const MembershipPrograms: {
+    ({ title, programs, onEdit, onRemove, onAdd, alert, isLoading, emptyMessage, className, }: MembershipProgramsProps): React.JSX.Element;
+    displayName: string;
+};
+
+interface ManifestCapacityStatsProps {
+    paxCount: number;
+    seats: number;
+    paxWeight: number;
+    cargoWeight: number;
+    payloadLimit: number;
+    className?: string;
+}
+/** Advisory seat and payload meters from Hub's charter manifest. */
+declare const ManifestCapacityStats: ({ paxCount, seats, paxWeight, cargoWeight, payloadLimit, className, }: ManifestCapacityStatsProps) => React.JSX.Element;
+
+type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+interface ModalProps {
+    /** Whether the modal is open */
+    isOpen: boolean;
+    /** Callback when modal should close */
+    onClose: () => void;
+    /** Modal title */
+    title?: string;
+    /** Modal content */
+    children: React__default.ReactNode;
+    /** Size of the modal */
+    size?: ModalSize;
+    /** Whether to show close button */
+    showCloseButton?: boolean;
+    /** Whether clicking backdrop closes modal */
+    closeOnBackdropClick?: boolean;
+    /** Whether pressing Escape closes modal */
+    closeOnEscape?: boolean;
+    /** Footer content */
+    footer?: React__default.ReactNode;
+    /** Additional CSS class */
+    className?: string;
+}
+declare const Modal: React__default.FC<ModalProps>;
+interface ModalFooterProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const ModalFooter: React__default.FC<ModalFooterProps>;
+interface ConfirmModalProps extends Omit<ModalProps, 'footer' | 'children'> {
+    /** Message to display */
+    message: string | React__default.ReactNode;
+    /** Confirm button text */
+    confirmText?: string;
+    /** Cancel button text */
+    cancelText?: string;
+    /** Callback when confirmed */
+    onConfirm: () => void;
+    /** Whether confirm action is destructive */
+    destructive?: boolean;
+    /** Whether confirm action is in progress */
+    loading?: boolean;
+}
+declare const ConfirmModal: React__default.FC<ConfirmModalProps>;
+
+type ModuleSize = 'sm' | 'md' | 'lg';
+interface ModuleProps {
+    /** Module title */
+    title?: string;
+    /** Icon element to display */
+    icon?: ReactNode;
+    /** Icon CSS class for color */
+    iconClassName?: string;
+    /** Badge content */
+    badge?: string | number;
+    /** Content before main body */
+    before?: ReactNode;
+    /** Main content */
+    children: ReactNode;
+    /** Content after main body */
+    after?: ReactNode;
+    /** Footer content */
+    footer?: ReactNode;
+    /** Tools/actions to display in header */
+    tools?: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Header additional class */
+    headerClassName?: string;
+    /** Title additional class */
+    titleClassName?: string;
+    /** Body additional class */
+    bodyClassName?: string;
+    /** Module size */
+    size?: ModuleSize;
+    /** Whether to show toggle control */
+    useToggle?: boolean;
+    /** Controlled show/hide state */
+    show?: boolean;
+    /** Callback when toggle is clicked */
+    onToggle?: () => void;
+}
+/**
+ * Module component - a collapsible card with header, body, and footer sections.
+ * Used for grouping related content like trip segments (Air, Ground, Hotel).
+ */
+declare const Module: React__default.FC<ModuleProps>;
+/**
+ * Horizontal divider for Module content
+ */
+declare const ModuleDivider: React__default.FC<{
+    dark?: boolean;
+    className?: string;
+}>;
+/**
+ * Vertical divider for Module content
+ */
+declare const ModuleVerticalDivider: React__default.FC<{
+    dark?: boolean;
+    className?: string;
+}>;
+
+interface SystemBanner {
+    id: string;
+    html: string;
+    detailHtml?: string;
+}
+interface TravelAlertBanner {
+    id: string;
+    title: string;
+    body?: string;
+    href?: string;
+}
+interface PageBannersProps {
+    systemBanners: SystemBanner[];
+    alertBanners: TravelAlertBanner[];
+    className?: string;
+}
+declare const PageBanners: ({ systemBanners, alertBanners, className, }: PageBannersProps) => React.JSX.Element | null;
+
+interface PreferenceField {
+    /** Field label */
+    label: string;
+    /** Field value display */
+    value?: string | ReactNode;
+    /** Field input element */
+    input?: ReactNode;
+}
+interface PreferenceSection {
+    /** Section title */
+    title: string;
+    /** Section icon */
+    icon?: ReactNode;
+    /** Fields in this section */
+    fields: PreferenceField[];
+}
+interface PreferencesPanelProps {
+    /** Title of the panel */
+    title?: string;
+    /** Sections to display */
+    sections: PreferenceSection[];
+    /** Alert/info message at top */
+    alert?: ReactNode;
+    /** Footer actions */
+    footer?: ReactNode;
+    /** Whether form is in loading state */
+    isLoading?: boolean;
+    /** Additional class */
+    className?: string;
+}
+/**
+ * PreferencesPanel - Displays travel preferences in a multi-column layout
+ */
+declare const PreferencesPanel: {
+    ({ title, sections, alert, footer, isLoading, className, }: PreferencesPanelProps): React.JSX.Element;
+    displayName: string;
+};
+
+interface SummaryItem {
+    /** Label for the field */
+    label: string;
+    /** Value to display */
+    value: string | number | null | undefined;
+    /** Optional formatter function */
+    format?: (value: any) => string;
+}
+interface SummarySegment {
+    /** Segment label (e.g., "Flight 1") */
+    label: string;
+    /** Items in this segment */
+    items: SummaryItem[];
+}
+interface SummarySectionConfig {
+    /** Section title (e.g., "Commercial Air Request") */
+    title: string;
+    /** Key to check if this section should be visible */
+    key: string;
+    /** Direct items to display */
+    items?: SummaryItem[];
+    /** Segments with repeated items (e.g., multiple flights) */
+    segments?: SummarySegment[];
+}
+interface RequestSummaryProps {
+    /** Summary sections to display */
+    sections: SummarySectionConfig[];
+    /** Map of values by field key */
+    values: Record<string, any>;
+    /** Map of enabled sections by key */
+    enabledSections?: Record<string, boolean>;
+    /** Submission info */
+    submissionInfo?: {
+        submittedBy: string;
+        submittedOn: string;
+    };
+    /** Additional CSS class */
+    className?: string;
+    /** Title for the summary panel */
+    title?: string;
+}
+/**
+ * SummarySection component for a group of related summary items.
+ */
+declare const SummarySection: React__default.FC<{
+    section: SummarySectionConfig;
+    values: Record<string, any>;
+}>;
+/**
+ * RequestSummary component for displaying a summary of travel request form data.
+ * Shows enabled sections with their filled-in values.
+ */
+declare const RequestSummary: React__default.FC<RequestSummaryProps>;
+
+interface SidenavItem {
+    /** Unique key for the item */
+    key: string;
+    /** Display label */
+    label: string;
+    /** Icon component to display */
+    icon: React__default.ReactNode;
+    /** Whether item opens in new tab */
+    external?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+}
+interface SidenavProps extends HTMLAttributes<HTMLElement> {
+    /** Logo component or image for expanded state */
+    logo?: React__default.ReactNode;
+    /** Logo component or image for collapsed state */
+    logoCollapsed?: React__default.ReactNode;
+    /** Navigation items */
+    items: SidenavItem[];
+    /** Currently active item key */
+    activeKey?: string;
+    /** Callback when an item is clicked */
+    onItemClick?: (key: string) => void;
+    /** Whether the sidenav starts expanded */
+    defaultExpanded?: boolean;
+    /** Footer content (e.g., user avatar) */
+    footer?: React__default.ReactNode;
+}
+/**
+ * Sidenav component for main navigation.
+ * Supports expanded and collapsed states with icons and labels.
+ */
+declare const Sidenav: React__default.FC<SidenavProps>;
+
+interface TableColumn<T = any> {
+    /** Unique key for the column */
+    key: string;
+    /** Column header label */
+    label: string;
+    /** Whether the column is sortable */
+    sortable?: boolean;
+    /** Column width (e.g., '100px', '20%') */
+    width?: string;
+    /** Custom render function for cells */
+    render?: (value: any, row: T, index: number) => React__default.ReactNode;
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right';
+}
+interface TableProps<T = any> {
+    /** Column definitions */
+    columns: TableColumn<T>[];
+    /** Data rows */
+    data: T[];
+    /** Unique key accessor for each row */
+    rowKey?: keyof T | ((row: T) => string | number);
+    /** Whether to show borders */
+    bordered?: boolean;
+    /** Whether rows are striped */
+    striped?: boolean;
+    /** Whether rows highlight on hover */
+    hoverable?: boolean;
+    /** Whether the table is compact */
+    compact?: boolean;
+    /** Loading state */
+    loading?: boolean;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** Row click handler */
+    onRowClick?: (row: T, index: number) => void;
+    /** Additional CSS class */
+    className?: string;
+}
+declare const Table: <T extends Record<string, any> = any>({ columns, data, rowKey, bordered, striped, hoverable, compact, loading, emptyMessage, onRowClick, className, }: TableProps<T>) => React__default.JSX.Element;
+
+interface TeamOption {
+    /** Team code (e.g., 'MBB', 'WBB') */
+    code: string;
+    /** Team description/name */
+    description: string;
+    /** Team ID */
+    id: string | number;
+    /** Team category: men, women, mixed */
+    category?: 'men' | 'women' | 'mixed';
+}
+interface TeamCardProps {
+    /** Title of the card */
+    title?: string;
+    /** Icon element */
+    icon?: ReactNode;
+    /** List of teams to display */
+    teams: TeamOption[];
+    /** Callback when a team is selected */
+    onTeamSelect?: (team: TeamOption) => void;
+    /** Additional class */
+    className?: string;
+}
+/**
+ * TeamCard - Displays a list of teams with category filters
+ */
+declare const TeamCard: {
+    ({ title, icon, teams, onTeamSelect, className, }: TeamCardProps): React.JSX.Element;
+    displayName: string;
+};
+
+interface AccountInfo {
+    /** Account code/abbreviation */
+    code: string;
+    /** Full account name */
+    name: string;
+}
+interface TopbarProps extends HTMLAttributes<HTMLElement> {
+    /** Current account information */
+    account?: AccountInfo;
+    /** List of available accounts for dropdown */
+    accounts?: AccountInfo[];
+    /** Callback when account is selected */
+    onAccountSelect?: (account: AccountInfo) => void;
+    /** Callback when account selector is clicked (legacy, use onAccountSelect for dropdown) */
+    onAccountClick?: () => void;
+    /** Actions to display on the right side */
+    actions?: React__default.ReactNode;
+    /** Left side content (e.g., account selector) */
+    leftContent?: React__default.ReactNode;
+}
+/**
+ * Topbar component for the main header.
+ * Includes account selector with dropdown and action buttons.
+ */
+declare const Topbar: React__default.FC<TopbarProps>;
+
+interface TravelerFormData {
+    /** First name */
+    firstName?: string;
+    /** Middle initial */
+    middleInitial?: string;
+    /** Last name */
+    lastName?: string;
+    /** Weight in lbs */
+    weight?: number;
+    /** Gender */
+    gender?: 'male' | 'female' | 'other' | 'prefer_not_to_say';
+    /** Birth date */
+    birthDate?: string;
+    /** Traveler type */
+    travelerType?: string;
+    /** Known traveler number */
+    knownTravelerNumber?: string;
+    /** DHS redress number */
+    dhsRedress?: string;
+    /** Special requests */
+    specialRequests?: string;
+    /** Seat preference */
+    seatPreference?: 'aisle' | 'window' | 'middle' | 'no_preference';
+}
+interface TravelerFormProps {
+    /** Current form values */
+    values?: TravelerFormData;
+    /** Title of the form */
+    title?: string;
+    /** Subtitle/description */
+    subtitle?: string;
+    /** Render props for form fields - allows consumer to provide their own input components */
+    children?: ReactNode;
+    /** Form sections - render props approach */
+    renderNameSection?: (values: TravelerFormData) => ReactNode;
+    renderDetailsSection?: (values: TravelerFormData) => ReactNode;
+    renderPreferencesSection?: (values: TravelerFormData) => ReactNode;
+    /** Footer actions */
+    footer?: ReactNode;
+    /** Whether form is in loading state */
+    isLoading?: boolean;
+    /** Additional class */
+    className?: string;
+}
+/**
+ * TravelerForm - Form layout for editing traveler/roster member details
+ */
+declare const TravelerForm: {
+    ({ values, title, subtitle, children, renderNameSection, renderDetailsSection, renderPreferencesSection, footer, isLoading, className, }: TravelerFormProps): React.JSX.Element;
+    displayName: string;
+};
+
+interface TripData {
+    /** Unique trip identifier */
+    id: string;
+    /** PNR/Confirmation number */
+    pnr?: string;
+    /** Request ID (for requested trips) */
+    reqId?: string;
+    /** Traveler name(s) */
+    travelers: string[];
+    /** Sport code */
+    sport?: string;
+    /** Vendor/Airline code */
+    vendor?: string;
+    /** Itinerary string (e.g., "ATL-RDU") */
+    itinerary?: string;
+    /** Travel type codes */
+    types: TravelType[];
+    /** Multi-segment indicators */
+    multiSegments?: TravelType[];
+    /** Travel date range */
+    dates: string;
+    /** Trip status */
+    status: StatusBadgeVariant;
+    /** Requested by (for request trips) */
+    requestedBy?: string;
+    /** Submitted date (for request trips) */
+    submitted?: string;
+}
+interface TripTableProps {
+    /** Array of trip data */
+    trips: TripData[];
+    /** Table variant */
+    variant?: 'current' | 'past' | 'requested';
+    /** Density mode */
+    density?: 'comfortable' | 'compact';
+    /** Vendor display mode */
+    vendorMode?: 'icon' | 'code';
+    /** Use unified service column */
+    useServiceColumn?: boolean;
+    /** Callback when viewing a trip */
+    onViewTrip?: (id: string) => void;
+    /** Show empty state */
+    emptyMessage?: string;
+    /** Additional CSS class */
+    className?: string;
+}
+declare const TripTable: React__default.FC<TripTableProps>;
+
+interface AppLayoutProps {
+    /** Navigation items for the sidenav */
+    navItems?: SidenavItem[];
+    /** Currently active navigation item key */
+    activeNavKey?: string;
+    /** Logo element for the sidenav */
+    logo?: React__default.ReactNode;
+    /** Collapsed logo element for the sidenav */
+    collapsedLogo?: React__default.ReactNode;
+    /** Account info for the topbar */
+    account?: AccountInfo;
+    /** Whether the sidenav starts expanded */
+    defaultExpanded?: boolean;
+    /** Callback when navigation item is clicked */
+    onNavItemClick?: (key: string) => void;
+    /** Callback when account selector is clicked */
+    onAccountClick?: () => void;
+    /** Main content to render */
+    children: React__default.ReactNode;
+    /** Footer content for the sidenav */
+    navFooter?: React__default.ReactNode;
+    /** Additional actions for the topbar */
+    topbarActions?: React__default.ReactNode;
+    /** Additional CSS class */
+    className?: string;
+}
+declare const AppLayout: React__default.FC<AppLayoutProps>;
+
+interface RequestFormHeaderProps {
+    /** Title to display */
+    title: string;
+    /** Current page number (1-indexed) */
+    currentPage?: number;
+    /** Total pages */
+    totalPages?: number;
+    /** Event or request name */
+    eventName?: string;
+    /** Additional content on the right side */
+    rightContent?: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+}
+interface RequestFormFooterProps {
+    /** Callback for cancel/previous button */
+    onPrevious: () => void;
+    /** Callback for next/submit button */
+    onNext: () => void;
+    /** Whether on first page */
+    isFirstPage?: boolean;
+    /** Whether on last page */
+    isLastPage?: boolean;
+    /** Whether the form is currently submitting */
+    isSubmitting?: boolean;
+    /** Custom previous button text */
+    previousText?: string;
+    /** Custom next button text */
+    nextText?: string;
+    /** Additional CSS class */
+    className?: string;
+}
+interface RequestFormLayoutProps {
+    /** Header component */
+    header?: ReactNode;
+    /** Left sidebar content (service toggles) */
+    sidebar?: ReactNode;
+    /** Main form content */
+    children: ReactNode;
+    /** Right sidebar content (summary) */
+    summary?: ReactNode;
+    /** Footer component */
+    footer?: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Whether to show the sidebar on mobile */
+    showSidebarOnMobile?: boolean;
+}
+/**
+ * RequestFormHeader component for the fixed header in travel request forms.
+ */
+declare const RequestFormHeader: React__default.FC<RequestFormHeaderProps>;
+/**
+ * RequestFormFooter component for the fixed footer with navigation buttons.
+ */
+declare const RequestFormFooter: React__default.FC<RequestFormFooterProps>;
+/**
+ * RequestFormLayout template for travel request forms.
+ * Provides a three-column layout with fixed header and footer.
+ */
+declare const RequestFormLayout: React__default.FC<RequestFormLayoutProps>;
+
+type AdministrationTab = 'system' | 'client';
+interface AdministrationCard {
+    key: string;
+    title: string;
+    description: string;
+    icon?: ReactNode;
+}
+interface AdministrationPageProps {
+    activeTab?: AdministrationTab;
+    onTabChange?: (tab: AdministrationTab) => void;
+    cards?: AdministrationCard[];
+    onCardClick?: (card: AdministrationCard) => void;
+    children?: ReactNode;
+    className?: string;
+}
+/** Hub administration shell and system-card index. */
+declare const AdministrationPage: ({ activeTab, onTabChange, cards, onCardClick, children, className, }: AdministrationPageProps) => React.JSX.Element;
+
+type ManifestSendState = 'none' | 'initial-sent' | 'final-sent';
+interface CharterManifestSegment {
+    id: string;
+    label: string;
+    detail: string;
+}
+interface CharterManifestPassenger {
+    id: string | number;
+    firstName: string;
+    lastName: string;
+    travelerType: string;
+    screeningType?: string;
+    personalWeight?: number;
+    carryOnWeight?: number;
+    checkedWeight?: number;
+    seatAssignment?: string | null;
+}
+interface CharterManifestEquipment {
+    id: string | number;
+    name: string;
+    quantity: number;
+    weight: number;
+}
+interface CharterManifestPageProps {
+    tripName: string;
+    travelStartDate?: string;
+    travelEndDate?: string;
+    seats: number;
+    payloadLimit: number;
+    passengerWeight: number;
+    cargoWeight: number;
+    carrierName?: string;
+    carrierNote?: string;
+    passengers?: CharterManifestPassenger[];
+    equipment?: CharterManifestEquipment[];
+    segments?: CharterManifestSegment[];
+    locked?: boolean;
+    sendState?: ManifestSendState;
+    onBack?: () => void;
+    onGenerateFile?: () => void;
+    onChangeCarrier?: () => void;
+    onSplitSegments?: () => void;
+    onAddPassengers?: () => void;
+    onAddEquipment?: () => void;
+    onRemovePassenger?: (passenger: CharterManifestPassenger) => void;
+    onRemoveEquipment?: (equipment: CharterManifestEquipment) => void;
+    onSendInitial?: () => void;
+    onSendFinal?: () => void;
+    onUndoInitial?: () => void;
+    className?: string;
+}
+/** Stateless, service-free rendering of Hub's charter manifest page. */
+declare const CharterManifestPage: ({ tripName, travelStartDate, travelEndDate, seats, payloadLimit, passengerWeight, cargoWeight, carrierName, carrierNote, passengers, equipment, segments, locked, sendState, onBack, onGenerateFile, onChangeCarrier, onSplitSegments, onAddPassengers, onAddEquipment, onRemovePassenger, onRemoveEquipment, onSendInitial, onSendFinal, onUndoInitial, className, }: CharterManifestPageProps) => React.JSX.Element;
+
+interface ContactInfo {
+    name?: string;
+    email?: string;
+    phone?: string;
+    show247?: boolean;
+}
+interface ContactCardData {
+    title: string;
+    contacts: ContactInfo[];
+}
+interface ContactUsPageProps {
+    /** Page title */
+    title?: string;
+    /** Alert/notification banner */
+    alert?: ReactNode;
+    /** Contact cards to display */
+    cards?: ContactCardData[];
+    /** Custom content to render instead of cards */
+    children?: ReactNode;
+    /** Additional class */
+    className?: string;
+}
+/**
+ * ContactUsPage - Contact information page layout
+ *
+ * Shows a page with:
+ * - Title
+ * - Optional alert banner
+ * - Contact cards grid
+ */
+declare const ContactUsPage: {
+    ({ title, alert, cards, children, className, }: ContactUsPageProps): React.JSX.Element;
+    displayName: string;
+};
+
+type DashboardWidgetSize = 'S' | 'M' | 'L';
+type DashboardWidgetState = 'loading' | 'data' | 'empty' | 'error';
+interface DashboardWidgetRow {
+    primary: string;
+    secondary?: string;
+    value?: string;
+    badge?: string;
+}
+interface DashboardWidget {
+    id: string;
+    type: 'travelers' | 'unused' | 'info';
+    title: string;
+    size: DashboardWidgetSize;
+    state?: DashboardWidgetState;
+    pinned?: boolean;
+    rows?: DashboardWidgetRow[];
+    emptyMessage?: string;
+    footerLabel?: string;
+}
+interface DashboardPageProps {
+    greeting?: string;
+    firstName?: string;
+    accountName?: string;
+    widgets?: DashboardWidget[];
+    systemBanners?: SystemBanner[];
+    alertBanners?: TravelAlertBanner[];
+    syncStatus?: 'idle' | 'saving' | 'error';
+    onRefresh?: (widget: DashboardWidget) => void;
+    onRemove?: (widget: DashboardWidget) => void;
+    onResize?: (widget: DashboardWidget, size: DashboardWidgetSize) => void;
+    onReset?: () => void;
+    onAddWidget?: (type: DashboardWidget['type']) => void;
+    className?: string;
+}
+/** Hub's personalized post-login landing page. */
+declare const DashboardPage: ({ greeting, firstName, accountName, widgets, systemBanners, alertBanners, syncStatus, onRefresh, onRemove, onResize, onReset, onAddWidget, className, }: DashboardPageProps) => React.JSX.Element;
+
+interface GroupTravelRequestPageProps {
+    /** Event name to display in header */
+    eventName?: string;
+    /** Total pages for multi-page forms */
+    totalPages?: number;
+    /** Callback when form is submitted */
+    onSubmit?: (data: any) => void;
+    /** Callback when form is cancelled */
+    onCancel?: () => void;
+    /** Initial form values */
+    initialValues?: Record<string, any>;
+    /** Custom services configuration */
+    services?: ServiceConfig[];
+    /** Custom summary sections */
+    summarySections?: SummarySectionConfig[];
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * GroupTravelRequestPage component provides a complete travel request form page.
+ * Includes service toggles, form sections, and summary panel.
+ */
+declare const GroupTravelRequestPage: React__default.FC<GroupTravelRequestPageProps>;
+
+type TabKey = 'requested' | 'current' | 'past';
+interface IndividualTravelPageProps {
+    /** Current trips data */
+    currentTrips: TripData[];
+    /** Past trips data */
+    pastTrips: TripData[];
+    /** Requested trips data */
+    requestedTrips: TripData[];
+    /** Sport options for filter */
+    sportOptions?: FilterOption[];
+    /** Traveler options for filter */
+    travelerOptions?: FilterOption[];
+    /** Initial active tab */
+    initialTab?: TabKey;
+    /** Table density */
+    density?: 'comfortable' | 'compact';
+    /** Vendor display mode */
+    vendorMode?: 'icon' | 'code';
+    /** Use service column mode */
+    useServiceColumn?: boolean;
+    /** Callback when viewing a trip */
+    onViewTrip?: (id: string) => void;
+    /** Callback when viewing a request */
+    onViewRequest?: (id: string) => void;
+    /** Callback when exporting */
+    onExport?: (scope: 'all' | 'current' | 'past') => void;
+    /** Show traveler scope info for standard users */
+    showTravelerScopeInfo?: boolean;
+    /** Additional CSS class */
+    className?: string;
+}
+declare const IndividualTravelPage: React__default.FC<IndividualTravelPageProps>;
+
+interface InfoCenterArticle {
+    id: string;
+    title: string;
+    /** Short plain-text snippet shown on the card */
+    body: string;
+    /** Full HTML body rendered inside the article modal */
+    fullText?: string;
+    category: string;
+    /** External link; when present "Read more" opens it instead of the modal */
+    href?: string;
+}
+type InfoCenterPageState = 'loading' | 'data' | 'empty' | 'error';
+interface InfoCenterPageProps {
+    /** Page title */
+    title?: string;
+    /** Account name shown in the subtitle */
+    accountName?: string;
+    /** Articles to display */
+    articles?: InfoCenterArticle[];
+    /** Explicit page state; derived from `articles` when omitted */
+    state?: InfoCenterPageState;
+    /** Show admin controls (Add Article, per-card edit) */
+    isAdmin?: boolean;
+    /** Called when the admin Add Article button is clicked */
+    onAddArticle?: () => void;
+    /** Called when an admin clicks a card's edit button */
+    onEditArticle?: (article: InfoCenterArticle) => void;
+    /** Called when an article with an external href is opened */
+    onOpenExternal?: (article: InfoCenterArticle) => void;
+    /** Additional class */
+    className?: string;
+    /** Show the Hub breadcrumb above the title. */
+    showBreadcrumb?: boolean;
+    /** Home link used by the breadcrumb. */
+    homeHref?: string;
+    /** Article to open after navigation from a dashboard card. */
+    initialArticleId?: string;
+    /** Called once the initial article has been consumed. */
+    onInitialArticleOpen?: () => void;
+}
+/**
+ * InfoCenterPage - Info Center article browser
+ *
+ * Shows all published Info Center articles for the active account,
+ * filtered by category tab. "Read more" on an article with an external
+ * href opens it in a new tab; articles without an href open an inline
+ * modal that renders the full article body.
+ */
+declare const InfoCenterPage: ({ title, accountName, articles, state, isAdmin, onAddArticle, onEditArticle, onOpenExternal, className, showBreadcrumb, homeHref, initialArticleId, onInitialArticleOpen, }: InfoCenterPageProps) => React.JSX.Element;
+
+interface NotFoundPageProps {
+    /** Error code to display */
+    errorCode?: string | number;
+    /** Main heading */
+    title?: string;
+    /** Description message */
+    message?: string;
+    /** Action button/link content */
+    action?: ReactNode;
+    /** Custom illustration or icon */
+    illustration?: ReactNode;
+    /** Additional class */
+    className?: string;
+}
+/**
+ * NotFoundPage - 404 error page layout
+ *
+ * Shows a centered error page with:
+ * - Error code (404)
+ * - Title and message
+ * - Optional action button
+ * - Optional illustration
+ */
+declare const NotFoundPage: {
+    ({ errorCode, title, message, action, illustration, className, }: NotFoundPageProps): React.JSX.Element;
+    displayName: string;
+};
+
+interface TeamManagementTab {
+    /** Tab identifier */
+    id: string;
+    /** Tab label */
+    label: string;
+    /** Tab icon */
+    icon?: ReactNode;
+    /** Tab badge count */
+    badge?: number;
+}
+interface TeamManagementPageProps {
+    /** Team header component */
+    header?: ReactNode;
+    /** Available tabs */
+    tabs?: TeamManagementTab[];
+    /** Currently active tab */
+    activeTab?: string;
+    /** Tab change handler */
+    onTabChange?: (tabId: string) => void;
+    /** Tab content */
+    children?: ReactNode;
+    /** Sidebar content */
+    sidebar?: ReactNode;
+    /** Footer content */
+    footer?: ReactNode;
+    /** Additional class */
+    className?: string;
+}
+/**
+ * TeamManagementPage - Layout for team management with tabbed navigation
+ */
+declare const TeamManagementPage: {
+    ({ header, tabs, activeTab, onTabChange, children, sidebar, footer, className, }: TeamManagementPageProps): React.JSX.Element;
+    displayName: string;
+};
+
+interface ScheduleMetric {
+    label: string;
+    value: string | number;
+    prefix?: string;
+    suffix?: string;
+}
+interface ScheduleFilterOption {
+    label: string;
+    value: string | number;
+}
+interface TeamSchedulePageProps {
+    /** Page title */
+    title?: string;
+    /** Mobile title variant */
+    mobileTitle?: string;
+    /** Summary metrics to display */
+    metrics?: ScheduleMetric[];
+    /** Team filter content */
+    teamFilter?: ReactNode;
+    /** Service filter content */
+    serviceFilter?: ReactNode;
+    /** Action buttons area */
+    actions?: ReactNode;
+    /** Main schedule content - compact view */
+    compactView?: ReactNode;
+    /** Main schedule content - expanded view */
+    expandedView?: ReactNode;
+    /** Current view mode */
+    viewMode?: 'compact' | 'expanded';
+    /** Whether in mobile mode */
+    isMobile?: boolean;
+    /** Additional class */
+    className?: string;
+}
+/**
+ * TeamSchedulePage - Team travel schedule page layout
+ *
+ * Shows a page with:
+ * - Title and filter row
+ * - Summary metrics
+ * - Action buttons
+ * - Schedule table (compact or expanded view)
+ */
+declare const TeamSchedulePage: {
+    ({ title, mobileTitle, metrics, teamFilter, serviceFilter, actions, compactView, expandedView, viewMode, isMobile, className, }: TeamSchedulePageProps): React.JSX.Element;
+    displayName: string;
+};
+
+type CalendarView = 'calendar' | 'card' | 'list';
+interface CalendarMetric {
+    label: string;
+    value: string | number;
+    onClick?: () => void;
+}
+interface TeamTravelCalendarPageProps {
+    /** Page title */
+    title?: string;
+    /** Mobile title variant */
+    mobileTitle?: string;
+    /** Summary metrics to display */
+    metrics?: CalendarMetric[];
+    /** Team filter content */
+    teamFilter?: ReactNode;
+    /** Service filter content */
+    serviceFilter?: ReactNode;
+    /** View selector content */
+    viewSelector?: ReactNode;
+    /** Type selector content */
+    typeSelector?: ReactNode;
+    /** Calendar view content */
+    calendarView?: ReactNode;
+    /** Card view content */
+    cardView?: ReactNode;
+    /** List view content */
+    listView?: ReactNode;
+    /** Sidebar content (due dates) */
+    sidebar?: ReactNode;
+    /** Current view mode */
+    view?: CalendarView;
+    /** Whether sidebar is open */
+    sidebarOpen?: boolean;
+    /** Whether in mobile mode */
+    isMobile?: boolean;
+    /** Additional class */
+    className?: string;
+}
+/**
+ * TeamTravelCalendarPage - Team travel calendar page layout
+ *
+ * Shows a page with:
+ * - Title and filter row
+ * - Summary metrics
+ * - View switcher (calendar/card/list)
+ * - Main calendar/card/list view
+ * - Sidebar for due dates
+ */
+declare const TeamTravelCalendarPage: {
+    ({ title, mobileTitle, metrics, teamFilter, serviceFilter, viewSelector, typeSelector, calendarView, cardView, listView, sidebar, view, sidebarOpen, isMobile, className, }: TeamTravelCalendarPageProps): React.JSX.Element;
+    displayName: string;
+};
+
+interface TripDetailPageProps {
+    /** Trip header content (title, status, dates) */
+    header?: ReactNode;
+    /** Air segment content */
+    airSegment?: ReactNode;
+    /** Ground segment content */
+    groundSegment?: ReactNode;
+    /** Hotel segment content */
+    hotelSegment?: ReactNode;
+    /** Files/attachments section */
+    filesSection?: ReactNode;
+    /** Team roster section */
+    teamSection?: ReactNode;
+    /** Events sidebar */
+    eventsSection?: ReactNode;
+    /** Due dates sidebar */
+    dueDatesSection?: ReactNode;
+    /** Additional class */
+    className?: string;
+}
+/**
+ * TripDetailPage - Trip detail view layout
+ *
+ * Displays a trip with:
+ * - Header with trip info and status
+ * - Main content area:
+ *   - Left (7 cols): Segments (Air/Ground/Hotel), Files, Team
+ *   - Right (3 cols): Events, Due Dates
+ */
+declare const TripDetailPage: {
+    ({ header, airSegment, groundSegment, hotelSegment, filesSection, teamSection, eventsSection, dueDatesSection, className, }: TripDetailPageProps): React.JSX.Element;
+    displayName: string;
+};
+
+export { Accordion, AdministrationPage, AirSegment, Alert, AppLayout, ArrowUpRightIcon, Avatar, AvatarGroup, Badge, BuildingIcon, BusIcon, Button, CalendarIcon, CarIcon, Card, CardBody, CardFooter, CardHeader, CharterManifestPage, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, ConfirmModal, ContactList, ContactUsPage, CubeIcon, DashboardIcon, DashboardPage, Datepicker, DocumentIcon, DownloadIcon, Drawer, DrawerBody, DrawerFooter, DrawerHeader, Dropdown, EditIcon, EyeIcon, FilterChip, FilterIcon, FormField, FormRow, FormSection, GridIcon, GroundSegment, GroupTravelRequestPage, HomeIcon, HotelIcon, HotelSegment, Icons, IndividualTravelPage, InfoCenterPage, InfoIcon, Input, LightbulbIcon, LimoIcon, LockIcon, LogoIcon, MailIcon, ManifestCapacityStats, ManifestViewToggle, MegaphoneIcon, MembershipPrograms, MenuIcon, Metric, MinusIcon, Modal, ModalFooter, Module, ModuleDivider, ModuleVerticalDivider, NavItem, NotFoundPage, PageBanners, PhoneIcon, PlaneIcon, PlusIcon, PreferencesPanel, PrinterIcon, Progress, ProgressBar, ProgressCircle, RailIcon, RefreshIcon, ReportIcon, RequestFormFooter, RequestFormHeader, RequestFormLayout, RequestSummary, RosterToolbar, SearchField, SearchIcon, Segment, Select, SelectFilter, ServiceToggle, ServiceToggleList, SettingsIcon, Sidenav, Spinner, StatusBadge, SummarySection, Table, Tag, TeamCard, TeamHeader, TeamManagementPage, TeamSchedulePage, TeamTravelCalendarPage, Textarea, Timepicker, Title, Toggle, Tooltip, Topbar, TrashIcon, TravelServiceIcon, TravelerForm, TrendDownIcon, TrendUpIcon, TripDetailPage, TripSegment, TripTable, TypeIcon, UserIcon, UsersIcon, WarningIcon, XIcon };
+export type { AccordionProps, AccountInfo, AdministrationCard, AdministrationPageProps, AdministrationTab, AirSegmentProps, AlertProps, AlertVariant, AppLayoutProps, AvatarGroupProps, AvatarProps, AvatarSize, BadgeProps, BadgeSize, BadgeVariant, ButtonProps, ButtonSize, ButtonVariant, CalendarMetric, CalendarView, CardBodyProps, CardFooterProps, CardHeaderProps, CardPadding, CardProps, CardVariant, CharterManifestEquipment, CharterManifestPageProps, CharterManifestPassenger, CharterManifestSegment, CheckboxProps, ConfirmModalProps, Contact, ContactCardData, ContactInfo, ContactListProps, ContactUsPageProps, DashboardPageProps, DatepickerProps, DatepickerSize, DrawerBodyProps, DrawerFooterProps, DrawerHeaderProps, DrawerPosition, DrawerProps, DrawerSize, DropdownAlignment, DropdownItemProps, DropdownProps, FilterChipProps, FilterOption, FlightData, FormFieldProps, FormRowProps, FormSectionProps, GroundData, GroundSegmentProps, GroupTravelRequestPageProps, HotelData, HotelSegmentProps, IconName, IconProps, IndividualTravelPageProps, InfoCenterArticle, InfoCenterPageProps, InfoCenterPageState, InputProps, InputSize, ManifestCapacityStatsProps, ManifestSendState, ManifestView, ManifestViewToggleProps, MembershipProgram, MembershipProgramsProps, MetricProps, ModalFooterProps, ModalProps, ModalSize, ModuleProps, ModuleSize, NavItemProps, NavItemSize, NavItemVariant, NotFoundPageProps, PageBannersProps, PreferenceField, PreferenceSection, PreferencesPanelProps, ProgressBarProps, ProgressCircleProps, ProgressSize, ProgressVariant, RequestFormFooterProps, RequestFormHeaderProps, RequestFormLayoutProps, RequestSummaryProps, RosterToolbarProps, ScheduleFilterOption, ScheduleMetric, SearchFieldProps, SegmentOption, SegmentProps, SegmentVariant, SelectFilterOption, SelectFilterProps, SelectOption, SelectOptionGroup, SelectProps, SelectSize, ServiceConfig, ServiceToggleListProps, ServiceToggleProps, SidenavItem, SidenavProps, SpinnerProps, SpinnerSize, StatusBadgeProps, StatusBadgeVariant, SummaryItem, SummarySectionConfig, SummarySegment, SystemBanner, TabKey, TableColumn, TableProps, TagProps, TagSize, TagVariant, TeamCardProps, TeamHeaderProps, TeamManagementPageProps, TeamManagementTab, TeamOption, TeamSchedulePageProps, TeamTravelCalendarPageProps, TextareaProps, TimepickerProps, TimepickerSize, TitleProps, TitleWeight, ToggleProps, ToggleSize, ToolbarAction, TooltipPosition, TooltipProps, TooltipVariant, TopbarProps, TravelAlertBanner, TravelServiceIconProps, TravelType, TravelerFormData, TravelerFormProps, TripData, TripDetailPageProps, TripSegmentProps, TripTableProps, TypeIconProps, VendorCode };