@datatechsolutions/ui 2.11.48 → 2.11.49

package/dist/index.d.ts

@@ -0,0 +1,4673 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as Headless from '@headlessui/react';
+import { ButtonProps as ButtonProps$1 } from '@headlessui/react';
+import * as React$1 from 'react';
+import React__default, { HTMLAttributes, ReactNode, InputHTMLAttributes, SelectHTMLAttributes, ComponentType, TextareaHTMLAttributes, FormEvent, SVGProps } from 'react';
+import { a as GlassModalIdentity } from './dynamic-island-confirm-Bw24Ll2r.js';
+export { D as DynamicIslandConfirm, b as GlassModal, c as GlassModalProps, d as GlassModalSection, e as GlassModalSidebar, G as GlassModalSize } from './dynamic-island-confirm-Bw24Ll2r.js';
+export { I18nContextValue, I18nFormatter, I18nProvider, I18nProviderProps, createI18nFromMessages, useFormatter, useLocale, useTranslations } from './lib/i18n-context.js';
+export { LinkComponent, RouterContextValue, RouterProvider, RouterProviderProps, useLink, usePathname, useRouter } from './lib/router-context.js';
+import { Variants, Transition } from 'framer-motion';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as zustand from 'zustand';
+
+declare const Link: React__default.ForwardRefExoticComponent<{
+    href: string;
+    children?: React__default.ReactNode;
+} & Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & React__default.RefAttributes<HTMLAnchorElement>>;
+
+/**
+ * Button Styles Module
+ * ====================
+ *
+ * Centralized style definitions for all button variants.
+ * Extracted from button.tsx for better maintainability.
+ */
+declare const iosColors$1: {
+    'ios-glass-blue': string[];
+    'ios-glass-red': string[];
+    'ios-glass-green': string[];
+    'ios-blue': string[];
+    'ios-red': string[];
+    'ios-green': string[];
+    'ios-orange': string[];
+    'ios-purple': string[];
+    'ios-teal': string[];
+};
+declare const sizeStyles: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+declare const styles: {
+    base: string[];
+    solid: string[];
+    outline: string[];
+    plain: string[];
+    gradient: string[];
+    colors: {
+        'dark/zinc': string[];
+        light: string[];
+        'dark/white': string[];
+        dark: string[];
+        white: string[];
+        zinc: string[];
+        indigo: string[];
+        cyan: string[];
+        red: string[];
+        orange: string[];
+        amber: string[];
+        yellow: string[];
+        lime: string[];
+        green: string[];
+        emerald: string[];
+        teal: string[];
+        sky: string[];
+        blue: string[];
+        violet: string[];
+        purple: string[];
+        fuchsia: string[];
+        pink: string[];
+        rose: string[];
+    };
+};
+declare const fabSizes: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+declare const fabPositions: {
+    'bottom-right': string;
+    'bottom-left': string;
+    'bottom-center': string;
+};
+declare const fabColors: {
+    'ios-blue': string;
+    'ios-green': string;
+    'ios-red': string;
+    'ios-purple': string;
+    'ios-orange': string;
+};
+declare const iconButtonSizes: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+type ColorType = keyof typeof styles.colors | keyof typeof iosColors$1;
+type SizeType = keyof typeof sizeStyles;
+type FABColorType = keyof typeof fabColors;
+type FABPositionType = keyof typeof fabPositions;
+type FABSizeType = keyof typeof fabSizes;
+type IconButtonSizeType = keyof typeof iconButtonSizes;
+
+type ButtonProps = ({
+    color?: ColorType;
+    outline?: never;
+    plain?: never;
+    gradient?: never;
+} | {
+    color?: never;
+    outline: true;
+    plain?: never;
+    gradient?: never;
+} | {
+    color?: never;
+    outline?: never;
+    plain: true;
+    gradient?: never;
+} | {
+    color?: never;
+    outline?: never;
+    plain?: never;
+    gradient: true;
+}) & {
+    className?: string;
+    children: React__default.ReactNode;
+    /** Make button pill-shaped (fully rounded) */
+    pill?: boolean;
+    /** Button size */
+    size?: SizeType;
+    /** Show loading spinner */
+    loading?: boolean;
+    /** Loading text (optional) */
+    loadingText?: string;
+    /** Full width button */
+    fullWidth?: boolean;
+    /** Destructive action (uses iOS red) */
+    destructive?: boolean;
+} & (({
+    href?: never;
+} & Omit<ButtonProps$1, 'as' | 'className'>) | ({
+    href: string;
+} & Omit<React__default.ComponentPropsWithoutRef<typeof Link>, 'className'>));
+declare const Button: React__default.ForwardRefExoticComponent<(ButtonProps & {
+    disabled?: boolean;
+}) & React__default.RefAttributes<HTMLElement>>;
+/**
+ * Expand the hit area to at least 44×44px on touch devices
+ */
+declare function TouchTarget({ children }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Floating Action Button (FAB) - iOS style
+ * Fixed position button typically in bottom-right corner
+ */
+type FABProps = {
+    /** Icon to display */
+    icon: React__default.ReactNode;
+    /** Optional label (shows on hover/focus) */
+    label?: string;
+    /** Button color */
+    color?: FABColorType;
+    /** Size variant */
+    size?: FABSizeType;
+    /** Position on screen */
+    position?: FABPositionType;
+    /** Click handler */
+    onClick?: () => void;
+    /** Show loading state */
+    loading?: boolean;
+    /** Custom class */
+    className?: string;
+    /** Extended FAB with label always visible */
+    extended?: boolean;
+};
+declare function FloatingActionButton({ icon, label, color, size, position, onClick, loading, className, extended, }: FABProps): react_jsx_runtime.JSX.Element;
+/**
+ * Icon Button - Compact button with just an icon
+ */
+type IconButtonProps = {
+    icon: React__default.ReactNode;
+    label: string;
+    color?: ColorType;
+    size?: IconButtonSizeType;
+    variant?: 'solid' | 'ghost' | 'outline';
+    onClick?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    className?: string;
+    destructive?: boolean;
+};
+declare function IconButton({ icon, label, color, size, variant, onClick, disabled, loading, className, destructive, }: IconButtonProps): react_jsx_runtime.JSX.Element;
+
+type CardProps = HTMLAttributes<HTMLDivElement> & {
+    /** Card style variant */
+    variant?: "default" | "gradient" | "glass" | "elevated";
+    /** Enable hover lift animation */
+    interactive?: boolean;
+    /** Enable press animation */
+    pressable?: boolean;
+    /** Click handler (enables pressable automatically) */
+    onPress?: () => void;
+};
+declare function Card({ className, variant, interactive, pressable, onPress, ...props }: CardProps): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardDivider({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+type SectionCardHeaderProps = {
+    icon?: ReactNode;
+    title: string;
+    subtitle?: string;
+    /** Gradient classes for the icon background */
+    gradient?: string;
+    /** Optional content on the right side */
+    rightContent?: ReactNode;
+};
+type SectionCardProps = {
+    /** Card header configuration */
+    header: SectionCardHeaderProps;
+    /** Card body content */
+    children: ReactNode;
+    /** Additional className for the card container */
+    className?: string;
+    /** Whether to add padding to the body (default: true) */
+    padded?: boolean;
+    /** Card variant */
+    variant?: "default" | "gradient" | "glass" | "elevated";
+};
+/**
+ * Section Card with gradient icon header
+ * Used across dashboard pages for consistent section styling
+ */
+declare function SectionCard({ header, children, className, padded, variant, }: SectionCardProps): react_jsx_runtime.JSX.Element;
+type ListCardProps = {
+    children: ReactNode;
+    className?: string;
+    variant?: "default" | "glass";
+};
+declare function ListCard({ children, className, variant }: ListCardProps): react_jsx_runtime.JSX.Element;
+type ListCardItemProps = HTMLAttributes<HTMLDivElement> & {
+    /** Left content (icon, avatar) */
+    leading?: ReactNode;
+    /** Main content */
+    children: ReactNode;
+    /** Right content (badge, button, chevron) */
+    trailing?: ReactNode;
+    /** Enable press animation */
+    pressable?: boolean;
+    /** Click handler */
+    onPress?: () => void;
+};
+declare function ListCardItem({ leading, children, trailing, pressable, onPress, className, ...props }: ListCardItemProps): react_jsx_runtime.JSX.Element;
+
+type InputProps = InputHTMLAttributes<HTMLInputElement> & {
+    label?: string;
+    error?: string;
+    icon?: React.ReactNode;
+    /** Show clear button when input has value */
+    clearable?: boolean;
+    /** Use floating label style */
+    floatingLabel?: boolean;
+    /** Callback when clear button is clicked */
+    onClear?: () => void;
+    /** Show password toggle for password fields */
+    showPasswordToggle?: boolean;
+    /** Show character counter */
+    showCharacterCount?: boolean;
+    /** Max characters for counter */
+    maxCharacters?: number;
+    /** Show success state */
+    success?: boolean;
+    /** Success message */
+    successMessage?: string;
+    /** Helper text below input */
+    helperText?: string;
+    /** iOS filled style (gray background, no border) */
+    variant?: "default" | "filled";
+};
+declare const Input: React$1.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+    label?: string;
+    error?: string;
+    icon?: React.ReactNode;
+    /** Show clear button when input has value */
+    clearable?: boolean;
+    /** Use floating label style */
+    floatingLabel?: boolean;
+    /** Callback when clear button is clicked */
+    onClear?: () => void;
+    /** Show password toggle for password fields */
+    showPasswordToggle?: boolean;
+    /** Show character counter */
+    showCharacterCount?: boolean;
+    /** Max characters for counter */
+    maxCharacters?: number;
+    /** Show success state */
+    success?: boolean;
+    /** Success message */
+    successMessage?: string;
+    /** Helper text below input */
+    helperText?: string;
+    /** iOS filled style (gray background, no border) */
+    variant?: "default" | "filled";
+} & React$1.RefAttributes<HTMLInputElement>>;
+/**
+ * Password Input - Pre-configured input for passwords
+ */
+declare const PasswordInput: React$1.ForwardRefExoticComponent<Omit<InputProps, "type" | "showPasswordToggle"> & React$1.RefAttributes<HTMLInputElement>>;
+/**
+ * Search Input - Pre-configured input for search
+ */
+declare const SearchInput: React$1.ForwardRefExoticComponent<Omit<InputProps, "type"> & React$1.RefAttributes<HTMLInputElement>>;
+
+type SelectOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+declare const Select: React$1.ForwardRefExoticComponent<SelectHTMLAttributes<HTMLSelectElement> & {
+    label?: string;
+    error?: string;
+    /** Options as array of objects or strings */
+    options?: SelectOption[] | string[];
+    /** Use wheel picker on mobile */
+    useMobilePicker?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+} & React$1.RefAttributes<HTMLSelectElement>>;
+type DropdownSelectProps = {
+    label?: string;
+    options: SelectOption[];
+    value?: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: string;
+};
+declare function DropdownSelect({ label, options, value, onChange, placeholder, disabled, error, }: DropdownSelectProps): react_jsx_runtime.JSX.Element;
+
+type ThemeToggleProps = {
+    theme: 'light' | 'dark';
+    onToggle: () => void;
+    lightModeLabel?: string;
+    darkModeLabel?: string;
+};
+declare function ThemeToggle({ theme, onToggle, lightModeLabel, darkModeLabel, }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
+type ThemeToggleCompactProps = {
+    theme: 'light' | 'dark';
+    onToggle: () => void;
+    lightModeLabel?: string;
+    darkModeLabel?: string;
+};
+declare function ThemeToggleCompact({ theme, onToggle, lightModeLabel, darkModeLabel, }: ThemeToggleCompactProps): react_jsx_runtime.JSX.Element;
+
+type MetricCardTrend = {
+    value: number;
+    label?: string;
+    formatValue?: (value: number) => string;
+};
+type MetricCardProps = {
+    title: string;
+    value: string | number;
+    subtitle?: string;
+    icon?: ReactNode;
+    trend?: MetricCardTrend;
+    variant?: "default" | "success" | "warning" | "danger";
+};
+declare function MetricCard({ title, value, subtitle, icon, trend, variant, }: MetricCardProps): react_jsx_runtime.JSX.Element;
+
+type AgentAnalysisCardProps = {
+    name: string;
+    avatar: string;
+    duration: string;
+    output: string;
+};
+declare function AgentAnalysisCard({ name, avatar, duration, output }: AgentAnalysisCardProps): react_jsx_runtime.JSX.Element;
+
+type RecommendationCardProps = {
+    price: string;
+    delta: string;
+    confidence: string;
+    margin: string;
+    minMax: string;
+};
+declare function RecommendationCard({ price, delta, confidence, margin, minMax }: RecommendationCardProps): react_jsx_runtime.JSX.Element;
+
+type CompetitorEntry = {
+    name: string;
+    distance: string;
+    price: string;
+    change: string;
+    up: boolean;
+};
+type MarketPricesCardProps = {
+    competitors: CompetitorEntry[];
+};
+declare function MarketPricesCard({ competitors }: MarketPricesCardProps): react_jsx_runtime.JSX.Element;
+
+type HeroSectionProps = {
+    icon: ReactNode;
+    label: string;
+    title: string;
+    subtitle: ReactNode;
+    /** Optional top accent gradient bar (e.g. "from-indigo-600 via-purple-600 to-pink-500") */
+    gradient?: string;
+    /** Optional action buttons to display in the header */
+    actions?: ReactNode;
+    /** Optional toolbar (search/filter/create) rendered below subtitle */
+    toolbar?: ReactNode;
+    /** Optional badges/pills to display below subtitle */
+    badges?: ReactNode;
+    /** Optional extra content next to the label (e.g. entity count) */
+    labelExtra?: ReactNode;
+    children?: ReactNode;
+};
+/**
+ * Reusable hero section using the liquid-surface glass style.
+ * Same look as entity cards — frosted glass with optional gradient accent stripe.
+ */
+declare function HeroSection({ icon, label, title, subtitle, gradient, actions, toolbar, badges, labelExtra, children, }: HeroSectionProps): react_jsx_runtime.JSX.Element;
+
+interface ActiveFilterChip {
+    type: string;
+    value: string;
+    label: string;
+    color?: string;
+}
+interface ActiveFilterChipStyleConfig {
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    className: string;
+}
+interface ActiveFilterChipsProps {
+    filters: ActiveFilterChip[];
+    onRemoveFilter?: (filter: ActiveFilterChip) => void;
+    styleConfig?: Record<string, ActiveFilterChipStyleConfig>;
+}
+declare function ActiveFilterChips({ filters, onRemoveFilter, styleConfig, }: ActiveFilterChipsProps): react_jsx_runtime.JSX.Element;
+
+interface ActiveFilter {
+    type: string;
+    value: string;
+    label: string;
+    /** Optional custom color class for the pill */
+    color?: string;
+}
+type SearchBarProps = {
+    searchTerm: string;
+    onSearchChange: (value: string) => void;
+    placeholder?: string;
+    activeFilters?: ActiveFilter[];
+    onRemoveFilter?: (filter: ActiveFilter) => void;
+    onClearAll?: () => void;
+    /** Optional content to render at the end of the search bar */
+    endContent?: ReactNode;
+    /** Remove border and shadow when inside a unified container */
+    noBorder?: boolean;
+    /** Show cancel button on focus */
+    showCancelButton?: boolean;
+    /** Callback when cancel button is clicked */
+    onCancel?: () => void;
+    /** Optional style config for filter chip types */
+    filterChipStyleConfig?: Record<string, ActiveFilterChipStyleConfig>;
+};
+/**
+ * Reusable search bar with filter chips
+ * Used across dashboard pages for consistent search experience
+ */
+declare function SearchBar({ searchTerm, onSearchChange, placeholder, activeFilters, onRemoveFilter, onClearAll, endContent, noBorder, showCancelButton, onCancel, filterChipStyleConfig, }: SearchBarProps): react_jsx_runtime.JSX.Element;
+
+type ColorVariant = "emerald" | "blue" | "amber" | "orange" | "indigo" | "purple" | "red";
+type InfoConfig = {
+    title?: string;
+    content?: string;
+    blocks?: Array<{
+        label: string;
+        content: string;
+    }>;
+};
+type StatCardProps = {
+    icon: ReactNode;
+    value: string | number;
+    label: string;
+    /** Optional badge/pill displayed below the label (e.g., month indicator) */
+    badge?: string;
+    /** Optional info popover configuration to show SQL queries */
+    info?: InfoConfig;
+    color?: ColorVariant;
+    /** Shows a filtered indicator badge */
+    isFiltered?: boolean;
+    /** Shows urgent styling (amber tint) */
+    isUrgent?: boolean;
+    /** Makes the card clickable with active state */
+    isActive?: boolean;
+    onClick?: () => void;
+    className?: string;
+};
+/**
+ * Reusable stat card for displaying metrics
+ * Used in stats grids across dashboard pages
+ */
+declare function StatCard({ icon, value, label, badge, info, color, isFiltered, isUrgent, isActive, onClick, className, }: StatCardProps): react_jsx_runtime.JSX.Element;
+
+type SectionHeaderProps = {
+    icon: ReactNode;
+    title: string;
+    subtitle?: string;
+    /** Gradient classes for the icon background */
+    gradient?: string;
+    /** Optional content on the right side */
+    rightContent?: ReactNode;
+};
+/**
+ * Reusable section header with gradient icon box
+ * Used across dashboard pages for consistent section styling
+ */
+declare function SectionHeader({ icon, title, subtitle, gradient, rightContent, }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
+
+type PriceChangeBadgeProps = {
+    value: number | null;
+    size?: "sm" | "md";
+    showIcon?: boolean;
+    className?: string;
+};
+/**
+ * Displays a price change percentage as a colored badge.
+ * Green for positive changes, red for negative.
+ */
+declare function PriceChangeBadge({ value, size, showIcon, className, }: PriceChangeBadgeProps): react_jsx_runtime.JSX.Element | null;
+
+type PaginationProps = {
+    currentPage: number;
+    totalPages: number;
+    totalItems: number;
+    pageSize: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+};
+declare function Pagination({ currentPage, totalPages, totalItems, pageSize, onPageChange, className, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+
+type SpinnerSize = "xs" | "sm" | "md" | "lg" | "xl";
+type SpinnerColor = "primary" | "white" | "emerald" | "current" | "blue" | "gray";
+type SpinnerVariant = "circle" | "dots" | "pulse";
+type SpinnerProps = {
+    size?: SpinnerSize;
+    color?: SpinnerColor;
+    variant?: SpinnerVariant;
+    className?: string;
+    /** Optional label below spinner */
+    label?: string;
+};
+declare function Spinner({ size, color, variant, className, label, }: SpinnerProps): react_jsx_runtime.JSX.Element;
+type LoadingOverlayProps = {
+    /** Whether to show the overlay */
+    show: boolean;
+    /** Loading message */
+    message?: string;
+    /** Blur the background */
+    blur?: boolean;
+};
+declare function LoadingOverlay({ show, message, blur }: LoadingOverlayProps): react_jsx_runtime.JSX.Element | null;
+type InlineSpinnerProps = {
+    size?: "xs" | "sm";
+    className?: string;
+};
+declare function InlineSpinner({ size, className }: InlineSpinnerProps): react_jsx_runtime.JSX.Element;
+
+type PillVariant = "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "outline-primary" | "outline-success" | "outline-warning" | "outline-danger" | "blue" | "green" | "red" | "orange" | "purple" | "pink" | "teal";
+type PillSize = "xs" | "sm" | "md" | "lg";
+type PillProps = {
+    children: ReactNode;
+    variant?: PillVariant;
+    size?: PillSize;
+    className?: string;
+    onClick?: () => void;
+    /** Icon to show before text */
+    icon?: ReactNode;
+    /** Show remove button */
+    removable?: boolean;
+    /** Callback when remove button is clicked */
+    onRemove?: () => void;
+};
+declare function Pill({ children, variant, size, className, onClick, icon, removable, onRemove, }: PillProps): react_jsx_runtime.JSX.Element;
+type CountPillProps = {
+    count: number;
+    max?: number;
+    variant?: 'default' | 'primary' | 'danger';
+    size?: 'sm' | 'md';
+};
+declare function CountPill({ count, max, variant, size, }: CountPillProps): react_jsx_runtime.JSX.Element | null;
+
+type GrowthSize = "xs" | "sm" | "md";
+type GrowthIndicatorProps = {
+    value: number;
+    size?: GrowthSize;
+    showValue?: boolean;
+    format?: "percent" | "number";
+    locale?: string;
+    formatValue?: (value: number, format: "percent" | "number") => string;
+    className?: string;
+};
+declare function GrowthIndicator({ value, size, showValue, format, formatValue, className }: GrowthIndicatorProps): react_jsx_runtime.JSX.Element | null;
+
+type RoleBadgeStyle = {
+    bg: string;
+    text: string;
+    ring: string;
+};
+type RoleBadgeProps = {
+    role: string;
+    size?: "xs" | "sm" | "md";
+    className?: string;
+    roleStyles?: Record<string, RoleBadgeStyle>;
+};
+declare function RoleBadge({ role, size, className, roleStyles }: RoleBadgeProps): react_jsx_runtime.JSX.Element;
+
+type TagBadgeStyle = {
+    bg: string;
+    text: string;
+    ring: string;
+};
+type TagBadgeProps = {
+    value: string;
+    size?: 'xs' | 'sm' | 'md';
+    className?: string;
+    styles?: Record<string, TagBadgeStyle>;
+    fallbackStyle?: TagBadgeStyle;
+};
+declare function TagBadge({ value, size, className, styles, fallbackStyle, }: TagBadgeProps): react_jsx_runtime.JSX.Element;
+
+type ToggleSwitchColor = 'green' | 'blue' | 'indigo' | 'violet' | 'teal' | 'orange' | 'red';
+type ToggleSwitchProps = {
+    /** Whether the toggle is on */
+    checked: boolean;
+    /** Callback when toggle changes */
+    onChange: (checked: boolean) => void;
+    /** Disable the toggle */
+    disabled?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Color when checked (default: green) */
+    color?: ToggleSwitchColor;
+    /** Accessible label */
+    label?: string;
+};
+declare function ToggleSwitch({ checked, onChange, disabled, size, color, label, }: ToggleSwitchProps): react_jsx_runtime.JSX.Element;
+type LabeledToggleProps = ToggleSwitchProps & {
+    title: string;
+    description?: string;
+};
+declare function LabeledToggle({ title, description, checked, onChange, disabled, size, color, }: LabeledToggleProps): react_jsx_runtime.JSX.Element;
+
+type Segment = {
+    value: string;
+    label: string;
+    icon?: React.ReactNode;
+};
+type SegmentedControlProps = {
+    /** Segments to display */
+    segments: Segment[] | string[];
+    /** Currently selected value */
+    value: string;
+    /** Callback when selection changes */
+    onChange: (value: string) => void;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Full width */
+    fullWidth?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+};
+declare function SegmentedControl({ segments, value, onChange, size, fullWidth, disabled, }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
+declare function CompactSegmentedControl({ segments, value, onChange, }: Omit<SegmentedControlProps, 'size' | 'fullWidth'>): react_jsx_runtime.JSX.Element;
+
+type SheetSide = 'bottom' | 'right';
+type SheetSize = 'md' | 'lg' | 'xl';
+type SheetProps = {
+    /** Whether the sheet is open */
+    open: boolean;
+    /** Callback when sheet should close */
+    onClose: () => void;
+    /** Sheet content */
+    children: React.ReactNode;
+    /** Title for accessibility */
+    title?: string;
+    /** Show drag handle */
+    showHandle?: boolean;
+    /** Snap points as percentages (e.g., ['50%', '90%']) — only for bottom side */
+    snapPoints?: string[];
+    /** Initial snap point index */
+    initialSnap?: number;
+    /** Which side the sheet slides from */
+    side?: SheetSide;
+    /** Width size for right-side sheet */
+    size?: SheetSize;
+};
+declare function Sheet({ open, onClose, children, title, showHandle, snapPoints, side, size, }: SheetProps): react_jsx_runtime.JSX.Element;
+type ActionSheetAction = {
+    label: string;
+    onClick: () => void;
+    destructive?: boolean;
+    disabled?: boolean;
+};
+type ActionSheetProps = {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    message?: string;
+    actions: ActionSheetAction[];
+};
+declare function ActionSheet({ open, onClose, title, message, actions, }: ActionSheetProps): react_jsx_runtime.JSX.Element;
+
+type WheelPickerOption = {
+    value: string;
+    label: string;
+};
+type WheelPickerProps = {
+    /** Options to display */
+    options: WheelPickerOption[] | string[];
+    /** Currently selected value */
+    value: string;
+    /** Callback when selection changes */
+    onChange: (value: string) => void;
+    /** Number of visible items */
+    visibleItems?: number;
+    /** Item height in pixels */
+    itemHeight?: number;
+};
+declare function WheelPicker({ options, value, onChange, visibleItems, itemHeight, }: WheelPickerProps): react_jsx_runtime.JSX.Element;
+type MultiColumnPickerProps = {
+    columns: {
+        options: WheelPickerOption[] | string[];
+        value: string;
+        onChange: (value: string) => void;
+        width: string;
+    }[];
+};
+declare function MultiColumnPicker({ columns }: MultiColumnPickerProps): react_jsx_runtime.JSX.Element;
+
+type PageIndicatorProps = {
+    /** Total number of pages */
+    count: number;
+    /** Currently active page (0-indexed) */
+    active: number;
+    /** Callback when a dot is clicked */
+    onChange?: (index: number) => void;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Color variant */
+    variant?: 'default' | 'light' | 'dark';
+};
+declare function PageIndicator({ count, active, onChange, size, variant, }: PageIndicatorProps): react_jsx_runtime.JSX.Element;
+type ExpandingPageIndicatorProps = Omit<PageIndicatorProps, 'size'> & {
+    /** Width of active indicator */
+    activeWidth?: number;
+};
+declare function ExpandingPageIndicator({ count, active, onChange, variant, activeWidth, }: ExpandingPageIndicatorProps): react_jsx_runtime.JSX.Element;
+type ProgressIndicatorProps = {
+    /** Total number of steps */
+    steps: number;
+    /** Current step (0-indexed) */
+    current: number;
+    /** Show step numbers */
+    showNumbers?: boolean;
+};
+declare function ProgressIndicator({ steps, current, showNumbers, }: ProgressIndicatorProps): react_jsx_runtime.JSX.Element;
+
+type ActionMenuItem = {
+    label: string;
+    icon?: React.ReactNode;
+    onClick: () => void;
+    destructive?: boolean;
+    disabled?: boolean;
+};
+type ActionMenuGroup = {
+    title?: string;
+    items: ActionMenuItem[];
+};
+type ActionMenuProps = {
+    /** Menu trigger element */
+    trigger: React.ReactNode;
+    /** Menu items or groups */
+    items: ActionMenuItem[] | ActionMenuGroup[];
+    /** Alignment relative to trigger */
+    align?: 'start' | 'center' | 'end';
+    /** Side relative to trigger */
+    side?: 'top' | 'bottom';
+};
+declare function ActionMenu({ trigger, items, align, side, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
+
+type SafeAreaProps = {
+    children: ReactNode;
+    /** Which edges to apply safe area padding */
+    edges?: ('top' | 'bottom' | 'left' | 'right')[];
+    /** Additional className */
+    className?: string;
+    /** Use as flex container */
+    flex?: boolean;
+};
+/**
+ * SafeArea component that respects device safe area insets
+ * Uses CSS env() variables for notch/home indicator padding
+ */
+declare function SafeArea({ children, edges, className, flex, }: SafeAreaProps): react_jsx_runtime.JSX.Element;
+/**
+ * SafeAreaView - Full screen container with safe area insets
+ * Useful for full-page layouts on mobile
+ */
+declare function SafeAreaView({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * SafeAreaSpacer - Adds spacing for safe area insets
+ * Useful for fixed headers/footers
+ */
+declare function SafeAreaSpacer({ position, className, }: {
+    position: 'top' | 'bottom';
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * BottomSafeArea - Fixed bottom container with safe area padding
+ * Perfect for bottom navigation or action buttons
+ */
+declare function BottomSafeArea({ children, className, blur, }: {
+    children: ReactNode;
+    className?: string;
+    blur?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+type SwipeAction = {
+    /** Action label */
+    label: string;
+    /** Action icon */
+    icon?: ReactNode;
+    /** Background color */
+    color: string;
+    /** Text color */
+    textColor: string;
+    /** Callback when action is triggered */
+    onAction: () => void;
+};
+type SwipeableRowProps = {
+    /** Row content */
+    children: ReactNode;
+    /** Actions revealed on left swipe */
+    leftActions?: SwipeAction[];
+    /** Actions revealed on right swipe */
+    rightActions?: SwipeAction[];
+    /** Width of each action button (default: 80) */
+    actionWidth?: number;
+    /** Threshold to trigger full swipe action (default: 0.5) */
+    fullSwipeThreshold?: number;
+    /** Enable full swipe to trigger first action */
+    enableFullSwipe?: boolean;
+    /** Additional className */
+    className?: string;
+};
+declare function SwipeableRow({ children, leftActions, rightActions, actionWidth, fullSwipeThreshold, enableFullSwipe, className, }: SwipeableRowProps): react_jsx_runtime.JSX.Element;
+declare function DeleteSwipeAction(onDelete: () => void): SwipeAction;
+declare function ArchiveSwipeAction(onArchive: () => void): SwipeAction;
+declare function EditSwipeAction(onEdit: () => void): SwipeAction;
+declare function FavoriteSwipeAction(onFavorite: () => void, isFavorite?: boolean): SwipeAction;
+
+type PullToRefreshContainerProps = {
+    /** Content to wrap */
+    children: ReactNode;
+    /** Callback when refresh is triggered */
+    onRefresh: () => Promise<void>;
+    /** Enable/disable pull-to-refresh (default: true) */
+    enabled?: boolean;
+    /** Pull threshold in pixels (default: 80) */
+    threshold?: number;
+    /** Additional className for the container */
+    className?: string;
+    /** Custom refresh indicator */
+    renderIndicator?: (props: {
+        pullDistance: number;
+        isRefreshing: boolean;
+        progress: number;
+    }) => ReactNode;
+};
+/**
+ * Pull-to-refresh container component
+ * Wraps content and provides iOS-style pull-to-refresh functionality
+ */
+declare function PullToRefreshContainer({ children, onRefresh, enabled, threshold, className, renderIndicator, }: PullToRefreshContainerProps): react_jsx_runtime.JSX.Element;
+/**
+ * Modern circular progress indicator for pull-to-refresh
+ */
+declare function CircularRefreshIndicator({ pullDistance, isRefreshing, progress, }: {
+    pullDistance: number;
+    isRefreshing: boolean;
+    progress: number;
+}): react_jsx_runtime.JSX.Element | null;
+/**
+ * Simple dot indicator for minimal designs
+ */
+declare function DotRefreshIndicator({ pullDistance, isRefreshing, }: {
+    pullDistance: number;
+    isRefreshing: boolean;
+    progress: number;
+}): react_jsx_runtime.JSX.Element | null;
+
+type EdgeSwipeIndicatorProps = {
+    /** Enable/disable the indicator (default: true) */
+    enabled?: boolean;
+    /** Edge detection zone width in pixels (default: 20) */
+    edgeWidth?: number;
+    /** Threshold to show indicator (default: 30) */
+    showThreshold?: number;
+};
+/**
+ * Visual indicator for edge swipe gesture
+ * Shows an arrow when user swipes from the left edge
+ */
+declare function EdgeSwipeIndicator({ enabled, edgeWidth, showThreshold, }: EdgeSwipeIndicatorProps): react_jsx_runtime.JSX.Element;
+/**
+ * Provider component that adds edge swipe navigation to the app
+ * Include this at the root of your app layout
+ */
+declare function EdgeSwipeProvider({ children, enabled, onBack, }: {
+    children: React.ReactNode;
+    enabled?: boolean;
+    onBack?: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+type SortDirection = 'asc' | 'desc' | null;
+declare function Table({ bleed, dense, grid, striped, loading, emptyState, className, children, ...props }: {
+    bleed?: boolean;
+    dense?: boolean;
+    grid?: boolean;
+    striped?: boolean;
+    /** Show loading skeleton */
+    loading?: boolean;
+    /** Custom empty state component */
+    emptyState?: React__default.ReactNode;
+} & React__default.ComponentPropsWithoutRef<'div'>): react_jsx_runtime.JSX.Element;
+declare function TableHead({ className, ...props }: React__default.ComponentPropsWithoutRef<'thead'>): react_jsx_runtime.JSX.Element;
+declare function TableBody(props: React__default.ComponentPropsWithoutRef<'tbody'>): react_jsx_runtime.JSX.Element;
+declare function TableRow({ href, target, title, className, ...props }: {
+    href?: string;
+    target?: string;
+    title?: string;
+} & React__default.ComponentPropsWithoutRef<'tr'>): react_jsx_runtime.JSX.Element;
+declare function TableHeader({ className, ...props }: React__default.ComponentPropsWithoutRef<'th'>): react_jsx_runtime.JSX.Element;
+declare function TableCell({ className, children, ...props }: React__default.ComponentPropsWithoutRef<'td'>): react_jsx_runtime.JSX.Element;
+/**
+ * Sortable Table Header - iOS style with haptic feedback
+ */
+declare function SortableTableHeader({ className, children, sortKey, currentSort, currentDirection, onSort, ...props }: {
+    sortKey: string;
+    currentSort?: string;
+    currentDirection?: SortDirection;
+    onSort?: (key: string, direction: SortDirection) => void;
+} & React__default.ComponentPropsWithoutRef<'th'>): react_jsx_runtime.JSX.Element;
+/**
+ * Table Skeleton Row - Loading placeholder
+ */
+declare function TableSkeletonRow({ columns, className, }: {
+    columns?: number;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Table Skeleton - Multiple loading rows
+ */
+declare function TableSkeleton({ rows, columns, }: {
+    rows?: number;
+    columns?: number;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Table Empty State
+ */
+declare function TableEmptyState({ icon, title, description, action, colSpan, }: {
+    icon?: React__default.ReactNode;
+    title: string;
+    description?: string;
+    action?: React__default.ReactNode;
+    colSpan?: number;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Animated Table Row - With enter/exit animations
+ */
+declare function AnimatedTableRow({ href, target, title, className, index, ...props }: {
+    href?: string;
+    target?: string;
+    title?: string;
+    index?: number;
+} & React__default.ComponentPropsWithoutRef<'tr'>): react_jsx_runtime.JSX.Element;
+/**
+ * Selectable Table Row - With checkbox
+ */
+declare function SelectableTableRow({ selected, onSelect, href, target, title, className, children, ...props }: {
+    selected?: boolean;
+    onSelect?: (selected: boolean) => void;
+    href?: string;
+    target?: string;
+    title?: string;
+} & React__default.ComponentPropsWithoutRef<'tr'>): react_jsx_runtime.JSX.Element;
+
+type EmptyStateProps = {
+    /** Main message/title */
+    message: string;
+    /** Optional detailed description */
+    description?: string;
+    /** Optional icon component */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Optional action button */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /** Visual style variant */
+    variant?: "default" | "minimal" | "card";
+};
+/**
+ * iOS-style empty state component
+ * Used when there's no content to display
+ */
+declare function EmptyState({ message, description, icon: Icon, action, variant, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+/**
+ * Error State Component - iOS style with retry logic
+ */
+type ErrorStateProps = {
+    /** Error title */
+    title?: string;
+    /** Error message/description */
+    message?: string;
+    /** Error code (optional) */
+    errorCode?: string | number;
+    /** Error type determines icon and styling */
+    type?: "generic" | "network" | "server" | "permission" | "notFound";
+    /** Retry callback */
+    onRetry?: () => Promise<void> | void;
+    /** Retry button label */
+    retryLabel?: string;
+    /** Secondary action */
+    secondaryAction?: {
+        label: string;
+        onClick: () => void;
+    };
+    /** Show detailed error info toggle */
+    showDetails?: boolean;
+    /** Detailed error info */
+    details?: string;
+    /** Visual variant */
+    variant?: "default" | "minimal" | "card" | "fullscreen";
+};
+declare function ErrorState({ title, message, errorCode, type, onRetry, retryLabel, secondaryAction, showDetails, details, variant, }: ErrorStateProps): react_jsx_runtime.JSX.Element;
+/**
+ * Offline State - Specialized error state for network issues
+ */
+declare function OfflineState({ onRetry, message, }: {
+    onRetry?: () => Promise<void> | void;
+    message?: string;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * No Results State - For empty search/filter results
+ */
+declare function NoResultsState({ searchTerm, onClearFilters, suggestions, }: {
+    searchTerm?: string;
+    onClearFilters?: () => void;
+    suggestions?: string[];
+}): react_jsx_runtime.JSX.Element;
+/**
+ * No Data State - For when a section has no data yet
+ */
+declare function NoDataState({ title, message, actionLabel, onAction, icon: CustomIcon, }: {
+    title?: string;
+    message?: string;
+    actionLabel?: string;
+    onAction?: () => void;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+}): react_jsx_runtime.JSX.Element;
+
+type DynamicIslandState = 'idle' | 'compact' | 'expanded';
+type DynamicIslandPosition = 'center' | 'left' | 'right';
+type DynamicIslandProps = {
+    /** Content for idle state (small pill) */
+    idleContent?: ReactNode;
+    /** Content for compact state (slightly larger) */
+    compactContent?: ReactNode;
+    /** Content for expanded state (full size) */
+    expandedContent?: ReactNode;
+    /** Current state */
+    state?: DynamicIslandState;
+    /** Auto-collapse after delay (ms) */
+    autoCollapseDelay?: number;
+    /** Callback when state changes */
+    onStateChange?: (state: DynamicIslandState) => void;
+    /** Horizontal position */
+    position?: DynamicIslandPosition;
+};
+declare function DynamicIsland({ idleContent, compactContent, expandedContent, state, autoCollapseDelay, onStateChange, position, }: DynamicIslandProps): react_jsx_runtime.JSX.Element;
+type NotificationVariant = 'success' | 'error' | 'info' | 'warning';
+type DynamicIslandNotificationProps = {
+    /** Show the notification */
+    show: boolean;
+    /** App icon */
+    icon?: ReactNode;
+    /** App name */
+    appName?: string;
+    /** Notification title */
+    title: string;
+    /** Notification message */
+    message?: string;
+    /** Notification variant for colors */
+    variant?: NotificationVariant;
+    /** Auto-dismiss after delay (ms) */
+    dismissAfter?: number;
+    /** Callback when dismissed */
+    onDismiss?: () => void;
+    /** Horizontal position */
+    position?: DynamicIslandPosition;
+};
+declare function DynamicIslandNotification({ show, icon, appName, title, message, variant, dismissAfter, onDismiss, position, }: DynamicIslandNotificationProps): react_jsx_runtime.JSX.Element | null;
+
+type NotificationType = 'success' | 'error' | 'warning' | 'info';
+interface Notification {
+    id: string;
+    type: NotificationType;
+    title: string;
+    message?: string;
+    timestamp: Date;
+}
+type NotificationContextType = {
+    history: Notification[];
+    pendingApprovals: Notification[];
+    historyOpen: boolean;
+    addNotification: (notification: Omit<Notification, 'id' | 'timestamp'>) => void;
+    removeFromHistory: (id: string) => void;
+    clearHistory: () => void;
+    openHistory: () => void;
+    closeHistory: () => void;
+    success: (title: string, message?: string) => void;
+    error: (title: string, message?: string) => void;
+    warning: (title: string, message?: string) => void;
+    info: (title: string, message?: string) => void;
+};
+declare function useNotifications(): NotificationContextType;
+type NotificationProviderProps = {
+    children: ReactNode;
+    appName?: string;
+};
+declare function NotificationProvider({ children, appName }: NotificationProviderProps): react_jsx_runtime.JSX.Element;
+declare function NotificationBellButton(): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Container Component
+ * ==================
+ *
+ * Reusable container with multiple style variants.
+ * Eliminates repeated Tailwind class patterns across components.
+ */
+
+type ContainerVariant = 'card' | 'elevated' | 'glass' | 'minimal';
+interface ContainerProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    variant?: ContainerVariant;
+    children: React__default.ReactNode;
+}
+declare const Container: React__default.ForwardRefExoticComponent<ContainerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * FormField Component
+ * ==================
+ *
+ * Standardized form field wrapper with label, error display, and accessibility.
+ * Used across all forms (auth, admin, settings).
+ */
+
+interface FormFieldProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    label?: React__default.ReactNode;
+    error?: string | null;
+    required?: boolean;
+    helperText?: React__default.ReactNode;
+    children: React__default.ReactNode;
+    htmlFor?: string;
+}
+declare const FormField: React__default.ForwardRefExoticComponent<FormFieldProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * FormSection Component
+ * ====================
+ *
+ * Section wrapper for grouping related form fields.
+ * Provides consistent spacing and optional title/description.
+ */
+
+interface FormSectionProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    children: React__default.ReactNode;
+}
+declare const FormSection: React__default.ForwardRefExoticComponent<FormSectionProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * ListItem Component
+ * =================
+ *
+ * Standardized list item with icon, title, metadata, and actions.
+ * Replaces repeated card patterns in station, approval, and competitor lists.
+ */
+
+type ListItemVariant = 'default' | 'compact' | 'card' | 'highlighted';
+interface ListItemAction {
+    label: string;
+    onClick: () => void;
+    variant?: 'default' | 'danger';
+    disabled?: boolean;
+}
+interface ListItemMetadata {
+    label: string;
+    value: string | React__default.ReactNode;
+}
+interface ListItemProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'> {
+    icon?: React__default.ReactNode;
+    title: React__default.ReactNode;
+    subtitle?: React__default.ReactNode;
+    metadata?: ListItemMetadata[];
+    actions?: ListItemAction[];
+    variant?: ListItemVariant;
+}
+declare const ListItem: React__default.ForwardRefExoticComponent<ListItemProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type StatusBadgeTone = 'success' | 'error' | 'warning' | 'info' | 'neutral';
+type StatusType = 'pending' | 'approved' | 'rejected' | 'active' | 'inactive' | 'processing' | 'error' | 'success' | string;
+type StatusBadgeConfig = {
+    label: string;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    tone?: StatusBadgeTone;
+    animateIcon?: boolean;
+};
+type LegacyStatusBadgeProps = {
+    status: string;
+    label?: string;
+    size?: 'sm' | 'md';
+    className?: string;
+    statusConfig?: never;
+};
+type ConfigurableStatusBadgeProps = {
+    status: string;
+    statusConfig: Record<string, StatusBadgeConfig>;
+    label?: string;
+    size?: 'sm' | 'md';
+    className?: string;
+};
+type StatusBadgeProps = LegacyStatusBadgeProps | ConfigurableStatusBadgeProps;
+declare const StatusBadge: React$1.ForwardRefExoticComponent<StatusBadgeProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare function Text({ className, ...props }: React.ComponentPropsWithoutRef<'p'>): react_jsx_runtime.JSX.Element;
+declare function TextLink({ className, ...props }: React.ComponentPropsWithoutRef<typeof Link>): react_jsx_runtime.JSX.Element;
+declare function Strong({ className, ...props }: React.ComponentPropsWithoutRef<'strong'>): react_jsx_runtime.JSX.Element;
+declare function Code({ className, ...props }: React.ComponentPropsWithoutRef<'code'>): react_jsx_runtime.JSX.Element;
+
+declare const sizes: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+};
+declare function Dialog({ size, className, children, ...props }: {
+    size?: keyof typeof sizes;
+    className?: string;
+    children: React__default.ReactNode;
+} & Omit<Headless.DialogProps, 'as' | 'className'>): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: {
+    className?: string;
+} & Omit<Headless.DialogTitleProps, 'as' | 'className'>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: {
+    className?: string;
+} & Omit<Headless.DescriptionProps<typeof Text>, 'as' | 'className'>): react_jsx_runtime.JSX.Element;
+declare function DialogBody({ className, ...props }: React__default.ComponentPropsWithoutRef<'div'>): react_jsx_runtime.JSX.Element;
+declare function DialogActions({ className, ...props }: React__default.ComponentPropsWithoutRef<'div'>): react_jsx_runtime.JSX.Element;
+
+interface SelectableListItem {
+    id: string;
+    title: string;
+    subtitle?: string;
+    searchText?: string;
+    leadingVisual?: ReactNode;
+}
+interface SelectableListPickerLabels {
+    selectedSummary: (selectedCount: number, totalCount: number) => string;
+    selectAll: string;
+    clear: string;
+    searchPlaceholder: string;
+    loading: string;
+    noResults: (query: string) => string;
+    resultsSummary: (filteredCount: number, totalCount: number) => string;
+}
+interface SelectableListPickerProps {
+    items: SelectableListItem[];
+    selectedIds: string[];
+    onChange: (selectedIds: string[]) => void;
+    labels: SelectableListPickerLabels;
+    maxHeight?: string;
+}
+declare function SelectableListPicker({ items, selectedIds, onChange, labels, maxHeight, }: SelectableListPickerProps): react_jsx_runtime.JSX.Element;
+
+type ChipItemStyle = {
+    bg: string;
+    text: string;
+    dotColor?: string;
+};
+type ChipItem = {
+    id: string;
+    name: string;
+    abbreviation?: string;
+    isActive?: boolean;
+    style: ChipItemStyle;
+};
+type ChipPickerProps = {
+    items: ChipItem[];
+    selectedIds: string[];
+    onChange: (ids: string[]) => void;
+    isLoading?: boolean;
+    showActions?: boolean;
+    loadingLabel?: string;
+    selectedLabel?: string;
+    selectAllLabel?: string;
+    clearLabel?: string;
+    emptyLabel?: string;
+};
+declare function ChipPicker({ items, selectedIds, onChange, isLoading, showActions, loadingLabel, selectedLabel, selectAllLabel, clearLabel, emptyLabel, }: ChipPickerProps): react_jsx_runtime.JSX.Element;
+
+interface SelectableChipItem {
+    id: string;
+    label: string;
+    leadingVisual?: ReactNode;
+}
+interface SelectableChipPickerLabels {
+    selectedSummary: (selectedCount: number, totalCount: number) => string;
+    allSelected?: string;
+    selectAll: string;
+    clear: string;
+    empty: string;
+}
+interface SelectableChipPickerProps {
+    items: SelectableChipItem[];
+    selectedIds: string[];
+    onChange: (selectedIds: string[]) => void;
+    labels: SelectableChipPickerLabels;
+}
+declare function SelectableChipPicker({ items, selectedIds, onChange, labels, }: SelectableChipPickerProps): react_jsx_runtime.JSX.Element;
+
+interface CopyableIdProps {
+    id: string;
+    copyValue?: string;
+    label?: string;
+    className?: string;
+}
+declare function CopyableId({ id, copyValue, label, className }: CopyableIdProps): react_jsx_runtime.JSX.Element;
+
+interface CardActionMenuItem {
+    id: string;
+    label: string;
+    onSelect: () => void;
+    icon?: ReactNode;
+    tone?: 'default' | 'danger';
+}
+interface CardActionMenuProps {
+    items: CardActionMenuItem[];
+}
+declare function CardActionMenu({ items }: CardActionMenuProps): react_jsx_runtime.JSX.Element;
+
+interface FilterBadgeProps {
+    count: number;
+}
+declare function FilterBadge({ count }: FilterBadgeProps): react_jsx_runtime.JSX.Element | null;
+
+interface FeedItemCardProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function FeedItemCard({ children, className }: FeedItemCardProps): react_jsx_runtime.JSX.Element;
+
+type ContextMenuItem = {
+    type?: 'item';
+    key: string;
+    label: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    onClick: () => void;
+    danger?: boolean;
+    disabled?: boolean;
+    testId?: string;
+};
+type ContextMenuDivider = {
+    type: 'divider';
+    key: string;
+};
+type ContextMenuEntry = ContextMenuItem | ContextMenuDivider;
+type ContextMenuProps = {
+    position: {
+        x: number;
+        y: number;
+    };
+    onClose: () => void;
+    entries: ContextMenuEntry[];
+    minWidthClass?: string;
+    testId?: string;
+};
+declare function ContextMenu({ position, onClose, entries, minWidthClass, testId, }: ContextMenuProps): React$1.ReactPortal;
+
+interface DatePickerProps {
+    value: Date | null;
+    onChange: (date: Date | null) => void;
+    placeholder?: string;
+    disableFuture?: boolean;
+    className?: string;
+}
+declare function DatePicker({ value, onChange, placeholder, disableFuture, className, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+
+interface TimeValue {
+    hours: number;
+    minutes: number;
+}
+interface TimePickerProps {
+    value: TimeValue | null;
+    onChange: (time: TimeValue) => void;
+    selectedDate?: Date | null;
+    placeholder?: string;
+    className?: string;
+}
+declare function TimePicker({ value, onChange, selectedDate, placeholder, className, }: TimePickerProps): react_jsx_runtime.JSX.Element;
+
+type StepTimelineStatus = 'complete' | 'current' | 'upcoming';
+interface StepTimelineItem {
+    id: string;
+    name: string;
+    description: string;
+    status: StepTimelineStatus;
+}
+interface StepTimelineProps<TStep extends StepTimelineItem> {
+    steps: TStep[];
+    progressLabel: string;
+    onStepClick?: (stepIndex: number) => void;
+    renderCompleteContent?: (step: TStep) => ReactNode;
+}
+declare function StepTimeline<TStep extends StepTimelineItem>({ steps, progressLabel, onStepClick, renderCompleteContent, }: StepTimelineProps<TStep>): react_jsx_runtime.JSX.Element;
+
+type BreadcrumbItem = {
+    name: string;
+    href: string;
+};
+type MetaItem = {
+    icon: ReactNode;
+    text: string;
+};
+type PageHeadingProps = {
+    breadcrumbs?: BreadcrumbItem[];
+    title: string;
+    subtitle?: string;
+    icon?: ReactNode;
+    meta?: MetaItem[];
+    actions?: ReactNode;
+};
+declare function PageHeading({ breadcrumbs, title, subtitle, icon, meta, actions }: PageHeadingProps): react_jsx_runtime.JSX.Element;
+
+type InputSize = 'sm' | 'md' | 'lg';
+type BaseFormFieldProps = {
+    label?: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+    icon?: ReactNode;
+    inputSize?: InputSize;
+    className?: string;
+};
+type FormInputProps = BaseFormFieldProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'> & {
+    onValueChange?: (value: string) => void;
+};
+type FormTextareaProps = BaseFormFieldProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> & {
+    onValueChange?: (value: string) => void;
+};
+type FormSelectProps = BaseFormFieldProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, 'onChange' | 'size'> & {
+    onValueChange?: (value: string) => void;
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+};
+declare function FormInput({ label, error, hint, required, icon, inputSize, className, onValueChange, ...props }: FormInputProps): react_jsx_runtime.JSX.Element;
+declare function FormTextarea({ label, error, hint, required, inputSize, className, onValueChange, ...props }: FormTextareaProps): react_jsx_runtime.JSX.Element;
+type PriceSize = 'sm' | 'md' | 'lg' | 'xl';
+type FormPriceInputProps = Omit<BaseFormFieldProps, 'icon'> & {
+    value: string;
+    onValueChange?: (value: string) => void;
+    currencySymbol: string;
+    priceSize?: PriceSize;
+    step?: string;
+    placeholder?: string;
+    colorClass?: string;
+    disabled?: boolean;
+    min?: string | number;
+    max?: string | number;
+    className?: string;
+};
+declare function FormPriceInput({ label, error, hint, required, inputSize, priceSize, currencySymbol, value, onValueChange, step, placeholder, colorClass, disabled, min, max, className, }: FormPriceInputProps): react_jsx_runtime.JSX.Element;
+declare function FormSelect({ label, error, hint, required, inputSize, className, onValueChange, options, ...props }: FormSelectProps): react_jsx_runtime.JSX.Element;
+
+type FormProps = React__default.FormHTMLAttributes<HTMLFormElement> & {
+    children: React__default.ReactNode;
+};
+declare const Form: React__default.ForwardRefExoticComponent<React__default.FormHTMLAttributes<HTMLFormElement> & {
+    children: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLFormElement>>;
+type FormGridProps = React__default.HTMLAttributes<HTMLDivElement> & {
+    children: React__default.ReactNode;
+};
+declare const FormGrid: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    children: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLDivElement>>;
+type InlineFormProps = React__default.HTMLAttributes<HTMLDivElement> & {
+    children: React__default.ReactNode;
+};
+declare const InlineForm: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    children: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLDivElement>>;
+type FormActionsRowProps = React__default.HTMLAttributes<HTMLDivElement> & {
+    children: React__default.ReactNode;
+};
+declare const FormActionsRow: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    children: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+type FormActionsProps = {
+    cancelLabel: string;
+    saveLabel: string;
+    onCancel: () => void;
+    onSave: () => void;
+    saveDisabled?: boolean;
+    className?: string;
+};
+declare function FormActions({ cancelLabel, saveLabel, onCancel, onSave, saveDisabled, className, }: FormActionsProps): react_jsx_runtime.JSX.Element;
+
+type ToggleColor = 'blue' | 'green' | 'red' | 'amber' | 'purple' | 'indigo';
+type FormToggleProps = {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+    color?: ToggleColor;
+    size?: 'sm' | 'md';
+    variant?: 'inline' | 'card';
+};
+declare function FormToggle({ checked, onChange, label, disabled, color, size, variant }: FormToggleProps): react_jsx_runtime.JSX.Element;
+
+type FormCheckboxProps = {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+};
+declare function FormCheckbox({ checked, onChange, label, description, disabled }: FormCheckboxProps): react_jsx_runtime.JSX.Element;
+
+type BaseFormIconColor = 'blue' | 'violet' | 'emerald' | 'amber' | 'rose' | 'indigo' | 'purple' | 'red' | 'green';
+interface BaseFormProps {
+    /** Icon element displayed in the header (e.g. a Heroicon) */
+    icon?: ReactNode;
+    /** Preset color for the icon box background */
+    iconColor?: BaseFormIconColor;
+    /** Custom className for the icon box (overrides iconColor) */
+    iconClassName?: string;
+    /** Form title */
+    title?: string;
+    /** Subtitle shown below the title */
+    subtitle?: string;
+    /** Form submit handler */
+    onSubmit: (event: FormEvent) => void;
+    /** Form content (FormInput, FormSelect, etc.) */
+    children: ReactNode;
+    /** Label for the submit button */
+    submitLabel: string;
+    /** Label for the cancel button (renders cancel button when provided alongside onCancel) */
+    cancelLabel?: string;
+    /** Cancel callback — renders cancel button when provided */
+    onCancel?: () => void;
+    /** Disables submit button and shows loading state */
+    isLoading?: boolean;
+    /** Disables the submit button */
+    submitDisabled?: boolean;
+    /** Show the header section (default: true) */
+    showHeader?: boolean;
+    /** Show the footer buttons (default: true) */
+    showFooter?: boolean;
+    /** Extra content rendered after the cancel button */
+    footerExtra?: ReactNode;
+    /** Additional className on the <form> element */
+    className?: string;
+}
+declare function BaseForm({ icon, iconColor, iconClassName, title, subtitle, onSubmit, children, submitLabel, cancelLabel, onCancel, isLoading, submitDisabled, showHeader, showFooter, footerExtra, className, }: BaseFormProps): react_jsx_runtime.JSX.Element;
+
+interface ExpandableHistoryItem {
+    id: string;
+    headerLeft: ReactNode;
+    headerRight?: ReactNode;
+    summary?: ReactNode;
+    details?: ReactNode;
+}
+interface ExpandableHistoryListProps {
+    items: ExpandableHistoryItem[];
+    loadingLabel: string;
+    emptyLabel: string;
+    isLoading?: boolean;
+    className?: string;
+}
+declare function ExpandableHistoryList({ items, loadingLabel, emptyLabel, isLoading, className, }: ExpandableHistoryListProps): react_jsx_runtime.JSX.Element;
+
+type BooleanFlagsPreset = {
+    id: string;
+    label: string;
+    description?: string;
+    values: Record<string, boolean>;
+};
+type BooleanFlagsPickerProps = {
+    values: Record<string, boolean>;
+    onChange: (values: Record<string, boolean>) => void;
+    presets?: BooleanFlagsPreset[];
+    selectedPresetId?: string | null;
+    onPresetChange?: (presetId: string | null) => void;
+    labels: Record<string, string>;
+    descriptions?: Record<string, string>;
+};
+declare function BooleanFlagsPicker({ values, onChange, presets, selectedPresetId, onPresetChange, labels, descriptions, }: BooleanFlagsPickerProps): react_jsx_runtime.JSX.Element;
+
+type InfoPopoverProps = {
+    title: string;
+    content: ReactNode;
+    triggerLabel?: string;
+};
+declare function InfoPopover({ title, content, triggerLabel }: InfoPopoverProps): react_jsx_runtime.JSX.Element;
+
+interface DetailsPopoverActor {
+    avatarText: string;
+    primaryText: string;
+    secondaryText?: string;
+}
+interface DetailsPopoverComparison {
+    label: string;
+    fromLabel: string;
+    fromValue: string;
+    toLabel: string;
+    toValue: string;
+    icon?: ReactNode;
+}
+interface DetailsPopoverNote {
+    label: string;
+    value: string;
+    icon?: ReactNode;
+}
+interface DetailsPopoverProps {
+    triggerAriaLabel: string;
+    headerTitle: string;
+    headerIcon?: ReactNode;
+    headerClassName?: string;
+    actor?: DetailsPopoverActor;
+    timestamp?: string;
+    timestampIcon?: ReactNode;
+    comparison?: DetailsPopoverComparison;
+    note?: DetailsPopoverNote;
+}
+declare function DetailsPopover({ triggerAriaLabel, headerTitle, headerIcon, headerClassName, actor, timestamp, timestampIcon, comparison, note, }: DetailsPopoverProps): react_jsx_runtime.JSX.Element;
+
+interface FormStep {
+    id: string;
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+}
+interface StepFormPageProps {
+    title: string;
+    subtitle?: string;
+    label: string;
+    icon: ReactNode;
+    gradient?: string;
+    steps: FormStep[];
+    currentStep: number;
+    onStepChange: (step: number) => void;
+    onSubmit: () => void;
+    onCancel: () => void;
+    isSubmitting?: boolean;
+    submitLabel?: string;
+    canAdvance?: boolean;
+    headerRight?: ReactNode;
+    children: ReactNode;
+}
+declare function StepFormPage({ title, subtitle, label, icon, gradient, steps, currentStep, onStepChange, onSubmit, onCancel, isSubmitting, submitLabel, canAdvance, headerRight, children, }: StepFormPageProps): react_jsx_runtime.JSX.Element;
+
+interface StepNavigationButtonsProps {
+    /** Handler for the back button. If omitted, only the continue button is shown. */
+    onBack?: () => void;
+    /** Whether the form is currently submitting */
+    isLoading: boolean;
+    /** Label for the back button */
+    backLabel?: string;
+    /** Label for the continue/submit button */
+    continueLabel: string;
+    /** Label shown while loading (replaces continueLabel) */
+    loadingLabel?: string;
+    /** Whether to show a spinner alongside the loading label */
+    showSpinner?: boolean;
+    /** Button type for the continue button (defaults to 'submit') */
+    type?: 'submit' | 'button';
+    /** Click handler for the continue button (only needed when type='button') */
+    onContinue?: () => void;
+}
+declare function StepNavigationButtons({ onBack, isLoading, backLabel, continueLabel, loadingLabel, showSpinner, type, onContinue, }: StepNavigationButtonsProps): react_jsx_runtime.JSX.Element;
+
+type SearchFilterToolbarProps = {
+    label: string;
+    query: string;
+    onQueryChange: (value: string) => void;
+    placeholder: string;
+    filtersOpen?: boolean;
+    onOpenFilters?: () => void;
+    onCloseFilters?: () => void;
+    filtersTitle?: string;
+    activeFiltersCount?: number;
+    onClearFilters?: () => void;
+    actions?: ReactNode;
+    /** Filter pills rendered inside the search input area */
+    filterPills?: ReactNode;
+    /** Optional context shown in filter modal header (e.g., entity + count) */
+    filtersContext?: {
+        icon?: ReactNode;
+        label: string;
+        countLabel?: string;
+    };
+    /** Optional icon for header when filtersContext is not provided */
+    filtersHeaderIcon?: ReactNode;
+    children?: ReactNode;
+};
+declare function SearchFilterToolbar({ label, query, onQueryChange, placeholder, filtersOpen, onOpenFilters, onCloseFilters, filtersTitle, activeFiltersCount, onClearFilters, actions, filterPills, filtersContext, filtersHeaderIcon, children, }: SearchFilterToolbarProps): react_jsx_runtime.JSX.Element;
+
+type EntityCardDragProps = Pick<HTMLAttributes<HTMLDivElement>, 'draggable' | 'onDragStart' | 'onDragEnd' | 'onDragOver' | 'onDrop'>;
+interface EntityCardProps {
+    /** Leading element: icon box, color badge, avatar */
+    icon?: ReactNode;
+    /** Primary title */
+    title: ReactNode;
+    /** Secondary line (ID, email, etc.) */
+    subtitle?: ReactNode;
+    /** Status badge — pass true/false for active/inactive, or a ReactNode for custom */
+    status?: boolean | ReactNode;
+    /** Optional top color accent bar (gradient classes, e.g. "from-green-500 to-emerald-600") */
+    accentGradient?: string;
+    /** Card body content (metadata, pills, tags, etc.) */
+    children?: ReactNode;
+    /** Footer actions (edit/delete buttons) — rendered below a border-t divider */
+    footer?: ReactNode;
+    /** Full-card click handler */
+    onClick?: () => void;
+    /** Additional className */
+    className?: string;
+    /** HTML div props for drag-and-drop */
+    dragProps?: EntityCardDragProps;
+}
+declare function EntityCard({ icon, title, subtitle, status, accentGradient, children, footer, onClick, className, dragProps, }: EntityCardProps): react_jsx_runtime.JSX.Element;
+
+type FilterTileColor = 'blue' | 'emerald' | 'gray' | 'amber' | 'violet' | 'purple' | 'orange' | 'red' | 'indigo' | 'cyan' | 'teal' | 'pink' | 'rose' | 'green' | 'yellow' | 'slate' | 'sky' | 'fuchsia';
+interface FilterTileButtonProps {
+    /** Whether the filter is currently active */
+    isActive: boolean;
+    /** Accent color for the tile */
+    color: FilterTileColor;
+    /** Icon rendered inside the badge (h-5 w-5 recommended) */
+    icon: React__default.ReactNode;
+    /** Primary label text */
+    label: string;
+    /** Secondary count/description text */
+    count: string;
+    /** Click handler — typically toggles the filter */
+    onClick: () => void;
+}
+declare function FilterTileButton({ isActive, color, icon, label, count, onClick, }: FilterTileButtonProps): react_jsx_runtime.JSX.Element;
+interface FilterSectionHeaderProps {
+    /** Icon rendered inside the badge (h-4 w-4 recommended) */
+    icon: React__default.ReactNode;
+    /** Accent color for the icon badge */
+    color: FilterTileColor;
+    /** Section label text */
+    label: string;
+}
+declare function FilterSectionHeader({ icon, color, label, }: FilterSectionHeaderProps): react_jsx_runtime.JSX.Element;
+
+type DockSkeletonProps = {
+    className?: string;
+};
+declare function DockSkeleton({ className }: DockSkeletonProps): react_jsx_runtime.JSX.Element;
+
+type LaunchpadMenuItem = {
+    label: string;
+    icon?: ReactNode;
+    href?: string;
+    onClick?: () => void;
+};
+type LaunchpadItem = {
+    id: string;
+    name: string;
+    href: string;
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    gradient: string;
+    shadow: string;
+    badge?: number;
+    notification?: number;
+    subtitle?: string;
+    menuItems: LaunchpadMenuItem[];
+    /** When defined, the item triggers this callback instead of navigating via href. */
+    onClick?: () => void;
+};
+type LaunchpadUserProfile = {
+    name?: string | null;
+    email?: string | null;
+    picture?: string | null;
+    role?: string | null;
+};
+type LaunchpadGridProps = {
+    pageItems: LaunchpadItem[];
+    actionItems: LaunchpadItem[];
+    actionItemIds: ReadonlySet<string>;
+    pageOrder: string[];
+    userProfile?: LaunchpadUserProfile | null;
+    isHydrated?: boolean;
+    actionsLabel: string;
+    onItemClick: (item: LaunchpadItem) => void;
+    onPrefetch?: (href: string) => void;
+    className?: string;
+};
+declare function LaunchpadGrid({ pageItems, actionItems, actionItemIds, pageOrder, userProfile, isHydrated, actionsLabel, onItemClick, className, }: LaunchpadGridProps): react_jsx_runtime.JSX.Element;
+
+interface StatCardSkeletonProps {
+    count?: number;
+    columns?: 3 | 4;
+}
+declare function StatCardSkeleton({ count, columns }: StatCardSkeletonProps): react_jsx_runtime.JSX.Element;
+
+interface CardGridSkeletonProps {
+    count?: number;
+    columns?: 1 | 2 | 3 | 4;
+}
+declare function CardGridSkeleton({ count, columns }: CardGridSkeletonProps): react_jsx_runtime.JSX.Element;
+
+interface RegionFilterSkeletonProps {
+    count?: number;
+}
+declare function RegionFilterSkeleton({ count }: RegionFilterSkeletonProps): react_jsx_runtime.JSX.Element;
+
+interface BrandFilterSkeletonProps {
+    count?: number;
+}
+declare function BrandFilterSkeleton({ count }: BrandFilterSkeletonProps): react_jsx_runtime.JSX.Element;
+
+declare function AnalysisSkeleton(): react_jsx_runtime.JSX.Element;
+
+/**
+ * Reusable section header skeleton with icon and title
+ */
+declare function SectionHeaderSkeleton(): react_jsx_runtime.JSX.Element;
+
+/**
+ * Base shimmer animation class for skeleton loading
+ */
+declare const shimmerClass = "bg-gradient-to-r from-gray-200 via-gray-100 to-gray-200 dark:from-gray-700 dark:via-gray-600 dark:to-gray-700 animate-shimmer motion-reduce:animate-none bg-[length:200%_100%]";
+declare const shimmerWhiteClass = "bg-white/20 animate-pulse motion-reduce:animate-none";
+
+type CookieConsentProps = {
+    learnMoreHref?: string;
+    storageKey?: string;
+    onAccept?: () => void;
+    onReject?: () => void;
+};
+declare function CookieConsent({ learnMoreHref, storageKey, onAccept, onReject, }?: CookieConsentProps): react_jsx_runtime.JSX.Element;
+
+type DockMenuItem = {
+    label: string;
+    icon?: ReactNode;
+    href?: string;
+    onClick?: () => void;
+    variant?: 'default' | 'danger';
+};
+type DockAction = {
+    id: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    onClick: () => void;
+    href?: string;
+    badge?: number;
+    active?: boolean;
+    menuItems: DockMenuItem[];
+    /** RGB triplet for accent color (e.g. '59, 130, 246'). Overrides hardcoded getDockAccent. */
+    accentRgb?: string;
+};
+type DockPosition = 'bottom' | 'top' | 'left' | 'right';
+type DockProps = {
+    navigationActions: DockAction[];
+    contextualActions: DockAction[];
+    position?: DockPosition;
+    className?: string;
+    autoHide?: boolean;
+};
+declare function Dock({ navigationActions, contextualActions, position, className, autoHide, }: DockProps): react_jsx_runtime.JSX.Element;
+
+type DockContainerProps = {
+    navigationActions: DockAction[];
+    contextualActions: DockAction[];
+    position?: 'left' | 'right' | 'bottom';
+    autoHide?: boolean;
+    enabled?: boolean;
+    tabletBreakpoint?: number;
+    className?: string;
+};
+/**
+ * Renders the Dock component with responsive viewport handling and skeleton loading.
+ * Shows a skeleton until actions are populated, then transitions to the real Dock.
+ * On tablet viewports (below tabletBreakpoint), forces bottom position.
+ */
+declare function DockContainer({ navigationActions, contextualActions, position, autoHide, enabled, tabletBreakpoint, className, }: DockContainerProps): react_jsx_runtime.JSX.Element | null;
+
+type AppShellProps = {
+    children: ReactNode;
+    navigation: ReactNode;
+    dock?: ReactNode;
+    profileDrawer?: ReactNode;
+    initializers?: ReactNode;
+    sessionGuard?: ReactNode;
+    loadingLabel?: string;
+};
+declare function AppShell({ children, navigation, dock, profileDrawer, initializers, sessionGuard, loadingLabel, }: AppShellProps): react_jsx_runtime.JSX.Element;
+
+type AvatarProps = {
+    src?: string | null;
+    square?: boolean;
+    initials?: string;
+    alt?: string;
+    className?: string;
+};
+declare function Avatar({ src, square, initials, alt, className, ...props }: AvatarProps & React__default.ComponentPropsWithoutRef<'span'>): react_jsx_runtime.JSX.Element;
+declare const AvatarButton: React__default.ForwardRefExoticComponent<(AvatarProps & (({
+    href?: never;
+} & Omit<Headless.ButtonProps<"button">, "className" | "as">) | ({
+    href: string;
+} & Omit<Omit<{
+    href: string;
+    children?: React__default.ReactNode;
+} & Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & React__default.RefAttributes<HTMLAnchorElement>, "ref">, "className">))) & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+
+interface ImageUploadProps {
+    /** Current image URL (S3 key or full URL) */
+    src?: string | null;
+    /** Fallback initials when no image */
+    initials?: string;
+    /** Alt text */
+    alt?: string;
+    /** Size class (default: 'h-20 w-20') */
+    sizeClass?: string;
+    /** Whether to show as square (default: circular) */
+    square?: boolean;
+    /** Allowed MIME types */
+    accept?: string;
+    /** Max file size in bytes (default: 5MB) */
+    maxSizeBytes?: number;
+    /** Called when a file is selected and validated */
+    onUpload: (file: File) => Promise<{
+        success: boolean;
+        key?: string;
+        error?: string;
+    }>;
+    /** Called after successful upload with the new S3 key */
+    onUploaded?: (key: string) => void;
+    /** Hint text below the image */
+    hint?: string;
+    /** Error text for invalid type */
+    invalidTypeMessage?: string;
+    /** Error text for file too large */
+    tooLargeMessage?: string;
+    /** Disabled state */
+    disabled?: boolean;
+}
+declare function ImageUpload({ src, initials, alt, sizeClass, square, accept, maxSizeBytes, onUpload, onUploaded, hint, invalidTypeMessage, tooLargeMessage, disabled, }: ImageUploadProps): react_jsx_runtime.JSX.Element;
+
+declare const colors$1: {
+    red: string;
+    orange: string;
+    amber: string;
+    yellow: string;
+    lime: string;
+    green: string;
+    emerald: string;
+    teal: string;
+    cyan: string;
+    sky: string;
+    blue: string;
+    indigo: string;
+    violet: string;
+    purple: string;
+    fuchsia: string;
+    pink: string;
+    rose: string;
+    zinc: string;
+};
+type BadgeProps = {
+    color?: keyof typeof colors$1;
+};
+declare function Badge({ color, className, ...props }: BadgeProps & React__default.ComponentPropsWithoutRef<'span'>): react_jsx_runtime.JSX.Element;
+
+interface BreadcrumbPage {
+    name: string;
+    href: string;
+    current: boolean;
+}
+type BreadcrumbProps = {
+    pages: BreadcrumbPage[];
+    actions?: ReactNode;
+    centerContent?: ReactNode;
+    dashboardPath?: string;
+};
+declare function Breadcrumb({ pages, actions, centerContent, dashboardPath }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+
+interface CreateActionButtonProps {
+    label: string;
+    onClick: () => void;
+    className?: string;
+    accent?: string;
+    mode?: 'responsive' | 'desktop' | 'mobile';
+}
+declare function CreateActionButton({ label, onClick, className, mode, }: CreateActionButtonProps): react_jsx_runtime.JSX.Element;
+
+declare function DashboardProgressShell({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+type DevModeBannerUser = {
+    email?: string;
+    role?: string;
+};
+type DevModeBannerProps = {
+    user?: DevModeBannerUser | null;
+    devModeLabel?: string;
+    devModeMessage?: string;
+};
+declare function DevModeBanner({ user, devModeLabel, devModeMessage, }: DevModeBannerProps): react_jsx_runtime.JSX.Element | null;
+
+declare function Divider({ soft, className, ...props }: {
+    soft?: boolean;
+} & React.ComponentPropsWithoutRef<'hr'>): react_jsx_runtime.JSX.Element;
+
+declare function Dropdown(props: Headless.MenuProps): react_jsx_runtime.JSX.Element;
+
+type ForceTouchMenuItem = {
+    label: string;
+    icon?: ReactNode;
+    href?: string;
+    onClick?: () => void;
+    variant?: 'default' | 'danger';
+};
+type ForceTouchMenuProps = {
+    children: ReactNode;
+    items: ForceTouchMenuItem[];
+    href?: string;
+    onTap?: () => void;
+    openOnClick?: boolean;
+    className?: string;
+};
+declare function ForceTouchMenu({ children, items, href, onTap, openOnClick, className, }: ForceTouchMenuProps): react_jsx_runtime.JSX.Element;
+
+type FlyoutMenuProps = {
+    open: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    children: ReactNode;
+    maxWidthClassName?: string;
+    panelClassName?: string;
+};
+declare function FlyoutMenu({ open, onClose, title, children, maxWidthClassName, panelClassName, }: FlyoutMenuProps): react_jsx_runtime.JSX.Element;
+
+type FlyoutQuickActionsProps = {
+    /** Current resolved theme ('light' | 'dark') */
+    resolvedTheme: 'light' | 'dark';
+    /** Toggle theme callback */
+    onToggleTheme: () => void;
+    /** Open notification history */
+    onNotifications?: () => void;
+    /** Notification badge count */
+    notificationCount?: number;
+    /** Open user profile */
+    onProfile: () => void;
+    /** User display name for profile button */
+    userName?: string;
+    /** User initials for avatar */
+    userInitial?: string;
+    /** Sign out callback */
+    onSignOut: () => void;
+    /** Close the flyout after action */
+    onClose?: () => void;
+};
+declare function FlyoutQuickActions({ resolvedTheme, onToggleTheme, onNotifications, notificationCount, onProfile, userName, userInitial, onSignOut, onClose, }: FlyoutQuickActionsProps): react_jsx_runtime.JSX.Element;
+
+type FlyoutNavItem = {
+    id: string;
+    label: string;
+    subtitle?: string;
+    href: string;
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    gradient: string;
+    hoverClass?: string;
+    /** When defined, triggers this callback instead of navigating via href. */
+    onClick?: () => void;
+};
+type FlyoutNavGridProps = {
+    items: FlyoutNavItem[];
+    currentPath: string;
+    onNavigate: (href: string) => void;
+    showSearch?: boolean;
+    /** Function to resolve the glass accent RGB for a given href */
+    getAccentRgb?: (href: string) => string;
+    /** CSS class for the search input focus ring (default "focus-ring-indigo") */
+    searchFocusRingClass?: string;
+};
+declare function FlyoutNavGrid({ items, currentPath, onNavigate, showSearch, getAccentRgb, searchFocusRingClass, }: FlyoutNavGridProps): react_jsx_runtime.JSX.Element;
+
+type HeadingProps = {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+} & React.ComponentPropsWithoutRef<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
+declare function Heading({ className, level, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
+declare function Subheading({ className, level, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
+
+type LanguageOption$1 = {
+    code: string;
+    label: string;
+    flag: string;
+    badge: string;
+};
+type LanguageSwitcherProps = {
+    languages: LanguageOption$1[];
+    currentLocale: string;
+    onLocaleChange: (locale: string) => void;
+    changeLanguageLabel?: string;
+};
+declare function LanguageSwitcher({ languages, currentLocale, onLocaleChange, changeLanguageLabel, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element;
+
+interface ItemSummaryMetadata {
+    label: string;
+    value: ReactNode;
+}
+interface ItemSummaryProps {
+    icon?: ReactNode;
+    title: ReactNode;
+    subtitle?: ReactNode;
+    metadata?: ItemSummaryMetadata[];
+    iconContainerClassName?: string;
+    titleClassName?: string;
+    subtitleClassName?: string;
+    metadataContainerClassName?: string;
+    metadataLabelClassName?: string;
+    metadataValueClassName?: string;
+}
+declare function ItemSummary({ icon, title, subtitle, metadata, iconContainerClassName, titleClassName, subtitleClassName, metadataContainerClassName, metadataLabelClassName, metadataValueClassName, }: ItemSummaryProps): react_jsx_runtime.JSX.Element;
+
+type LiquidFilterInputProps = {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder: string;
+    label?: string;
+    className?: string;
+};
+declare function LiquidFilterInput({ value, onChange, placeholder, label, className }: LiquidFilterInputProps): react_jsx_runtime.JSX.Element;
+
+interface ManagementSurfaceProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+declare function ManagementSurface({ children, className, ...props }: ManagementSurfaceProps): react_jsx_runtime.JSX.Element;
+
+type ManagementPageLayoutProps = {
+    hero: ReactNode;
+    summary?: ReactNode;
+    content: ReactNode;
+    mobileAction?: ReactNode;
+    children?: ReactNode;
+    testId?: string;
+    className?: string;
+};
+declare function ManagementPageLayout({ hero, summary, content, mobileAction, children, testId, className, }: ManagementPageLayoutProps): react_jsx_runtime.JSX.Element;
+
+type MonthPickerProps = {
+    value: string;
+    onChange: (value: string) => void;
+    availableMonths: string[];
+    placeholder?: string;
+    /** Remove border and shadow when inside a unified container */
+    noBorder?: boolean;
+    /** Optional custom trigger content (used for card-style triggers) */
+    triggerContent?: React$1.ReactNode;
+    /** Optional extra classes for trigger button */
+    triggerClassName?: string;
+    /** Optional extra classes for popover content */
+    contentClassName?: string;
+    /** Popover side direction */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Whether popover can auto-flip when space is constrained */
+    avoidCollisions?: boolean;
+};
+declare function MonthPicker({ value, onChange, availableMonths, placeholder, noBorder, triggerContent, triggerClassName, contentClassName, side, avoidCollisions, }: MonthPickerProps): react_jsx_runtime.JSX.Element;
+
+declare function NavigationProgress(): react_jsx_runtime.JSX.Element;
+
+type PageEmptyStateProps = {
+    title: string;
+    message: string;
+    iconName: string;
+    /** Override the default icon with a custom React element */
+    customIcon?: React.ReactNode;
+};
+declare function PageEmptyState({ title, message, iconName, customIcon }: PageEmptyStateProps): react_jsx_runtime.JSX.Element;
+
+type PageErrorStateProps = {
+    /** HTTP status code (e.g. 500, 502, 503) */
+    statusCode?: number;
+    /** Error title */
+    title: string;
+    /** Error description */
+    message: string;
+    /** Retry callback — renders a retry button when provided */
+    onRetry?: () => void;
+    /** Retry button label */
+    retryLabel?: string;
+    /** Override the default icon with a custom React element */
+    customIcon?: ReactNode;
+};
+declare function PageErrorState({ statusCode, title, message, onRetry, retryLabel, customIcon, }: PageErrorStateProps): react_jsx_runtime.JSX.Element;
+
+type PageLoadingStateProps = {
+    label?: string;
+    compact?: boolean;
+};
+declare function PageLoadingState({ label, compact }: PageLoadingStateProps): react_jsx_runtime.JSX.Element;
+
+type BrandedLoaderProps = {
+    /** App icon — SVG element or component */
+    icon: ReactNode;
+    /** App name displayed below icon */
+    appName: string;
+    /** Loading label text */
+    label?: string;
+    /** Gradient class for the icon container (e.g. "from-purple-500 to-blue-500") */
+    gradient?: string;
+    /** Accent color for the pulse ring (e.g. "ring-purple-500/30") */
+    accentRing?: string;
+    /** Full-screen or compact mode */
+    compact?: boolean;
+    /** If true, icon already has its own background (e.g. app SVG with built-in gradient) — skip the gradient container */
+    rawIcon?: boolean;
+    /** Additional class name */
+    className?: string;
+};
+declare const WINDSOCK_LOADER: {
+    readonly gradient: "from-emerald-500 to-teal-600";
+    readonly accentRing: "ring-emerald-500/30";
+};
+declare const FUEL_PRICE_LOADER: {
+    readonly gradient: "from-blue-500 to-indigo-600";
+    readonly accentRing: "ring-blue-500/30";
+};
+declare const KORI_ERP_LOADER: {
+    readonly gradient: "from-purple-500 to-violet-600";
+    readonly accentRing: "ring-purple-500/30";
+};
+declare const WIRE_LOADER: {
+    readonly gradient: "from-sky-500 to-indigo-600";
+    readonly accentRing: "ring-indigo-500/30";
+};
+declare function BrandedLoader({ icon, appName, label, gradient, accentRing, compact, rawIcon, className, }: BrandedLoaderProps): react_jsx_runtime.JSX.Element;
+
+type AppLogoProps = {
+    /** App icon component (heroicon or custom SVG) */
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    /** App name displayed as wordmark */
+    appName: string;
+    /** Gradient class for the icon background (e.g. "from-purple-500 to-blue-600") */
+    gradient?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional className */
+    className?: string;
+    /** Custom wordmark element instead of text */
+    wordmark?: ReactNode;
+};
+declare function AppLogo({ icon: Icon, appName, gradient, size, className, wordmark, }: AppLogoProps): react_jsx_runtime.JSX.Element;
+
+type AccentColor = 'blue' | 'emerald' | 'purple' | 'indigo';
+type ErrorPageProps = {
+    title?: string;
+    message?: string;
+    action?: ReactNode;
+    className?: string;
+    /** Accent color for the status code number */
+    accentColor?: AccentColor;
+};
+declare function NotFoundPage({ title, message, action, className, accentColor }: ErrorPageProps): react_jsx_runtime.JSX.Element;
+declare function BadRequestPage({ title, message, action, className, accentColor }: ErrorPageProps): react_jsx_runtime.JSX.Element;
+declare function ServerErrorPage({ title, message, action, className, accentColor }: ErrorPageProps): react_jsx_runtime.JSX.Element;
+
+interface PreferenceSectionProps {
+    title?: string;
+    titleIcon?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+declare function PreferenceSection({ title, titleIcon, children, className, }: PreferenceSectionProps): react_jsx_runtime.JSX.Element;
+
+interface ProfileIdentityCardProps {
+    displayName: string;
+    profileInitial: string;
+    avatarUrl?: string;
+    email?: string;
+    showEmail: boolean;
+    role?: string;
+}
+declare function ProfileIdentityCard({ displayName, profileInitial, avatarUrl, email, showEmail, role, }: ProfileIdentityCardProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsFieldConfig {
+    key: string;
+    label: string;
+    description?: string;
+    value: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    type?: 'text' | 'email' | 'password' | 'textarea' | 'url';
+    readOnly?: boolean;
+    copyable?: boolean;
+    rows?: number;
+}
+interface SelectionOption {
+    value: string;
+    label: string;
+    icon: ReactNode;
+}
+interface ToggleConfig {
+    key: string;
+    checked: boolean;
+    onChange: () => void;
+    onLabel: string;
+    onIcon?: ReactNode;
+    offLabel: string;
+    offIcon?: ReactNode;
+}
+interface RadioGroupConfig {
+    key: string;
+    legend: string;
+    value: string;
+    onChange: (value: string) => void;
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+    columns?: 2 | 3 | 4;
+}
+interface LanguageOption {
+    code: string;
+    label: string;
+    flagSvg?: string;
+    flagEmoji?: string;
+}
+interface PreferenceGroupConfig {
+    title: string;
+    description?: string;
+    value: string;
+    onChange: (value: string) => void;
+    options: SelectionOption[];
+    columns?: 2 | 3 | 4;
+}
+interface WorkspaceSectionConfig {
+    title: string;
+    fields: SettingsFieldConfig[];
+}
+interface ProfileSectionConfig {
+    title: string;
+    initials: string;
+    avatarUrl?: string;
+    avatarGradient?: string;
+    changeAvatarLabel: string;
+    onChangeAvatar?: () => void;
+    fields: SettingsFieldConfig[];
+    password?: {
+        title: string;
+        currentLabel: string;
+        newLabel: string;
+        confirmLabel: string;
+        submitLabel: string;
+        onSubmit: (current: string, newPassword: string, confirm: string) => void;
+    };
+}
+interface PreferencesSectionConfig {
+    title: string;
+    description?: string;
+    /** StatusToggle rows (theme, email visibility, etc.) */
+    toggles?: ToggleConfig[];
+    /** Radio card groups (dock position, etc.) */
+    radioGroups?: RadioGroupConfig[];
+    /** Language picker grid */
+    languages?: {
+        title: string;
+        titleIcon?: ReactNode;
+        currentLocale: string;
+        onLocaleChange: (locale: string) => void;
+        options: LanguageOption[];
+    };
+    /** SelectionCard grids (legacy/simple pickers) */
+    groups?: PreferenceGroupConfig[];
+}
+interface SettingsSection {
+    id: string;
+    label: string;
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    group?: string;
+}
+interface SettingsModalProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    subtitle?: string;
+    closeLabel?: string;
+    sidebarFooter?: ReactNode;
+    initialSection?: string;
+    identity?: GlassModalIdentity;
+    sections: SettingsSection[];
+    workspace?: WorkspaceSectionConfig;
+    profile?: ProfileSectionConfig;
+    preferences?: PreferencesSectionConfig;
+    renderSection?: (sectionId: string) => ReactNode | undefined;
+    placeholderMessage?: string;
+    accessDenied?: {
+        title: string;
+        description: string;
+        icon?: ReactNode;
+    };
+    /** Sign-out button at the bottom of the sidebar */
+    signOut?: {
+        label: string;
+        icon?: ReactNode;
+        onClick: () => void;
+    };
+}
+declare function SettingsModal({ open, onClose, title, subtitle, closeLabel, sidebarFooter, initialSection, identity, sections, workspace, profile, preferences, renderSection, placeholderMessage, accessDenied, signOut, }: SettingsModalProps): react_jsx_runtime.JSX.Element;
+
+interface SelectionCardProps {
+    selected: boolean;
+    onClick: () => void;
+    icon?: ReactNode;
+    label: string;
+    className?: string;
+}
+declare function SelectionCard({ selected, onClick, icon, label, className, }: SelectionCardProps): react_jsx_runtime.JSX.Element;
+
+interface SelectableOptionsGridOption<TValue extends string> {
+    value: TValue;
+    label: string;
+    leadingVisual?: string;
+}
+interface SelectableOptionsGridProps<TValue extends string> {
+    options: SelectableOptionsGridOption<TValue>[];
+    selectedValue: TValue;
+    onChange: (value: TValue) => void;
+}
+declare function SelectableOptionsGrid<TValue extends string>({ options, selectedValue, onChange, }: SelectableOptionsGridProps<TValue>): react_jsx_runtime.JSX.Element;
+
+declare function Stat({ title, value, change }: {
+    title: string;
+    value: string;
+    change?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface StatusToggleProps {
+    checked: boolean;
+    onChange: () => void;
+    offLabel?: string;
+    offIcon?: ReactNode;
+    onLabel?: string;
+    onIcon?: ReactNode;
+    className?: string;
+}
+declare function StatusToggle({ checked, onChange, offLabel, offIcon, onLabel, onIcon, className, }: StatusToggleProps): react_jsx_runtime.JSX.Element;
+
+type ThemeSwitchProps = {
+    checked: boolean;
+    onChange: () => void;
+    label: string;
+    className?: string;
+};
+declare function ThemeSwitch({ checked, onChange, label, className }: ThemeSwitchProps): react_jsx_runtime.JSX.Element;
+
+declare const WindsockIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+interface OtpInputProps {
+    /** Number of digits (default: 6) */
+    length?: number;
+    /** Current value */
+    value: string;
+    /** Change handler */
+    onChange: (value: string) => void;
+    /** Called when all digits are filled */
+    onComplete?: (code: string) => void;
+    /** Error message */
+    error?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Auto-focus first input on mount */
+    autoFocus?: boolean;
+    /** Input mode for mobile keyboards */
+    inputMode?: 'numeric' | 'text';
+}
+declare function OtpInput({ length, value, onChange, onComplete, error, disabled, autoFocus, inputMode, }: OtpInputProps): react_jsx_runtime.JSX.Element;
+
+interface PasswordPolicy {
+    minLength?: number;
+    requireUppercase?: boolean;
+    requireLowercase?: boolean;
+    requireNumbers?: boolean;
+    requireSpecialCharacters?: boolean;
+}
+interface PasswordStrengthMeterProps {
+    /** The password to evaluate */
+    password: string;
+    /** Password policy requirements */
+    policy?: PasswordPolicy;
+    /** Show individual requirement checklist */
+    showRequirements?: boolean;
+}
+declare function PasswordStrengthMeter({ password, policy, showRequirements, }: PasswordStrengthMeterProps): react_jsx_runtime.JSX.Element | null;
+
+interface BackupCodeGridProps {
+    /** Array of backup codes */
+    codes: string[];
+    /** Called when copy-all is clicked */
+    onCopyAll?: () => void;
+    /** Show download button */
+    showDownload?: boolean;
+    /** Whether codes are visible */
+    revealed?: boolean;
+    /** Called when reveal is toggled */
+    onReveal?: () => void;
+}
+declare function BackupCodeGrid({ codes, onCopyAll, showDownload, revealed, onReveal, }: BackupCodeGridProps): react_jsx_runtime.JSX.Element;
+
+type SocialProvider = 'google' | 'github' | 'discord' | 'microsoft';
+interface SocialLoginButtonsProps {
+    /** Providers to show */
+    providers: SocialProvider[];
+    /** Called when a provider button is clicked */
+    onProviderClick: (provider: SocialProvider) => void;
+    /** Layout direction */
+    layout?: 'row' | 'column';
+    /** Provider currently loading */
+    loading?: SocialProvider | null;
+    /** Disable all buttons */
+    disabled?: boolean;
+}
+declare function SocialLoginButtons({ providers, onProviderClick, layout, loading, disabled, }: SocialLoginButtonsProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * HeroPanel
+ *
+ * A generic branded hero panel with liquid-glass aesthetics.
+ * Used for split-screen login layouts, landing pages, etc.
+ * Renders: logo slot, glass heading card, stat tiles, footer.
+ */
+interface HeroPanelStat {
+    value: string;
+    label: string;
+}
+interface HeroPanelProps {
+    logo: React.ReactNode;
+    title: string;
+    subtitle: string;
+    stats: HeroPanelStat[];
+    footer?: string;
+    className?: string;
+}
+declare function HeroPanel({ logo, title, subtitle, stats, footer, className, }: HeroPanelProps): react_jsx_runtime.JSX.Element;
+
+interface AuthLayoutProps {
+    /** Auth form content */
+    children: ReactNode;
+    /** Optional hero panel config for split-screen layout */
+    heroPanel?: HeroPanelProps;
+    /** Card max width (default: md) */
+    cardWidth?: 'sm' | 'md' | 'lg';
+    /** Optional logo shown above the card */
+    logo?: ReactNode;
+}
+declare function AuthLayout({ children, heroPanel, cardWidth, logo, }: AuthLayoutProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * iOS-style haptic feedback hook
+ * Provides tactile feedback for touch interactions
+ */
+type HapticPattern = 'light' | 'medium' | 'heavy' | 'success' | 'warning' | 'error' | 'selection';
+declare function useHaptic(): {
+    trigger: (pattern?: HapticPattern) => boolean;
+    cancel: () => void;
+    isSupported: boolean;
+};
+/**
+ * Standalone haptic trigger for use outside React components
+ */
+declare function triggerHaptic(pattern?: HapticPattern): boolean;
+
+type PullToRefreshOptions = {
+    /** Callback when refresh is triggered */
+    onRefresh: () => Promise<void>;
+    /** Pull distance to trigger refresh (default: 80) */
+    threshold?: number;
+    /** Maximum pull distance (default: 120) */
+    maxPull?: number;
+    /** Enable/disable the hook (default: true) */
+    enabled?: boolean;
+};
+declare function usePullToRefresh(options: PullToRefreshOptions): {
+    containerRef: React__default.RefObject<HTMLDivElement | null>;
+    pullDistance: number;
+    isRefreshing: boolean;
+    canRefresh: boolean;
+    progress: number;
+};
+/**
+ * Pull-to-refresh indicator component
+ */
+declare function PullToRefreshIndicator({ pullDistance, isRefreshing, threshold, }: {
+    pullDistance: number;
+    isRefreshing: boolean;
+    threshold?: number;
+}): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * iOS-style animation presets for Framer Motion
+ * Based on Apple Human Interface Guidelines
+ * Includes reduced motion support for accessibility
+ */
+
+/**
+ * Check if user prefers reduced motion
+ * Use this to conditionally disable animations
+ */
+declare function prefersReducedMotion(): boolean;
+/**
+ * Get a transition that respects reduced motion preference
+ */
+declare function getTransition(transition: Transition): Transition;
+/**
+ * Get variants that respect reduced motion preference
+ */
+declare function getVariants(variants: Variants): Variants;
+declare const springPresets: {
+    /** Default iOS spring - balanced and smooth */
+    default: Transition;
+    /** Bouncy spring - more playful, good for icons */
+    bouncy: Transition;
+    /** Stiff spring - snappy, good for buttons */
+    stiff: Transition;
+    /** Gentle spring - slow and smooth, good for modals */
+    gentle: Transition;
+    /** Sheet spring - iOS sheet presentation */
+    sheet: Transition;
+    /** Quick spring - very fast, good for micro-interactions */
+    quick: Transition;
+};
+/** Spring presets with reduced motion fallback (instant) */
+declare const springPresetsReduced: {
+    default: Transition;
+    bouncy: Transition;
+    stiff: Transition;
+    gentle: Transition;
+    sheet: Transition;
+    quick: Transition;
+};
+declare const buttonPress: Variants;
+declare const buttonTap: {
+    scale: number;
+    transition: Transition;
+};
+/** Reduced motion version - no scale animation */
+declare const buttonPressReduced: Variants;
+declare const cardHover: Variants;
+declare const cardPress: Variants;
+/** Reduced motion version - opacity only */
+declare const cardHoverReduced: Variants;
+declare const slideUp: Variants;
+declare const slideRight: Variants;
+declare const slideDown: Variants;
+declare const fadeScale: Variants;
+/** Reduced motion - fade only, no movement */
+declare const fadeOnly: Variants;
+declare const notificationBanner: Variants;
+/** Reduced motion version */
+declare const notificationBannerReduced: Variants;
+declare const listItem: Variants;
+declare const staggerContainer: Variants;
+/** Reduced motion - no stagger, just fade */
+declare const listItemReduced: Variants;
+declare const swipeActionThreshold = 80;
+declare const swipeConstraints: {
+    left: number;
+    right: number;
+};
+declare const pageControlDot: Variants;
+declare const iosColors: {
+    blue: string;
+    green: string;
+    red: string;
+    orange: string;
+    yellow: string;
+    purple: string;
+    pink: string;
+    teal: string;
+    indigo: string;
+    mint: string;
+    cyan: string;
+    brown: string;
+    gray: string;
+    gray2: string;
+    gray3: string;
+    gray4: string;
+    gray5: string;
+    gray6: string;
+    dark: {
+        blue: string;
+        green: string;
+        red: string;
+        orange: string;
+        yellow: string;
+        purple: string;
+        pink: string;
+        teal: string;
+        indigo: string;
+        mint: string;
+        cyan: string;
+        brown: string;
+    };
+};
+declare const durations: {
+    instant: number;
+    fast: number;
+    normal: number;
+    slow: number;
+    verySlow: number;
+};
+/** Duration presets with reduced motion fallback */
+declare const durationsReduced: {
+    instant: number;
+    fast: number;
+    normal: number;
+    slow: number;
+    verySlow: number;
+};
+declare const easings: {
+    /** Standard ease for most animations */
+    default: number[];
+    /** Ease out - decelerating */
+    out: number[];
+    /** Ease in - accelerating */
+    in: number[];
+    /** Ease in-out - both */
+    inOut: number[];
+    /** iOS-style ease */
+    ios: number[];
+};
+/**
+ * Creates animation props that respect reduced motion preference
+ */
+declare function createMotionProps<T extends object>(animatedProps: T, reducedProps?: Partial<T>): T;
+
+declare function resolveGlassAccentRgb(className: string | undefined, fallback?: string): string;
+
+/**
+ * Subdivision Theme System
+ * ========================
+ *
+ * Registry-based theming for geographic subdivisions (states, provinces, etc.).
+ * Consumers register country-specific palettes at startup, then query via
+ * generic getSubdivision* functions.
+ *
+ * No country-specific data is hardcoded here — all data comes from registration.
+ */
+interface SubdivisionColorPalette {
+    primary: string;
+    secondary: string;
+    text: 'light' | 'dark';
+}
+interface SubdivisionThemeConfig {
+    palettes: Record<string, SubdivisionColorPalette>;
+    accents?: Record<string, string>;
+    flagUrlTemplate?: (code: string) => string | null;
+}
+declare function registerSubdivisionTheme(countryCode: string, config: SubdivisionThemeConfig): void;
+declare function getSubdivisionPalette(country: string, code: string): SubdivisionColorPalette | null;
+declare function getSubdivisionFlagUrl(country: string, code: string): string | null;
+declare function getSubdivisionHexColor(country: string, code: string): string | null;
+declare function getSubdivisionGradient(country: string, code: string, direction?: string): string | null;
+declare function getSubdivisionColors(country: string, code: string): {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare function getSubdivisionAccent(country: string, code: string): string | null;
+declare function isValidSubdivision(country: string, code: string): boolean;
+
+declare function formatCurrency$1(value: number | null | undefined, currency: string): string;
+declare function formatPercentage(value: number | null | undefined, locale: string): string;
+declare function formatDate(dateString: string | null | undefined | {
+    value: string;
+}, options: {
+    showTimezone?: boolean;
+    locale: string;
+}): string;
+declare function getStatusColor(status: string | null): string;
+
+interface NotificationBadgeProps {
+    count: number;
+    className?: string;
+}
+declare function NotificationBadge({ count, className }: NotificationBadgeProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Fuel UI Contracts
+ * =================
+ * Presentation-specific types shared by Fuel UI consumers.
+ */
+type FuelColors = {
+    primary: string;
+    secondary: string;
+    accent: string;
+};
+type SaveStatus = 'idle' | 'saving' | 'saved';
+
+/**
+ * Text Components
+ */
+declare function RadiantHeading({ className, as: Element, dark, ...props }: {
+    className?: string;
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    dark?: boolean;
+} & React.ComponentPropsWithoutRef<'h1' | 'h2' | 'h3'>): react_jsx_runtime.JSX.Element;
+declare function RadiantSubheading({ className, as: Element, dark, ...props }: {
+    className?: string;
+    as?: 'h2' | 'h3' | 'h4';
+    dark?: boolean;
+} & React.ComponentPropsWithoutRef<'h2' | 'h3' | 'h4'>): react_jsx_runtime.JSX.Element;
+declare function Lead({ className, ...props }: React.ComponentPropsWithoutRef<'p'>): react_jsx_runtime.JSX.Element;
+/**
+ * Animated Number Component
+ */
+declare function AnimatedNumber({ start, end, decimals, suffix, }: {
+    start: number;
+    end: number;
+    decimals?: number;
+    suffix?: string;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Gradient Components
+ */
+declare function Gradient({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): react_jsx_runtime.JSX.Element;
+declare function GradientBackground(): react_jsx_runtime.JSX.Element;
+/**
+ * Bento Card Component
+ */
+declare function BentoCard({ dark, className, eyebrow, title, description, graphic, fade, }: {
+    dark?: boolean;
+    className?: string;
+    eyebrow: React.ReactNode;
+    title: React.ReactNode;
+    description: React.ReactNode;
+    graphic: React.ReactNode;
+    fade?: ('top' | 'bottom')[];
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Plus Grid Components
+ */
+declare function PlusGrid({ className, children, }: {
+    className?: string;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function PlusGridRow({ className, children, }: {
+    className?: string;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function PlusGridItem({ className, children, }: {
+    className?: string;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Radiant Stat Card Component
+ */
+declare function RadiantStatCard({ value, label, gradient, }: {
+    value: React.ReactNode;
+    label: string;
+    gradient?: string;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Feature Card with Icon
+ */
+declare function FeatureCard({ icon: Icon, title, description, gradient, }: {
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    title: string;
+    description: string;
+    gradient?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * CategoryTab / CategoryTabs / CategoryBadge
+ *
+ * Generic selectable category tabs with configurable color schemes.
+ * Fully domain-agnostic — consumers provide a CategoryTabConfig for each item.
+ */
+interface CategoryTabConfig {
+    abbreviation: string;
+    label: string;
+    bg: string;
+    text: string;
+    selectedBg: string;
+    selectedText: string;
+    selectedBorder: string;
+    dotColor: string;
+}
+interface CategoryTabProps {
+    config: CategoryTabConfig;
+    isSelected: boolean;
+    onClick: () => void;
+    className?: string;
+}
+declare function CategoryTab({ config, isSelected, onClick, className, }: CategoryTabProps): react_jsx_runtime.JSX.Element;
+interface CategoryTabsProps {
+    items: Array<{
+        key: string;
+        config: CategoryTabConfig;
+        value?: string;
+        reactKey?: string;
+    }>;
+    selectedKey: string | null;
+    onSelect: (key: string) => void;
+    className?: string;
+}
+declare function CategoryTabs({ items, selectedKey, onSelect, className, }: CategoryTabsProps): react_jsx_runtime.JSX.Element;
+interface CategoryBadgeProps {
+    config: CategoryTabConfig;
+    size?: "sm" | "md";
+    className?: string;
+}
+declare function CategoryBadge({ config, size, className, }: CategoryBadgeProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * OptionGrid
+ *
+ * A generic grid of selectable option buttons with icon header.
+ * Used for selecting from a set of options (e.g., currencies, countries, themes).
+ */
+interface OptionGridItem {
+    code: string;
+    flag: string;
+    label: string;
+}
+interface OptionGridProps {
+    icon: React.ReactNode;
+    title: string;
+    options: OptionGridItem[];
+    selected: string;
+    onSelect: (code: string) => void;
+    isLoading?: boolean;
+    columns?: 2 | 3 | 4;
+    layout?: 'horizontal' | 'vertical';
+    className?: string;
+}
+declare function OptionGrid({ icon, title, options, selected, onSelect, isLoading, columns, layout, className, }: OptionGridProps): react_jsx_runtime.JSX.Element;
+
+interface CollapsibleGroup<TItem, TMeta = undefined> {
+    key: string;
+    items: TItem[];
+    header: ReactNode;
+    meta?: TMeta;
+}
+interface CollapsibleGroupedListProps<TItem, TMeta = undefined> {
+    groups: CollapsibleGroup<TItem, TMeta>[];
+    renderItem: (item: TItem, group: CollapsibleGroup<TItem, TMeta>) => ReactNode;
+    getItemKey: (item: TItem) => string;
+    className?: string;
+    groupClassName?: (group: CollapsibleGroup<TItem, TMeta>) => string;
+}
+declare function CollapsibleGroupedList<TItem, TMeta = undefined>({ groups, renderItem, getItemKey, className, groupClassName, }: CollapsibleGroupedListProps<TItem, TMeta>): react_jsx_runtime.JSX.Element;
+
+/**
+ * UserAvatar / UserMobileInfo
+ *
+ * Generic user avatar with dropdown menu. Domain-agnostic — accepts
+ * user info and menu items as props, no i18n or store dependencies.
+ */
+interface UserAvatarUser {
+    name?: string;
+    email?: string;
+}
+interface UserAvatarMenuItem {
+    name: string;
+    href: string;
+}
+interface UserAvatarLabels {
+    openMenu?: string;
+    defaultUser?: string;
+    defaultEmail?: string;
+}
+interface UserAvatarProps {
+    user: UserAvatarUser | null;
+    menuItems?: UserAvatarMenuItem[];
+    labels?: UserAvatarLabels;
+    className?: string;
+}
+declare function UserAvatar({ user, menuItems, labels, className, }: UserAvatarProps): react_jsx_runtime.JSX.Element;
+interface UserMobileInfoProps {
+    user: UserAvatarUser | null;
+    labels?: Pick<UserAvatarLabels, 'defaultUser' | 'defaultEmail'>;
+}
+declare function UserMobileInfo({ user, labels }: UserMobileInfoProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * InteractiveGeoMap Component
+ * ============================
+ *
+ * Main orchestrator for an interactive geographic map.
+ * Fully generic — works with any country and any data type.
+ * Consumers provide GeoJSON, region coordinates, and render props
+ * for domain-specific content (hover panels, fuel breakdowns, etc.).
+ */
+
+interface InteractiveGeoMapProps<T = unknown> {
+    items: T[];
+    getRegionCode: (item: T) => string;
+    regionCoordinates: Record<string, [number, number]>;
+    defaultCenter?: [number, number];
+    geoJsonUrl: string;
+    regionPropertyKey?: string;
+    projectionType?: 'mercator' | 'albersUsa';
+    getRegionColor: (code: string) => string;
+    getFlagUrl?: (code: string) => string | null;
+    isRegionActive?: (code: string) => boolean;
+    onRegionToggle?: (code: string) => void;
+    renderHoverContent?: (regionCode: string, items: T[]) => React__default.ReactNode;
+    formatCounter?: (totalItems: number, totalRegions: number, activeItems?: number, activeRegions?: number) => string;
+    zoomLabels?: {
+        zoomIn?: string;
+        zoomOut?: string;
+    };
+    ariaLabel?: string;
+    className?: string;
+}
+declare const InteractiveGeoMap: <T = unknown>(props: InteractiveGeoMapProps<T> & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => React__default.ReactElement | null;
+
+/**
+ * useGeoMapState Hook
+ * ===================
+ *
+ * Centralized state management for an interactive geographic map.
+ * Handles zoom, pan, hover, and marker entrance animations.
+ * Fully generic — no country-specific data.
+ */
+interface GeoMapRegionData<T = unknown> {
+    code: string;
+    items: T[];
+    coordinates: [number, number];
+}
+interface UseGeoMapStateOptions<T> {
+    items: T[];
+    getRegionCode: (item: T) => string;
+    regionCoordinates: Record<string, [number, number]>;
+    defaultCenter?: [number, number];
+}
+declare function useGeoMapState<T>({ items, getRegionCode, regionCoordinates, defaultCenter, }: UseGeoMapStateOptions<T>): {
+    zoom: number;
+    setZoom: React$1.Dispatch<React$1.SetStateAction<number>>;
+    handleZoomIn: () => void;
+    handleZoomOut: () => void;
+    handleMoveEnd: (position: {
+        coordinates: [number, number];
+        zoom: number;
+    }) => void;
+    MIN_ZOOM: number;
+    MAX_ZOOM: number;
+    center: [number, number];
+    setCenter: React$1.Dispatch<React$1.SetStateAction<[number, number]>>;
+    panOffset: [number, number];
+    handlePan: (dx: number, dy: number) => void;
+    hoveredRegion: string | null;
+    setHoveredRegion: React$1.Dispatch<React$1.SetStateAction<string | null>>;
+    animatedRegions: Set<string>;
+    regionGroups: GeoMapRegionData<T>[];
+    getMarkerSize: (count: number) => number;
+    getFontSize: (markerSize: number) => string;
+};
+
+/**
+ * GeoMapCanvas Component
+ * ======================
+ *
+ * Core map rendering using SVG + d3-geo.
+ * Handles geography rendering, markers, drag-to-pan, and interactions.
+ * Zoom and pan are handled via viewBox manipulation for uniform scaling.
+ *
+ * Fully generic — no country-specific data. GeoJSON URL and region property
+ * key are provided via props.
+ */
+
+interface GeoMapCanvasProps<T = unknown> {
+    regionGroups: GeoMapRegionData<T>[];
+    regionColorMap: Map<string, string>;
+    animatedRegions: Set<string>;
+    zoom: number;
+    panOffset: [number, number];
+    hoveredRegion: string | null;
+    onPan: (dx: number, dy: number) => void;
+    onRegionHover: (code: string | null) => void;
+    onRegionClick: (code: string) => void;
+    isRegionActive?: (code: string) => boolean;
+    getMarkerSize: (count: number) => number;
+    getFontSize: (markerSize: number) => string;
+    geoJsonUrl: string;
+    regionPropertyKey?: string;
+    projectionType?: 'mercator' | 'albersUsa';
+    ariaLabel?: string;
+}
+declare const GeoMapCanvas: <T = unknown>(props: GeoMapCanvasProps<T> & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => React__default.ReactElement | null;
+
+/**
+ * MapZoomControls Component
+ * ========================
+ *
+ * Zoom in/out buttons and zoom level display for the map.
+ * Generic — accepts optional labels instead of calling useTranslations.
+ */
+
+interface MapZoomControlsProps {
+    zoom: number;
+    minZoom: number;
+    maxZoom: number;
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+    labels?: {
+        zoomIn?: string;
+        zoomOut?: string;
+    };
+}
+declare const MapZoomControls: React__default.ForwardRefExoticComponent<MapZoomControlsProps & React__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * GeoMapLegend Component
+ * =====================
+ *
+ * Displays top regions by item count with their colors and optional flags.
+ * Generic — no country-specific logic.
+ */
+
+interface GeoMapLegendProps {
+    items: Array<{
+        code: string;
+        count: number;
+    }>;
+    colorMap: Map<string, string>;
+    getFlagUrl?: (code: string) => string | null;
+    getLabel?: (code: string) => string;
+    labels: {
+        title: string;
+        more: string;
+    };
+    maxItems?: number;
+}
+declare const GeoMapLegend: React__default.ForwardRefExoticComponent<GeoMapLegendProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface RegionGroupDefinition {
+    key: string;
+    label: string;
+    codes: string[];
+    gradient: string;
+    iconColor: string;
+}
+
+/**
+ * Brazil Subdivision Theme Data
+ * =============================
+ *
+ * Reusable Brazilian state palettes, accents, coordinates, macro-regions,
+ * and convenience helpers. Does NOT self-register; consumers call
+ * `registerSubdivisionTheme('BR', BR_THEME_CONFIG)` at startup.
+ */
+
+declare const BRAZIL_STATE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const BRAZIL_ACCENT_MAP: Record<string, string>;
+declare const BR_THEME_CONFIG: SubdivisionThemeConfig;
+declare const BRAZIL_STATE_COORDINATES: Record<string, [number, number]>;
+declare const BRAZIL_MAP_CENTER: [number, number];
+declare const BRAZIL_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getBrazilFlagUrl: (uf: string) => string | null;
+declare const getBrazilHexColor: (uf: string) => string | null;
+declare const getBrazilPalette: (uf: string) => SubdivisionColorPalette | null;
+declare const getBrazilGradient: (uf: string, direction?: string) => string | null;
+declare const getBrazilColors: (uf: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getBrazilAccent: (uf: string) => string | null;
+declare const isValidBrazilState: (uf: string) => boolean;
+
+type EntityDrawerMaxWidth = 'max-w-xl' | 'max-w-2xl' | 'max-w-4xl' | 'max-w-6xl' | 'max-w-full';
+type EntityDrawerProps = {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    subtitle?: string;
+    icon?: ReactNode;
+    gradient?: string;
+    maxWidth?: EntityDrawerMaxWidth;
+    tabs?: ReactNode;
+    children: ReactNode;
+};
+declare function EntityDrawer({ open, onClose, title, subtitle, icon, gradient, maxWidth, tabs, children, }: EntityDrawerProps): react_jsx_runtime.JSX.Element | null;
+
+declare const LOCALE_FLAGS: Record<string, string>;
+
+type FilterPillVariant = 'blue' | 'emerald' | 'orange' | 'purple' | 'violet' | 'amber' | 'red' | 'indigo' | 'cyan' | 'teal' | 'pink' | 'rose' | 'green' | 'yellow' | 'slate' | 'sky' | 'fuchsia' | 'gray';
+type FilterPillProps = {
+    icon: ReactNode;
+    label: ReactNode;
+    variant: FilterPillVariant;
+    onRemove: () => void;
+};
+declare function FilterPill({ icon, label, variant, onRemove }: FilterPillProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * US Subdivision Theme Data
+ * =========================
+ *
+ * Reusable US state palettes, accents, coordinates, macro-regions,
+ * and convenience helpers. Does NOT self-register; consumers call
+ * `registerSubdivisionTheme('US', US_THEME_CONFIG)` at startup.
+ */
+
+declare const US_STATE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const US_ACCENT_MAP: Record<string, string>;
+declare const US_THEME_CONFIG: SubdivisionThemeConfig;
+declare const US_STATE_COORDINATES: Record<string, [number, number]>;
+declare const US_MAP_CENTER: [number, number];
+declare const US_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getUsFlagUrl: (state: string) => string | null;
+declare const getUsHexColor: (state: string) => string | null;
+declare const getUsPalette: (state: string) => SubdivisionColorPalette | null;
+declare const getUsGradient: (state: string, direction?: string) => string | null;
+declare const getUsColors: (state: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getUsAccent: (state: string) => string | null;
+declare const isValidUsState: (state: string) => boolean;
+
+/**
+ * Canada Subdivision Theme Data
+ * =============================
+ *
+ * Reusable Canadian province/territory palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('CA', CA_THEME_CONFIG)` at startup.
+ */
+
+declare const CANADA_PROVINCE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const CANADA_ACCENT_MAP: Record<string, string>;
+declare const CA_THEME_CONFIG: SubdivisionThemeConfig;
+declare const CANADA_PROVINCE_COORDINATES: Record<string, [number, number]>;
+declare const CANADA_MAP_CENTER: [number, number];
+declare const CANADA_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getCanadaFlagUrl: (code: string) => string | null;
+declare const getCanadaHexColor: (code: string) => string | null;
+declare const getCanadaPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getCanadaGradient: (code: string, direction?: string) => string | null;
+declare const getCanadaColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getCanadaAccent: (code: string) => string | null;
+declare const isValidCanadaProvince: (code: string) => boolean;
+
+/**
+ * Mexico Subdivision Theme Data
+ * =============================
+ *
+ * Reusable Mexican state palettes, accents, coordinates, macro-regions,
+ * and convenience helpers. Does NOT self-register; consumers call
+ * `registerSubdivisionTheme('MX', MX_THEME_CONFIG)` at startup.
+ */
+
+declare const MEXICO_STATE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const MEXICO_ACCENT_MAP: Record<string, string>;
+declare const MX_THEME_CONFIG: SubdivisionThemeConfig;
+declare const MEXICO_STATE_COORDINATES: Record<string, [number, number]>;
+declare const MEXICO_MAP_CENTER: [number, number];
+declare const MEXICO_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getMexicoFlagUrl: (code: string) => string | null;
+declare const getMexicoHexColor: (code: string) => string | null;
+declare const getMexicoPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getMexicoGradient: (code: string, direction?: string) => string | null;
+declare const getMexicoColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getMexicoAccent: (code: string) => string | null;
+declare const isValidMexicoState: (code: string) => boolean;
+
+/**
+ * Colombia Subdivision Theme Data
+ * ================================
+ *
+ * Reusable Colombian department palettes, accents, coordinates, macro-regions,
+ * and convenience helpers. Does NOT self-register; consumers call
+ * `registerSubdivisionTheme('CO', CO_THEME_CONFIG)` at startup.
+ */
+
+declare const COLOMBIA_DEPARTMENT_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const COLOMBIA_ACCENT_MAP: Record<string, string>;
+declare const CO_THEME_CONFIG: SubdivisionThemeConfig;
+declare const COLOMBIA_DEPARTMENT_COORDINATES: Record<string, [number, number]>;
+declare const COLOMBIA_MAP_CENTER: [number, number];
+declare const COLOMBIA_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getColombiaFlagUrl: (code: string) => string | null;
+declare const getColombiaHexColor: (code: string) => string | null;
+declare const getColombiaPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getColombiaGradient: (code: string, direction?: string) => string | null;
+declare const getColombiaColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getColombiaAccent: (code: string) => string | null;
+declare const isValidColombiaDepartment: (code: string) => boolean;
+
+/**
+ * Argentina Subdivision Theme Data
+ * =================================
+ *
+ * Reusable Argentine province palettes, accents, coordinates, macro-regions,
+ * and convenience helpers. Does NOT self-register; consumers call
+ * `registerSubdivisionTheme('AR', AR_THEME_CONFIG)` at startup.
+ */
+
+declare const ARGENTINA_PROVINCE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const ARGENTINA_ACCENT_MAP: Record<string, string>;
+declare const AR_THEME_CONFIG: SubdivisionThemeConfig;
+declare const ARGENTINA_PROVINCE_COORDINATES: Record<string, [number, number]>;
+declare const ARGENTINA_MAP_CENTER: [number, number];
+declare const ARGENTINA_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getArgentinaFlagUrl: (code: string) => string | null;
+declare const getArgentinaHexColor: (code: string) => string | null;
+declare const getArgentinaPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getArgentinaGradient: (code: string, direction?: string) => string | null;
+declare const getArgentinaColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getArgentinaAccent: (code: string) => string | null;
+declare const isValidArgentinaProvince: (code: string) => boolean;
+
+/**
+ * Chile Subdivision Theme Data
+ * ============================
+ *
+ * Reusable Chilean region palettes, accents, coordinates, macro-regions,
+ * and convenience helpers. Does NOT self-register; consumers call
+ * `registerSubdivisionTheme('CL', CL_THEME_CONFIG)` at startup.
+ */
+
+declare const CHILE_REGION_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const CHILE_ACCENT_MAP: Record<string, string>;
+declare const CL_THEME_CONFIG: SubdivisionThemeConfig;
+declare const CHILE_REGION_COORDINATES: Record<string, [number, number]>;
+declare const CHILE_MAP_CENTER: [number, number];
+declare const CHILE_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getChileFlagUrl: (code: string) => string | null;
+declare const getChileHexColor: (code: string) => string | null;
+declare const getChilePalette: (code: string) => SubdivisionColorPalette | null;
+declare const getChileGradient: (code: string, direction?: string) => string | null;
+declare const getChileColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getChileAccent: (code: string) => string | null;
+declare const isValidChileRegion: (code: string) => boolean;
+
+/**
+ * Peru Subdivision Theme Data
+ * ===========================
+ *
+ * Reusable Peruvian department palettes, accents, coordinates, macro-regions,
+ * and convenience helpers. Does NOT self-register; consumers call
+ * `registerSubdivisionTheme('PE', PE_THEME_CONFIG)` at startup.
+ */
+
+declare const PERU_DEPARTMENT_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const PERU_ACCENT_MAP: Record<string, string>;
+declare const PE_THEME_CONFIG: SubdivisionThemeConfig;
+declare const PERU_DEPARTMENT_COORDINATES: Record<string, [number, number]>;
+declare const PERU_MAP_CENTER: [number, number];
+declare const PERU_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getPeruFlagUrl: (code: string) => string | null;
+declare const getPeruHexColor: (code: string) => string | null;
+declare const getPeruPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getPeruGradient: (code: string, direction?: string) => string | null;
+declare const getPeruColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getPeruAccent: (code: string) => string | null;
+declare const isValidPeruDepartment: (code: string) => boolean;
+
+/**
+ * Germany Subdivision Theme Data
+ * ==============================
+ *
+ * Reusable German Bundesland palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('DE', DE_THEME_CONFIG)` at startup.
+ */
+
+declare const GERMANY_STATE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const GERMANY_ACCENT_MAP: Record<string, string>;
+declare const DE_THEME_CONFIG: SubdivisionThemeConfig;
+declare const GERMANY_STATE_COORDINATES: Record<string, [number, number]>;
+declare const GERMANY_MAP_CENTER: [number, number];
+declare const GERMANY_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getGermanyFlagUrl: (code: string) => string | null;
+declare const getGermanyHexColor: (code: string) => string | null;
+declare const getGermanyPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getGermanyGradient: (code: string, direction?: string) => string | null;
+declare const getGermanyColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getGermanyAccent: (code: string) => string | null;
+declare const isValidGermanyState: (code: string) => boolean;
+
+/**
+ * France Subdivision Theme Data
+ * =============================
+ *
+ * Reusable French region palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('FR', FR_THEME_CONFIG)` at startup.
+ */
+
+declare const FRANCE_REGION_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const FRANCE_ACCENT_MAP: Record<string, string>;
+declare const FR_THEME_CONFIG: SubdivisionThemeConfig;
+declare const FRANCE_REGION_COORDINATES: Record<string, [number, number]>;
+declare const FRANCE_MAP_CENTER: [number, number];
+declare const FRANCE_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getFranceFlagUrl: (code: string) => string | null;
+declare const getFranceHexColor: (code: string) => string | null;
+declare const getFrancePalette: (code: string) => SubdivisionColorPalette | null;
+declare const getFranceGradient: (code: string, direction?: string) => string | null;
+declare const getFranceColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getFranceAccent: (code: string) => string | null;
+declare const isValidFranceRegion: (code: string) => boolean;
+
+/**
+ * Spain Subdivision Theme Data
+ * ============================
+ *
+ * Reusable Spanish province palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('ES', ES_THEME_CONFIG)` at startup.
+ */
+
+declare const SPAIN_PROVINCE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const SPAIN_ACCENT_MAP: Record<string, string>;
+declare const ES_THEME_CONFIG: SubdivisionThemeConfig;
+declare const SPAIN_PROVINCE_COORDINATES: Record<string, [number, number]>;
+declare const SPAIN_MAP_CENTER: [number, number];
+declare const SPAIN_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getSpainFlagUrl: (code: string) => string | null;
+declare const getSpainHexColor: (code: string) => string | null;
+declare const getSpainPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getSpainGradient: (code: string, direction?: string) => string | null;
+declare const getSpainColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getSpainAccent: (code: string) => string | null;
+declare const isValidSpainProvince: (code: string) => boolean;
+
+/**
+ * Italy Subdivision Theme Data
+ * ============================
+ *
+ * Reusable Italian region palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('IT', IT_THEME_CONFIG)` at startup.
+ */
+
+declare const ITALY_REGION_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const ITALY_ACCENT_MAP: Record<string, string>;
+declare const IT_THEME_CONFIG: SubdivisionThemeConfig;
+declare const ITALY_REGION_COORDINATES: Record<string, [number, number]>;
+declare const ITALY_MAP_CENTER: [number, number];
+declare const ITALY_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getItalyFlagUrl: (code: string) => string | null;
+declare const getItalyHexColor: (code: string) => string | null;
+declare const getItalyPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getItalyGradient: (code: string, direction?: string) => string | null;
+declare const getItalyColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getItalyAccent: (code: string) => string | null;
+declare const isValidItalyRegion: (code: string) => boolean;
+
+/**
+ * United Kingdom Subdivision Theme Data
+ * ======================================
+ *
+ * Reusable UK nation palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('GB', GB_THEME_CONFIG)` at startup.
+ */
+
+declare const UK_NATION_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const UK_ACCENT_MAP: Record<string, string>;
+declare const GB_THEME_CONFIG: SubdivisionThemeConfig;
+declare const UK_NATION_COORDINATES: Record<string, [number, number]>;
+declare const UK_MAP_CENTER: [number, number];
+declare const UK_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getUKFlagUrl: (code: string) => string | null;
+declare const getUKHexColor: (code: string) => string | null;
+declare const getUKPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getUKGradient: (code: string, direction?: string) => string | null;
+declare const getUKColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getUKAccent: (code: string) => string | null;
+declare const isValidUKNation: (code: string) => boolean;
+
+/**
+ * Portugal Subdivision Theme Data
+ * ===============================
+ *
+ * Reusable Portuguese district palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('PT', PT_THEME_CONFIG)` at startup.
+ */
+
+declare const PORTUGAL_DISTRICT_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const PORTUGAL_ACCENT_MAP: Record<string, string>;
+declare const PT_THEME_CONFIG: SubdivisionThemeConfig;
+declare const PORTUGAL_DISTRICT_COORDINATES: Record<string, [number, number]>;
+declare const PORTUGAL_MAP_CENTER: [number, number];
+declare const PORTUGAL_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getPortugalFlagUrl: (code: string) => string | null;
+declare const getPortugalHexColor: (code: string) => string | null;
+declare const getPortugalPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getPortugalGradient: (code: string, direction?: string) => string | null;
+declare const getPortugalColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getPortugalAccent: (code: string) => string | null;
+declare const isValidPortugalDistrict: (code: string) => boolean;
+
+/**
+ * Australia Subdivision Theme Data
+ * ================================
+ *
+ * Reusable Australian state/territory palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('AU', AU_THEME_CONFIG)` at startup.
+ */
+
+declare const AUSTRALIA_STATE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const AUSTRALIA_ACCENT_MAP: Record<string, string>;
+declare const AU_THEME_CONFIG: SubdivisionThemeConfig;
+declare const AUSTRALIA_STATE_COORDINATES: Record<string, [number, number]>;
+declare const AUSTRALIA_MAP_CENTER: [number, number];
+declare const AUSTRALIA_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getAustraliaFlagUrl: (code: string) => string | null;
+declare const getAustraliaHexColor: (code: string) => string | null;
+declare const getAustraliaPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getAustraliaGradient: (code: string, direction?: string) => string | null;
+declare const getAustraliaColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getAustraliaAccent: (code: string) => string | null;
+declare const isValidAustraliaState: (code: string) => boolean;
+
+/**
+ * Japan Subdivision Theme Data
+ * ============================
+ *
+ * Reusable Japanese prefecture palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('JP', JP_THEME_CONFIG)` at startup.
+ */
+
+declare const JAPAN_PREFECTURE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const JAPAN_ACCENT_MAP: Record<string, string>;
+declare const JP_THEME_CONFIG: SubdivisionThemeConfig;
+declare const JAPAN_PREFECTURE_COORDINATES: Record<string, [number, number]>;
+declare const JAPAN_MAP_CENTER: [number, number];
+declare const JAPAN_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getJapanFlagUrl: (code: string) => string | null;
+declare const getJapanHexColor: (code: string) => string | null;
+declare const getJapanPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getJapanGradient: (code: string, direction?: string) => string | null;
+declare const getJapanColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getJapanAccent: (code: string) => string | null;
+declare const isValidJapanPrefecture: (code: string) => boolean;
+
+/**
+ * India Subdivision Theme Data
+ * ============================
+ *
+ * Reusable Indian state/UT palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('IN', IN_THEME_CONFIG)` at startup.
+ */
+
+declare const INDIA_STATE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const INDIA_ACCENT_MAP: Record<string, string>;
+declare const IN_THEME_CONFIG: SubdivisionThemeConfig;
+declare const INDIA_STATE_COORDINATES: Record<string, [number, number]>;
+declare const INDIA_MAP_CENTER: [number, number];
+declare const INDIA_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getIndiaFlagUrl: (code: string) => string | null;
+declare const getIndiaHexColor: (code: string) => string | null;
+declare const getIndiaPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getIndiaGradient: (code: string, direction?: string) => string | null;
+declare const getIndiaColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getIndiaAccent: (code: string) => string | null;
+declare const isValidIndiaState: (code: string) => boolean;
+
+/**
+ * South Africa Subdivision Theme Data
+ * ====================================
+ *
+ * Reusable South African province palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('ZA', ZA_THEME_CONFIG)` at startup.
+ */
+
+declare const SOUTH_AFRICA_PROVINCE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const SOUTH_AFRICA_ACCENT_MAP: Record<string, string>;
+declare const ZA_THEME_CONFIG: SubdivisionThemeConfig;
+declare const SOUTH_AFRICA_PROVINCE_COORDINATES: Record<string, [number, number]>;
+declare const SOUTH_AFRICA_MAP_CENTER: [number, number];
+declare const SOUTH_AFRICA_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getSouthAfricaFlagUrl: (code: string) => string | null;
+declare const getSouthAfricaHexColor: (code: string) => string | null;
+declare const getSouthAfricaPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getSouthAfricaGradient: (code: string, direction?: string) => string | null;
+declare const getSouthAfricaColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getSouthAfricaAccent: (code: string) => string | null;
+declare const isValidSouthAfricaProvince: (code: string) => boolean;
+
+/**
+ * South Korea Subdivision Theme Data
+ * ===================================
+ *
+ * Reusable South Korean province/city palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('KR', KR_THEME_CONFIG)` at startup.
+ */
+
+declare const SOUTH_KOREA_PROVINCE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const SOUTH_KOREA_ACCENT_MAP: Record<string, string>;
+declare const KR_THEME_CONFIG: SubdivisionThemeConfig;
+declare const SOUTH_KOREA_PROVINCE_COORDINATES: Record<string, [number, number]>;
+declare const SOUTH_KOREA_MAP_CENTER: [number, number];
+declare const SOUTH_KOREA_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getSouthKoreaFlagUrl: (code: string) => string | null;
+declare const getSouthKoreaHexColor: (code: string) => string | null;
+declare const getSouthKoreaPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getSouthKoreaGradient: (code: string, direction?: string) => string | null;
+declare const getSouthKoreaColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getSouthKoreaAccent: (code: string) => string | null;
+declare const isValidSouthKoreaProvince: (code: string) => boolean;
+
+/**
+ * Indonesia Subdivision Theme Data
+ * =================================
+ *
+ * Reusable Indonesian province palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('ID', ID_THEME_CONFIG)` at startup.
+ */
+
+declare const INDONESIA_PROVINCE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const INDONESIA_ACCENT_MAP: Record<string, string>;
+declare const ID_THEME_CONFIG: SubdivisionThemeConfig;
+declare const INDONESIA_PROVINCE_COORDINATES: Record<string, [number, number]>;
+declare const INDONESIA_MAP_CENTER: [number, number];
+declare const INDONESIA_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getIndonesiaFlagUrl: (code: string) => string | null;
+declare const getIndonesiaHexColor: (code: string) => string | null;
+declare const getIndonesiaPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getIndonesiaGradient: (code: string, direction?: string) => string | null;
+declare const getIndonesiaColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getIndonesiaAccent: (code: string) => string | null;
+declare const isValidIndonesiaProvince: (code: string) => boolean;
+
+/**
+ * Thailand Subdivision Theme Data
+ * ================================
+ *
+ * Reusable Thai province palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('TH', TH_THEME_CONFIG)` at startup.
+ */
+
+declare const THAILAND_PROVINCE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const THAILAND_ACCENT_MAP: Record<string, string>;
+declare const TH_THEME_CONFIG: SubdivisionThemeConfig;
+declare const THAILAND_PROVINCE_COORDINATES: Record<string, [number, number]>;
+declare const THAILAND_MAP_CENTER: [number, number];
+declare const THAILAND_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getThailandFlagUrl: (code: string) => string | null;
+declare const getThailandHexColor: (code: string) => string | null;
+declare const getThailandPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getThailandGradient: (code: string, direction?: string) => string | null;
+declare const getThailandColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getThailandAccent: (code: string) => string | null;
+declare const isValidThailandProvince: (code: string) => boolean;
+
+/**
+ * Nigeria Subdivision Theme Data
+ * ===============================
+ *
+ * Reusable Nigerian state palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('NG', NG_THEME_CONFIG)` at startup.
+ */
+
+declare const NIGERIA_STATE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const NIGERIA_ACCENT_MAP: Record<string, string>;
+declare const NG_THEME_CONFIG: SubdivisionThemeConfig;
+declare const NIGERIA_STATE_COORDINATES: Record<string, [number, number]>;
+declare const NIGERIA_MAP_CENTER: [number, number];
+declare const NIGERIA_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getNigeriaFlagUrl: (code: string) => string | null;
+declare const getNigeriaHexColor: (code: string) => string | null;
+declare const getNigeriaPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getNigeriaGradient: (code: string, direction?: string) => string | null;
+declare const getNigeriaColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getNigeriaAccent: (code: string) => string | null;
+declare const isValidNigeriaState: (code: string) => boolean;
+
+/**
+ * Egypt Subdivision Theme Data
+ * ============================
+ *
+ * Reusable Egyptian governorate palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('EG', EG_THEME_CONFIG)` at startup.
+ */
+
+declare const EGYPT_GOVERNORATE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const EGYPT_ACCENT_MAP: Record<string, string>;
+declare const EG_THEME_CONFIG: SubdivisionThemeConfig;
+declare const EGYPT_GOVERNORATE_COORDINATES: Record<string, [number, number]>;
+declare const EGYPT_MAP_CENTER: [number, number];
+declare const EGYPT_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getEgyptFlagUrl: (code: string) => string | null;
+declare const getEgyptHexColor: (code: string) => string | null;
+declare const getEgyptPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getEgyptGradient: (code: string, direction?: string) => string | null;
+declare const getEgyptColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getEgyptAccent: (code: string) => string | null;
+declare const isValidEgyptGovernorate: (code: string) => boolean;
+
+/**
+ * Turkey Subdivision Theme Data
+ * =============================
+ *
+ * Reusable Turkish province palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('TR', TR_THEME_CONFIG)` at startup.
+ */
+
+declare const TURKEY_PROVINCE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const TURKEY_ACCENT_MAP: Record<string, string>;
+declare const TR_THEME_CONFIG: SubdivisionThemeConfig;
+declare const TURKEY_PROVINCE_COORDINATES: Record<string, [number, number]>;
+declare const TURKEY_MAP_CENTER: [number, number];
+declare const TURKEY_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getTurkeyFlagUrl: (code: string) => string | null;
+declare const getTurkeyHexColor: (code: string) => string | null;
+declare const getTurkeyPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getTurkeyGradient: (code: string, direction?: string) => string | null;
+declare const getTurkeyColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getTurkeyAccent: (code: string) => string | null;
+declare const isValidTurkeyProvince: (code: string) => boolean;
+
+/**
+ * Poland Subdivision Theme Data
+ * =============================
+ *
+ * Reusable Polish voivodeship palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('PL', PL_THEME_CONFIG)` at startup.
+ */
+
+declare const POLAND_VOIVODESHIP_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const POLAND_ACCENT_MAP: Record<string, string>;
+declare const PL_THEME_CONFIG: SubdivisionThemeConfig;
+declare const POLAND_VOIVODESHIP_COORDINATES: Record<string, [number, number]>;
+declare const POLAND_MAP_CENTER: [number, number];
+declare const POLAND_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getPolandFlagUrl: (code: string) => string | null;
+declare const getPolandHexColor: (code: string) => string | null;
+declare const getPolandPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getPolandGradient: (code: string, direction?: string) => string | null;
+declare const getPolandColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getPolandAccent: (code: string) => string | null;
+declare const isValidPolandVoivodeship: (code: string) => boolean;
+
+/**
+ * Sweden Subdivision Theme Data
+ * =============================
+ *
+ * Reusable Swedish county palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('SE', SE_THEME_CONFIG)` at startup.
+ */
+
+declare const SWEDEN_COUNTY_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const SWEDEN_ACCENT_MAP: Record<string, string>;
+declare const SE_THEME_CONFIG: SubdivisionThemeConfig;
+declare const SWEDEN_COUNTY_COORDINATES: Record<string, [number, number]>;
+declare const SWEDEN_MAP_CENTER: [number, number];
+declare const SWEDEN_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getSwedenFlagUrl: (code: string) => string | null;
+declare const getSwedenHexColor: (code: string) => string | null;
+declare const getSwedenPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getSwedenGradient: (code: string, direction?: string) => string | null;
+declare const getSwedenColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getSwedenAccent: (code: string) => string | null;
+declare const isValidSwedenCounty: (code: string) => boolean;
+
+/**
+ * Norway Subdivision Theme Data
+ * =============================
+ *
+ * Reusable Norwegian county palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('NO', NO_THEME_CONFIG)` at startup.
+ */
+
+declare const NORWAY_COUNTY_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const NORWAY_ACCENT_MAP: Record<string, string>;
+declare const NO_THEME_CONFIG: SubdivisionThemeConfig;
+declare const NORWAY_COUNTY_COORDINATES: Record<string, [number, number]>;
+declare const NORWAY_MAP_CENTER: [number, number];
+declare const NORWAY_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getNorwayFlagUrl: (code: string) => string | null;
+declare const getNorwayHexColor: (code: string) => string | null;
+declare const getNorwayPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getNorwayGradient: (code: string, direction?: string) => string | null;
+declare const getNorwayColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getNorwayAccent: (code: string) => string | null;
+declare const isValidNorwayCounty: (code: string) => boolean;
+
+/**
+ * Netherlands Subdivision Theme Data
+ * ===================================
+ *
+ * Reusable Dutch province palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('NL', NL_THEME_CONFIG)` at startup.
+ */
+
+declare const NETHERLANDS_PROVINCE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const NETHERLANDS_ACCENT_MAP: Record<string, string>;
+declare const NL_THEME_CONFIG: SubdivisionThemeConfig;
+declare const NETHERLANDS_PROVINCE_COORDINATES: Record<string, [number, number]>;
+declare const NETHERLANDS_MAP_CENTER: [number, number];
+declare const NETHERLANDS_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getNetherlandsFlagUrl: (code: string) => string | null;
+declare const getNetherlandsHexColor: (code: string) => string | null;
+declare const getNetherlandsPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getNetherlandsGradient: (code: string, direction?: string) => string | null;
+declare const getNetherlandsColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getNetherlandsAccent: (code: string) => string | null;
+declare const isValidNetherlandsProvince: (code: string) => boolean;
+
+/**
+ * Philippines Subdivision Theme Data
+ * ===================================
+ *
+ * Reusable Philippine province palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('PH', PH_THEME_CONFIG)` at startup.
+ */
+
+declare const PHILIPPINES_PROVINCE_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const PHILIPPINES_ACCENT_MAP: Record<string, string>;
+declare const PH_THEME_CONFIG: SubdivisionThemeConfig;
+declare const PHILIPPINES_PROVINCE_COORDINATES: Record<string, [number, number]>;
+declare const PHILIPPINES_MAP_CENTER: [number, number];
+declare const PHILIPPINES_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getPhilippinesFlagUrl: (code: string) => string | null;
+declare const getPhilippinesHexColor: (code: string) => string | null;
+declare const getPhilippinesPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getPhilippinesGradient: (code: string, direction?: string) => string | null;
+declare const getPhilippinesColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getPhilippinesAccent: (code: string) => string | null;
+declare const isValidPhilippinesProvince: (code: string) => boolean;
+
+/**
+ * New Zealand Subdivision Theme Data
+ * ===================================
+ *
+ * Reusable New Zealand region palettes, accents, coordinates,
+ * macro-regions, and convenience helpers. Does NOT self-register; consumers
+ * call `registerSubdivisionTheme('NZ', NZ_THEME_CONFIG)` at startup.
+ */
+
+declare const NEW_ZEALAND_REGION_PALETTES: Record<string, SubdivisionColorPalette>;
+declare const NEW_ZEALAND_ACCENT_MAP: Record<string, string>;
+declare const NZ_THEME_CONFIG: SubdivisionThemeConfig;
+declare const NEW_ZEALAND_REGION_COORDINATES: Record<string, [number, number]>;
+declare const NEW_ZEALAND_MAP_CENTER: [number, number];
+declare const NEW_ZEALAND_MACRO_REGIONS: RegionGroupDefinition[];
+declare const getNewZealandFlagUrl: (code: string) => string | null;
+declare const getNewZealandHexColor: (code: string) => string | null;
+declare const getNewZealandPalette: (code: string) => SubdivisionColorPalette | null;
+declare const getNewZealandGradient: (code: string, direction?: string) => string | null;
+declare const getNewZealandColors: (code: string) => {
+    ring: string;
+    text: string;
+    bg: string;
+    pill: string;
+} | null;
+declare const getNewZealandAccent: (code: string) => string | null;
+declare const isValidNewZealandRegion: (code: string) => boolean;
+
+/**
+ * Country Configuration System
+ * ============================
+ *
+ * Unified registry that bundles everything an app needs to render a country
+ * map and format its data: theme, coordinates, regions, currency, locale,
+ * address format, and tax configuration.
+ *
+ * All 18 supported countries are pre-registered. Consumers can also register
+ * custom countries via `registerCountry(config)`.
+ */
+
+interface CountryCurrencyConfig {
+    code: string;
+    numeric: string;
+    symbol: string;
+    decimal: string;
+    thousands: string;
+    symbolPosition: 'before' | 'after';
+    precision: number;
+}
+interface CountryLocaleConfig {
+    defaultLocale: string;
+    dateFormat: string;
+    timeFormat: '12h' | '24h';
+    firstDayOfWeek: 0 | 1;
+    measurementSystem: 'metric' | 'imperial';
+}
+interface CountryAddressFormat {
+    fields: string[];
+    template: string;
+    postalCodeLabel: string;
+    postalCodePattern?: string;
+    stateLabel: string;
+}
+interface CountryLanguage {
+    code: string;
+    name: string;
+    nativeName: string;
+    primary?: boolean;
+}
+interface CountryTaxConfig {
+    name: string;
+    standardRate: number;
+    subdivisionRates?: Record<string, number>;
+}
+interface CountryConfig {
+    code: string;
+    name: string;
+    nativeName: string;
+    flag: string;
+    theme: SubdivisionThemeConfig;
+    coordinates: Record<string, [number, number]>;
+    mapCenter: [number, number];
+    macroRegions: RegionGroupDefinition[];
+    geoJsonPath: string;
+    projection: 'mercator' | 'albersUsa';
+    regionPropertyKey: string;
+    languages: CountryLanguage[];
+    currency: CountryCurrencyConfig;
+    locale: CountryLocaleConfig;
+    address: CountryAddressFormat;
+    tax: CountryTaxConfig;
+}
+/**
+ * Get a country configuration by its ISO 3166-1 alpha-2 code.
+ * Returns null if the country is not registered.
+ */
+declare function getCountryConfig(code: string): CountryConfig | null;
+/**
+ * Register (or replace) a country configuration.
+ */
+declare function registerCountry(config: CountryConfig): void;
+/**
+ * Get all registered country configurations, sorted by country code.
+ */
+declare function getAllCountries(): CountryConfig[];
+/**
+ * Format a numeric amount as a currency string for a given country.
+ * Returns the raw number as a string if the country is not found.
+ */
+declare function formatCurrency(amount: number, countryCode: string): string;
+/**
+ * Format an address record using the country's template.
+ * Unknown placeholders are left blank.
+ */
+declare function formatAddress(address: Record<string, string>, countryCode: string): string;
+
+declare function Fieldset({ className, ...props }: {
+    className?: string;
+} & Omit<Headless.FieldsetProps, "as" | "className">): react_jsx_runtime.JSX.Element;
+declare function Legend({ className, ...props }: {
+    className?: string;
+} & Omit<Headless.LegendProps, "as" | "className">): react_jsx_runtime.JSX.Element;
+declare function FieldGroup({ className, ...props }: React__default.ComponentPropsWithoutRef<"div">): react_jsx_runtime.JSX.Element;
+declare function Field({ className, ...props }: {
+    className?: string;
+} & Omit<Headless.FieldProps, "as" | "className">): react_jsx_runtime.JSX.Element;
+declare function Label({ className, ...props }: {
+    className?: string;
+} & Omit<Headless.LabelProps, "as" | "className">): react_jsx_runtime.JSX.Element;
+declare function Description({ className, ...props }: {
+    className?: string;
+} & Omit<Headless.DescriptionProps, "as" | "className">): react_jsx_runtime.JSX.Element;
+declare function ErrorMessage({ className, ...props }: {
+    className?: string;
+} & Omit<Headless.DescriptionProps, "as" | "className">): react_jsx_runtime.JSX.Element;
+
+declare const Textarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+interface PaginationMeta {
+    page: number;
+    limit?: number;
+    pageSize?: number;
+    total: number;
+    totalPages: number;
+    hasNext?: boolean;
+    hasPrev?: boolean;
+}
+interface OffsetPaginationParams {
+    page: number;
+    limit: number;
+    search?: string;
+}
+interface DataPaginationProps {
+    pagination: PaginationMeta;
+    params?: OffsetPaginationParams;
+    onUpdate: (params: Partial<OffsetPaginationParams>) => void;
+    loading?: boolean;
+    /** @deprecated Search is handled by SearchFilterToolbar — use showSearch={false} */
+    showSearch?: boolean;
+    searchPlaceholder?: string;
+    showPageSize?: boolean;
+    pageSizeOptions?: number[];
+}
+declare function DataPagination({ pagination, onUpdate, loading, showPageSize, pageSizeOptions, params, }: DataPaginationProps): react_jsx_runtime.JSX.Element | null;
+
+interface PageHeaderProps {
+    title: string;
+    subtitle?: string;
+    size?: "default" | "large";
+    actions?: React__default.ReactNode;
+    className?: string;
+    children?: React__default.ReactNode;
+}
+/**
+ * Unified Page Header Component
+ *
+ * Standardizes page header patterns across the application:
+ * - Consistent typography sizing (text-2xl default, text-3xl large)
+ * - Unified slate color palette with glass styling
+ * - Mobile-responsive layout
+ */
+declare const PageHeader: React__default.NamedExoticComponent<PageHeaderProps>;
+/**
+ * Page Section Header - For subsections within pages
+ */
+declare const PageSectionHeader: React__default.NamedExoticComponent<Omit<PageHeaderProps, "size">>;
+/**
+ * Card Section Header - For headers within cards or smaller sections
+ */
+declare const CardSectionHeader: React__default.NamedExoticComponent<Omit<PageHeaderProps, "size">>;
+
+declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ContactCardProps {
+    type: "partnerships" | "press" | "careers" | "general";
+    email: string;
+    phone: string;
+}
+declare const ContactCard: React__default.NamedExoticComponent<ContactCardProps>;
+interface OfficeCardProps {
+    city: string;
+    address: string;
+    postalCode: string;
+}
+declare const OfficeCard: React__default.NamedExoticComponent<OfficeCardProps>;
+interface ContactSectionProps {
+    title: string;
+    subtitle: string;
+    children: React__default.ReactNode;
+}
+declare const ContactSection: React__default.NamedExoticComponent<ContactSectionProps>;
+
+declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare function DropdownButton<T extends React__default.ElementType = typeof Button>({ as, ...props }: {
+    className?: string;
+} & Omit<Headless.MenuButtonProps<T>, "className">): react_jsx_runtime.JSX.Element;
+declare function DropdownMenu({ anchor, className, ...props }: {
+    className?: string;
+} & Omit<Headless.MenuItemsProps, "as" | "className">): react_jsx_runtime.JSX.Element;
+declare function DropdownItem({ className, ...props }: {
+    className?: string;
+} & (Omit<Headless.MenuItemProps<"button">, "as" | "className"> | Omit<Headless.MenuItemProps<typeof Link>, "as" | "className">)): react_jsx_runtime.JSX.Element;
+declare function DropdownDivider({ className, ...props }: {
+    className?: string;
+} & Omit<Headless.MenuSeparatorProps, "as" | "className">): react_jsx_runtime.JSX.Element;
+declare function DropdownLabel({ className, ...props }: React__default.ComponentPropsWithoutRef<"div">): react_jsx_runtime.JSX.Element;
+
+declare const colors: {
+    "dark/zinc": string[];
+    "dark/white": string[];
+    dark: string[];
+    zinc: string[];
+    white: string[];
+    red: string[];
+    orange: string[];
+    amber: string[];
+    yellow: string[];
+    lime: string[];
+    green: string[];
+    emerald: string[];
+    teal: string[];
+    cyan: string[];
+    sky: string[];
+    blue: string[];
+    indigo: string[];
+    violet: string[];
+    purple: string[];
+    fuchsia: string[];
+    pink: string[];
+    rose: string[];
+};
+type Color = keyof typeof colors;
+declare function Switch({ color, className, ...props }: {
+    color?: Color;
+    className?: string;
+} & Omit<Headless.SwitchProps, "as" | "className" | "children">): react_jsx_runtime.JSX.Element;
+
+/**
+ * Shared navigation item type used across all platform apps.
+ *
+ * Each app defines its own navigation items using this shape, which feeds into
+ * the LaunchpadGrid, FlyoutNavGrid, and Dock components.
+ */
+type NavigationMenuItem = {
+    label: string;
+    icon?: ReactNode;
+    href?: string;
+    onClick?: () => void;
+    variant?: 'default' | 'danger';
+};
+type NavigationItem = {
+    /** Unique identifier for this nav item (e.g. 'stations', 'customers') */
+    id: string;
+    /** Display name (typically translated) */
+    name: string;
+    /** Navigation target path */
+    href: string;
+    /** Hero icon component reference */
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    /** Tailwind gradient classes (e.g. 'from-blue-400 to-blue-600') */
+    gradient: string;
+    /** Tailwind shadow class (e.g. 'shadow-blue-500/30') */
+    shadow: string;
+    /** RGB triplet for liquid-glass accent (e.g. '59, 130, 246') */
+    accentRgb: string;
+    /** Short description shown in flyout/launchpad subtitle */
+    subtitle: string;
+    /** Optional permission required to see this item */
+    permission?: string;
+    /** Optional numeric badge (e.g. notification count) */
+    badge?: number;
+    /** Context menu / long-press items */
+    menuItems: NavigationMenuItem[];
+    /**
+     * Optional click handler — when defined, the item triggers this callback
+     * instead of navigating to `href`. Useful for items that open modals,
+     * drawers, or other non-navigation actions (e.g. settings).
+     */
+    onClick?: () => void;
+};
+
+type BuildDockActionsOptions = {
+    showDashboard?: boolean;
+    dashboardPath?: string;
+    dashboardIcon?: ComponentType<{
+        className?: string;
+    }>;
+    dashboardLabel?: string;
+    contextualItems?: DockAction[];
+    profileIcon?: ComponentType<{
+        className?: string;
+    }>;
+    profileLabel?: string;
+    signOutIcon?: ComponentType<{
+        className?: string;
+    }>;
+    signOutLabel?: string;
+};
+type BuildDockActionsHandlers = {
+    navigate: (href: string) => void;
+    openProfile?: () => void;
+    onSignOut?: () => void;
+};
+type BuildDockActionsResult = {
+    navigationActions: DockAction[];
+    contextualActions: DockAction[];
+};
+/**
+ * Converts NavigationItem[] to DockAction[] for the Dock component.
+ *
+ * - Auto-adds a dashboard item when `showDashboard` is true
+ * - Sets `active` state based on pathname matching
+ * - Adds profile + sign-out to contextual actions
+ */
+declare function buildDockActions(items: NavigationItem[], pathname: string, handlers: BuildDockActionsHandlers, options?: BuildDockActionsOptions): BuildDockActionsResult;
+/**
+ * Converts NavigationItem[] to LaunchpadItem[] for the LaunchpadGrid component.
+ *
+ * Maps gradient, shadow, badge, subtitle, and menuItems from NavigationItem
+ * to the LaunchpadItem shape.
+ */
+declare function buildLaunchpadItems(items: NavigationItem[], actionItems?: NavigationItem[]): LaunchpadItem[];
+/**
+ * Converts NavigationItem[] to FlyoutNavItem[] for FlyoutNavGrid.
+ *
+ * Maps id, label, subtitle, href, icon, and gradient.
+ */
+declare function buildFlyoutNavItems(items: NavigationItem[]): FlyoutNavItem[];
+/**
+ * Filters NavigationItem[] by user permissions.
+ *
+ * - Items without a `permission` field are always included
+ * - Wildcard `'*'` in `userPermissions` includes everything
+ */
+declare function filterByPermission(items: NavigationItem[], userPermissions: string[]): NavigationItem[];
+
+type AppNavigationProps = {
+    items: NavigationItem[];
+    pathname: string;
+    dockEnabled?: boolean;
+    dockPosition?: 'left' | 'right' | 'bottom';
+    dockAutoHide?: boolean;
+    showLaunchpad?: boolean;
+    launchpadUserProfile?: LaunchpadUserProfile | null;
+    launchpadActionItems?: NavigationItem[];
+    launchpadActionsLabel?: string;
+    launchpadPageOrder?: string[];
+    flyoutOpen?: boolean;
+    onFlyoutClose?: () => void;
+    flyoutResolvedTheme?: 'light' | 'dark';
+    onToggleTheme?: () => void;
+    onNavigate: (href: string) => void;
+    onOpenProfile?: () => void;
+    onSignOut?: () => void;
+    onNotifications?: () => void;
+    onPrefetch?: (href: string) => void;
+    dashboardPath?: string;
+    dashboardIcon?: ComponentType<{
+        className?: string;
+    }>;
+    profileIcon?: ComponentType<{
+        className?: string;
+    }>;
+    signOutIcon?: ComponentType<{
+        className?: string;
+    }>;
+    contextualDockActions?: DockAction[];
+    onLaunchpadItemClick?: (item: {
+        href: string;
+        id: string;
+    }) => void;
+    labels?: {
+        home?: string;
+        profile?: string;
+        signOut?: string;
+        notifications?: string;
+        searchPlaceholder?: string;
+        actions?: string;
+    };
+    notificationCount?: number;
+    userName?: string;
+    userInitial?: string;
+};
+declare function AppNavigation({ items, pathname, dockEnabled, dockPosition, dockAutoHide, showLaunchpad, launchpadUserProfile, launchpadActionItems, launchpadActionsLabel, launchpadPageOrder, flyoutOpen, onFlyoutClose, flyoutResolvedTheme, onToggleTheme, onNavigate, onOpenProfile, onSignOut, onNotifications, onPrefetch, dashboardPath, dashboardIcon, profileIcon, signOutIcon, contextualDockActions, onLaunchpadItemClick: externalLaunchpadItemClick, labels, notificationCount, userName, userInitial, }: AppNavigationProps): react_jsx_runtime.JSX.Element;
+
+type PlatformShellUser = {
+    name?: string | null;
+    email?: string | null;
+    image?: string | null;
+    role?: string | null;
+    permissions?: string[];
+    organizationId?: string | null;
+};
+type PlatformShellLabels = {
+    home?: string;
+    profile?: string;
+    signOut?: string;
+    signOutConfirmTitle?: string;
+    cancel?: string;
+    notifications?: string;
+    theme?: string;
+    currentTheme?: string;
+    language?: string;
+    currentLocale?: string;
+    /** Flag emoji or element for the current locale (e.g. '🇧🇷') */
+    localeFlag?: string;
+    actions?: string;
+    searchPlaceholder?: string;
+};
+type PlatformShellProps = {
+    /** Navigable items for dock, launchpad, and flyout */
+    items: NavigationItem[];
+    /** Additional action items for the launchpad only */
+    launchpadActionItems?: NavigationItem[];
+    /** Custom ordering of launchpad page tiles */
+    launchpadPageOrder?: string[];
+    /** Current user (null when not authenticated) */
+    user: PlatformShellUser | null;
+    /** Auth loading state */
+    authStatus: 'loading' | 'authenticated' | 'unauthenticated';
+    /** Sign-out callback */
+    onSignOut: () => void;
+    /** Dock position preference */
+    dockPosition?: 'left' | 'right' | 'bottom' | 'top';
+    /** Whether the dock auto-hides */
+    dockAutoHide?: boolean;
+    /** Whether the dock is enabled */
+    dockEnabled?: boolean;
+    /** Resolved theme for the flyout quick-actions */
+    resolvedTheme?: 'light' | 'dark';
+    /** Toggle dark/light theme */
+    onToggleTheme?: () => void;
+    /** Current pathname */
+    pathname: string;
+    /** Programmatic navigation callback */
+    onNavigate: (href: string) => void;
+    /** Optional prefetch callback */
+    onPrefetch?: (href: string) => void;
+    /** Dashboard pathname to detect when to show launchpad (default: '/dashboard') */
+    dashboardPath?: string;
+    /** Paths where the shell chrome (breadcrumb, dock, flyout) should NOT render */
+    publicPaths?: string[];
+    /** App display name (e.g. "Fuel Price AI") */
+    appName: string;
+    /** App icon element for the branded loader */
+    appIcon: ReactNode;
+    /** Custom logo element for the flyout trigger (replaces default icon+name button) */
+    appLogo?: ReactNode;
+    /** Gradient class (e.g. "from-blue-500 to-indigo-600") */
+    appGradient: string;
+    /** Accent ring class (e.g. "ring-blue-500/30") */
+    appAccentRing?: string;
+    /** Icon for the dashboard dock button */
+    dashboardIcon?: ComponentType<{
+        className?: string;
+    }>;
+    /** Icon for the profile dock button */
+    profileIcon?: ComponentType<{
+        className?: string;
+    }>;
+    /** Icon for the sign-out dock button */
+    signOutIcon?: ComponentType<{
+        className?: string;
+    }>;
+    /** Page content */
+    children: ReactNode;
+    /** Content rendered inside the profile drawer (app-specific controls) */
+    profileDrawerContent?: ReactNode;
+    /** Profile drawer render prop — receives open state + close handler */
+    profileDrawer?: (props: {
+        open: boolean;
+        onClose: () => void;
+    }) => ReactNode;
+    /** Extra content rendered before children (initializers, data loaders, etc.) */
+    initializers?: ReactNode;
+    /** Extra content rendered after the main layout (FABs, modals, etc.) */
+    extras?: ReactNode;
+    /** Custom breadcrumb/header bar */
+    headerContent?: ReactNode;
+    labels?: PlatformShellLabels;
+    /** Number of unread notifications */
+    notificationCount?: number;
+    /** Open notification history */
+    onNotifications?: () => void;
+    /** Open language selector */
+    onLanguage?: () => void;
+};
+declare function PlatformShell({ items, launchpadActionItems, launchpadPageOrder, user, authStatus, onSignOut, dockPosition, dockAutoHide, dockEnabled, resolvedTheme, onToggleTheme, pathname, onNavigate, onPrefetch, dashboardPath, publicPaths, appName, appIcon, appLogo, appGradient, appAccentRing, dashboardIcon, profileIcon, signOutIcon, children, profileDrawerContent: _profileDrawerContent, profileDrawer, initializers, extras, headerContent, labels, notificationCount, onNotifications, onLanguage, }: PlatformShellProps): react_jsx_runtime.JSX.Element;
+
+type ShellUser = {
+    name?: string | null;
+    email?: string | null;
+    image?: string | null;
+    role?: string | null;
+    permissions?: string[];
+    organizationId?: string | null;
+};
+type ShellPreferences = {
+    locale: string;
+    localeFlag?: string;
+    localeName?: string;
+    theme: 'light' | 'dark' | 'system';
+    resolvedTheme: 'light' | 'dark';
+    dockPosition: 'left' | 'right' | 'bottom' | 'top';
+    dockAutoHide: boolean;
+    dockEnabled: boolean;
+};
+type ShellLabels = {
+    home?: string;
+    profile?: string;
+    signOut?: string;
+    signOutConfirmTitle?: string;
+    cancel?: string;
+    notifications?: string;
+    theme?: string;
+    currentTheme?: string;
+    language?: string;
+    currentLocale?: string;
+    localeFlag?: string;
+    actions?: string;
+};
+type PlatformShellState = {
+    profileDrawerOpen: boolean;
+    flyoutOpen: boolean;
+    signOutConfirmOpen: boolean;
+    settingsModalOpen: boolean;
+    settingsSection: string;
+    user: ShellUser | null;
+    authStatus: 'loading' | 'authenticated' | 'unauthenticated';
+    preferences: ShellPreferences;
+    notificationCount: number;
+    labels: ShellLabels;
+    appName: string;
+    appGradient: string;
+    _onSignOut: (() => void) | null;
+    _onToggleTheme: (() => void) | null;
+    _onNavigate: ((href: string) => void) | null;
+    _onNotifications: (() => void) | null;
+    _onLanguageChange: ((locale: string) => void) | null;
+    openProfile: () => void;
+    closeProfile: () => void;
+    openSettings: (section?: string) => void;
+    closeSettings: () => void;
+    openFlyout: () => void;
+    closeFlyout: () => void;
+    requestSignOut: () => void;
+    cancelSignOut: () => void;
+    confirmSignOut: () => void;
+    toggleTheme: () => void;
+    changeLanguage: (locale: string) => void;
+    navigate: (href: string) => void;
+    openNotifications: () => void;
+    setUser: (user: ShellUser | null) => void;
+    setAuthStatus: (status: 'loading' | 'authenticated' | 'unauthenticated') => void;
+    setPreferences: (prefs: Partial<ShellPreferences>) => void;
+    setNotificationCount: (count: number) => void;
+    setLabels: (labels: ShellLabels) => void;
+    setBranding: (appName: string, appGradient: string) => void;
+    registerCallbacks: (callbacks: {
+        onSignOut?: () => void;
+        onToggleTheme?: () => void;
+        onNavigate?: (href: string) => void;
+        onNotifications?: () => void;
+        onLanguageChange?: (locale: string) => void;
+    }) => void;
+};
+declare const usePlatformShellStore: zustand.UseBoundStore<zustand.StoreApi<PlatformShellState>>;
+declare const selectUserName: (state: PlatformShellState) => string | undefined;
+declare const selectUserInitial: (state: PlatformShellState) => string;
+declare const selectIsAuthenticated: (state: PlatformShellState) => boolean;
+declare const selectShowShellChrome: (state: PlatformShellState) => boolean;
+
+/**
+ * SkipToContent — Accessibility skip navigation link
+ *
+ * Hidden by default, becomes visible on focus (Tab key).
+ * Allows keyboard users to skip past navigation and jump to main content.
+ *
+ * Usage in app layout:
+ *   <SkipToContent targetId="main-content" />
+ *   <nav>...</nav>
+ *   <main id="main-content">...</main>
+ */
+interface SkipToContentProps {
+    /** The id of the main content element to skip to */
+    targetId?: string;
+    /** Custom label text */
+    label?: string;
+}
+declare function SkipToContent({ targetId, label, }: SkipToContentProps): react_jsx_runtime.JSX.Element;
+
+export { ARGENTINA_ACCENT_MAP, ARGENTINA_MACRO_REGIONS, ARGENTINA_MAP_CENTER, ARGENTINA_PROVINCE_COORDINATES, ARGENTINA_PROVINCE_PALETTES, AR_THEME_CONFIG, AUSTRALIA_ACCENT_MAP, AUSTRALIA_MACRO_REGIONS, AUSTRALIA_MAP_CENTER, AUSTRALIA_STATE_COORDINATES, AUSTRALIA_STATE_PALETTES, AU_THEME_CONFIG, type AccentColor, ActionMenu, ActionSheet, type ActiveFilter, type ActiveFilterChip, type ActiveFilterChipStyleConfig, ActiveFilterChips, AgentAnalysisCard, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, type AppNavigationProps, AppShell, type AppShellProps, ArchiveSwipeAction, AuthLayout, type AuthLayoutProps, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, type BackupCodeGridProps, BadRequestPage, Badge, BaseForm, type BaseFormIconColor, type BaseFormProps, BentoCard, BooleanFlagsPicker, type BooleanFlagsPickerProps, type BooleanFlagsPreset, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, type BreadcrumbItem, type BreadcrumbPage, Button, CANADA_ACCENT_MAP, CANADA_MACRO_REGIONS, CANADA_MAP_CENTER, CANADA_PROVINCE_COORDINATES, CANADA_PROVINCE_PALETTES, CA_THEME_CONFIG, CHILE_ACCENT_MAP, CHILE_MACRO_REGIONS, CHILE_MAP_CENTER, CHILE_REGION_COORDINATES, CHILE_REGION_PALETTES, CL_THEME_CONFIG, COLOMBIA_ACCENT_MAP, COLOMBIA_DEPARTMENT_COORDINATES, COLOMBIA_DEPARTMENT_PALETTES, COLOMBIA_MACRO_REGIONS, COLOMBIA_MAP_CENTER, CO_THEME_CONFIG, Card, CardActionMenu, type CardActionMenuItem, CardContent, CardDescription, CardDivider, CardFooter, CardGridSkeleton, CardHeader, CardSectionHeader, CardTitle, CategoryBadge, type CategoryBadgeProps, CategoryTab, type CategoryTabConfig, type CategoryTabProps, CategoryTabs, type CategoryTabsProps, type ChipItem, type ChipItemStyle, ChipPicker, CircularRefreshIndicator, Code, type CollapsibleGroup, CollapsibleGroupedList, type CollapsibleGroupedListProps, CompactSegmentedControl, ContactCard, ContactSection, Container, type ContainerProps, type ContainerVariant, ContextMenu, type ContextMenuDivider, type ContextMenuEntry, type ContextMenuItem, CookieConsent, CopyableId, CountPill, type CountryAddressFormat, type CountryConfig, type CountryCurrencyConfig, type CountryLanguage, type CountryLocaleConfig, type CountryTaxConfig, CreateActionButton, DE_THEME_CONFIG, DashboardProgressShell, DataPagination, DatePicker, DeleteSwipeAction, Description, DetailsPopover, type DetailsPopoverActor, type DetailsPopoverComparison, type DetailsPopoverNote, type DetailsPopoverProps, DevModeBanner, Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle, Divider, Dock, type DockAction, DockContainer, DockSkeleton, DotRefreshIndicator, Dropdown, DropdownButton, DropdownDivider, DropdownItem, DropdownLabel, DropdownMenu, DropdownSelect, DynamicIsland, DynamicIslandNotification, EGYPT_ACCENT_MAP, EGYPT_GOVERNORATE_COORDINATES, EGYPT_GOVERNORATE_PALETTES, EGYPT_MACRO_REGIONS, EGYPT_MAP_CENTER, EG_THEME_CONFIG, ES_THEME_CONFIG, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, type EntityCardProps, EntityDrawer, type EntityDrawerMaxWidth, type EntityDrawerProps, ErrorMessage, ErrorState, type ExpandableHistoryItem, ExpandableHistoryList, type ExpandableHistoryListProps, ExpandingPageIndicator, FRANCE_ACCENT_MAP, FRANCE_MACRO_REGIONS, FRANCE_MAP_CENTER, FRANCE_REGION_COORDINATES, FRANCE_REGION_PALETTES, FR_THEME_CONFIG, FUEL_PRICE_LOADER, FavoriteSwipeAction, FeatureCard, FeedItemCard, Field, FieldGroup, Label as FieldLabel, Fieldset, FilterBadge, FilterPill, type FilterPillProps, type FilterPillVariant, FilterSectionHeader, type FilterSectionHeaderProps, FilterTileButton, type FilterTileButtonProps, type FilterTileColor, FloatingActionButton, FlyoutMenu, FlyoutNavGrid, type FlyoutNavItem, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, type FormActionsProps, FormActionsRow, type FormActionsRowProps, FormCheckbox, type FormCheckboxProps, FormField, type FormFieldProps, FormGrid, type FormGridProps, FormInput, type FormInputProps, FormPriceInput, type FormPriceInputProps, type FormProps, FormSection, type FormSectionProps, FormSelect, type FormSelectProps, type FormStep, FormTextarea, type FormTextareaProps, FormToggle, type FormToggleProps, type FuelColors, GB_THEME_CONFIG, GERMANY_ACCENT_MAP, GERMANY_MACRO_REGIONS, GERMANY_MAP_CENTER, GERMANY_STATE_COORDINATES, GERMANY_STATE_PALETTES, GeoMapCanvas, type GeoMapCanvasProps, GeoMapLegend, type GeoMapLegendProps, type GeoMapRegionData, GlassModalIdentity, Gradient, GradientBackground, GrowthIndicator, Heading, HeroPanel, type HeroPanelProps, type HeroPanelStat, HeroSection, ID_THEME_CONFIG, INDIA_ACCENT_MAP, INDIA_MACRO_REGIONS, INDIA_MAP_CENTER, INDIA_STATE_COORDINATES, INDIA_STATE_PALETTES, INDONESIA_ACCENT_MAP, INDONESIA_MACRO_REGIONS, INDONESIA_MAP_CENTER, INDONESIA_PROVINCE_COORDINATES, INDONESIA_PROVINCE_PALETTES, IN_THEME_CONFIG, ITALY_ACCENT_MAP, ITALY_MACRO_REGIONS, ITALY_MAP_CENTER, ITALY_REGION_COORDINATES, ITALY_REGION_PALETTES, IT_THEME_CONFIG, IconButton, ImageUpload, type ImageUploadProps, InfoPopover, type InfoPopoverProps, InlineForm, type InlineFormProps, InlineSpinner, Input, InteractiveGeoMap, type InteractiveGeoMapProps, ItemSummary, type ItemSummaryMetadata, JAPAN_ACCENT_MAP, JAPAN_MACRO_REGIONS, JAPAN_MAP_CENTER, JAPAN_PREFECTURE_COORDINATES, JAPAN_PREFECTURE_PALETTES, JP_THEME_CONFIG, KORI_ERP_LOADER, KR_THEME_CONFIG, LOCALE_FLAGS, Label, LabeledToggle, type LanguageOption$1 as LanguageOption, LanguageSwitcher, LaunchpadGrid, type LaunchpadGridProps, type LaunchpadItem, type LaunchpadMenuItem, type LaunchpadUserProfile, Lead, Legend, LiquidFilterInput, ListCard, ListCardItem, ListItem, type ListItemAction, type ListItemMetadata, type ListItemProps, type ListItemVariant, LoadingOverlay, MEXICO_ACCENT_MAP, MEXICO_MACRO_REGIONS, MEXICO_MAP_CENTER, MEXICO_STATE_COORDINATES, MEXICO_STATE_PALETTES, MX_THEME_CONFIG, ManagementPageLayout, type ManagementPageLayoutProps, ManagementSurface, MapZoomControls, type MapZoomControlsProps, MarketPricesCard, type MetaItem, MetricCard, MonthPicker, MultiColumnPicker, NETHERLANDS_ACCENT_MAP, NETHERLANDS_MACRO_REGIONS, NETHERLANDS_MAP_CENTER, NETHERLANDS_PROVINCE_COORDINATES, NETHERLANDS_PROVINCE_PALETTES, NEW_ZEALAND_ACCENT_MAP, NEW_ZEALAND_MACRO_REGIONS, NEW_ZEALAND_MAP_CENTER, NEW_ZEALAND_REGION_COORDINATES, NEW_ZEALAND_REGION_PALETTES, NG_THEME_CONFIG, NIGERIA_ACCENT_MAP, NIGERIA_MACRO_REGIONS, NIGERIA_MAP_CENTER, NIGERIA_STATE_COORDINATES, NIGERIA_STATE_PALETTES, NL_THEME_CONFIG, NORWAY_ACCENT_MAP, NORWAY_COUNTY_COORDINATES, NORWAY_COUNTY_PALETTES, NORWAY_MACRO_REGIONS, NORWAY_MAP_CENTER, NO_THEME_CONFIG, NZ_THEME_CONFIG, type NavigationItem, type NavigationMenuItem, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, type Notification, NotificationBadge, type NotificationBadgeProps, NotificationBellButton, NotificationProvider, type NotificationType, OfficeCard, OfflineState, type OffsetPaginationParams, OptionGrid, type OptionGridItem, type OptionGridProps, OtpInput, type OtpInputProps, PERU_ACCENT_MAP, PERU_DEPARTMENT_COORDINATES, PERU_DEPARTMENT_PALETTES, PERU_MACRO_REGIONS, PERU_MAP_CENTER, PE_THEME_CONFIG, PHILIPPINES_ACCENT_MAP, PHILIPPINES_MACRO_REGIONS, PHILIPPINES_MAP_CENTER, PHILIPPINES_PROVINCE_COORDINATES, PHILIPPINES_PROVINCE_PALETTES, PH_THEME_CONFIG, PL_THEME_CONFIG, POLAND_ACCENT_MAP, POLAND_MACRO_REGIONS, POLAND_MAP_CENTER, POLAND_VOIVODESHIP_COORDINATES, POLAND_VOIVODESHIP_PALETTES, PORTUGAL_ACCENT_MAP, PORTUGAL_DISTRICT_COORDINATES, PORTUGAL_DISTRICT_PALETTES, PORTUGAL_MACRO_REGIONS, PORTUGAL_MAP_CENTER, PT_THEME_CONFIG, PageEmptyState, PageErrorState, PageHeader, PageHeading, type PageHeadingProps, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, type PaginationMeta, PasswordInput, type PasswordPolicy, PasswordStrengthMeter, type PasswordStrengthMeterProps, Pill, PlatformShell, type PlatformShellLabels, type PlatformShellProps, type PlatformShellState, type PlatformShellUser, PlusGrid, PlusGridItem, PlusGridRow, type PreferenceGroupConfig, PreferenceSection, type PreferenceSectionProps, type PreferencesSectionConfig, PriceChangeBadge, ProfileIdentityCard, type ProfileSectionConfig, Progress, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, type RadioGroupConfig, RecommendationCard, RegionFilterSkeleton, RoleBadge, SE_THEME_CONFIG, SOUTH_AFRICA_ACCENT_MAP, SOUTH_AFRICA_MACRO_REGIONS, SOUTH_AFRICA_MAP_CENTER, SOUTH_AFRICA_PROVINCE_COORDINATES, SOUTH_AFRICA_PROVINCE_PALETTES, SOUTH_KOREA_ACCENT_MAP, SOUTH_KOREA_MACRO_REGIONS, SOUTH_KOREA_MAP_CENTER, SOUTH_KOREA_PROVINCE_COORDINATES, SOUTH_KOREA_PROVINCE_PALETTES, SPAIN_ACCENT_MAP, SPAIN_MACRO_REGIONS, SPAIN_MAP_CENTER, SPAIN_PROVINCE_COORDINATES, SPAIN_PROVINCE_PALETTES, SWEDEN_ACCENT_MAP, SWEDEN_COUNTY_COORDINATES, SWEDEN_COUNTY_PALETTES, SWEDEN_MACRO_REGIONS, SWEDEN_MAP_CENTER, SafeArea, SafeAreaSpacer, SafeAreaView, type SaveStatus, SearchBar, SearchFilterToolbar, type SearchFilterToolbarProps, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, type SelectableChipItem, SelectableChipPicker, type SelectableChipPickerLabels, type SelectableListItem, SelectableListPicker, type SelectableListPickerLabels, SelectableOptionsGrid, type SelectableOptionsGridOption, type SelectableOptionsGridProps, SelectableTableRow, SelectionCard, type SelectionCardProps, type SelectionOption, ServerErrorPage, type SettingsFieldConfig, type LanguageOption as SettingsLanguageOption, SettingsModal, type SettingsModalProps, type SettingsSection, Sheet, type ShellLabels, type ShellPreferences, type ShellUser, SkipToContent, SocialLoginButtons, type SocialLoginButtonsProps, type SocialProvider, SortableTableHeader, Spinner, Stat, StatCard, StatCardSkeleton, StatusBadge, type StatusBadgeProps, StatusToggle, type StatusType, StepFormPage, type StepFormPageProps, StepNavigationButtons, type StepNavigationButtonsProps, StepTimeline, type StepTimelineItem, type StepTimelineProps, type StepTimelineStatus, Strong, type SubdivisionColorPalette, type SubdivisionThemeConfig, Subheading, SwipeableRow, Switch, THAILAND_ACCENT_MAP, THAILAND_MACRO_REGIONS, THAILAND_MAP_CENTER, THAILAND_PROVINCE_COORDINATES, THAILAND_PROVINCE_PALETTES, TH_THEME_CONFIG, TR_THEME_CONFIG, TURKEY_ACCENT_MAP, TURKEY_MACRO_REGIONS, TURKEY_MAP_CENTER, TURKEY_PROVINCE_COORDINATES, TURKEY_PROVINCE_PALETTES, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, TagBadge, type TagBadgeStyle, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, type ToggleConfig, ToggleSwitch, type ToggleSwitchColor, TouchTarget, UK_ACCENT_MAP, UK_MACRO_REGIONS, UK_MAP_CENTER, UK_NATION_COORDINATES, UK_NATION_PALETTES, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, type UseGeoMapStateOptions, UserAvatar, type UserAvatarLabels, type UserAvatarMenuItem, type UserAvatarProps, type UserAvatarUser, UserMobileInfo, type UserMobileInfoProps, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, type WorkspaceSectionConfig, ZA_THEME_CONFIG, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, buttonPress, buttonPressReduced, buttonTap, cardHover, cardHoverReduced, cardPress, createMotionProps, durations, durationsReduced, easings, fadeOnly, fadeScale, filterByPermission, formatAddress, formatCurrency as formatCountryCurrency, formatCurrency$1 as formatCurrency, formatDate, formatPercentage, getAllCountries, getArgentinaAccent, getArgentinaColors, getArgentinaFlagUrl, getArgentinaGradient, getArgentinaHexColor, getArgentinaPalette, getAustraliaAccent, getAustraliaColors, getAustraliaFlagUrl, getAustraliaGradient, getAustraliaHexColor, getAustraliaPalette, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getCanadaAccent, getCanadaColors, getCanadaFlagUrl, getCanadaGradient, getCanadaHexColor, getCanadaPalette, getChileAccent, getChileColors, getChileFlagUrl, getChileGradient, getChileHexColor, getChilePalette, getColombiaAccent, getColombiaColors, getColombiaFlagUrl, getColombiaGradient, getColombiaHexColor, getColombiaPalette, getCountryConfig, getEgyptAccent, getEgyptColors, getEgyptFlagUrl, getEgyptGradient, getEgyptHexColor, getEgyptPalette, getFranceAccent, getFranceColors, getFranceFlagUrl, getFranceGradient, getFranceHexColor, getFrancePalette, getGermanyAccent, getGermanyColors, getGermanyFlagUrl, getGermanyGradient, getGermanyHexColor, getGermanyPalette, getIndiaAccent, getIndiaColors, getIndiaFlagUrl, getIndiaGradient, getIndiaHexColor, getIndiaPalette, getIndonesiaAccent, getIndonesiaColors, getIndonesiaFlagUrl, getIndonesiaGradient, getIndonesiaHexColor, getIndonesiaPalette, getItalyAccent, getItalyColors, getItalyFlagUrl, getItalyGradient, getItalyHexColor, getItalyPalette, getJapanAccent, getJapanColors, getJapanFlagUrl, getJapanGradient, getJapanHexColor, getJapanPalette, getMexicoAccent, getMexicoColors, getMexicoFlagUrl, getMexicoGradient, getMexicoHexColor, getMexicoPalette, getNetherlandsAccent, getNetherlandsColors, getNetherlandsFlagUrl, getNetherlandsGradient, getNetherlandsHexColor, getNetherlandsPalette, getNewZealandAccent, getNewZealandColors, getNewZealandFlagUrl, getNewZealandGradient, getNewZealandHexColor, getNewZealandPalette, getNigeriaAccent, getNigeriaColors, getNigeriaFlagUrl, getNigeriaGradient, getNigeriaHexColor, getNigeriaPalette, getNorwayAccent, getNorwayColors, getNorwayFlagUrl, getNorwayGradient, getNorwayHexColor, getNorwayPalette, getPeruAccent, getPeruColors, getPeruFlagUrl, getPeruGradient, getPeruHexColor, getPeruPalette, getPhilippinesAccent, getPhilippinesColors, getPhilippinesFlagUrl, getPhilippinesGradient, getPhilippinesHexColor, getPhilippinesPalette, getPolandAccent, getPolandColors, getPolandFlagUrl, getPolandGradient, getPolandHexColor, getPolandPalette, getPortugalAccent, getPortugalColors, getPortugalFlagUrl, getPortugalGradient, getPortugalHexColor, getPortugalPalette, getSouthAfricaAccent, getSouthAfricaColors, getSouthAfricaFlagUrl, getSouthAfricaGradient, getSouthAfricaHexColor, getSouthAfricaPalette, getSouthKoreaAccent, getSouthKoreaColors, getSouthKoreaFlagUrl, getSouthKoreaGradient, getSouthKoreaHexColor, getSouthKoreaPalette, getSpainAccent, getSpainColors, getSpainFlagUrl, getSpainGradient, getSpainHexColor, getSpainPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getSwedenAccent, getSwedenColors, getSwedenFlagUrl, getSwedenGradient, getSwedenHexColor, getSwedenPalette, getThailandAccent, getThailandColors, getThailandFlagUrl, getThailandGradient, getThailandHexColor, getThailandPalette, getTransition, getTurkeyAccent, getTurkeyColors, getTurkeyFlagUrl, getTurkeyGradient, getTurkeyHexColor, getTurkeyPalette, getUKAccent, getUKColors, getUKFlagUrl, getUKGradient, getUKHexColor, getUKPalette, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, getVariants, iosColors, isValidArgentinaProvince, isValidAustraliaState, isValidBrazilState, isValidCanadaProvince, isValidChileRegion, isValidColombiaDepartment, isValidEgyptGovernorate, isValidFranceRegion, isValidGermanyState, isValidIndiaState, isValidIndonesiaProvince, isValidItalyRegion, isValidJapanPrefecture, isValidMexicoState, isValidNetherlandsProvince, isValidNewZealandRegion, isValidNigeriaState, isValidNorwayCounty, isValidPeruDepartment, isValidPhilippinesProvince, isValidPolandVoivodeship, isValidPortugalDistrict, isValidSouthAfricaProvince, isValidSouthKoreaProvince, isValidSpainProvince, isValidSubdivision, isValidSwedenCounty, isValidThailandProvince, isValidTurkeyProvince, isValidUKNation, isValidUsState, listItem, listItemReduced, notificationBanner, notificationBannerReduced, pageControlDot, prefersReducedMotion, registerCountry, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, slideDown, slideRight, slideUp, springPresets, springPresetsReduced, staggerContainer, swipeActionThreshold, swipeConstraints, triggerHaptic, useGeoMapState, useHaptic, useNotifications, usePlatformShellStore, usePullToRefresh };