@titan-design/react-ui 0.9.1 → 0.9.3

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1, { ReactNode } from 'react';
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
 import { ViewProps, PressableProps, View, TextInputProps, TextInput, ImageSourcePropType, ModalProps as ModalProps$1, TextProps } from 'react-native';
-import { ElevationLevel, GlowIntensity } from './theme/index.js';
-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.js';
+import { ThemeMode, ElevationLevel, GlowIntensity } from './theme/index.js';
+export { CATEGORICAL_CVD_SAFE_MAX, CategoricalVariant, ComponentType, CssPropertyEntry, CssPropertyManifest, ElevationConfig, GradientStyle, ManifestValidationResult, ShadowIntensity, ShadowSurface, ThemeConfig, 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.js';
 import { S as SetStripSet, E as ExerciseIndicatorKind } from './pages-DyEx-lBf.js';
 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-DyEx-lBf.js';
 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.js';
@@ -91,14 +92,14 @@ interface AlertProps extends ViewProps {
      */
     message?: string;
     /** Custom icon element */
-    icon?: React$1.ReactNode;
+    icon?: React__default.ReactNode;
     /** Whether to show the default icon */
     showIcon?: boolean;
     /** Callback when close button is pressed */
     onClose?: () => void;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Alert component for displaying status messages.
@@ -115,7 +116,7 @@ interface AlertProps extends ViewProps {
  */
 declare function Alert({ status, variant, size, message, icon, showIcon, onClose, className, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
 interface AlertTitleProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -123,7 +124,7 @@ interface AlertTitleProps {
  */
 declare function AlertTitle({ children, className }: AlertTitleProps): react_jsx_runtime.JSX.Element;
 interface AlertDescriptionProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -154,7 +155,7 @@ interface ButtonProps extends Omit<PressableProps, 'children'> {
     /** Additional className for styling */
     className?: string;
     /** Button content */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Button component following compound component pattern.
@@ -170,9 +171,9 @@ interface ButtonProps extends Omit<PressableProps, 'children'> {
  *   <ButtonText>Add item</ButtonText>
  * </Button>
  */
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<View>>;
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<View>>;
 interface ButtonTextProps {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -181,7 +182,7 @@ interface ButtonTextProps {
 declare function ButtonText({ children, className }: ButtonTextProps): react_jsx_runtime.JSX.Element;
 interface ButtonIconProps {
     /** Icon component to render */
-    as: React$1.ComponentType<{
+    as: React__default.ComponentType<{
         size?: number;
         color?: string;
         className?: string;
@@ -229,9 +230,9 @@ interface InputProps extends Omit<TextInputProps, 'editable'> {
     /** Error message (shown when isInvalid is true) */
     errorMessage?: string;
     /** Left element/icon */
-    leftElement?: React$1.ReactNode;
+    leftElement?: React__default.ReactNode;
     /** Right element/icon */
-    rightElement?: React$1.ReactNode;
+    rightElement?: React__default.ReactNode;
     /** Additional className for the container */
     className?: string;
     /** Additional className for the input */
@@ -254,9 +255,9 @@ interface InputProps extends Omit<TextInputProps, 'editable'> {
  *   errorMessage="Password is required"
  * />
  */
-declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<TextInput>>;
+declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<TextInput>>;
 interface InputGroupProps {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -265,9 +266,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$1.ReactNode;
+    showIcon?: React__default.ReactNode;
     /** Custom hide password icon */
-    hideIcon?: React$1.ReactNode;
+    hideIcon?: React__default.ReactNode;
 }
 /**
  * Password input with visibility toggle.
@@ -278,7 +279,7 @@ interface PasswordInputProps extends Omit<InputProps, 'secureTextEntry' | 'right
  *   placeholder="Enter your password"
  * />
  */
-declare const PasswordInput: React$1.ForwardRefExoticComponent<PasswordInputProps & React$1.RefAttributes<TextInput>>;
+declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<TextInput>>;
 
 type CardVariant = 'elevated' | 'outline' | 'filled' | 'accent' | 'subtle';
 type CardElevation = 1 | 2 | 3;
@@ -303,7 +304,7 @@ interface CardProps extends ViewProps {
     accentWidth?: number;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     /** Show header skeleton when loading (default: true) */
     skeletonHasHeader?: boolean;
     /** Show footer skeleton when loading (default: false) */
@@ -335,7 +336,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$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -343,7 +344,7 @@ interface CardHeaderProps {
  */
 declare function CardHeader({ children, className }: CardHeaderProps): react_jsx_runtime.JSX.Element;
 interface CardTitleProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -351,7 +352,7 @@ interface CardTitleProps {
  */
 declare function CardTitle({ children, className }: CardTitleProps): react_jsx_runtime.JSX.Element;
 interface CardDescriptionProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -359,7 +360,7 @@ interface CardDescriptionProps {
  */
 declare function CardDescription({ children, className }: CardDescriptionProps): react_jsx_runtime.JSX.Element;
 interface CardContentProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -367,7 +368,7 @@ interface CardContentProps {
  */
 declare function CardContent({ children, className }: CardContentProps): react_jsx_runtime.JSX.Element;
 interface CardFooterProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -427,7 +428,7 @@ interface BadgeProps extends ViewProps {
     dotColor?: IndicatorColor;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Badge component for status indicators and labels.
@@ -438,7 +439,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$1.ReactNode;
+    children: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -516,7 +517,7 @@ interface AvatarBadgeProps {
  */
 declare function AvatarBadge({ color, className }: AvatarBadgeProps): react_jsx_runtime.JSX.Element;
 interface AvatarGroupProps {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     /** Maximum avatars to show before +N indicator */
     max?: number;
     /** Size of avatars */
@@ -578,9 +579,9 @@ interface CheckboxProps extends Omit<PressableProps, 'children'> {
  *   label="Accept terms and conditions"
  * />
  */
-declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<View>>;
+declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<View>>;
 interface CheckboxGroupProps {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     /** Label for the group */
     label?: string;
     /** Orientation of checkboxes */
@@ -620,7 +621,7 @@ interface SwitchProps extends Omit<PressableProps, 'children'> {
  *   label="Enable notifications"
  * />
  */
-declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<View>>;
+declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<View>>;
 
 type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 type ModalScrollBehavior = 'inside' | 'outside';
@@ -641,7 +642,7 @@ interface ModalProps extends Omit<ModalProps$1, 'visible'> {
     backdropClassName?: string;
     /** Animation type */
     animationType?: 'none' | 'fade' | 'slide';
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Modal component for dialogs and overlays.
@@ -664,7 +665,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$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -672,7 +673,7 @@ interface ModalContentProps {
  */
 declare function ModalContent({ children, className }: ModalContentProps): react_jsx_runtime.JSX.Element;
 interface ModalHeaderProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -680,7 +681,7 @@ interface ModalHeaderProps {
  */
 declare function ModalHeader({ children, className }: ModalHeaderProps): react_jsx_runtime.JSX.Element;
 interface ModalTitleProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -695,7 +696,7 @@ interface ModalCloseButtonProps {
  */
 declare function ModalCloseButton({ className }: ModalCloseButtonProps): react_jsx_runtime.JSX.Element;
 interface ModalBodyProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     /** Maximum height for scrollable content (when scrollBehavior="inside") */
     maxHeight?: number;
     className?: string;
@@ -705,7 +706,7 @@ interface ModalBodyProps {
  */
 declare function ModalBody({ children, maxHeight, className }: ModalBodyProps): react_jsx_runtime.JSX.Element;
 interface ModalFooterProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -815,7 +816,7 @@ interface TabsProps extends ViewProps {
     orientation?: TabsOrientation;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Tabs component for tabbed navigation.
@@ -836,7 +837,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$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -850,14 +851,14 @@ interface TabProps {
     isDisabled?: boolean;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Individual tab button.
  */
 declare function Tab({ index, isDisabled, className, children, }: TabProps): react_jsx_runtime.JSX.Element;
 interface TabPanelsProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -865,7 +866,7 @@ interface TabPanelsProps {
  */
 declare function TabPanels({ children, className }: TabPanelsProps): react_jsx_runtime.JSX.Element;
 interface TabPanelProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -884,7 +885,7 @@ interface ChipProps extends ViewProps {
     /** Size */
     size?: ChipSize;
     /** Left element (icon, avatar) */
-    leftElement?: React$1.ReactNode;
+    leftElement?: React__default.ReactNode;
     /** Whether the chip is dismissible */
     onDelete?: () => void;
     /** Whether the chip is clickable */
@@ -893,7 +894,7 @@ interface ChipProps extends ViewProps {
     isDisabled?: boolean;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Chip component for tags, labels, and filters.
@@ -923,7 +924,7 @@ interface LinkProps extends Omit<TextProps, 'onPress'> {
     isDisabled?: boolean;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Link component for navigation.
@@ -940,9 +941,9 @@ interface TooltipProps extends ViewProps {
     /** Plain-text tooltip content */
     label?: string;
     /** Rich tooltip content (takes precedence over label) */
-    content?: React$1.ReactNode;
+    content?: React__default.ReactNode;
     /** Trigger element */
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     /** Tooltip placement */
     placement?: TooltipPlacement;
     /** Delay before showing (ms) */
@@ -985,7 +986,7 @@ interface CollapseProps extends ViewProps {
     onToggle?: (isOpen: boolean) => void;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Collapsible content container.
@@ -1002,7 +1003,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$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -1010,7 +1011,7 @@ interface CollapseButtonProps {
  */
 declare function CollapseButton({ children, className }: CollapseButtonProps): react_jsx_runtime.JSX.Element;
 interface CollapseContentProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -1024,7 +1025,7 @@ interface AccordionProps extends ViewProps {
     defaultIndex?: number[];
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Accordion component for multiple collapsible sections.
@@ -1044,7 +1045,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$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -1054,7 +1055,7 @@ declare function AccordionItem({ index, children, className }: AccordionItemProp
 interface AccordionButtonProps {
     isOpen?: boolean;
     onToggle?: () => void;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -1063,7 +1064,7 @@ interface AccordionButtonProps {
 declare function AccordionButton({ isOpen, onToggle, children, className, }: AccordionButtonProps): react_jsx_runtime.JSX.Element;
 interface AccordionPanelProps {
     isOpen?: boolean;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -1073,12 +1074,12 @@ declare function AccordionPanel({ isOpen, children, className }: AccordionPanelP
 
 interface BreadcrumbsProps extends ViewProps {
     /** Custom separator */
-    separator?: React$1.ReactNode;
+    separator?: React__default.ReactNode;
     /** Maximum items to show (with collapse) */
     maxItems?: number;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Breadcrumbs navigation component.
@@ -1100,7 +1101,7 @@ interface BreadcrumbItemProps {
     onPress?: () => void;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Individual breadcrumb item.
@@ -1123,7 +1124,7 @@ interface PopoverProps extends ViewProps {
     closeDelay?: number;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Popover component for displaying floating content.
@@ -1140,7 +1141,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$1.ReactNode;
+    children: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -1148,7 +1149,7 @@ interface PopoverTriggerProps {
  */
 declare function PopoverTrigger({ children, className }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
 interface PopoverContentProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -1156,7 +1157,7 @@ interface PopoverContentProps {
  */
 declare function PopoverContent({ children, className }: PopoverContentProps): react_jsx_runtime.JSX.Element | null;
 interface PopoverCloseButtonProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -1171,7 +1172,7 @@ interface MenuProps extends ViewProps {
     onOpenChange?: (isOpen: boolean) => void;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Menu component for dropdown menus.
@@ -1191,7 +1192,7 @@ interface MenuProps extends ViewProps {
  */
 declare function Menu({ isOpen: controlledIsOpen, onOpenChange, className, children, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
 interface MenuTriggerProps {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -1199,7 +1200,7 @@ interface MenuTriggerProps {
  */
 declare function MenuTrigger({ children, className }: MenuTriggerProps): react_jsx_runtime.JSX.Element;
 interface MenuListProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -1214,10 +1215,10 @@ interface MenuItemProps {
     /** Whether the item is destructive (shows in red) */
     isDestructive?: boolean;
     /** Icon element */
-    icon?: React$1.ReactNode;
+    icon?: React__default.ReactNode;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Individual menu item.
@@ -1233,7 +1234,7 @@ declare function MenuDivider({ className }: MenuDividerProps): react_jsx_runtime
 interface MenuGroupProps {
     /** Group label */
     label?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -1304,7 +1305,7 @@ interface ToolbarButtonProps extends ViewProps {
     /** Button label */
     label: string;
     /** Icon component */
-    icon?: React$1.ReactNode;
+    icon?: React__default.ReactNode;
     /**
      * Whether the button is in active/selected state.
      * - `true`: pressed/active appearance (darker, white text, orange icon)
@@ -1325,7 +1326,7 @@ interface ToolbarButtonProps extends ViewProps {
     /** Press handler */
     onPress?: () => void;
     /** Menu content (renders in popover) */
-    menuContent?: React$1.ReactNode;
+    menuContent?: React__default.ReactNode;
     /** Additional className */
     className?: string;
 }
@@ -1364,7 +1365,7 @@ interface ToolbarButtonGroupProps extends ViewProps {
     gap?: 'none' | 'sm' | 'md';
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Container for grouping toolbar buttons together.
@@ -1398,7 +1399,7 @@ interface RadioGroupProps extends ViewProps {
     label?: string;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * RadioGroup component for grouping radio buttons.
@@ -1422,7 +1423,7 @@ interface RadioProps extends ViewProps {
     color?: RadioColor;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Radio button component.
@@ -1451,7 +1452,7 @@ interface DrawerProps extends ViewProps {
     title?: string;
     /** Additional className for the drawer content */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Drawer component for side panel overlays.
@@ -1472,7 +1473,7 @@ declare function Drawer({ isOpen, onClose, placement, size, closeOnOverlayClick,
 interface DrawerHeaderProps extends ViewProps {
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Header section for the drawer.
@@ -1483,7 +1484,7 @@ interface DrawerBodyProps extends ViewProps {
     scrollable?: boolean;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Body/content section for the drawer.
@@ -1492,7 +1493,7 @@ declare function DrawerBody({ scrollable, className, children, ...props }: Drawe
 interface DrawerFooterProps extends ViewProps {
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Footer section for the drawer, typically for action buttons.
@@ -1564,7 +1565,7 @@ interface CircularProgressProps extends ViewProps {
      * replaces the {@link showValue} text — the ring becomes a generic container for
      * any centered element. See {@link CircularTimer} for the batteries-included timer.
      */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * Fill the parent container (responsive) instead of drawing a fixed `size` box.
      * The SVG uses a `0 0 size size` viewBox scaled to the container, so `size` still
@@ -1635,7 +1636,7 @@ interface ToastProviderProps {
     defaultDuration?: number;
     /** Maximum number of visible toasts */
     maxToasts?: number;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Provider component for the toast notification system.
@@ -1729,7 +1730,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$1.ReactNode;
+    renderOption?: (option: AutocompleteOption<T>, isHighlighted: boolean) => React__default.ReactNode;
     /** Text to show when no options match */
     noOptionsText?: string;
     /** Text to show when loading */
@@ -1775,7 +1776,7 @@ type HelpTipPlacement = 'top' | 'bottom' | 'left' | 'right';
 type HelpTipIcon = 'help' | 'info' | 'warning';
 interface HelpTipProps extends ViewProps {
     /** Tooltip content */
-    content: React$1.ReactNode;
+    content: React__default.ReactNode;
     /** Size of the icon */
     size?: HelpTipSize;
     /** Placement of the tooltip */
@@ -1826,7 +1827,7 @@ interface LabelWithHelpProps extends ViewProps {
     /** Label text */
     label: string;
     /** Help content */
-    helpContent: React$1.ReactNode;
+    helpContent: React__default.ReactNode;
     /** Whether the field is required */
     isRequired?: boolean;
     /** Size of the help icon */
@@ -1860,7 +1861,7 @@ interface FormFieldProps extends ViewProps {
     /** Whether the field is read-only */
     isReadOnly?: boolean;
     /** Help tooltip content */
-    helpContent?: React$1.ReactNode;
+    helpContent?: React__default.ReactNode;
     /** Size of the label */
     labelSize?: 'sm' | 'md' | 'lg';
     /** Direction of the layout */
@@ -1869,7 +1870,7 @@ interface FormFieldProps extends ViewProps {
     labelWidth?: number | string;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * FormField component for wrapping form inputs with label, help text, and error states.
@@ -1904,7 +1905,7 @@ interface FormSectionProps extends ViewProps {
     description?: string;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * FormSection component for grouping related form fields.
@@ -1925,7 +1926,7 @@ interface FormActionsProps extends ViewProps {
     align?: 'left' | 'center' | 'right' | 'between';
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * FormActions component for form action buttons.
@@ -1942,7 +1943,7 @@ interface FormRowProps extends ViewProps {
     gap?: 'sm' | 'md' | 'lg';
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * FormRow component for laying out multiple form fields horizontally.
@@ -1966,7 +1967,7 @@ interface StackProps extends ViewProps {
     justify?: 'start' | 'center' | 'end' | 'between' | 'around';
     wrap?: boolean;
     className?: string;
-    children: React$1.ReactNode;
+    children: React__default.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;
@@ -1974,19 +1975,19 @@ declare function VStack(props: StackProps): react_jsx_runtime.JSX.Element;
 
 interface SectionProps extends ViewProps {
     className?: string;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 }
 declare function Section({ className, children, ...props }: SectionProps): react_jsx_runtime.JSX.Element;
 interface SectionHeaderProps {
     title: string;
     subtitle?: string;
-    trailing?: React$1.ReactNode;
+    trailing?: React__default.ReactNode;
     className?: string;
 }
 declare function SectionHeader({ title, subtitle, trailing, className }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
 interface SectionContentProps extends ViewProps {
     className?: string;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 }
 declare function SectionContent({ className, children, ...props }: SectionContentProps): react_jsx_runtime.JSX.Element;
 
@@ -1994,7 +1995,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$1.ReactNode;
+    value: React__default.ReactNode;
     /** Additional className applied to the value element */
     valueClassName?: string;
     /** Additional className applied to the root container */
@@ -2005,7 +2006,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$1.ComponentType<{
+    icon: React__default.ComponentType<{
         size?: number;
         className?: string;
     }>;
@@ -2015,23 +2016,91 @@ interface IconBoxProps extends ViewProps {
 }
 declare function IconBox({ icon: Icon, color, size, className, ...props }: IconBoxProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * A Surface's depth on the dark charcoal ramp. Each level maps to an EXISTING
+ * semantic surface/background token (already grounded in the charcoal ramp and
+ * theme-aware) — Surface introduces no new hexes. Darkest → lightest:
+ *   background (#101010) < base (#161616) < elevated (#191919) < raised (#1C1C1C)
+ */
+type SurfaceLevel = 'background' | 'base' | 'elevated' | 'raised' | 'overlay';
+/** On-surface neutral text roles, resolved for the current surface + theme. */
+type OnSurfaceRole = 'primary' | 'secondary' | 'tertiary';
+declare const SURFACE_LEVEL_TOKEN: {
+    readonly background: "background-base";
+    readonly base: "surface-base";
+    readonly elevated: "surface-elevated";
+    readonly raised: "surface-raised";
+    readonly overlay: "surface-overlay";
+};
+interface SurfaceContextValue {
+    /** Active theme mode. Defaults to dark (the wall). */
+    mode: ThemeMode;
+    /** Depth of the nearest enclosing Surface. */
+    level: SurfaceLevel;
+}
+declare const SurfaceContext: React$1.Context<SurfaceContextValue>;
+/** The nearest surface context ({ mode, level }); default dark 'base'. */
+declare function useSurface(): SurfaceContextValue;
+/** The active theme mode from the nearest Surface/provider (default dark). */
+declare function useSurfaceMode(): ThemeMode;
+/**
+ * Literal-hex on-surface neutral text colours for a theme mode. Uses
+ * `getSemanticColors` (literal hex — the TempoBar pattern), never `resolveColor`
+ * (which returns `var()` under the RNW vitest alias), so values stay real in
+ * tested component code and on raw-RN surfaces alike.
+ */
+declare function onSurfaceColors(mode: ThemeMode): Record<OnSurfaceRole, string>;
+/** Resolve one on-surface text colour for descendants of a Surface. */
+declare function useOnSurfaceColor(role?: OnSurfaceRole): string;
+/** The background hex for a surface level under a theme mode (literal hex). */
+declare function surfaceBackground(level: SurfaceLevel, mode: ThemeMode): string;
+
 interface SurfaceProps extends ViewProps {
+    /**
+     * Numeric depth → a computed lighten + shadow (the raised-card model). The
+     * background is derived from the base surface by lightening. Ignored for the
+     * background when `level` is set. Default 0 (flat card).
+     */
     elevation?: ElevationLevel;
+    /**
+     * Named charcoal plane (shell / rail / stage). Sets the background directly
+     * from a semantic surface token — reaching the darker nav/page planes the
+     * lighten model can't — and drops the default rounding + auto shadow so the
+     * plane reads full-bleed. Composable with `elevation`'s glow.
+     */
+    level?: SurfaceLevel;
     glowColor?: string;
     glowIntensity?: GlowIntensity;
-    theme?: 'light' | 'dark';
+    /**
+     * Theme mode. Also seeds the on-surface colour CONTEXT so descendant text /
+     * icons resolve their colour from this surface instead of a `text-*` className
+     * that silently fails to black on raw RN. Inherits the nearest Surface /
+     * ThemeProvider when omitted (default dark — the wall).
+     */
+    theme?: ThemeMode;
+    /** Round the corners. Defaults on for the card model, off for a `level` plane. */
+    rounded?: boolean;
     className?: string;
-    children: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare function Surface({ elevation, glowColor, glowIntensity, theme, className, style, children, ...props }: SurfaceProps): react_jsx_runtime.JSX.Element;
+/**
+ * A container that OWNS its background and establishes an on-surface colour
+ * context. Two grounded ways to pick the background:
+ *  - `elevation` (numeric): the raised-card model — lighten-from-base + shadow.
+ *  - `level` (named): a flat charcoal plane straight from a semantic token,
+ *    for the shell / rail / stage backgrounds.
+ * Either way, descendants read the surface via {@link useOnSurfaceColor} /
+ * {@link useSurfaceMode} rather than hard-coding `getSemanticColors('dark')`.
+ */
+declare function Surface({ elevation, level, glowColor, glowIntensity, theme, rounded, className, style, children, ...props }: SurfaceProps): react_jsx_runtime.JSX.Element;
 
 interface ListItemProps extends PressableProps {
     className?: string;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 }
 declare function ListItem({ className, children, onPress, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
 interface ListItemIconProps extends ViewProps {
-    icon: React$1.ComponentType<{
+    icon: React__default.ComponentType<{
         size?: number;
         className?: string;
     }>;
@@ -2046,7 +2115,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$1.ReactNode;
+    children: React__default.ReactNode;
 }
 declare function ListItemTrailing({ className, children, ...props }: ListItemTrailingProps): react_jsx_runtime.JSX.Element;
 interface ListItemDividerProps extends ViewProps {
@@ -2060,7 +2129,7 @@ type PillColor = 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'wa
 type PillSize = 'xs' | 'sm' | 'md';
 interface PillProps extends ViewProps {
     /** Pill content */
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     /** Visual variant */
     variant?: PillVariant;
     /** Color scheme */
@@ -2070,7 +2139,7 @@ interface PillProps extends ViewProps {
     /** Fully rounded (default true) or slight radius */
     rounded?: boolean;
     /** Element before the label (e.g., Indicator dot) */
-    leftElement?: React$1.ReactNode;
+    leftElement?: React__default.ReactNode;
     /** Press handler (makes pill interactive) */
     onPress?: () => void;
     /** Additional className */
@@ -2125,7 +2194,7 @@ interface TypographyProps extends TextProps {
     maxLines?: number;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Typography component for consistent text styling.
@@ -2195,7 +2264,7 @@ interface SidebarProps extends ViewProps {
     collapsedWidth?: number;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Sidebar navigation component.
@@ -2218,7 +2287,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$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -2226,7 +2295,7 @@ interface SidebarHeaderProps {
  */
 declare function SidebarHeader({ children, className }: SidebarHeaderProps): react_jsx_runtime.JSX.Element;
 interface SidebarContentProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -2234,7 +2303,7 @@ interface SidebarContentProps {
  */
 declare function SidebarContent({ children, className }: SidebarContentProps): react_jsx_runtime.JSX.Element;
 interface SidebarFooterProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -2244,7 +2313,7 @@ declare function SidebarFooter({ children, className }: SidebarFooterProps): rea
 interface SidebarSectionProps {
     /** Section title */
     title?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -2255,14 +2324,14 @@ interface SidebarItemProps extends Omit<PressableProps, 'children'> {
     /** Unique identifier for the item */
     id: string;
     /** Icon component */
-    icon?: React$1.ComponentType<{
+    icon?: React__default.ComponentType<{
         size?: number;
         className?: string;
     }>;
     /** Label text */
     label: string;
     /** Badge content (e.g., notification count) */
-    badge?: React$1.ReactNode;
+    badge?: React__default.ReactNode;
     /** Whether this item has nested items */
     hasChildren?: boolean;
     /** Whether nested items are expanded */
@@ -2306,7 +2375,7 @@ interface TableProps extends ViewProps {
     loadingRowCount?: number;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Table component with sorting support.
@@ -2333,7 +2402,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$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -2341,7 +2410,7 @@ interface TableHeaderProps {
  */
 declare function TableHeader({ children, className }: TableHeaderProps): react_jsx_runtime.JSX.Element;
 interface TableBodyProps {
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 /**
@@ -2355,7 +2424,7 @@ interface TableRowProps extends ViewProps {
     isHoverable?: boolean;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Table row.
@@ -2370,7 +2439,7 @@ interface TableHeaderCellProps extends Omit<PressableProps, 'children'> {
     width?: number;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Table header cell with optional sorting.
@@ -2383,7 +2452,7 @@ interface TableCellProps extends ViewProps {
     width?: number;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Table data cell.
@@ -2454,7 +2523,7 @@ declare function useTable<T extends Record<string, any>>({ data, defaultPageSize
 
 interface EmptyStateProps extends ViewProps {
     /** Icon component to display */
-    icon?: React$1.ComponentType<{
+    icon?: React__default.ComponentType<{
         size?: number;
         className?: string;
     }>;
@@ -2463,7 +2532,7 @@ interface EmptyStateProps extends ViewProps {
     /** Description text */
     description?: string;
     /** Action element (usually a button) */
-    action?: React$1.ReactNode;
+    action?: React__default.ReactNode;
     /** Additional className */
     className?: string;
 }
@@ -2489,7 +2558,7 @@ interface StepperProps extends ViewProps {
     orientation?: StepperOrientation;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Stepper component for multi-step flows.
@@ -2518,7 +2587,7 @@ interface StepProps {
     status?: StepStatus;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Individual step in the stepper.
@@ -2530,7 +2599,7 @@ interface StepIndicatorProps {
     /** Step index (injected by Step) */
     index?: number;
     /** Custom icon */
-    icon?: React$1.ReactNode;
+    icon?: React__default.ReactNode;
     /** Additional className */
     className?: string;
 }
@@ -2543,7 +2612,7 @@ interface StepLabelProps {
     status?: StepStatus;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Label for a step.
@@ -2554,7 +2623,7 @@ interface StepContentProps {
     status?: StepStatus;
     /** Additional className */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Content area for vertical stepper.
@@ -2714,7 +2783,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$1.ReactNode;
+    children: React__default.ReactNode;
 }
 declare function MetricGroup({ className, children, ...props }: MetricGroupProps): react_jsx_runtime.JSX.Element;
 
@@ -2939,7 +3008,8 @@ declare function MetricCell({ children, color, fontSize }: MetricCellProps): rea
 interface SetsRepsLoadProps extends ViewProps {
     sets: number;
     reps: number | string;
-    load: number;
+    /** Load value; a string (e.g. "—") passes through verbatim for an unset/discovery load. */
+    load: number | string;
     /** Displayed load unit label (e.g. "lb", "kg"). */
     unit?: string;
     /** Cell font size (px). Default 11 — the compact rail/card scale. Raise for a wall read-out. */
@@ -3117,7 +3187,8 @@ interface ExerciseHeadingProps {
     /** Prescription line values (sets × reps @ load). */
     sets: number;
     reps: number | string;
-    load: number;
+    /** Load value; a string (e.g. "—") passes through verbatim for an unset/discovery load. */
+    load: number | string;
     unit?: 'lbs' | 'kg';
     /** Tempo tuple [eccentric, pauseBottom, concentric, pauseTop]; hidden when absent. */
     tempo?: [number, number, number, number];
@@ -3211,12 +3282,20 @@ interface SessionRailExercise {
     /** Stable key + press payload. Falls back to list index when absent. */
     id?: string;
     name: string;
+    /** `weight` accepts a string (e.g. "—") for an unset/discovery load — never a faked 0. */
     summary: {
         sets: number;
         reps: number | string;
-        weight: number;
+        weight: number | string;
         unit: 'lbs' | 'kg';
     };
+    /**
+     * Prescribed set count for the header total + pace-bar segment width. Distinct from
+     * `summary.sets`, which is the row's live DONE count (0 for the active exercise before
+     * its first set) — using that for the total under-counts by the active exercise's
+     * remaining sets. Falls back to `summary.sets` when absent.
+     */
+    plannedSets?: number;
     tempo?: [number, number, number, number];
     indicator?: ExerciseIndicatorKind;
     /** Per-set performance data driving the heading strip. */
@@ -3258,7 +3337,7 @@ declare function SessionRail({ title, exercises, setsDone, elapsedMs, budgetMs,
 interface SupersetWrapperProps {
     label?: string;
     color?: string;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
 }
 declare function SupersetWrapper({ label, color, children, }: SupersetWrapperProps): react_jsx_runtime.JSX.Element;
 
@@ -4087,4 +4166,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, 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, CircularTimer, type CircularTimerProps, 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, 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, TempoDisplay, type TempoDisplayProps, type TempoLivePhase, type TempoLiveReadout, type TempoLiveState, 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, hasMaxLength, hasMinLength, isEmpty, isValidEmail, liveAuraColor, paceTone, paceToneColor, roundRpe, roundTempo, roundWeight, rpeColor, statusPillColor, useTable, useTimer, 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, CircularTimer, type CircularTimerProps, 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, type OnSurfaceRole, 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, SURFACE_LEVEL_TOKEN, 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, SurfaceContext, type SurfaceContextValue, type SurfaceLevel, type SurfaceProps, SvgIcon, type SvgIconProps, Switch, type SwitchProps, type SwitchSize, 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, TempoDisplay, type TempoDisplayProps, type TempoLivePhase, type TempoLiveReadout, type TempoLiveState, ThemeMode, 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, hasMaxLength, hasMinLength, isEmpty, isValidEmail, liveAuraColor, onSurfaceColors, paceTone, paceToneColor, roundRpe, roundTempo, roundWeight, rpeColor, statusPillColor, surfaceBackground, useOnSurfaceColor, useSurface, useSurfaceMode, useTable, useTimer, useToast, useToolbarButton, validationRules };