@titan-design/react-ui 0.6.0 → 0.7.0

package/dist/index.d.mts

@@ -1,11 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React, { ReactNode } from 'react';
+import React$1, { ReactNode } from 'react';
 import { ViewProps, PressableProps, View, TextInputProps, TextInput, ImageSourcePropType, ModalProps as ModalProps$1, TextProps } from 'react-native';
 import { ElevationLevel, GlowIntensity } from './theme/index.mjs';
 export { CATEGORICAL_CVD_SAFE_MAX, CategoricalVariant, ComponentType, CssPropertyEntry, CssPropertyManifest, ElevationConfig, GradientStyle, ManifestValidationResult, ShadowIntensity, ShadowSurface, ThemeConfig, ThemeMode, ThemePreset, ThemePresetColors, ThemePresetFonts, ThemePresetRadii, ThemePresetShadows, ThemeProviderMode, ThemeProviderProps, VariantAxes, VariantOverride, applyThemePreset, audiobookPreset, bestTextColor, buttonSizes, categoricalPalette, componentElevationRanges, createFlatShadow, createPressedHoverShadow, createPressedShadow, createRaisedHoverShadow, createRaisedShadow, darkThemeCSSVars, darken, defaultPreset, discreteRainbow, divergingScale, elevationSystem, getBaseSurfaceColor, getCategoricalColor, getDiscreteRainbowColor, getElevationConfig, getElevationShadow, getElevationSurface, getGlowShadow, getHoverColors, getSemanticColors, getThemeCSSVars, getValidatedElevation, gluestackConfig, hexToRgb, hsvToRgb, isCssPropertyManifest, isDark, lightThemeCSSVars, lighten, linearGradient, neumorphicShadows, primitiveBorderRadius, primitiveBreakpoints, primitiveColors, primitiveRamps, primitiveShadows, primitiveSpacing, primitiveTypography, primitiveZIndex, resolveColor, rgbToHex, rgbToHsv, semanticColorsDark, semanticColorsLight, semanticTypography, sequentialEffort, shadowColors, surfaceGradient, validateCssPropertyManifest } from './theme/index.mjs';
-export { A as ActiveExerciseStatus, a as ActiveWorkoutExercise, b as ActiveWorkoutInput, c as ActiveWorkoutPageProps, d as ActiveWorkoutRest, e as ActiveWorkoutSuperset, C as CapacityBandChart, f as CapacityBandChartProps, g as CapacityBandDataPoint, h as CapacityBandProjection, E as ExerciseCard, i as ExerciseCardProps, j as ExerciseCardState, k as ExerciseDetailEntry, l as ExerciseDetailHeader, m as ExerciseDetailPageProps, n as ExerciseDetailStats, o as ExerciseDetailTab, p as ExerciseTrend, q as ExerciseVbt, r as ExerciseVbtSet, M as Meso, s as MesoCard, t as MesoCardProps, u as MesoProgressBar, v as MesoProgressBarProps, w as MesoStatus, x as MesoVolumeHeatmapEntry, P as PRType, y as PlanMeso, z as PlanWeek, B as PlanWorkout, D as PrBadge, F as PrBadgeProps, G as ProgramBreadcrumb, H as ProgramNavLevel, I as ProgramPlanningPageProps, J as ProgramSelection, S as SetRow, K as SetRowMode, L as SetRowProps, N as StrengthTrendChart, O as StrengthTrendChartMesoBoundary, Q as StrengthTrendChartProps, R as StrengthTrendDataPoint, V as VbtSummary, T as VelocityStrip, U as VelocityStripProps, W as VelocityZoneBandProp, X as WeekRow, Y as WeekRowProps, Z as WeekRowWorkout, _ as WorkoutCard, $ as WorkoutCardProps, a0 as WorkoutDot, a1 as WorkoutDotStatus, a2 as WorkoutGroup, a3 as WorkoutMuscleGroup, a4 as WorkoutMuscleVolumeStatus, a5 as WorkoutPill, a6 as WorkoutPillProps, a7 as WorkoutPillStatus, a8 as WorkoutProgress, a9 as WorkoutStatus, aa as calculateMeanVelocity, ab as calculateVelocityLoss, ac as getVelocityZoneColor, ad as getVelocityZoneName } from './pages-MO0JCySL.mjs';
+import { S as SetStripSet, E as ExerciseIndicatorKind } from './pages-8u_4WbL-.mjs';
+export { A as ActiveExerciseStatus, a as ActiveWorkoutExercise, b as ActiveWorkoutInput, c as ActiveWorkoutPageProps, d as ActiveWorkoutRest, e as ActiveWorkoutSuperset, C as CapacityBandChart, f as CapacityBandChartProps, g as CapacityBandDataPoint, h as CapacityBandProjection, i as ExerciseCard, j as ExerciseCardProps, k as ExerciseDetailEntry, l as ExerciseDetailHeader, m as ExerciseDetailPageProps, n as ExerciseDetailStats, o as ExerciseDetailTab, p as ExerciseIndicator, q as ExerciseIndicatorProps, r as ExerciseTrend, s as ExerciseVbt, t as ExerciseVbtSet, I as INDICATOR_PRECEDENCE, M as Meso, u as MesoCard, v as MesoCardProps, w as MesoProgressBar, x as MesoProgressBarProps, y as MesoStatus, z as MesoVolumeHeatmapEntry, P as PlanMeso, B as PlanWeek, D as PlanWorkout, F as ProgramBreadcrumb, G as ProgramNavLevel, H as ProgramPlanningPageProps, J as ProgramSelection, K as SET_STRIP_VARIABLE_COLOR, L as SET_STRIP_ZONES, N as SetBar, O as SetBarProps, Q as SetRow, R as SetRowProps, T as SetRowState, U as SetRowUnit, V as StrengthTrendChart, W as StrengthTrendChartMesoBoundary, X as StrengthTrendChartProps, Y as StrengthTrendDataPoint, Z as VbtSummary, _ as VelocitySet, $ as VelocityStrip, a0 as VelocityStripProps, a1 as VelocityZoneBandProp, a2 as WeekRow, a3 as WeekRowProps, a4 as WeekRowWorkout, a5 as WorkoutCard, a6 as WorkoutCardProps, a7 as WorkoutDot, a8 as WorkoutDotStatus, a9 as WorkoutGroup, aa as WorkoutMuscleGroup, ab as WorkoutMuscleVolumeStatus, ac as WorkoutPill, ad as WorkoutPillProps, ae as WorkoutPillStatus, af as WorkoutProgress, ag as WorkoutStatus, ah as calculateMeanVelocity, ai as calculateVelocityLoss, aj as getVelocityZoneColor, ak as getVelocityZoneName, al as resolveIndicator, am as velocityZoneColor } from './pages-8u_4WbL-.mjs';
 export { M as MesoStatusBadge, a as MesoStatusBadgeVariant, b as MesoStatusCard, c as MesoStatusCardProps, d as MesoStatusCoaching, e as MesoStatusGauge, f as MesoStatusMetric, g as MesoStatusNextTarget } from './MesoStatusCard-CQk71hSi.mjs';
-export { BodyMapData, BodyMapDetailPanelProps, BodyMapProps, ContributingExercise, MovementCategory, MuscleGroup, SimpleMuscleGroup, TrainingStatusMuscle, TrainingStatusPageProps, TrainingStatusSummary, UpcomingExercise, VolumeLandmarks } from './bodymap.mjs';
+import { VolumeLandmarks } from './bodymap.mjs';
+export { BodyMapData, BodyMapDetailPanelProps, BodyMapProps, ContributingExercise, MovementCategory, MuscleGroup, SimpleMuscleGroup, TrainingStatusMuscle, TrainingStatusPageProps, TrainingStatusSummary, UpcomingExercise } from './bodymap.mjs';
 import { ClassValue } from 'clsx';
 
 interface IconProps {
@@ -43,6 +45,26 @@ declare function BluetoothIcon({ size, ...props }: IconProps): react_jsx_runtime
 declare function DumbbellIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 /** Star glyph (mirrors lucide-react `Star`). Pass `fill` for a solid star. */
 declare function StarIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+/** Activity / pulse-line glyph (mirrors lucide-react `Activity`). Shell S2 nav → Live. */
+declare function ActivityIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+/** History / clock-arrow glyph (mirrors lucide-react `History`). Shell S2 nav → Review. */
+declare function HistoryIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+/** Layers / stack glyph (mirrors lucide-react `Layers`). Shell S2 nav → Program (mesocycle stack). */
+declare function LayersIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+/** Standing-figure glyph (mirrors lucide-react `PersonStanding`). Shell S2 nav → Body (muscle map). */
+declare function PersonStandingIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+/** Balance-scale glyph (mirrors lucide-react `Scale`). ExerciseIndicator → `imbalance`. */
+declare function ScaleIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+/** Warning-triangle glyph (mirrors lucide-react `AlertTriangle`). ExerciseIndicator → `overshoot`. */
+declare function AlertTriangleIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+/** Down-trend glyph (mirrors lucide-react `TrendingDown`). ExerciseIndicator → `velocity-loss`. */
+declare function TrendingDownIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+/** Slashed-circle glyph (mirrors lucide-react `CircleSlash`). ExerciseIndicator → `missed-reps`. */
+declare function CircleSlashIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+/** Medal glyph (mirrors lucide-react `Award`). ExerciseIndicator → `pr`. */
+declare function AwardIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+/** Info-circle glyph (mirrors lucide-react `Info`). ExerciseIndicator → `info`. */
+declare function InfoIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 
 type AlertStatus = 'success' | 'info' | 'warning' | 'error';
 type AlertVariant = 'subtle' | 'outline' | 'solid';
@@ -52,14 +74,14 @@ interface AlertProps extends ViewProps {
     /** Visual variant */
     variant?: AlertVariant;
     /** Custom icon element */
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     /** Whether to show the default icon */
     showIcon?: boolean;
     /** Callback when close button is pressed */
     onClose?: () => void;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Alert component for displaying status messages.
@@ -76,7 +98,7 @@ interface AlertProps extends ViewProps {
  */
 declare function Alert({ status, variant, icon, showIcon, onClose, className, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
 interface AlertTitleProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -84,7 +106,7 @@ interface AlertTitleProps {
  */
 declare function AlertTitle({ children, className }: AlertTitleProps): react_jsx_runtime.JSX.Element;
 interface AlertDescriptionProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -115,7 +137,7 @@ interface ButtonProps extends Omit<PressableProps, 'children'> {
     /** Additional className for styling */
     className?: string;
     /** Button content */
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Button component following compound component pattern.
@@ -131,9 +153,9 @@ interface ButtonProps extends Omit<PressableProps, 'children'> {
  *   <ButtonText>Add item</ButtonText>
  * </Button>
  */
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<View>>;
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<View>>;
 interface ButtonTextProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -142,7 +164,7 @@ interface ButtonTextProps {
 declare function ButtonText({ children, className }: ButtonTextProps): react_jsx_runtime.JSX.Element;
 interface ButtonIconProps {
     /** Icon component to render */
-    as: React.ComponentType<{
+    as: React$1.ComponentType<{
         size?: number;
         color?: string;
         className?: string;
@@ -190,9 +212,9 @@ interface InputProps extends Omit<TextInputProps, 'editable'> {
     /** Error message (shown when isInvalid is true) */
     errorMessage?: string;
     /** Left element/icon */
-    leftElement?: React.ReactNode;
+    leftElement?: React$1.ReactNode;
     /** Right element/icon */
-    rightElement?: React.ReactNode;
+    rightElement?: React$1.ReactNode;
     /** Additional className for the container */
     className?: string;
     /** Additional className for the input */
@@ -215,9 +237,9 @@ interface InputProps extends Omit<TextInputProps, 'editable'> {
  *   errorMessage="Password is required"
  * />
  */
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<TextInput>>;
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<TextInput>>;
 interface InputGroupProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -226,9 +248,9 @@ interface InputGroupProps {
 declare function InputGroup({ children, className }: InputGroupProps): react_jsx_runtime.JSX.Element;
 interface PasswordInputProps extends Omit<InputProps, 'secureTextEntry' | 'rightElement'> {
     /** Custom show password icon */
-    showIcon?: React.ReactNode;
+    showIcon?: React$1.ReactNode;
     /** Custom hide password icon */
-    hideIcon?: React.ReactNode;
+    hideIcon?: React$1.ReactNode;
 }
 /**
  * Password input with visibility toggle.
@@ -239,7 +261,7 @@ interface PasswordInputProps extends Omit<InputProps, 'secureTextEntry' | 'right
  *   placeholder="Enter your password"
  * />
  */
-declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<TextInput>>;
+declare const PasswordInput: React$1.ForwardRefExoticComponent<PasswordInputProps & React$1.RefAttributes<TextInput>>;
 
 type CardVariant = 'elevated' | 'outline' | 'filled' | 'accent' | 'subtle';
 type CardElevation = 1 | 2 | 3;
@@ -264,7 +286,7 @@ interface CardProps extends ViewProps {
     accentWidth?: number;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     /** Show header skeleton when loading (default: true) */
     skeletonHasHeader?: boolean;
     /** Show footer skeleton when loading (default: false) */
@@ -296,7 +318,7 @@ interface CardProps extends ViewProps {
  */
 declare function Card({ variant, elevation, isInteractive, isLoading, onPress, borderColor, bgColor, accentColor, accentWidth, className, children, style, skeletonHasHeader, skeletonHasFooter, skeletonContentLines, ...props }: CardProps): react_jsx_runtime.JSX.Element;
 interface CardHeaderProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -304,7 +326,7 @@ interface CardHeaderProps {
  */
 declare function CardHeader({ children, className }: CardHeaderProps): react_jsx_runtime.JSX.Element;
 interface CardTitleProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -312,7 +334,7 @@ interface CardTitleProps {
  */
 declare function CardTitle({ children, className }: CardTitleProps): react_jsx_runtime.JSX.Element;
 interface CardDescriptionProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -320,7 +342,7 @@ interface CardDescriptionProps {
  */
 declare function CardDescription({ children, className }: CardDescriptionProps): react_jsx_runtime.JSX.Element;
 interface CardContentProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -328,7 +350,7 @@ interface CardContentProps {
  */
 declare function CardContent({ children, className }: CardContentProps): react_jsx_runtime.JSX.Element;
 interface CardFooterProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -351,7 +373,7 @@ interface CardSkeletonProps {
 declare function CardSkeleton({ hasHeader, hasFooter, contentLines, className, }: CardSkeletonProps): react_jsx_runtime.JSX.Element;
 
 type IndicatorSize = 'xs' | 'sm' | 'md' | 'lg';
-type IndicatorColor = 'default' | 'primary' | 'success' | 'error' | 'warning' | 'info' | 'error-vivid';
+type IndicatorColor = 'default' | 'primary' | 'success' | 'live' | 'error' | 'warning' | 'info' | 'error-vivid';
 /** How a pulsing indicator animates: a subtle opacity fade, or an expanding ring. */
 type IndicatorPulse = 'opacity' | 'ping';
 interface IndicatorProps extends ViewProps {
@@ -388,7 +410,7 @@ interface BadgeProps extends ViewProps {
     dotColor?: IndicatorColor;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Badge component for status indicators and labels.
@@ -399,7 +421,7 @@ interface BadgeProps extends ViewProps {
  */
 declare function Badge({ variant, color, size, dot, dotColor, className, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 interface BadgeTextProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -477,7 +499,7 @@ interface AvatarBadgeProps {
  */
 declare function AvatarBadge({ color, className }: AvatarBadgeProps): react_jsx_runtime.JSX.Element;
 interface AvatarGroupProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     /** Maximum avatars to show before +N indicator */
     max?: number;
     /** Size of avatars */
@@ -539,9 +561,9 @@ interface CheckboxProps extends Omit<PressableProps, 'children'> {
  *   label="Accept terms and conditions"
  * />
  */
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<View>>;
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<View>>;
 interface CheckboxGroupProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     /** Label for the group */
     label?: string;
     /** Orientation of checkboxes */
@@ -581,7 +603,7 @@ interface SwitchProps extends Omit<PressableProps, 'children'> {
  *   label="Enable notifications"
  * />
  */
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<View>>;
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<View>>;
 
 type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 type ModalScrollBehavior = 'inside' | 'outside';
@@ -602,7 +624,7 @@ interface ModalProps extends Omit<ModalProps$1, 'visible'> {
     backdropClassName?: string;
     /** Animation type */
     animationType?: 'none' | 'fade' | 'slide';
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Modal component for dialogs and overlays.
@@ -625,7 +647,7 @@ interface ModalProps extends Omit<ModalProps$1, 'visible'> {
  */
 declare function Modal({ isOpen, onClose, size, scrollBehavior, closeOnOverlayClick, backdropBlur, backdropClassName, animationType, children, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
 interface ModalContentProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -633,7 +655,7 @@ interface ModalContentProps {
  */
 declare function ModalContent({ children, className }: ModalContentProps): react_jsx_runtime.JSX.Element;
 interface ModalHeaderProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -641,7 +663,7 @@ interface ModalHeaderProps {
  */
 declare function ModalHeader({ children, className }: ModalHeaderProps): react_jsx_runtime.JSX.Element;
 interface ModalTitleProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -656,7 +678,7 @@ interface ModalCloseButtonProps {
  */
 declare function ModalCloseButton({ className }: ModalCloseButtonProps): react_jsx_runtime.JSX.Element;
 interface ModalBodyProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     /** Maximum height for scrollable content (when scrollBehavior="inside") */
     maxHeight?: number;
     className?: string;
@@ -666,7 +688,7 @@ interface ModalBodyProps {
  */
 declare function ModalBody({ children, maxHeight, className }: ModalBodyProps): react_jsx_runtime.JSX.Element;
 interface ModalFooterProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -776,7 +798,7 @@ interface TabsProps extends ViewProps {
     orientation?: TabsOrientation;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Tabs component for tabbed navigation.
@@ -797,7 +819,7 @@ interface TabsProps extends ViewProps {
  */
 declare function Tabs({ defaultIndex, index, onChange, variant, orientation, className, children, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
 interface TabListProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -811,14 +833,14 @@ interface TabProps {
     isDisabled?: boolean;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Individual tab button.
  */
 declare function Tab({ index, isDisabled, className, children, }: TabProps): react_jsx_runtime.JSX.Element;
 interface TabPanelsProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -826,7 +848,7 @@ interface TabPanelsProps {
  */
 declare function TabPanels({ children, className }: TabPanelsProps): react_jsx_runtime.JSX.Element;
 interface TabPanelProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -845,7 +867,7 @@ interface ChipProps extends ViewProps {
     /** Size */
     size?: ChipSize;
     /** Left element (icon, avatar) */
-    leftElement?: React.ReactNode;
+    leftElement?: React$1.ReactNode;
     /** Whether the chip is dismissible */
     onDelete?: () => void;
     /** Whether the chip is clickable */
@@ -854,7 +876,7 @@ interface ChipProps extends ViewProps {
     isDisabled?: boolean;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Chip component for tags, labels, and filters.
@@ -884,7 +906,7 @@ interface LinkProps extends Omit<TextProps, 'onPress'> {
     isDisabled?: boolean;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Link component for navigation.
@@ -901,9 +923,9 @@ interface TooltipProps extends ViewProps {
     /** Plain-text tooltip content */
     label?: string;
     /** Rich tooltip content (takes precedence over label) */
-    content?: React.ReactNode;
+    content?: React$1.ReactNode;
     /** Trigger element */
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     /** Tooltip placement */
     placement?: TooltipPlacement;
     /** Delay before showing (ms) */
@@ -946,7 +968,7 @@ interface CollapseProps extends ViewProps {
     onToggle?: (isOpen: boolean) => void;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Collapsible content container.
@@ -963,7 +985,7 @@ interface CollapseProps extends ViewProps {
  */
 declare function Collapse({ defaultIsOpen, isOpen: controlledIsOpen, onToggle, className, children, ...props }: CollapseProps): react_jsx_runtime.JSX.Element;
 interface CollapseButtonProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -971,7 +993,7 @@ interface CollapseButtonProps {
  */
 declare function CollapseButton({ children, className }: CollapseButtonProps): react_jsx_runtime.JSX.Element;
 interface CollapseContentProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -985,7 +1007,7 @@ interface AccordionProps extends ViewProps {
     defaultIndex?: number[];
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Accordion component for multiple collapsible sections.
@@ -1005,7 +1027,7 @@ interface AccordionProps extends ViewProps {
 declare function Accordion({ allowMultiple, defaultIndex, className, children, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
 interface AccordionItemProps {
     index?: number;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -1015,7 +1037,7 @@ declare function AccordionItem({ index, children, className }: AccordionItemProp
 interface AccordionButtonProps {
     isOpen?: boolean;
     onToggle?: () => void;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -1024,7 +1046,7 @@ interface AccordionButtonProps {
 declare function AccordionButton({ isOpen, onToggle, children, className, }: AccordionButtonProps): react_jsx_runtime.JSX.Element;
 interface AccordionPanelProps {
     isOpen?: boolean;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -1034,12 +1056,12 @@ declare function AccordionPanel({ isOpen, children, className }: AccordionPanelP
 
 interface BreadcrumbsProps extends ViewProps {
     /** Custom separator */
-    separator?: React.ReactNode;
+    separator?: React$1.ReactNode;
     /** Maximum items to show (with collapse) */
     maxItems?: number;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Breadcrumbs navigation component.
@@ -1061,7 +1083,7 @@ interface BreadcrumbItemProps {
     onPress?: () => void;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Individual breadcrumb item.
@@ -1084,7 +1106,7 @@ interface PopoverProps extends ViewProps {
     closeDelay?: number;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Popover component for displaying floating content.
@@ -1101,7 +1123,7 @@ interface PopoverProps extends ViewProps {
  */
 declare function Popover({ placement, isOpen: controlledIsOpen, onOpenChange, closeOnClickOutside, triggerMode, closeDelay, className, children, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
 interface PopoverTriggerProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -1109,7 +1131,7 @@ interface PopoverTriggerProps {
  */
 declare function PopoverTrigger({ children, className }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
 interface PopoverContentProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -1117,7 +1139,7 @@ interface PopoverContentProps {
  */
 declare function PopoverContent({ children, className }: PopoverContentProps): react_jsx_runtime.JSX.Element | null;
 interface PopoverCloseButtonProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -1132,7 +1154,7 @@ interface MenuProps extends ViewProps {
     onOpenChange?: (isOpen: boolean) => void;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Menu component for dropdown menus.
@@ -1152,7 +1174,7 @@ interface MenuProps extends ViewProps {
  */
 declare function Menu({ isOpen: controlledIsOpen, onOpenChange, className, children, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
 interface MenuTriggerProps {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -1160,7 +1182,7 @@ interface MenuTriggerProps {
  */
 declare function MenuTrigger({ children, className }: MenuTriggerProps): react_jsx_runtime.JSX.Element;
 interface MenuListProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -1175,10 +1197,10 @@ interface MenuItemProps {
     /** Whether the item is destructive (shows in red) */
     isDestructive?: boolean;
     /** Icon element */
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Individual menu item.
@@ -1194,7 +1216,7 @@ declare function MenuDivider({ className }: MenuDividerProps): react_jsx_runtime
 interface MenuGroupProps {
     /** Group label */
     label?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -1265,7 +1287,7 @@ interface ToolbarButtonProps extends ViewProps {
     /** Button label */
     label: string;
     /** Icon component */
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     /**
      * Whether the button is in active/selected state.
      * - `true`: pressed/active appearance (darker, white text, orange icon)
@@ -1286,7 +1308,7 @@ interface ToolbarButtonProps extends ViewProps {
     /** Press handler */
     onPress?: () => void;
     /** Menu content (renders in popover) */
-    menuContent?: React.ReactNode;
+    menuContent?: React$1.ReactNode;
     /** Additional className */
     className?: string;
 }
@@ -1325,7 +1347,7 @@ interface ToolbarButtonGroupProps extends ViewProps {
     gap?: 'none' | 'sm' | 'md';
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Container for grouping toolbar buttons together.
@@ -1359,7 +1381,7 @@ interface RadioGroupProps extends ViewProps {
     label?: string;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * RadioGroup component for grouping radio buttons.
@@ -1383,7 +1405,7 @@ interface RadioProps extends ViewProps {
     color?: RadioColor;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Radio button component.
@@ -1412,7 +1434,7 @@ interface DrawerProps extends ViewProps {
     title?: string;
     /** Additional className for the drawer content */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Drawer component for side panel overlays.
@@ -1433,7 +1455,7 @@ declare function Drawer({ isOpen, onClose, placement, size, closeOnOverlayClick,
 interface DrawerHeaderProps extends ViewProps {
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Header section for the drawer.
@@ -1444,7 +1466,7 @@ interface DrawerBodyProps extends ViewProps {
     scrollable?: boolean;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Body/content section for the drawer.
@@ -1453,7 +1475,7 @@ declare function DrawerBody({ scrollable, className, children, ...props }: Drawe
 interface DrawerFooterProps extends ViewProps {
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Footer section for the drawer, typically for action buttons.
@@ -1583,7 +1605,7 @@ interface ToastProviderProps {
     defaultDuration?: number;
     /** Maximum number of visible toasts */
     maxToasts?: number;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Provider component for the toast notification system.
@@ -1677,7 +1699,7 @@ interface AutocompleteProps<T = string> extends ViewProps {
     /** Custom filter function */
     filterFn?: (option: AutocompleteOption<T>, inputValue: string) => boolean;
     /** Custom render function for options */
-    renderOption?: (option: AutocompleteOption<T>, isHighlighted: boolean) => React.ReactNode;
+    renderOption?: (option: AutocompleteOption<T>, isHighlighted: boolean) => React$1.ReactNode;
     /** Text to show when no options match */
     noOptionsText?: string;
     /** Text to show when loading */
@@ -1723,7 +1745,7 @@ type HelpTipPlacement = 'top' | 'bottom' | 'left' | 'right';
 type HelpTipIcon = 'help' | 'info' | 'warning';
 interface HelpTipProps extends ViewProps {
     /** Tooltip content */
-    content: React.ReactNode;
+    content: React$1.ReactNode;
     /** Size of the icon */
     size?: HelpTipSize;
     /** Placement of the tooltip */
@@ -1774,7 +1796,7 @@ interface LabelWithHelpProps extends ViewProps {
     /** Label text */
     label: string;
     /** Help content */
-    helpContent: React.ReactNode;
+    helpContent: React$1.ReactNode;
     /** Whether the field is required */
     isRequired?: boolean;
     /** Size of the help icon */
@@ -1808,7 +1830,7 @@ interface FormFieldProps extends ViewProps {
     /** Whether the field is read-only */
     isReadOnly?: boolean;
     /** Help tooltip content */
-    helpContent?: React.ReactNode;
+    helpContent?: React$1.ReactNode;
     /** Size of the label */
     labelSize?: 'sm' | 'md' | 'lg';
     /** Direction of the layout */
@@ -1817,7 +1839,7 @@ interface FormFieldProps extends ViewProps {
     labelWidth?: number | string;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * FormField component for wrapping form inputs with label, help text, and error states.
@@ -1852,7 +1874,7 @@ interface FormSectionProps extends ViewProps {
     description?: string;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * FormSection component for grouping related form fields.
@@ -1873,7 +1895,7 @@ interface FormActionsProps extends ViewProps {
     align?: 'left' | 'center' | 'right' | 'between';
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * FormActions component for form action buttons.
@@ -1890,7 +1912,7 @@ interface FormRowProps extends ViewProps {
     gap?: 'sm' | 'md' | 'lg';
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * FormRow component for laying out multiple form fields horizontally.
@@ -1907,14 +1929,14 @@ interface FormRowProps extends ViewProps {
  */
 declare function FormRow({ gap, className, children, ...props }: FormRowProps): react_jsx_runtime.JSX.Element;
 
-type Gap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
+type Gap$1 = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
 interface StackProps extends ViewProps {
-    gap?: Gap;
+    gap?: Gap$1;
     align?: 'start' | 'center' | 'end' | 'stretch';
     justify?: 'start' | 'center' | 'end' | 'between' | 'around';
     wrap?: boolean;
     className?: string;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
 declare function Stack({ gap, align, justify, wrap, className, children, ...props }: StackProps): react_jsx_runtime.JSX.Element;
 declare function HStack(props: StackProps): react_jsx_runtime.JSX.Element;
@@ -1922,19 +1944,19 @@ declare function VStack(props: StackProps): react_jsx_runtime.JSX.Element;
 
 interface SectionProps extends ViewProps {
     className?: string;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
 declare function Section({ className, children, ...props }: SectionProps): react_jsx_runtime.JSX.Element;
 interface SectionHeaderProps {
     title: string;
     subtitle?: string;
-    trailing?: React.ReactNode;
+    trailing?: React$1.ReactNode;
     className?: string;
 }
 declare function SectionHeader({ title, subtitle, trailing, className }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
 interface SectionContentProps extends ViewProps {
     className?: string;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
 declare function SectionContent({ className, children, ...props }: SectionContentProps): react_jsx_runtime.JSX.Element;
 
@@ -1942,7 +1964,7 @@ interface DataRowProps extends ViewProps {
     /** Descriptive label shown on the left */
     label: string;
     /** Value shown on the right -- string renders as Text, ReactNode renders inside a View */
-    value: React.ReactNode;
+    value: React$1.ReactNode;
     /** Additional className applied to the value element */
     valueClassName?: string;
     /** Additional className applied to the root container */
@@ -1953,7 +1975,7 @@ declare function DataRow({ label, value, valueClassName, className, ...props }:
 type IconBoxColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'neutral';
 type IconBoxSize = 'sm' | 'md' | 'lg';
 interface IconBoxProps extends ViewProps {
-    icon: React.ComponentType<{
+    icon: React$1.ComponentType<{
         size?: number;
         className?: string;
     }>;
@@ -1969,17 +1991,17 @@ interface SurfaceProps extends ViewProps {
     glowIntensity?: GlowIntensity;
     theme?: 'light' | 'dark';
     className?: string;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
 declare function Surface({ elevation, glowColor, glowIntensity, theme, className, style, children, ...props }: SurfaceProps): react_jsx_runtime.JSX.Element;
 
 interface ListItemProps extends PressableProps {
     className?: string;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
 declare function ListItem({ className, children, onPress, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
 interface ListItemIconProps extends ViewProps {
-    icon: React.ComponentType<{
+    icon: React$1.ComponentType<{
         size?: number;
         className?: string;
     }>;
@@ -1994,7 +2016,7 @@ interface ListItemContentProps extends ViewProps {
 declare function ListItemContent({ title, subtitle, className, ...props }: ListItemContentProps): react_jsx_runtime.JSX.Element;
 interface ListItemTrailingProps extends ViewProps {
     className?: string;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
 declare function ListItemTrailing({ className, children, ...props }: ListItemTrailingProps): react_jsx_runtime.JSX.Element;
 interface ListItemDividerProps extends ViewProps {
@@ -2008,7 +2030,7 @@ type PillColor = 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'wa
 type PillSize = 'xs' | 'sm' | 'md';
 interface PillProps extends ViewProps {
     /** Pill content */
-    children: React.ReactNode;
+    children: React$1.ReactNode;
     /** Visual variant */
     variant?: PillVariant;
     /** Color scheme */
@@ -2018,7 +2040,7 @@ interface PillProps extends ViewProps {
     /** Fully rounded (default true) or slight radius */
     rounded?: boolean;
     /** Element before the label (e.g., Indicator dot) */
-    leftElement?: React.ReactNode;
+    leftElement?: React$1.ReactNode;
     /** Press handler (makes pill interactive) */
     onPress?: () => void;
     /** Additional className */
@@ -2026,6 +2048,30 @@ interface PillProps extends ViewProps {
 }
 declare function Pill({ children, variant, color, size, rounded, leftElement, onPress, className, ...props }: PillProps): react_jsx_runtime.JSX.Element;
 
+interface TileProps extends ViewProps {
+    /** Uppercase micro-label shown above the value */
+    label: string;
+    /** Primary value, rendered in a bold mono face */
+    value: string;
+    /** Tints the value (status/accent hex or CSS color); defaults to primary text */
+    valueColor?: string;
+    /** Content alignment within the tile (default: 'center') */
+    align?: 'center' | 'start';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Tile — a compact label-over-value stat card.
+ *
+ * A rounded raised box with an uppercase micro-label stacked over a bold mono
+ * value. Fills its flex slot so a row of Tiles reads as an even HStack.
+ *
+ * @example
+ * <Tile label="Volume" value="76%" />
+ * <Tile label="Fatigue" value="MOD" valueColor="#F5A623" />
+ */
+declare function Tile({ label, value, valueColor, align, className, ...props }: TileProps): react_jsx_runtime.JSX.Element;
+
 type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'caption' | 'overline' | 'button' | 'mono' | 'monoLabel';
 type TypographyColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
 type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
@@ -2049,7 +2095,7 @@ interface TypographyProps extends TextProps {
     maxLines?: number;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Typography component for consistent text styling.
@@ -2119,7 +2165,7 @@ interface SidebarProps extends ViewProps {
     collapsedWidth?: number;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Sidebar navigation component.
@@ -2142,7 +2188,7 @@ interface SidebarProps extends ViewProps {
  */
 declare function Sidebar({ isCollapsed, activeItem, onItemSelect, width, collapsedWidth, className, children, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
 interface SidebarHeaderProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -2150,7 +2196,7 @@ interface SidebarHeaderProps {
  */
 declare function SidebarHeader({ children, className }: SidebarHeaderProps): react_jsx_runtime.JSX.Element;
 interface SidebarContentProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -2158,7 +2204,7 @@ interface SidebarContentProps {
  */
 declare function SidebarContent({ children, className }: SidebarContentProps): react_jsx_runtime.JSX.Element;
 interface SidebarFooterProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -2168,7 +2214,7 @@ declare function SidebarFooter({ children, className }: SidebarFooterProps): rea
 interface SidebarSectionProps {
     /** Section title */
     title?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -2179,14 +2225,14 @@ interface SidebarItemProps extends Omit<PressableProps, 'children'> {
     /** Unique identifier for the item */
     id: string;
     /** Icon component */
-    icon?: React.ComponentType<{
+    icon?: React$1.ComponentType<{
         size?: number;
         className?: string;
     }>;
     /** Label text */
     label: string;
     /** Badge content (e.g., notification count) */
-    badge?: React.ReactNode;
+    badge?: React$1.ReactNode;
     /** Whether this item has nested items */
     hasChildren?: boolean;
     /** Whether nested items are expanded */
@@ -2230,7 +2276,7 @@ interface TableProps extends ViewProps {
     loadingRowCount?: number;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Table component with sorting support.
@@ -2257,7 +2303,7 @@ interface TableProps extends ViewProps {
  */
 declare function Table({ sortColumn, sortDirection, onSort, selectedRows, onSelectRow, onSelectAll, selectable, rowIds, isLoading, loadingRowCount, className, children, ...props }: TableProps): react_jsx_runtime.JSX.Element;
 interface TableHeaderProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -2265,7 +2311,7 @@ interface TableHeaderProps {
  */
 declare function TableHeader({ children, className }: TableHeaderProps): react_jsx_runtime.JSX.Element;
 interface TableBodyProps {
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     className?: string;
 }
 /**
@@ -2279,7 +2325,7 @@ interface TableRowProps extends ViewProps {
     isHoverable?: boolean;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Table row.
@@ -2294,7 +2340,7 @@ interface TableHeaderCellProps extends Omit<PressableProps, 'children'> {
     width?: number;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Table header cell with optional sorting.
@@ -2307,7 +2353,7 @@ interface TableCellProps extends ViewProps {
     width?: number;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Table data cell.
@@ -2378,7 +2424,7 @@ declare function useTable<T extends Record<string, any>>({ data, defaultPageSize
 
 interface EmptyStateProps extends ViewProps {
     /** Icon component to display */
-    icon?: React.ComponentType<{
+    icon?: React$1.ComponentType<{
         size?: number;
         className?: string;
     }>;
@@ -2387,7 +2433,7 @@ interface EmptyStateProps extends ViewProps {
     /** Description text */
     description?: string;
     /** Action element (usually a button) */
-    action?: React.ReactNode;
+    action?: React$1.ReactNode;
     /** Additional className */
     className?: string;
 }
@@ -2413,7 +2459,7 @@ interface StepperProps extends ViewProps {
     orientation?: StepperOrientation;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Stepper component for multi-step flows.
@@ -2442,7 +2488,7 @@ interface StepProps {
     status?: StepStatus;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Individual step in the stepper.
@@ -2454,7 +2500,7 @@ interface StepIndicatorProps {
     /** Step index (injected by Step) */
     index?: number;
     /** Custom icon */
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     /** Additional className */
     className?: string;
 }
@@ -2467,7 +2513,7 @@ interface StepLabelProps {
     status?: StepStatus;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Label for a step.
@@ -2478,7 +2524,7 @@ interface StepContentProps {
     status?: StepStatus;
     /** Additional className */
     className?: string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
 /**
  * Content area for vertical stepper.
@@ -2534,6 +2580,58 @@ declare function DateTime({ value, format, customFormat, isUTC, hour12, seconds,
  */
 declare function formatDateTime(value: number | Date | string | null | undefined, format?: DateTimeFormat, isUTC?: boolean, fallback?: string): string;
 
+type TimerMode = 'up' | 'down';
+interface UseTimerOptions {
+    /** 'up' counts elapsed upward; 'down' counts remaining toward 0. Default 'up'. */
+    mode?: TimerMode;
+    /** Total duration in ms. Required for 'down' mode and for progress in 'up' mode. */
+    durationMs?: number;
+    /** Controlled elapsed time in ms. When provided, the hook derives everything from it and never ticks. */
+    elapsedMs?: number;
+    /** Self-tick only advances while running. */
+    running?: boolean;
+    /** Enable the internal interval. Ignored when `elapsedMs` is controlled. */
+    autoTick?: boolean;
+    /** Interval step in ms. Default 1000. */
+    tickMs?: number;
+}
+interface TimerState {
+    elapsedMs: number;
+    remainingMs: number;
+    /** 0..1, clamped. */
+    progress: number;
+    /** mm:ss for the active direction (remaining when 'down', elapsed when 'up'). */
+    label: string;
+    /** True once a down-timer reaches 0 (or an up-timer passes its duration). */
+    done: boolean;
+}
+/** Format a millisecond duration as mm:ss, rounding partial seconds up. */
+declare function formatDuration(ms: number): string;
+declare function useTimer(options?: UseTimerOptions): TimerState;
+
+interface TimerReadoutProps extends ViewProps {
+    /** 'up' counts elapsed upward; 'down' counts remaining toward 0. Default 'up'. */
+    mode?: TimerMode;
+    /** Controlled elapsed time in ms. When set, the value is derived from it and never self-ticks. */
+    elapsedMs?: number;
+    /** Total duration in ms — required for 'down' mode and for the ` / total` suffix. */
+    durationMs?: number;
+    /** Live cue: the current value goes green while true. */
+    running?: boolean;
+    /** Enable the internal 1s interval (ignored when `elapsedMs` is controlled). */
+    autoTick?: boolean;
+    /** When `durationMs` is set, append ` / mm:ss`. */
+    showTotal?: boolean;
+    /** Leading glyph; defaults to the ⏱ unicode. */
+    glyph?: ReactNode;
+}
+/**
+ * Atom · TimerReadout — a small textual timer (⏱ + mono, right-justified) built on
+ * [useTimer]. Matches the TopBar clock treatment: only the live/current value goes
+ * green (status-live-muted) while `running`; the ` / total` suffix stays dim tertiary.
+ */
+declare function TimerReadout({ mode, elapsedMs, durationMs, running, autoTick, showTotal, glyph, className, ...rest }: TimerReadoutProps): react_jsx_runtime.JSX.Element;
+
 type MetricTrend = 'up' | 'down' | 'neutral';
 interface MetricProps extends ViewProps {
     value: string;
@@ -2546,7 +2644,7 @@ interface MetricProps extends ViewProps {
 declare function Metric({ value, label, unit, trend, size, className, ...props }: MetricProps): react_jsx_runtime.JSX.Element;
 interface MetricGroupProps extends ViewProps {
     className?: string;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
 declare function MetricGroup({ className, children, ...props }: MetricGroupProps): react_jsx_runtime.JSX.Element;
 
@@ -2585,6 +2683,20 @@ interface WeightBadgeProps extends Omit<BaseBadgeProps, 'variant' | 'icon' | 'ch
 }
 declare function WeightBadge({ value, unit, reps, delta, isPr, showIcon, size, onPress, className, ...props }: WeightBadgeProps): react_jsx_runtime.JSX.Element;
 
+type PRType = 'e1rm' | 'weight' | 'reps' | 'volume' | 'velocity';
+interface PrBadgeProps extends ViewProps {
+    /** PR type determines auto-generated label */
+    type?: PRType;
+    /** Display label (e.g., "PR e1RM", "PR 5RM"). Auto-generated from type if omitted. */
+    label?: string;
+    /** Show only the star icon, no text label */
+    compact?: boolean;
+    /** Trigger pop animation on mount */
+    animate?: boolean;
+    className?: string;
+}
+declare function PrBadge({ type, label: labelProp, compact, animate, className, ...props }: PrBadgeProps): react_jsx_runtime.JSX.Element;
+
 type StatusDotVariant = 'success' | 'warning' | 'error' | 'neutral' | 'on-track' | 'deviation' | 'future';
 interface StatusDotProps extends ViewProps {
     variant: StatusDotVariant;
@@ -2627,6 +2739,8 @@ interface TempoDisplayProps extends ViewProps {
     size?: 'sm' | 'md';
     /** Colored phases or mono (all gray) */
     colored?: boolean;
+    /** Show the "TEMPO" caption before the values. Default true. */
+    showLabel?: boolean;
     /** Show info tooltip on press */
     showInfo?: boolean;
     /**
@@ -2638,7 +2752,7 @@ interface TempoDisplayProps extends ViewProps {
     onPress?: () => void;
     className?: string;
 }
-declare function TempoDisplay({ tempo, size, colored, showInfo, live, onPress, className, ...props }: TempoDisplayProps): react_jsx_runtime.JSX.Element;
+declare function TempoDisplay({ tempo, size, colored, showLabel, showInfo, live, onPress, className, ...props }: TempoDisplayProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Titan-local phase key. Consumers map their own movement-phase enum onto this
@@ -2758,10 +2872,342 @@ interface RestTimerProps {
 }
 declare function RestTimer({ totalSeconds, elapsedMs, onSkip, onAddTime, nextSetInfo, visible, displayOnly, }: RestTimerProps): react_jsx_runtime.JSX.Element | null;
 
+/**
+ * Shared "segmented metric" typography primitive — the Inter · 600 · letter-spacing 1
+ * value/separator cell used by both {@link TempoDisplay} (tempo digits + dashes) and
+ * {@link SetsRepsLoad} (sets × reps @ load). Extracted so the two read as one visual
+ * language instead of drifting copies.
+ */
+declare const METRIC_FONT = "Inter, sans-serif";
+interface MetricCellProps {
+    children: ReactNode;
+    /** Cell text color — value cells take a primary color, separators a muted one. */
+    color: string;
+    fontSize?: number;
+}
+declare function MetricCell({ children, color, fontSize }: MetricCellProps): react_jsx_runtime.JSX.Element;
+
+interface SetsRepsLoadProps extends ViewProps {
+    sets: number;
+    reps: number | string;
+    load: number;
+    /** Displayed load unit label (e.g. "lb", "kg"). */
+    unit?: string;
+    className?: string;
+}
+/**
+ * The `sets × reps @ load` prescription line, in the TempoDisplay visual language
+ * (Inter · 600 · letter-spacing 1 · value cells with muted `×` / `@` separators).
+ * Shares the {@link MetricCell} primitive with TempoDisplay so the two stay in step.
+ */
+declare function SetsRepsLoad({ sets, reps, load, unit, className, ...props }: SetsRepsLoadProps): react_jsx_runtime.JSX.Element;
+
+interface SegmentedBarSegment {
+    /** Flex weight of this segment's slot. Default 1 (all segments equal width). */
+    weight?: number;
+    /** Fraction 0..1 of the slot the coloured fill covers, left-aligned. Default 1 (full). */
+    fill?: number;
+    /** Fill colour — a literal hex (RNW-safe), never a `var()` token ref. */
+    color: string;
+    /** When true the fill animates on the shared active-pulse loop. */
+    pulse?: boolean;
+    /**
+     * When pulsing, interpolate the fill's `backgroundColor` from→to over the loop
+     * (full opacity). Omit to fall back to the default opacity breathe.
+     */
+    pulseColor?: [from: string, to: string];
+    /**
+     * A fixed gap (px) carved in before this segment's slot — lets a composer split
+     * an otherwise-butted bar into sub-structure (drop notch, myo cluster) without a
+     * uniform {@link SegmentedBarProps.gap}. Default 0 (butted against the previous).
+     */
+    leadingGap?: number;
+    /**
+     * Static fill opacity 0..1 for a non-pulsing segment (e.g. a fading "count
+     * unknown" trail). Ignored for `pulse` segments, which drive their own opacity.
+     */
+    opacity?: number;
+}
+interface SegmentedBarProps extends ViewProps {
+    /** The weighted segments, laid left-to-right. */
+    segments: SegmentedBarSegment[];
+    /** Track height in px. Default 8. */
+    height?: number;
+    /** Gap between segment slots in px. Default 5 (SetStrip's between-set gap). */
+    gap?: number;
+    /** Corner radius of each segment slot in px. Default 2. */
+    radius?: number;
+    /** An absolutely-positioned vertical marker line at `position` (0..1 of total width). */
+    marker?: {
+        position: number;
+        color: string;
+    } | null;
+    /**
+     * Resolve the testID of a segment's fill element. Lets a composing component
+     * (e.g. SetBar) preserve its own test hooks; defaults to `segmented-bar-segment`.
+     */
+    segmentTestID?: (segment: SegmentedBarSegment, index: number) => string | undefined;
+}
+/**
+ * A horizontal track split into weighted, individually-fillable segments — the
+ * presentational atom the per-set strips are built from. Each segment is a flex
+ * slot (flex = `weight`) holding a left-aligned fill (`fill` fraction, `color`);
+ * `pulse` segments breathe on a shared active-pulse loop, and `marker` drops a
+ * vertical line at a fraction of the total width. Colours are passed-in literal hex.
+ */
+declare function SegmentedBar({ segments, height, gap, radius, marker, segmentTestID, style, ...props }: SegmentedBarProps): react_jsx_runtime.JSX.Element;
+
+/** How progress compares to its target pace: `ahead`, `behind`, or `neutral` (no target). */
+type PaceTone = 'ahead' | 'behind' | 'neutral';
+/**
+ * Classify `progress` (0..1) against an optional `target` (0..1). No target reads
+ * as `neutral`; at or past target is `ahead`, otherwise `behind`.
+ */
+declare function paceTone(progress: number, target?: number): PaceTone;
+/** The literal-hex colour for a tone. */
+declare function paceToneColor(tone: PaceTone): string;
+
+interface SegmentedProgressBarSegment {
+    /** Weight of this segment's slot — e.g. an exercise's planned set count. */
+    weight: number;
+}
+interface SegmentedProgressBarProps extends ViewProps {
+    /** The weighted segments, laid left-to-right (e.g. one per exercise). */
+    segments: SegmentedProgressBarSegment[];
+    /** Cumulative progress in the SAME units as the summed weights (e.g. sets done). May be fractional. */
+    value: number;
+    /** 0..1 position for the overlay pace marker (e.g. elapsed / budget). Omit → no marker, neutral tone. */
+    target?: number;
+    /** Overlay-marker colour. Default the live-green (status-live-muted). */
+    markerColor?: string;
+    /** Override the single pace fill colour. Default = paceToneColor(paceTone(value / total, target)). */
+    color?: string;
+    /** Track height in px. Passed through to SegmentedBar. */
+    height?: number;
+    /** Gap between segment slots in px. Passed through to SegmentedBar. */
+    gap?: number;
+}
+/**
+ * A progress bar segmented by weighted slots (one chunk per exercise, width ∝ its
+ * set count): `value` fills the chunks left-to-right, and a single pace colour spans
+ * them all — green when at/ahead of the `target` pace, amber when behind, steel when
+ * there is no target. An optional overlay marker pins the target position. Composes
+ * {@link SegmentedBar} + {@link paceTone}.
+ */
+declare function SegmentedProgressBar({ segments, value, target, markerColor, color, height, gap, ...props }: SegmentedProgressBarProps): react_jsx_runtime.JSX.Element;
+
+interface MetricTileData {
+    /** Uppercase micro-label shown above the value */
+    label: string;
+    /** Primary value */
+    value: string;
+    /** Tints the value (status/accent hex); defaults to primary text */
+    valueColor?: string;
+}
+interface MetricTilesProps extends ViewProps {
+    /** Stat cells rendered left-to-right; typically three */
+    metrics: MetricTileData[];
+    /** Space between tiles (Stack gap scale, default 1 ≈ 4px) */
+    gap?: 0 | 1 | 2 | 3 | 4;
+}
+/**
+ * MetricTiles — a row of equal-width stat tiles.
+ *
+ * A thin, presentational HStack of {@link Tile}. Each tile flexes to fill its
+ * share so the row reflows gracefully in a responsive rail. Used by SessionHeader
+ * for Volume / Load / Fatigue (and Date / Time / Until when upcoming).
+ *
+ * @example
+ * <MetricTiles metrics={[
+ *   { label: 'Volume', value: '76%' },
+ *   { label: 'Load', value: '7.3k' },
+ *   { label: 'Fatigue', value: 'MOD', valueColor: amber },
+ * ]} />
+ */
+declare function MetricTiles({ metrics, gap, ...props }: MetricTilesProps): react_jsx_runtime.JSX.Element;
+
+type Gap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
+interface ScheduleTilesProps extends ViewProps {
+    /** The scheduled moment (timestamp in ms or Date object). */
+    when: number | Date;
+    /** Reference "now"; injectable so the until/accent calc is deterministic in tests. Defaults to the mount time. */
+    now?: number;
+    /** Gap between the tiles (default 1). */
+    gap?: Gap;
+}
+/**
+ * ScheduleTiles — Date / Time / Until row for an upcoming session.
+ *
+ * An HStack of three {@link Tile}s derived from a single scheduled moment. The
+ * Until value reuses {@link formatDateTime} relative formatting and turns
+ * accent-orange only when the session is less than a day away.
+ *
+ * @example
+ * <ScheduleTiles when={Date.now() + 5 * 60 * 60 * 1000} />
+ */
+declare function ScheduleTiles({ when, now, gap, ...props }: ScheduleTilesProps): react_jsx_runtime.JSX.Element;
+
+interface SetStripProps extends ViewProps {
+    /** Per-set performance data, in set order. */
+    sets: SetStripSet[];
+    /** Bar height in px. Default 8. */
+    height?: number;
+    className?: string;
+}
+/**
+ * The per-set segmented performance strip: one continuous {@link SetBar} per set
+ * (rep intensities as butted color segments, no rep gaps), sets separated by a
+ * fixed gap. Fills its container width. Colors are the real titan ramp pins.
+ */
+declare function SetStrip({ sets, height, className, ...props }: SetStripProps): react_jsx_runtime.JSX.Element;
+
+interface ExerciseHeadingProps {
+    name: string;
+    /** Prescription line values (sets × reps @ load). */
+    sets: number;
+    reps: number | string;
+    load: number;
+    unit?: 'lbs' | 'kg';
+    /** Tempo tuple [eccentric, pauseBottom, concentric, pauseTop]; hidden when absent. */
+    tempo?: [number, number, number, number];
+    /** Small PR / issue / info chip in the title row. */
+    indicator?: ExerciseIndicatorKind;
+    /** Dim the block as a not-yet-reached exercise (standalone use). */
+    dimmed?: boolean;
+    /** Press target for the name row (expand / select). */
+    onPress?: () => void;
+}
+/**
+ * The exercise-heading info block (no strip): the name + {@link ExerciseIndicator}
+ * title row over a tight {@link SetsRepsLoad} prescription line beside the real
+ * {@link TempoDisplay} (`showLabel={false}`). The name row is the sole press
+ * target — TempoDisplay is a sibling, never a descendant, since it is itself a
+ * Pressable (nesting would be an a11y nested-interactive violation).
+ */
+declare function ExerciseHeading({ name, sets, reps, load, unit, tempo, indicator, dimmed, onPress, }: ExerciseHeadingProps): react_jsx_runtime.JSX.Element;
+
+interface ExerciseCardHeadingProps extends ExerciseHeadingProps {
+    /** Per-set performance data driving the strip; an empty list renders no strip. */
+    setStates: SetStripSet[];
+    /** Strip height in px. Default 8. */
+    stripHeight?: number;
+    /** Root testID. Default "exercise-card"; override when nested inside another card. */
+    testID?: string;
+}
+/**
+ * The complete, standalone session-rail heading: an {@link ExerciseHeading} info
+ * block over its per-set {@link SetStrip}. The unit the rail lists — self-contained
+ * and independent of {@link ExerciseCard} (whose `rail` state delegates here).
+ * e1RM is intentionally dropped (a planning / live-panel concern). Dimming lives on
+ * the outer wrapper so the strip dims with the heading.
+ */
+declare function ExerciseCardHeading({ setStates, stripHeight, dimmed, testID, ...heading }: ExerciseCardHeadingProps): react_jsx_runtime.JSX.Element;
+
+interface SetTableHeaderProps {
+    /** Weight-column label: LBS / KG. Default lbs. */
+    unit?: 'lbs' | 'kg';
+    /** Show the PREV (previous-best) column. Default true; false drops it for rail density. */
+    showPrevious?: boolean;
+    /** Overridable so a host card can keep its own testID. Default "table-header". */
+    testID?: string;
+}
+/**
+ * The expanded-set-table column-header row: SET · PREV · REPS · LOAD · RPE, with
+ * the weight column reflecting `unit`. `showPrevious={false}` drops PREV (rail
+ * density). Its per-column widths mirror {@link SetRow} so headers align over the
+ * rows. Extracted from {@link ExerciseCard}'s expanded state for reuse.
+ */
+declare function SetTableHeader({ unit, showPrevious, testID, }: SetTableHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface SessionHeaderPlanEntry {
+    /** Exercise name (currently informational — chunk widths come from `sets`). */
+    name?: string;
+    /** Planned set count — drives this exercise's chunk width (∝ sets). */
+    sets: number;
+}
+interface SessionHeaderProps extends ViewProps {
+    /** Session title — the live session's name, or the next session's name when `next` is set. */
+    title: string;
+    /** Exercises in order → chunk widths (∝ sets). */
+    plan: SessionHeaderPlanEntry[];
+    /** Fractional sets completed (live). 0/undefined leaves the bar empty. */
+    setsDone?: number;
+    /** Live elapsed time in ms — drives the ⏱ readout and the pace marker. */
+    elapsedMs?: number;
+    /** Optional time budget in ms → adds the pace marker and the ` / budget` suffix. Omit → no marker, plain (steel) progress. */
+    budgetMs?: number;
+    /** Elapsed readout goes live-green while true. Default true (live). */
+    running?: boolean;
+    /** Live stat tiles (Volume / Load / Fatigue). Ignored when `next` is set. */
+    metrics?: MetricTileData[];
+    /** When set → UPCOMING layout: schedule tiles + empty bar; `title` is the next session's name. */
+    next?: number | Date;
+    className?: string;
+}
+/**
+ * The session-rail heading: the session title over a stat row and a chunked pace bar.
+ * Live, it shows Volume/Load/Fatigue tiles, a per-exercise progress bar (fill ∝ sets
+ * done, coloured green/amber against the elapsed-vs-budget pace, with a live marker),
+ * a mono `n/total sets` label and a ⏱ elapsed readout. Upcoming (`next` set), the tiles
+ * become Date/Time/Until, the bar is the empty plan shape, and the readout shows the
+ * planned duration. Rendered on the raised charcoal plane; presentational. Composes
+ * {@link MetricTiles} / {@link ScheduleTiles} + {@link SegmentedProgressBar} +
+ * {@link TimerReadout}.
+ */
+declare function SessionHeader({ title, plan, setsDone, elapsedMs, budgetMs, running, metrics, next, className, style, ...props }: SessionHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface SessionRailExercise {
+    /** Stable key + press payload. Falls back to list index when absent. */
+    id?: string;
+    name: string;
+    summary: {
+        sets: number;
+        reps: number | string;
+        weight: number;
+        unit: 'lbs' | 'kg';
+    };
+    tempo?: [number, number, number, number];
+    indicator?: ExerciseIndicatorKind;
+    /** Per-set performance data driving the heading strip. */
+    setStates: SetStripSet[];
+    /** Dim the row as a not-yet-reached exercise. */
+    upcoming?: boolean;
+}
+interface SessionRailProps extends ViewProps {
+    /** Session title — the live session's name, or the next session's name when `next` is set. */
+    title: string;
+    exercises: SessionRailExercise[];
+    /** Fractional sets completed (live) — drives the header's pace bar + sets label. */
+    setsDone?: number;
+    /** Live elapsed time in ms — drives the header's ⏱ readout and pace marker. */
+    elapsedMs?: number;
+    /** Optional time budget in ms → header pace marker + ` / budget`. */
+    budgetMs?: number;
+    /** Header elapsed readout goes live-green while true. Default true (live). */
+    running?: boolean;
+    /** Live stat tiles (Volume / Load / Fatigue). Ignored when `next` is set. */
+    metrics?: MetricTileData[];
+    /** When set → the header renders the UPCOMING glance (Date/Time/Until + empty bar). */
+    next?: number | Date;
+    /** Heading strip height in px, forwarded to each row. Default 8. */
+    stripHeight?: number;
+    /** Rail width in px. Default 246. */
+    width?: number;
+    onExercisePress?: (exercise: SessionRailExercise, index: number) => void;
+    className?: string;
+}
+/**
+ * The live-workout session rail: a flat raised {@link SessionHeader} glance (title,
+ * stat tiles, chunked pace bar) over a sunk, inset list of {@link ExerciseCardHeading}
+ * exercise headings. The header's plan (chunk widths ∝ sets) is derived from `exercises`.
+ * Presentational — driven entirely by props.
+ */
+declare function SessionRail({ title, exercises, setsDone, elapsedMs, budgetMs, running, metrics, next, stripHeight, width, onExercisePress, className, style, ...props }: SessionRailProps): react_jsx_runtime.JSX.Element;
+
 interface SupersetWrapperProps {
     label?: string;
     color?: string;
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
 declare function SupersetWrapper({ label, color, children, }: SupersetWrapperProps): react_jsx_runtime.JSX.Element;
 
@@ -2862,6 +3308,206 @@ interface ReadinessCheckProps {
  */
 declare function ReadinessCheck({ factors, score, warmUpValidation, warmUpCompleted, onConfirm, className, }: ReadinessCheckProps): react_jsx_runtime.JSX.Element;
 
+/** A single colour band of the zone gradient, spanning `[prev.upTo, upTo]` of the domain. */
+interface ZoneTrackZone {
+    /** Upper bound of this band in domain units. The last band's `upTo` should reach `max`. */
+    upTo: number;
+    /** Band fill colour — a literal hex (RNW-safe), sourced from a ramp/effort-scale token. */
+    color: string;
+}
+/**
+ * A tick at `value`: a colored line over the track + an optional compact label
+ * below, with an optional tooltip (to expand an acronym / show the raw value so
+ * the label footer can stay light). Multiple ticks are supported.
+ */
+interface ZoneTrackTick {
+    /** Position of the tick in domain units. */
+    value: number;
+    /** Optional compact label rendered under the tick. */
+    label?: string;
+    /** Line + label colour. Defaults to a muted tick colour (or brand when `emphasized`). */
+    color?: string;
+    /** Emphasize this tick (thicker line, brand colour by default) — e.g. a target landmark. */
+    emphasized?: boolean;
+    /** Tooltip content shown on hover (web) / long-press (native) — expand the acronym, show the raw value. */
+    tooltip?: string;
+}
+/**
+ * The value marker sitting on the track.
+ * - `needle`: a vertical line at `value`, overhanging the track (FatigueMeter / TrainingLoadGauge).
+ * - `fill`: a left-anchored fill from `min` to `value`. Omit `color` to clip-reveal the zone
+ *   gradient up to `value`; supply `color` for a solid trend-coloured fill (FatigueGauge-style).
+ */
+type ZoneTrackMarker = {
+    type: 'needle';
+    value: number;
+    color?: string;
+    glow?: boolean;
+} | {
+    type: 'fill';
+    value: number;
+    color?: string;
+    glow?: boolean;
+};
+/** An optional translucent range highlight (e.g. RpeCalibration's predicted CI band). */
+interface ZoneTrackBand {
+    /** Range start in domain units. */
+    from: number;
+    /** Range end in domain units. */
+    to: number;
+    /** Highlight colour (typically a translucent token). */
+    color: string;
+}
+interface ZoneTrackProps extends ViewProps {
+    /** Ordered zone bands, laid left→right; each covers `[previous.upTo, upTo]` of the domain. */
+    zones: ZoneTrackZone[];
+    /** Domain maximum (right edge). */
+    max: number;
+    /** Domain minimum (left edge). Default 0. */
+    min?: number;
+    /** The value marker — a needle line or a left-anchored fill. Omit for a bare gradient track. */
+    marker?: ZoneTrackMarker | null;
+    /** Optional tick marks with labels below the track. */
+    ticks?: ZoneTrackTick[];
+    /** Optional translucent range highlight drawn over the gradient. */
+    band?: ZoneTrackBand | null;
+    /** Track height in px. Default 14. */
+    trackHeight?: number;
+    /** How far a needle marker overhangs the track top + bottom, in px. Default 6. */
+    needleOverhang?: number;
+    /** Muted colour of the track behind / beyond the fill. Default a charcoal step. */
+    trackColor?: string;
+    className?: string;
+}
+/**
+ * Low-level gauge primitive: a horizontal pill track carrying an N-band zone gradient,
+ * optional tick marks with labels, and a single value marker (a needle line or a
+ * left-anchored fill). The zone bands are weighted by their domain span, so thresholds
+ * need not be evenly spaced. This is the shared visual base for the linear gauge family
+ * (FatigueMeter needle, TrainingLoadGauge zone bar, RpeCalibration band + marker) — pass
+ * the domain (`min`/`max`), the `zones`, and a `marker`; colours are literal hex from the
+ * ramp tokens (never `var()` refs, so they survive the RNW/vitest alias).
+ */
+declare function ZoneTrack({ zones, max, min, marker, ticks, band, trackHeight, needleOverhang, trackColor, className, style, accessibilityLabel, ...props }: ZoneTrackProps): react_jsx_runtime.JSX.Element;
+
+interface FatigueMeterProps extends ViewProps {
+    /** Current velocity-loss percentage (0 = fresh). Drives the needle position. */
+    value: number;
+    /** Upper bound of the fatigue scale — the "stop" end, in loss %. Default 40. */
+    max?: number;
+    /** Zone boundary thresholds (loss %): green→gold, gold→orange, orange→red. Default [10,20,30]. */
+    thresholds?: [number, number, number];
+    /** Zone band colours low→high (fresh→stop). Default the canonical effort scale. */
+    zoneColors?: [string, string, string, string];
+    /** Tick labels at [min, ...thresholds, max]. Default ['fresh','VL10','VL20','VL30','stop']. */
+    labels?: string[];
+    /** Track height in px. Default 14. */
+    trackHeight?: number;
+    /** Needle colour. Default white. */
+    needleColor?: string;
+    className?: string;
+}
+/**
+ * A fatigue meter: a sliding needle over a fixed green→gold→orange→red velocity-loss
+ * gradient with VL10/VL20/VL30/stop scale markers. This is the winning fatigue-visual
+ * lineage (needle-over-zoned-gradient, three independent sources agreed) — it composes
+ * the shared {@link ZoneTrack} primitive, supplying the fatigue domain, zone bands from
+ * the effort-scale tokens, and the coaching-cue tick labels. Prop-driven: `value` plus
+ * overridable `thresholds` / `max` / `zoneColors` / `labels`.
+ *
+ * @example
+ * <FatigueMeter value={21} />           // needle in the VL20 (orange) zone
+ * <FatigueMeter value={8} max={40} thresholds={[10, 20, 30]} />
+ */
+declare function FatigueMeter({ value, max, thresholds, zoneColors, labels, trackHeight, needleColor, className, ...props }: FatigueMeterProps): react_jsx_runtime.JSX.Element;
+
+type VolumeZone = 'under' | 'maintenance' | 'productive' | 'approaching' | 'over';
+
+interface VolumeLandmarkBarProps extends ViewProps {
+    /** Muscle group label shown in the header lockup. */
+    muscle: string;
+    /** Current weekly working sets for this muscle group. */
+    currentSets: number;
+    /** MEV / MAV / MRV landmark set counts. */
+    landmarks: VolumeLandmarks;
+    /** Track width in px (default 220). */
+    width?: number;
+    /** Track height in px (default 10). */
+    trackHeight?: number;
+    /**
+     * Upper bound of the track scale in sets. Defaults to `mrv` plus 20% headroom
+     * so an over-MRV fill visibly extends past the MRV tick.
+     */
+    scaleMax?: number;
+    className?: string;
+}
+/**
+ * Horizontal weekly-volume bar with MEV / MAV / MRV landmark ticks and a HEAT-scale
+ * fill positioned against the MAV target. Composes the shared {@link ZoneTrack}
+ * gauge primitive (track + active-zone fill + colored/tooltip landmark ticks; glows
+ * when in the productive zone) and a {@link DataRow} header lockup (muscle title +
+ * current % at matched type height). The tick acronyms expand to their full name +
+ * raw set count on hover/long-press, keeping the footer light. Reuses the canonical
+ * BodyMap volume heat scale so a muscle's status reads the same as in the body map.
+ *
+ * @example
+ * <VolumeLandmarkBar muscle="Quads" currentSets={16} landmarks={{ mev: 8, mav: 16, mrv: 22 }} />
+ */
+declare function VolumeLandmarkBar({ muscle, currentSets, landmarks, width, trackHeight, scaleMax, className, style, ...props }: VolumeLandmarkBarProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Auto-regulation verdict — the human-readable read-once summary of a set's
+ * velocity-loss state.
+ * - `productive` — in the band, keep going (success)
+ * - `threshold`  — VL20 reached, approaching fatigue (warning)
+ * - `stop`       — VL28+, terminate the set (error)
+ */
+type StatusPillStatus = 'productive' | 'threshold' | 'stop';
+interface StatusPillProps extends ViewProps {
+    status: StatusPillStatus;
+    /** Overrides the default verdict text for the status. */
+    label?: string;
+    className?: string;
+}
+/** Resolved semantic color for a verdict status. */
+declare function statusPillColor(status: StatusPillStatus): string;
+/**
+ * Verdict pill: a glowing status dot + colored verdict text, in a tinted,
+ * bordered capsule. Composes {@link StatusDot} for the dot so the glow/color
+ * stays consistent with the atom. Tint and border are derived from the same
+ * semantic token via `alpha()` — no per-status raw hex.
+ */
+declare function StatusPill({ status, label, className, style, ...props }: StatusPillProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Coaching-category flood level for the live surface. Mirrors {@link StatusPill}:
+ * - `productive` — quiet, no flood
+ * - `threshold`  — amber wash at VL20
+ * - `stop`       — red wash at VL28+ (optionally pulsing)
+ */
+type LiveAuraCategory = 'productive' | 'threshold' | 'stop';
+interface LiveAuraFrameProps extends ViewProps {
+    category: LiveAuraCategory;
+    /**
+     * Pulse the flood on `stop`. Uses the nativewind `animate-pulse` utility so
+     * it stays static-friendly under test (className→style, no live clock).
+     * Defaults to true.
+     */
+    pulse?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+/** Resolved flood color for a category, or `null` when there is no flood. */
+declare function liveAuraColor(category: LiveAuraCategory): string | null;
+/**
+ * Full-surface color-flood frame tied to a coaching category. Wraps `children`
+ * on a charcoal base and layers a radial wash (amber at threshold, red at stop)
+ * as a decorative, pointer-transparent overlay. The wash uses a solid
+ * `backgroundColor` fallback (native) plus a web-only `backgroundImage` radial
+ * gradient; both derive from the same semantic token via `alpha()`.
+ */
+declare function LiveAuraFrame({ category, pulse, className, children, style, ...props }: LiveAuraFrameProps): react_jsx_runtime.JSX.Element;
+
 interface TreemapDatum {
     /** Stable identity — returned by onPress and used as the React key. */
     id: string;
@@ -3091,6 +3737,91 @@ interface TopBarProps {
  */
 declare function TopBar({ state, devices, time, subtitle, showSubtitle, showClock, onSelectDevice, className, }: TopBarProps): react_jsx_runtime.JSX.Element;
 
+interface NavItemProps {
+    /** The nav glyph (an icon from `components/icons`, rendered ~20px via `currentColor`). */
+    icon: ReactNode;
+    /** Short label shown under the glyph (uppercased for display; used as the accessible name). */
+    label: string;
+    /** Active category → left accent bar + brand-colored glyph & label. */
+    active?: boolean;
+    /**
+     * A set is running for this category while it is NOT the active view
+     * (live-elsewhere) → a quiet muted-green label tint. Ignored when `active`.
+     */
+    live?: boolean;
+    onPress?: () => void;
+    className?: string;
+}
+/**
+ * Shell S2 · NavItem — one category button in the {@link SideNav}: a 20px glyph
+ * over an uppercase micro-label in a 46×46 target. The button spans the full 60px
+ * rail so the active **left accent bar** sits flush to the rail's edge. States:
+ * active = accent bar + `brand-primary`; `live` (while not active) tints only the
+ * label `status-success-dark` (the glyph stays dim); otherwise dim `text-tertiary`.
+ */
+declare function NavItem({ icon, label, active, live, onPress, className, }: NavItemProps): react_jsx_runtime.JSX.Element;
+
+interface SideNavItem {
+    /** Stable category key — matches `activeKey` / `liveKey`. */
+    key: string;
+    /** Micro-label shown under the glyph. */
+    label: string;
+    /** The glyph node (rendered ~20px via `currentColor`). */
+    icon: ReactNode;
+}
+interface SideNavProps {
+    /** Category items, top → bottom. Defaults to the four dashboard categories. */
+    items?: SideNavItem[];
+    /** Key of the active category. */
+    activeKey: string;
+    /** Called with the tapped item's key. */
+    onNavigate?: (key: string) => void;
+    /**
+     * Key of a category with live activity while it is NOT active (e.g. a set
+     * running off its view) → a quiet green cue on that item's label.
+     */
+    liveKey?: string | null;
+    className?: string;
+}
+/** The four dashboard categories with their locked S2 glyphs (activity · history · layers · figure). */
+declare const defaultNavItems: SideNavItem[];
+/**
+ * Shell S2 · SideNav — the persistent 60px left rail that switches the main
+ * viewport between categories (Live · Review · Program · Body). Presentational:
+ * it renders `items` and reports taps via `onNavigate`; the app owns routing and
+ * which key is `live`. Active item shows a left accent bar; `liveKey` (when not
+ * the active view) tints that item's label a muted green. Fixed 60px at every
+ * width — labels sit under the glyph, so they never change the rail width.
+ */
+declare function SideNav({ items, activeKey, onNavigate, liveKey, className, }: SideNavProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * `DashboardShell` — the wall-dashboard chrome: a persistent {@link SideNav} rail +
+ * {@link TopBar} over a main content region. A thin frame that wires the shell-nav
+ * organisms together and exposes a `children` content slot, so the dashboard app
+ * mounts one component instead of re-assembling the chrome. Driven entirely by props.
+ */
+interface DashboardShellProps {
+    /** Active nav category key. */
+    activeKey?: string;
+    /** Nav categories, top → bottom. Defaults to SideNav's four dashboard categories. */
+    navItems?: SideNavItem[];
+    /** A category with off-view live activity → a quiet cue on that item. */
+    liveKey?: string | null;
+    /** Global session state → the TopBar status pill. */
+    state?: SessionState;
+    /** Connected devices → the TopBar connection glyph + dropdown. */
+    devices?: Device[];
+    /** TopBar brand subtitle. */
+    subtitle?: string;
+    onNavigate?: (key: string) => void;
+    onSelectDevice?: (device: Device) => void;
+    /** Main content region. A placeholder renders when omitted. */
+    children?: ReactNode;
+    className?: string;
+}
+declare function DashboardShell({ activeKey, navItems, liveKey, state, devices, subtitle, onNavigate, onSelectDevice, children, className, }: DashboardShellProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Utility function to merge Tailwind CSS classes with proper conflict resolution.
  * Combines clsx for conditional classes with tailwind-merge for deduplication.
@@ -3299,4 +4030,4 @@ interface PrescriptionInput {
  */
 declare function formatPrescription(p: PrescriptionInput | null | undefined): string | null;
 
-export { Accordion, AccordionButton, type AccordionButtonProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, type AlertVariant, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarBadge, type AvatarBadgeProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Badge, type BadgeColor, type BadgeProps, type BadgeSize, BadgeText, type BadgeTextProps, type BadgeVariant, BaseBadge, type BaseBadgeProps, type BaseBadgeSize, type BaseBadgeVariant, BluetoothIcon, BrandLockup, type BrandLockupProps, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonIcon, type ButtonIconProps, type ButtonProps, type ButtonSize, ButtonSpinner, type ButtonSpinnerProps, ButtonText, type ButtonTextProps, type ButtonVariant, Caption, type CaptionProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, type CardElevation, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardSkeleton, type CardSkeletonProps, CardTitle, type CardTitleProps, type CardVariant, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, CircularProgress, type CircularProgressProps, Collapse, CollapseButton, type CollapseButtonProps, CollapseContent, type CollapseContentProps, type CollapseProps, DataRow, type DataRowProps, DateTime, type DateTimeFormat, type DateTimeProps, DeviationBar, type DeviationBarProps, type Device, type DeviceConnState, DeviceIndicator, type DeviceIndicatorProps, DeviceMenu, type DeviceMenuProps, DeviceRow, type DeviceRowProps, type DeviceRowState, Divider, type DividerOrientation, type DividerProps, Drawer, DrawerBody, type DrawerBodyProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerProps, type DrawerSize, DumbbellIcon, ElevationLevel, EmptyState, type EmptyStateProps, type FieldState, type FieldWrapperProps, FormActions, type FormActionsProps, type FormErrors, FormField, type FormFieldProps, FormRow, type FormRowProps, FormSection, type FormSectionProps, type FormTouched, type FormValues, Gauge, type GaugeProps, type GaugeThreshold, GlowIntensity, HStack, Heading, type HeadingProps, HelpTip, type HelpTipIcon, type HelpTipPlacement, type HelpTipProps, type HelpTipSize, IconBox, type IconBoxProps, type IconProps, Indicator, type IndicatorColor, type IndicatorProps, type IndicatorPulse, type IndicatorSize, Input, InputBar, type InputBarProps, InputGroup, type InputGroupProps, type InputProps, type InputSize, type InputVariant, IntensityBar, type IntensityBarProps, Label, type LabelProps, LabelWithHelp, type LabelWithHelpProps, Link, type LinkColor, type LinkProps, type LinkUnderline, ListItem, ListItemContent, type ListItemContentProps, ListItemDivider, type ListItemDividerProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemTrailing, type ListItemTrailingProps, Menu, MenuDivider, type MenuDividerProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MenuTrigger, type MenuTriggerProps, Metric, MetricGroup, type MetricGroupProps, type MetricProps, type MetricTrend, Modal, ModalBody, type ModalBodyProps, ModalCloseButton, type ModalCloseButtonProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, MuscleGroupChip, type MuscleGroupChipProps, Overline, type OverlineProps, Paragraph, type ParagraphProps, PasswordInput, type PasswordInputProps, Pill, type PillColor, type PillProps, type PillSize, type PillVariant, PlaceholderStrip, type PlaceholderStripProps, Popover, PopoverCloseButton, type PopoverCloseButtonProps, PopoverContent, type PopoverContentProps, type PopoverPlacement, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, PrHistoryModal, type PrHistoryModalProps, type PrRecord, type PrRecordType, type PrescriptionInput, Progress, type ProgressColor, type ProgressProps, type ProgressSize, ProgressSteps, type ProgressStepsProps, type ProgressVariant, Radio, type RadioColor, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, ReadinessCheck, type ReadinessCheckProps, type ReadinessFactor, RestTimer, type RestTimerProps, type ResultType, Scatter, type ScatterAxis, type ScatterDatum, type ScatterProps, Section, SectionContent, type SectionContentProps, SectionHeader, type SectionHeaderProps, type SectionProps, Select, type SelectOption, type SelectProps, type SessionState, SessionStatePill, type SessionStatePillProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarDivider, type SidebarDividerProps, SidebarFooter, type SidebarFooterProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, Skeleton, type SkeletonAnimation, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonListItem, type SkeletonListItemProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SkeletonVariant, type SortDirection, Sparkline, type SparklineProps, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Stack, type StackProps, StarIcon, StatusDot, type StatusDotProps, type StatusDotVariant, type StatusType, StepContent, type StepContentProps, StepIndicator, type StepIndicatorProps, StepLabel, type StepLabelProps, type StepStatus, Stepper, type StepperOrientation, type StepperProps, Step as StepperStep, type StepProps as StepperStepProps, SupersetWrapper, type SupersetWrapperProps, Surface, type SurfaceProps, SvgIcon, type SvgIconProps, Switch, type SwitchProps, type SwitchSize, TEMPO_PACING, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsOrientation, type TabsProps, type TabsVariant, TempoBar, type TempoBarProps, TempoDisplay, type TempoDisplayProps, type TempoLivePhase, type TempoLiveState, type TempoPacingState, type TempoPhaseKey, Toast, type ToastConfig, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastStatus, ToolbarButton, ToolbarButtonGroup, type ToolbarButtonGroupProps, type ToolbarButtonProps, type ToolbarButtonSize, type ToolbarButtonVariant, Tooltip, type TooltipPlacement, type TooltipProps, TopBar, type TopBarProps, Treemap, type TreemapDatum, type TreemapProps, type TreemapScale, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type UseTableOptions, type UseTableReturn, VStack, VoltrasMark, type VolumeStatus, type WarmUpStatus, type WarmUpValidation, WeightBadge, type WeightBadgeProps, type WeightBadgeSize, alpha, cn, composeValidators, createFieldId, formatDateTime, formatPrescription, formatSignedPct, formatVelocity, getContrastText, getFieldAriaProps, getFieldValidationProps, getLuminance, getResultColor, getStatusColor, getTempoFillPct, getTempoPacingState, hasMaxLength, hasMinLength, isEmpty, isValidEmail, roundRpe, roundTempo, roundWeight, rpeColor, useTable, useToast, useToolbarButton, validationRules };
+export { Accordion, AccordionButton, type AccordionButtonProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, ActivityIcon, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, AlertTriangleIcon, type AlertVariant, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarBadge, type AvatarBadgeProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, AwardIcon, Badge, type BadgeColor, type BadgeProps, type BadgeSize, BadgeText, type BadgeTextProps, type BadgeVariant, BaseBadge, type BaseBadgeProps, type BaseBadgeSize, type BaseBadgeVariant, BluetoothIcon, BrandLockup, type BrandLockupProps, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonIcon, type ButtonIconProps, type ButtonProps, type ButtonSize, ButtonSpinner, type ButtonSpinnerProps, ButtonText, type ButtonTextProps, type ButtonVariant, Caption, type CaptionProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, type CardElevation, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardSkeleton, type CardSkeletonProps, CardTitle, type CardTitleProps, type CardVariant, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, CircleSlashIcon, CircularProgress, type CircularProgressProps, Collapse, CollapseButton, type CollapseButtonProps, CollapseContent, type CollapseContentProps, type CollapseProps, DashboardShell, type DashboardShellProps, DataRow, type DataRowProps, DateTime, type DateTimeFormat, type DateTimeProps, DeviationBar, type DeviationBarProps, type Device, type DeviceConnState, DeviceIndicator, type DeviceIndicatorProps, DeviceMenu, type DeviceMenuProps, DeviceRow, type DeviceRowProps, type DeviceRowState, Divider, type DividerOrientation, type DividerProps, Drawer, DrawerBody, type DrawerBodyProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerProps, type DrawerSize, DumbbellIcon, ElevationLevel, EmptyState, type EmptyStateProps, ExerciseCardHeading, type ExerciseCardHeadingProps, ExerciseHeading, type ExerciseHeadingProps, ExerciseIndicatorKind, FatigueMeter, type FatigueMeterProps, type FieldState, type FieldWrapperProps, FormActions, type FormActionsProps, type FormErrors, FormField, type FormFieldProps, FormRow, type FormRowProps, FormSection, type FormSectionProps, type FormTouched, type FormValues, Gauge, type GaugeProps, type GaugeThreshold, GlowIntensity, HStack, Heading, type HeadingProps, HelpTip, type HelpTipIcon, type HelpTipPlacement, type HelpTipProps, type HelpTipSize, HistoryIcon, IconBox, type IconBoxProps, type IconProps, Indicator, type IndicatorColor, type IndicatorProps, type IndicatorPulse, type IndicatorSize, InfoIcon, Input, InputBar, type InputBarProps, InputGroup, type InputGroupProps, type InputProps, type InputSize, type InputVariant, IntensityBar, type IntensityBarProps, Label, type LabelProps, LabelWithHelp, type LabelWithHelpProps, LayersIcon, Link, type LinkColor, type LinkProps, type LinkUnderline, ListItem, ListItemContent, type ListItemContentProps, ListItemDivider, type ListItemDividerProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemTrailing, type ListItemTrailingProps, type LiveAuraCategory, LiveAuraFrame, type LiveAuraFrameProps, METRIC_FONT, Menu, MenuDivider, type MenuDividerProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MenuTrigger, type MenuTriggerProps, Metric, MetricCell, type MetricCellProps, MetricGroup, type MetricGroupProps, type MetricProps, type MetricTileData, MetricTiles, type MetricTilesProps, type MetricTrend, Modal, ModalBody, type ModalBodyProps, ModalCloseButton, type ModalCloseButtonProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, MuscleGroupChip, type MuscleGroupChipProps, NavItem, type NavItemProps, Overline, type OverlineProps, type PRType, type PaceTone, Paragraph, type ParagraphProps, PasswordInput, type PasswordInputProps, PersonStandingIcon, Pill, type PillColor, type PillProps, type PillSize, type PillVariant, PlaceholderStrip, type PlaceholderStripProps, Popover, PopoverCloseButton, type PopoverCloseButtonProps, PopoverContent, type PopoverContentProps, type PopoverPlacement, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, PrBadge, type PrBadgeProps, PrHistoryModal, type PrHistoryModalProps, type PrRecord, type PrRecordType, type PrescriptionInput, Progress, type ProgressColor, type ProgressProps, type ProgressSize, ProgressSteps, type ProgressStepsProps, type ProgressVariant, Radio, type RadioColor, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, ReadinessCheck, type ReadinessCheckProps, type ReadinessFactor, RestTimer, type RestTimerProps, type ResultType, ScaleIcon, Scatter, type ScatterAxis, type ScatterDatum, type ScatterProps, ScheduleTiles, type ScheduleTilesProps, Section, SectionContent, type SectionContentProps, SectionHeader, type SectionHeaderProps, type SectionProps, SegmentedBar, type SegmentedBarProps, type SegmentedBarSegment, SegmentedProgressBar, type SegmentedProgressBarProps, type SegmentedProgressBarSegment, Select, type SelectOption, type SelectProps, SessionHeader, type SessionHeaderPlanEntry, type SessionHeaderProps, SessionRail, type SessionRailExercise, type SessionRailProps, type SessionState, SessionStatePill, type SessionStatePillProps, SetStrip, type SetStripProps, SetStripSet, SetTableHeader, type SetTableHeaderProps, SetsRepsLoad, type SetsRepsLoadProps, SideNav, type SideNavItem, type SideNavProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarDivider, type SidebarDividerProps, SidebarFooter, type SidebarFooterProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, Skeleton, type SkeletonAnimation, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonListItem, type SkeletonListItemProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SkeletonVariant, type SortDirection, Sparkline, type SparklineProps, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Stack, type StackProps, StarIcon, StatusDot, type StatusDotProps, type StatusDotVariant, StatusPill, type StatusPillProps, type StatusPillStatus, type StatusType, StepContent, type StepContentProps, StepIndicator, type StepIndicatorProps, StepLabel, type StepLabelProps, type StepStatus, Stepper, type StepperOrientation, type StepperProps, Step as StepperStep, type StepProps as StepperStepProps, SupersetWrapper, type SupersetWrapperProps, Surface, type SurfaceProps, SvgIcon, type SvgIconProps, Switch, type SwitchProps, type SwitchSize, TEMPO_PACING, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsOrientation, type TabsProps, type TabsVariant, TempoBar, type TempoBarProps, TempoDisplay, type TempoDisplayProps, type TempoLivePhase, type TempoLiveState, type TempoPacingState, type TempoPhaseKey, Tile, type TileProps, type TimerMode, TimerReadout, type TimerReadoutProps, type TimerState, Toast, type ToastConfig, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastStatus, ToolbarButton, ToolbarButtonGroup, type ToolbarButtonGroupProps, type ToolbarButtonProps, type ToolbarButtonSize, type ToolbarButtonVariant, Tooltip, type TooltipPlacement, type TooltipProps, TopBar, type TopBarProps, Treemap, type TreemapDatum, type TreemapProps, type TreemapScale, TrendingDownIcon, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type UseTableOptions, type UseTableReturn, type UseTimerOptions, VStack, VoltrasMark, VolumeLandmarkBar, type VolumeLandmarkBarProps, VolumeLandmarks, type VolumeStatus, type VolumeZone, type WarmUpStatus, type WarmUpValidation, WeightBadge, type WeightBadgeProps, type WeightBadgeSize, ZoneTrack, type ZoneTrackBand, type ZoneTrackMarker, type ZoneTrackProps, type ZoneTrackTick, type ZoneTrackZone, alpha, cn, composeValidators, createFieldId, defaultNavItems, formatDateTime, formatDuration, formatPrescription, formatSignedPct, formatVelocity, getContrastText, getFieldAriaProps, getFieldValidationProps, getLuminance, getResultColor, getStatusColor, getTempoFillPct, getTempoPacingState, hasMaxLength, hasMinLength, isEmpty, isValidEmail, liveAuraColor, paceTone, paceToneColor, roundRpe, roundTempo, roundWeight, rpeColor, statusPillColor, useTable, useTimer, useToast, useToolbarButton, validationRules };