@titan-design/react-ui 0.7.0 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +109 -12
- package/dist/index.d.ts +109 -12
- package/dist/index.js +648 -231
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +648 -232
- package/dist/index.mjs.map +1 -1
- package/dist/{pages-8u_4WbL-.d.mts → pages-DCFBqp79.d.mts} +16 -7
- package/dist/{pages-DaWiBOGa.d.ts → pages-_fI3-x7Z.d.ts} +16 -7
- package/dist/pages.d.mts +1 -1
- package/dist/pages.d.ts +1 -1
- package/dist/pages.js +495 -92
- package/dist/pages.js.map +1 -1
- package/dist/pages.mjs +496 -93
- package/dist/pages.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/custom/CircularTimer/CircularTimer.stories.tsx +90 -0
- package/src/components/custom/CircularTimer/CircularTimer.test.tsx +62 -0
- package/src/components/custom/CircularTimer/CircularTimer.tsx +112 -0
- package/src/components/custom/CircularTimer/index.ts +1 -0
- package/src/components/custom/Workout/FatigueMeter.stories.tsx +2 -2
- package/src/components/custom/Workout/FatigueMeter.test.tsx +12 -0
- package/src/components/custom/Workout/FatigueMeter.tsx +7 -3
- package/src/components/custom/Workout/README.md +47 -0
- package/src/components/custom/Workout/RestTimer.stories.tsx +132 -2
- package/src/components/custom/Workout/RestTimer.test.tsx +73 -0
- package/src/components/custom/Workout/RestTimer.tsx +141 -50
- package/src/components/custom/Workout/TempoBar.stories.tsx +69 -0
- package/src/components/custom/Workout/TempoBar.test.tsx +119 -4
- package/src/components/custom/Workout/TempoBar.tsx +107 -22
- package/src/components/custom/Workout/VelocityStrip.stories.tsx +152 -9
- package/src/components/custom/Workout/VelocityStrip.test.tsx +64 -0
- package/src/components/custom/Workout/VelocityStrip.tsx +287 -40
- package/src/components/custom/Workout/ZoneTrack.stories.tsx +2 -3
- package/src/components/custom/Workout/ZoneTrack.test.tsx +34 -0
- package/src/components/custom/Workout/ZoneTrack.tsx +76 -18
- package/src/components/custom/index.ts +1 -0
- package/src/components/ui/alert/Alert.stories.tsx +85 -2
- package/src/components/ui/alert/Alert.test.tsx +52 -0
- package/src/components/ui/alert/Alert.tsx +54 -20
- package/src/components/ui/progress/Progress.tsx +47 -22
package/dist/index.d.mts
CHANGED
|
@@ -3,8 +3,8 @@ import React$1, { ReactNode } from 'react';
|
|
|
3
3
|
import { ViewProps, PressableProps, View, TextInputProps, TextInput, ImageSourcePropType, ModalProps as ModalProps$1, TextProps } from 'react-native';
|
|
4
4
|
import { ElevationLevel, GlowIntensity } from './theme/index.mjs';
|
|
5
5
|
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';
|
|
6
|
-
import { S as SetStripSet, E as ExerciseIndicatorKind } from './pages-
|
|
7
|
-
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-
|
|
6
|
+
import { S as SetStripSet, E as ExerciseIndicatorKind } from './pages-DCFBqp79.mjs';
|
|
7
|
+
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-DCFBqp79.mjs';
|
|
8
8
|
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';
|
|
9
9
|
import { VolumeLandmarks } from './bodymap.mjs';
|
|
10
10
|
export { BodyMapData, BodyMapDetailPanelProps, BodyMapProps, ContributingExercise, MovementCategory, MuscleGroup, SimpleMuscleGroup, TrainingStatusMuscle, TrainingStatusPageProps, TrainingStatusSummary, UpcomingExercise } from './bodymap.mjs';
|
|
@@ -68,11 +68,28 @@ declare function InfoIcon(props: IconProps): react_jsx_runtime.JSX.Element;
|
|
|
68
68
|
|
|
69
69
|
type AlertStatus = 'success' | 'info' | 'warning' | 'error';
|
|
70
70
|
type AlertVariant = 'subtle' | 'outline' | 'solid';
|
|
71
|
+
type AlertSize = 'default' | 'compact';
|
|
71
72
|
interface AlertProps extends ViewProps {
|
|
72
73
|
/** Alert status type */
|
|
73
74
|
status?: AlertStatus;
|
|
74
75
|
/** Visual variant */
|
|
75
76
|
variant?: AlertVariant;
|
|
77
|
+
/**
|
|
78
|
+
* Density. `default` — the padded callout (icon + title/description block).
|
|
79
|
+
* `compact` — a single-line **cue pill** (tighter padding, center-aligned, and a
|
|
80
|
+
* hairline status border on the `subtle` variant): the across-the-room live coaching
|
|
81
|
+
* cue (absorbs the R2 `CueFlag` — e.g. a velocity-loss threshold warning). Pair with
|
|
82
|
+
* the {@link message} prop for the batteries-included colored one-liner.
|
|
83
|
+
*/
|
|
84
|
+
size?: AlertSize;
|
|
85
|
+
/**
|
|
86
|
+
* Convenience single-line content: renders as **status-colored, bold** text (white on
|
|
87
|
+
* `solid`) — the batteries-included cue message, so a `compact` cue is just
|
|
88
|
+
* `<Alert status="warning" size="compact" message="VL20 · …" />` with no need to
|
|
89
|
+
* hand-color the text (RN doesn't cascade color). Renders before {@link children},
|
|
90
|
+
* which stay available for richer content.
|
|
91
|
+
*/
|
|
92
|
+
message?: string;
|
|
76
93
|
/** Custom icon element */
|
|
77
94
|
icon?: React$1.ReactNode;
|
|
78
95
|
/** Whether to show the default icon */
|
|
@@ -96,7 +113,7 @@ interface AlertProps extends ViewProps {
|
|
|
96
113
|
* <AlertDescription>Something went wrong.</AlertDescription>
|
|
97
114
|
* </Alert>
|
|
98
115
|
*/
|
|
99
|
-
declare function Alert({ status, variant, icon, showIcon, onClose, className, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
116
|
+
declare function Alert({ status, variant, size, message, icon, showIcon, onClose, className, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
100
117
|
interface AlertTitleProps {
|
|
101
118
|
children?: React$1.ReactNode;
|
|
102
119
|
className?: string;
|
|
@@ -1542,6 +1559,19 @@ interface CircularProgressProps extends ViewProps {
|
|
|
1542
1559
|
showValue?: boolean;
|
|
1543
1560
|
/** Custom value format function */
|
|
1544
1561
|
formatValue?: (value: number, max: number) => string;
|
|
1562
|
+
/**
|
|
1563
|
+
* Custom center content (a numeral, a timer readout, an icon). When provided it
|
|
1564
|
+
* replaces the {@link showValue} text — the ring becomes a generic container for
|
|
1565
|
+
* any centered element. See {@link CircularTimer} for the batteries-included timer.
|
|
1566
|
+
*/
|
|
1567
|
+
children?: React$1.ReactNode;
|
|
1568
|
+
/**
|
|
1569
|
+
* Fill the parent container (responsive) instead of drawing a fixed `size` box.
|
|
1570
|
+
* The SVG uses a `0 0 size size` viewBox scaled to the container, so `size` still
|
|
1571
|
+
* sets the geometry proportions (radius, stroke) while the ring grows/shrinks with
|
|
1572
|
+
* its parent — e.g. a wall column. Default false (fixed `size` px).
|
|
1573
|
+
*/
|
|
1574
|
+
fill?: boolean;
|
|
1545
1575
|
/** Additional className */
|
|
1546
1576
|
className?: string;
|
|
1547
1577
|
}
|
|
@@ -1551,7 +1581,7 @@ interface CircularProgressProps extends ViewProps {
|
|
|
1551
1581
|
* @example
|
|
1552
1582
|
* <CircularProgress value={75} showValue />
|
|
1553
1583
|
*/
|
|
1554
|
-
declare function CircularProgress({ value, max, isIndeterminate, size, strokeWidth, color, showValue, formatValue, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
|
|
1584
|
+
declare function CircularProgress({ value, max, isIndeterminate, size, strokeWidth, color, showValue, formatValue, children, fill, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
|
|
1555
1585
|
interface ProgressStepsProps extends ViewProps {
|
|
1556
1586
|
/** Current step (0-indexed) */
|
|
1557
1587
|
currentStep: number;
|
|
@@ -2632,6 +2662,46 @@ interface TimerReadoutProps extends ViewProps {
|
|
|
2632
2662
|
*/
|
|
2633
2663
|
declare function TimerReadout({ mode, elapsedMs, durationMs, running, autoTick, showTotal, glyph, className, ...rest }: TimerReadoutProps): react_jsx_runtime.JSX.Element;
|
|
2634
2664
|
|
|
2665
|
+
interface CircularTimerProps {
|
|
2666
|
+
/** Total duration (ms). `down`: the countdown length; `up`: the target for progress. */
|
|
2667
|
+
durationMs: number;
|
|
2668
|
+
/** Controlled elapsed time (ms). */
|
|
2669
|
+
elapsedMs: number;
|
|
2670
|
+
/** `down` (default) counts remaining toward 0 (ring drains); `up` counts elapsed up (ring fills). */
|
|
2671
|
+
mode?: TimerMode;
|
|
2672
|
+
/** Ring diameter (px) — the geometry/stroke reference. Default 160. */
|
|
2673
|
+
size?: number;
|
|
2674
|
+
/** Ring stroke width (px). Default 8. */
|
|
2675
|
+
strokeWidth?: number;
|
|
2676
|
+
/** Fill the parent container (responsive) instead of a fixed `size` box. */
|
|
2677
|
+
fill?: boolean;
|
|
2678
|
+
/** Ring color while running. Default `primary`. */
|
|
2679
|
+
color?: ProgressColor;
|
|
2680
|
+
/**
|
|
2681
|
+
* `down` mode: the text shown in the center — and the color the ring fills to — when
|
|
2682
|
+
* the countdown completes (e.g. `doneLabel="GO"`). Omit to keep showing `0:00`.
|
|
2683
|
+
*/
|
|
2684
|
+
doneLabel?: string;
|
|
2685
|
+
/** Ring + center color when complete (with {@link doneLabel}). Default `success`. */
|
|
2686
|
+
doneColor?: ProgressColor;
|
|
2687
|
+
/** Optional controls rendered below the ring (e.g. +30s / Skip). */
|
|
2688
|
+
controls?: ReactNode;
|
|
2689
|
+
/** Accessibility label for the timer. Defaults to a seconds-remaining description. */
|
|
2690
|
+
accessibilityLabel?: string;
|
|
2691
|
+
testID?: string;
|
|
2692
|
+
}
|
|
2693
|
+
/**
|
|
2694
|
+
* A circular countdown / countup with a time readout in the center — the graphical
|
|
2695
|
+
* sibling of {@link TimerReadout}. Batteries-included: owns {@link useTimer} (pass
|
|
2696
|
+
* controlled `durationMs` + `elapsedMs`) and composes {@link CircularProgress} for the
|
|
2697
|
+
* arc (`down` drains as time runs out, `up` fills), rendering the mm:ss label in its
|
|
2698
|
+
* center slot. On completion (`down` + {@link doneLabel}) the ring fills fully in
|
|
2699
|
+
* {@link doneColor} and the center reads the done label — the "go" moment. An optional
|
|
2700
|
+
* {@link controls} node renders below the ring. Consumers (e.g. `RestTimer`'s `ring`
|
|
2701
|
+
* variant) wrap this and add their own domain chrome.
|
|
2702
|
+
*/
|
|
2703
|
+
declare function CircularTimer({ durationMs, elapsedMs, mode, size, strokeWidth, fill, color, doneLabel, doneColor, controls, accessibilityLabel, testID, }: CircularTimerProps): react_jsx_runtime.JSX.Element;
|
|
2704
|
+
|
|
2635
2705
|
type MetricTrend = 'up' | 'down' | 'neutral';
|
|
2636
2706
|
interface MetricProps extends ViewProps {
|
|
2637
2707
|
value: string;
|
|
@@ -2765,6 +2835,8 @@ declare const TEMPO_PACING: {
|
|
|
2765
2835
|
readonly minPhaseDurationMs: 500;
|
|
2766
2836
|
};
|
|
2767
2837
|
type TempoPacingState = 'none' | 'on-pace' | 'behind';
|
|
2838
|
+
/** Active-phase readout mode: elapsed/target `time`, or a `delta` countdown to the target. */
|
|
2839
|
+
type TempoActiveDisplay = 'time' | 'delta';
|
|
2768
2840
|
/**
|
|
2769
2841
|
* Classify how a phase's elapsed time tracks against its target duration.
|
|
2770
2842
|
* `none` when there is no meaningful target; `behind` once elapsed exceeds the
|
|
@@ -2773,6 +2845,8 @@ type TempoPacingState = 'none' | 'on-pace' | 'behind';
|
|
|
2773
2845
|
declare function getTempoPacingState(elapsedMs: number, targetMs: number | null): TempoPacingState;
|
|
2774
2846
|
/** Fill percentage (0–100) for the active phase; full when no target is set. */
|
|
2775
2847
|
declare function getTempoFillPct(elapsedMs: number, targetMs: number | null): number;
|
|
2848
|
+
/** Density. `default` — the compact card/rail treatment. `wall` — the across-the-room dashboard scale. */
|
|
2849
|
+
type TempoBarSize = 'default' | 'wall';
|
|
2776
2850
|
interface TempoBarProps extends ViewProps {
|
|
2777
2851
|
/** Phase currently in progress, or null when idle/at rest. */
|
|
2778
2852
|
activePhase: TempoPhaseKey | null;
|
|
@@ -2782,6 +2856,14 @@ interface TempoBarProps extends ViewProps {
|
|
|
2782
2856
|
completed?: Partial<Record<TempoPhaseKey, number>>;
|
|
2783
2857
|
/** Optional per-phase target durations (seconds) for pacing feedback. */
|
|
2784
2858
|
target?: Partial<Record<TempoPhaseKey, number>>;
|
|
2859
|
+
/** Density: `default` (compact) or `wall` (the across-the-room dashboard scale). */
|
|
2860
|
+
size?: TempoBarSize;
|
|
2861
|
+
/**
|
|
2862
|
+
* Active-phase readout. `time` (default) — `elapsed / target`. `delta` — a countdown
|
|
2863
|
+
* of the remaining time to target (`1.5` → `0.0` → `-1.2` once over), colour-coded like
|
|
2864
|
+
* the bar. Tapping the active segment toggles between the two at runtime.
|
|
2865
|
+
*/
|
|
2866
|
+
activeDisplay?: TempoActiveDisplay;
|
|
2785
2867
|
className?: string;
|
|
2786
2868
|
}
|
|
2787
2869
|
/**
|
|
@@ -2792,7 +2874,7 @@ interface TempoBarProps extends ViewProps {
|
|
|
2792
2874
|
* Presentational only: the consumer derives which phase is active, its elapsed
|
|
2793
2875
|
* time, and completed durations, then feeds them in.
|
|
2794
2876
|
*/
|
|
2795
|
-
declare function TempoBar({ activePhase, phaseElapsedMs, completed, target, className, ...props }: TempoBarProps): react_jsx_runtime.JSX.Element;
|
|
2877
|
+
declare function TempoBar({ activePhase, phaseElapsedMs, completed, target, size, activeDisplay, className, ...props }: TempoBarProps): react_jsx_runtime.JSX.Element;
|
|
2796
2878
|
|
|
2797
2879
|
interface DeviationBarProps extends ViewProps {
|
|
2798
2880
|
deviation: number;
|
|
@@ -2869,8 +2951,17 @@ interface RestTimerProps {
|
|
|
2869
2951
|
visible: boolean;
|
|
2870
2952
|
/** Passive/poll-only mode: hides the Skip and +30s controls, keeps the countdown, progress bar, and next-set line. */
|
|
2871
2953
|
displayOnly?: boolean;
|
|
2954
|
+
/**
|
|
2955
|
+
* `bar` (default) — the compact linear card (REST label + mm:ss + progress bar +
|
|
2956
|
+
* controls), the mobile bottom-bar treatment. `ring` — the across-the-room wall
|
|
2957
|
+
* treatment: a draining countdown ring (composes {@link CircularProgress}) with a
|
|
2958
|
+
* big remaining-seconds numeral, the next-set line, and the same controls.
|
|
2959
|
+
*/
|
|
2960
|
+
variant?: 'bar' | 'ring';
|
|
2961
|
+
/** `ring` diameter in px. Default 180. */
|
|
2962
|
+
size?: number;
|
|
2872
2963
|
}
|
|
2873
|
-
declare function RestTimer({ totalSeconds, elapsedMs, onSkip, onAddTime, nextSetInfo, visible, displayOnly, }: RestTimerProps): react_jsx_runtime.JSX.Element | null;
|
|
2964
|
+
declare function RestTimer({ totalSeconds, elapsedMs, onSkip, onAddTime, nextSetInfo, visible, displayOnly, variant, size, }: RestTimerProps): react_jsx_runtime.JSX.Element | null;
|
|
2874
2965
|
|
|
2875
2966
|
/**
|
|
2876
2967
|
* Shared "segmented metric" typography primitive — the Inter · 600 · letter-spacing 1
|
|
@@ -3308,6 +3399,8 @@ interface ReadinessCheckProps {
|
|
|
3308
3399
|
*/
|
|
3309
3400
|
declare function ReadinessCheck({ factors, score, warmUpValidation, warmUpCompleted, onConfirm, className, }: ReadinessCheckProps): react_jsx_runtime.JSX.Element;
|
|
3310
3401
|
|
|
3402
|
+
/** Density. `default` — the compact card/rail gauge. `wall` — the across-the-room dashboard scale. */
|
|
3403
|
+
type ZoneTrackSize = 'default' | 'wall';
|
|
3311
3404
|
/** A single colour band of the zone gradient, spanning `[prev.upTo, upTo]` of the domain. */
|
|
3312
3405
|
interface ZoneTrackZone {
|
|
3313
3406
|
/** Upper bound of this band in domain units. The last band's `upTo` should reach `max`. */
|
|
@@ -3371,9 +3464,11 @@ interface ZoneTrackProps extends ViewProps {
|
|
|
3371
3464
|
ticks?: ZoneTrackTick[];
|
|
3372
3465
|
/** Optional translucent range highlight drawn over the gradient. */
|
|
3373
3466
|
band?: ZoneTrackBand | null;
|
|
3374
|
-
/**
|
|
3467
|
+
/** Density: `default` (compact) or `wall` (the across-the-room dashboard scale). Scales track, needle, ticks and labels together. */
|
|
3468
|
+
size?: ZoneTrackSize;
|
|
3469
|
+
/** Track height in px. Overrides the `size` default (14 default / 24 wall). */
|
|
3375
3470
|
trackHeight?: number;
|
|
3376
|
-
/** How far a needle marker overhangs the track top + bottom, in px.
|
|
3471
|
+
/** How far a needle marker overhangs the track top + bottom, in px. Overrides the `size` default (6 default / 9 wall). */
|
|
3377
3472
|
needleOverhang?: number;
|
|
3378
3473
|
/** Muted colour of the track behind / beyond the fill. Default a charcoal step. */
|
|
3379
3474
|
trackColor?: string;
|
|
@@ -3388,7 +3483,7 @@ interface ZoneTrackProps extends ViewProps {
|
|
|
3388
3483
|
* the domain (`min`/`max`), the `zones`, and a `marker`; colours are literal hex from the
|
|
3389
3484
|
* ramp tokens (never `var()` refs, so they survive the RNW/vitest alias).
|
|
3390
3485
|
*/
|
|
3391
|
-
declare function ZoneTrack({ zones, max, min, marker, ticks, band, trackHeight, needleOverhang, trackColor, className, style, accessibilityLabel, ...props }: ZoneTrackProps): react_jsx_runtime.JSX.Element;
|
|
3486
|
+
declare function ZoneTrack({ zones, max, min, marker, ticks, band, size, trackHeight: trackHeightProp, needleOverhang: needleOverhangProp, trackColor, className, style, accessibilityLabel, ...props }: ZoneTrackProps): react_jsx_runtime.JSX.Element;
|
|
3392
3487
|
|
|
3393
3488
|
interface FatigueMeterProps extends ViewProps {
|
|
3394
3489
|
/** Current velocity-loss percentage (0 = fresh). Drives the needle position. */
|
|
@@ -3401,7 +3496,9 @@ interface FatigueMeterProps extends ViewProps {
|
|
|
3401
3496
|
zoneColors?: [string, string, string, string];
|
|
3402
3497
|
/** Tick labels at [min, ...thresholds, max]. Default ['fresh','VL10','VL20','VL30','stop']. */
|
|
3403
3498
|
labels?: string[];
|
|
3404
|
-
/**
|
|
3499
|
+
/** Density: `default` (compact) or `wall` (the across-the-room dashboard scale — bigger track, needle and tick labels). */
|
|
3500
|
+
size?: ZoneTrackSize;
|
|
3501
|
+
/** Track height in px. Overrides the `size` default (14 default / 24 wall). */
|
|
3405
3502
|
trackHeight?: number;
|
|
3406
3503
|
/** Needle colour. Default white. */
|
|
3407
3504
|
needleColor?: string;
|
|
@@ -3419,7 +3516,7 @@ interface FatigueMeterProps extends ViewProps {
|
|
|
3419
3516
|
* <FatigueMeter value={21} /> // needle in the VL20 (orange) zone
|
|
3420
3517
|
* <FatigueMeter value={8} max={40} thresholds={[10, 20, 30]} />
|
|
3421
3518
|
*/
|
|
3422
|
-
declare function FatigueMeter({ value, max, thresholds, zoneColors, labels, trackHeight, needleColor, className, ...props }: FatigueMeterProps): react_jsx_runtime.JSX.Element;
|
|
3519
|
+
declare function FatigueMeter({ value, max, thresholds, zoneColors, labels, size, trackHeight, needleColor, className, ...props }: FatigueMeterProps): react_jsx_runtime.JSX.Element;
|
|
3423
3520
|
|
|
3424
3521
|
type VolumeZone = 'under' | 'maintenance' | 'productive' | 'approaching' | 'over';
|
|
3425
3522
|
|
|
@@ -4030,4 +4127,4 @@ interface PrescriptionInput {
|
|
|
4030
4127
|
*/
|
|
4031
4128
|
declare function formatPrescription(p: PrescriptionInput | null | undefined): string | null;
|
|
4032
4129
|
|
|
4033
|
-
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 };
|
|
4130
|
+
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, 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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -3,8 +3,8 @@ import React$1, { ReactNode } from 'react';
|
|
|
3
3
|
import { ViewProps, PressableProps, View, TextInputProps, TextInput, ImageSourcePropType, ModalProps as ModalProps$1, TextProps } from 'react-native';
|
|
4
4
|
import { ElevationLevel, GlowIntensity } from './theme/index.js';
|
|
5
5
|
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';
|
|
6
|
-
import { S as SetStripSet, E as ExerciseIndicatorKind } from './pages-
|
|
7
|
-
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-
|
|
6
|
+
import { S as SetStripSet, E as ExerciseIndicatorKind } from './pages-_fI3-x7Z.js';
|
|
7
|
+
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-_fI3-x7Z.js';
|
|
8
8
|
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';
|
|
9
9
|
import { VolumeLandmarks } from './bodymap.js';
|
|
10
10
|
export { BodyMapData, BodyMapDetailPanelProps, BodyMapProps, ContributingExercise, MovementCategory, MuscleGroup, SimpleMuscleGroup, TrainingStatusMuscle, TrainingStatusPageProps, TrainingStatusSummary, UpcomingExercise } from './bodymap.js';
|
|
@@ -68,11 +68,28 @@ declare function InfoIcon(props: IconProps): react_jsx_runtime.JSX.Element;
|
|
|
68
68
|
|
|
69
69
|
type AlertStatus = 'success' | 'info' | 'warning' | 'error';
|
|
70
70
|
type AlertVariant = 'subtle' | 'outline' | 'solid';
|
|
71
|
+
type AlertSize = 'default' | 'compact';
|
|
71
72
|
interface AlertProps extends ViewProps {
|
|
72
73
|
/** Alert status type */
|
|
73
74
|
status?: AlertStatus;
|
|
74
75
|
/** Visual variant */
|
|
75
76
|
variant?: AlertVariant;
|
|
77
|
+
/**
|
|
78
|
+
* Density. `default` — the padded callout (icon + title/description block).
|
|
79
|
+
* `compact` — a single-line **cue pill** (tighter padding, center-aligned, and a
|
|
80
|
+
* hairline status border on the `subtle` variant): the across-the-room live coaching
|
|
81
|
+
* cue (absorbs the R2 `CueFlag` — e.g. a velocity-loss threshold warning). Pair with
|
|
82
|
+
* the {@link message} prop for the batteries-included colored one-liner.
|
|
83
|
+
*/
|
|
84
|
+
size?: AlertSize;
|
|
85
|
+
/**
|
|
86
|
+
* Convenience single-line content: renders as **status-colored, bold** text (white on
|
|
87
|
+
* `solid`) — the batteries-included cue message, so a `compact` cue is just
|
|
88
|
+
* `<Alert status="warning" size="compact" message="VL20 · …" />` with no need to
|
|
89
|
+
* hand-color the text (RN doesn't cascade color). Renders before {@link children},
|
|
90
|
+
* which stay available for richer content.
|
|
91
|
+
*/
|
|
92
|
+
message?: string;
|
|
76
93
|
/** Custom icon element */
|
|
77
94
|
icon?: React$1.ReactNode;
|
|
78
95
|
/** Whether to show the default icon */
|
|
@@ -96,7 +113,7 @@ interface AlertProps extends ViewProps {
|
|
|
96
113
|
* <AlertDescription>Something went wrong.</AlertDescription>
|
|
97
114
|
* </Alert>
|
|
98
115
|
*/
|
|
99
|
-
declare function Alert({ status, variant, icon, showIcon, onClose, className, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
116
|
+
declare function Alert({ status, variant, size, message, icon, showIcon, onClose, className, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
100
117
|
interface AlertTitleProps {
|
|
101
118
|
children?: React$1.ReactNode;
|
|
102
119
|
className?: string;
|
|
@@ -1542,6 +1559,19 @@ interface CircularProgressProps extends ViewProps {
|
|
|
1542
1559
|
showValue?: boolean;
|
|
1543
1560
|
/** Custom value format function */
|
|
1544
1561
|
formatValue?: (value: number, max: number) => string;
|
|
1562
|
+
/**
|
|
1563
|
+
* Custom center content (a numeral, a timer readout, an icon). When provided it
|
|
1564
|
+
* replaces the {@link showValue} text — the ring becomes a generic container for
|
|
1565
|
+
* any centered element. See {@link CircularTimer} for the batteries-included timer.
|
|
1566
|
+
*/
|
|
1567
|
+
children?: React$1.ReactNode;
|
|
1568
|
+
/**
|
|
1569
|
+
* Fill the parent container (responsive) instead of drawing a fixed `size` box.
|
|
1570
|
+
* The SVG uses a `0 0 size size` viewBox scaled to the container, so `size` still
|
|
1571
|
+
* sets the geometry proportions (radius, stroke) while the ring grows/shrinks with
|
|
1572
|
+
* its parent — e.g. a wall column. Default false (fixed `size` px).
|
|
1573
|
+
*/
|
|
1574
|
+
fill?: boolean;
|
|
1545
1575
|
/** Additional className */
|
|
1546
1576
|
className?: string;
|
|
1547
1577
|
}
|
|
@@ -1551,7 +1581,7 @@ interface CircularProgressProps extends ViewProps {
|
|
|
1551
1581
|
* @example
|
|
1552
1582
|
* <CircularProgress value={75} showValue />
|
|
1553
1583
|
*/
|
|
1554
|
-
declare function CircularProgress({ value, max, isIndeterminate, size, strokeWidth, color, showValue, formatValue, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
|
|
1584
|
+
declare function CircularProgress({ value, max, isIndeterminate, size, strokeWidth, color, showValue, formatValue, children, fill, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
|
|
1555
1585
|
interface ProgressStepsProps extends ViewProps {
|
|
1556
1586
|
/** Current step (0-indexed) */
|
|
1557
1587
|
currentStep: number;
|
|
@@ -2632,6 +2662,46 @@ interface TimerReadoutProps extends ViewProps {
|
|
|
2632
2662
|
*/
|
|
2633
2663
|
declare function TimerReadout({ mode, elapsedMs, durationMs, running, autoTick, showTotal, glyph, className, ...rest }: TimerReadoutProps): react_jsx_runtime.JSX.Element;
|
|
2634
2664
|
|
|
2665
|
+
interface CircularTimerProps {
|
|
2666
|
+
/** Total duration (ms). `down`: the countdown length; `up`: the target for progress. */
|
|
2667
|
+
durationMs: number;
|
|
2668
|
+
/** Controlled elapsed time (ms). */
|
|
2669
|
+
elapsedMs: number;
|
|
2670
|
+
/** `down` (default) counts remaining toward 0 (ring drains); `up` counts elapsed up (ring fills). */
|
|
2671
|
+
mode?: TimerMode;
|
|
2672
|
+
/** Ring diameter (px) — the geometry/stroke reference. Default 160. */
|
|
2673
|
+
size?: number;
|
|
2674
|
+
/** Ring stroke width (px). Default 8. */
|
|
2675
|
+
strokeWidth?: number;
|
|
2676
|
+
/** Fill the parent container (responsive) instead of a fixed `size` box. */
|
|
2677
|
+
fill?: boolean;
|
|
2678
|
+
/** Ring color while running. Default `primary`. */
|
|
2679
|
+
color?: ProgressColor;
|
|
2680
|
+
/**
|
|
2681
|
+
* `down` mode: the text shown in the center — and the color the ring fills to — when
|
|
2682
|
+
* the countdown completes (e.g. `doneLabel="GO"`). Omit to keep showing `0:00`.
|
|
2683
|
+
*/
|
|
2684
|
+
doneLabel?: string;
|
|
2685
|
+
/** Ring + center color when complete (with {@link doneLabel}). Default `success`. */
|
|
2686
|
+
doneColor?: ProgressColor;
|
|
2687
|
+
/** Optional controls rendered below the ring (e.g. +30s / Skip). */
|
|
2688
|
+
controls?: ReactNode;
|
|
2689
|
+
/** Accessibility label for the timer. Defaults to a seconds-remaining description. */
|
|
2690
|
+
accessibilityLabel?: string;
|
|
2691
|
+
testID?: string;
|
|
2692
|
+
}
|
|
2693
|
+
/**
|
|
2694
|
+
* A circular countdown / countup with a time readout in the center — the graphical
|
|
2695
|
+
* sibling of {@link TimerReadout}. Batteries-included: owns {@link useTimer} (pass
|
|
2696
|
+
* controlled `durationMs` + `elapsedMs`) and composes {@link CircularProgress} for the
|
|
2697
|
+
* arc (`down` drains as time runs out, `up` fills), rendering the mm:ss label in its
|
|
2698
|
+
* center slot. On completion (`down` + {@link doneLabel}) the ring fills fully in
|
|
2699
|
+
* {@link doneColor} and the center reads the done label — the "go" moment. An optional
|
|
2700
|
+
* {@link controls} node renders below the ring. Consumers (e.g. `RestTimer`'s `ring`
|
|
2701
|
+
* variant) wrap this and add their own domain chrome.
|
|
2702
|
+
*/
|
|
2703
|
+
declare function CircularTimer({ durationMs, elapsedMs, mode, size, strokeWidth, fill, color, doneLabel, doneColor, controls, accessibilityLabel, testID, }: CircularTimerProps): react_jsx_runtime.JSX.Element;
|
|
2704
|
+
|
|
2635
2705
|
type MetricTrend = 'up' | 'down' | 'neutral';
|
|
2636
2706
|
interface MetricProps extends ViewProps {
|
|
2637
2707
|
value: string;
|
|
@@ -2765,6 +2835,8 @@ declare const TEMPO_PACING: {
|
|
|
2765
2835
|
readonly minPhaseDurationMs: 500;
|
|
2766
2836
|
};
|
|
2767
2837
|
type TempoPacingState = 'none' | 'on-pace' | 'behind';
|
|
2838
|
+
/** Active-phase readout mode: elapsed/target `time`, or a `delta` countdown to the target. */
|
|
2839
|
+
type TempoActiveDisplay = 'time' | 'delta';
|
|
2768
2840
|
/**
|
|
2769
2841
|
* Classify how a phase's elapsed time tracks against its target duration.
|
|
2770
2842
|
* `none` when there is no meaningful target; `behind` once elapsed exceeds the
|
|
@@ -2773,6 +2845,8 @@ type TempoPacingState = 'none' | 'on-pace' | 'behind';
|
|
|
2773
2845
|
declare function getTempoPacingState(elapsedMs: number, targetMs: number | null): TempoPacingState;
|
|
2774
2846
|
/** Fill percentage (0–100) for the active phase; full when no target is set. */
|
|
2775
2847
|
declare function getTempoFillPct(elapsedMs: number, targetMs: number | null): number;
|
|
2848
|
+
/** Density. `default` — the compact card/rail treatment. `wall` — the across-the-room dashboard scale. */
|
|
2849
|
+
type TempoBarSize = 'default' | 'wall';
|
|
2776
2850
|
interface TempoBarProps extends ViewProps {
|
|
2777
2851
|
/** Phase currently in progress, or null when idle/at rest. */
|
|
2778
2852
|
activePhase: TempoPhaseKey | null;
|
|
@@ -2782,6 +2856,14 @@ interface TempoBarProps extends ViewProps {
|
|
|
2782
2856
|
completed?: Partial<Record<TempoPhaseKey, number>>;
|
|
2783
2857
|
/** Optional per-phase target durations (seconds) for pacing feedback. */
|
|
2784
2858
|
target?: Partial<Record<TempoPhaseKey, number>>;
|
|
2859
|
+
/** Density: `default` (compact) or `wall` (the across-the-room dashboard scale). */
|
|
2860
|
+
size?: TempoBarSize;
|
|
2861
|
+
/**
|
|
2862
|
+
* Active-phase readout. `time` (default) — `elapsed / target`. `delta` — a countdown
|
|
2863
|
+
* of the remaining time to target (`1.5` → `0.0` → `-1.2` once over), colour-coded like
|
|
2864
|
+
* the bar. Tapping the active segment toggles between the two at runtime.
|
|
2865
|
+
*/
|
|
2866
|
+
activeDisplay?: TempoActiveDisplay;
|
|
2785
2867
|
className?: string;
|
|
2786
2868
|
}
|
|
2787
2869
|
/**
|
|
@@ -2792,7 +2874,7 @@ interface TempoBarProps extends ViewProps {
|
|
|
2792
2874
|
* Presentational only: the consumer derives which phase is active, its elapsed
|
|
2793
2875
|
* time, and completed durations, then feeds them in.
|
|
2794
2876
|
*/
|
|
2795
|
-
declare function TempoBar({ activePhase, phaseElapsedMs, completed, target, className, ...props }: TempoBarProps): react_jsx_runtime.JSX.Element;
|
|
2877
|
+
declare function TempoBar({ activePhase, phaseElapsedMs, completed, target, size, activeDisplay, className, ...props }: TempoBarProps): react_jsx_runtime.JSX.Element;
|
|
2796
2878
|
|
|
2797
2879
|
interface DeviationBarProps extends ViewProps {
|
|
2798
2880
|
deviation: number;
|
|
@@ -2869,8 +2951,17 @@ interface RestTimerProps {
|
|
|
2869
2951
|
visible: boolean;
|
|
2870
2952
|
/** Passive/poll-only mode: hides the Skip and +30s controls, keeps the countdown, progress bar, and next-set line. */
|
|
2871
2953
|
displayOnly?: boolean;
|
|
2954
|
+
/**
|
|
2955
|
+
* `bar` (default) — the compact linear card (REST label + mm:ss + progress bar +
|
|
2956
|
+
* controls), the mobile bottom-bar treatment. `ring` — the across-the-room wall
|
|
2957
|
+
* treatment: a draining countdown ring (composes {@link CircularProgress}) with a
|
|
2958
|
+
* big remaining-seconds numeral, the next-set line, and the same controls.
|
|
2959
|
+
*/
|
|
2960
|
+
variant?: 'bar' | 'ring';
|
|
2961
|
+
/** `ring` diameter in px. Default 180. */
|
|
2962
|
+
size?: number;
|
|
2872
2963
|
}
|
|
2873
|
-
declare function RestTimer({ totalSeconds, elapsedMs, onSkip, onAddTime, nextSetInfo, visible, displayOnly, }: RestTimerProps): react_jsx_runtime.JSX.Element | null;
|
|
2964
|
+
declare function RestTimer({ totalSeconds, elapsedMs, onSkip, onAddTime, nextSetInfo, visible, displayOnly, variant, size, }: RestTimerProps): react_jsx_runtime.JSX.Element | null;
|
|
2874
2965
|
|
|
2875
2966
|
/**
|
|
2876
2967
|
* Shared "segmented metric" typography primitive — the Inter · 600 · letter-spacing 1
|
|
@@ -3308,6 +3399,8 @@ interface ReadinessCheckProps {
|
|
|
3308
3399
|
*/
|
|
3309
3400
|
declare function ReadinessCheck({ factors, score, warmUpValidation, warmUpCompleted, onConfirm, className, }: ReadinessCheckProps): react_jsx_runtime.JSX.Element;
|
|
3310
3401
|
|
|
3402
|
+
/** Density. `default` — the compact card/rail gauge. `wall` — the across-the-room dashboard scale. */
|
|
3403
|
+
type ZoneTrackSize = 'default' | 'wall';
|
|
3311
3404
|
/** A single colour band of the zone gradient, spanning `[prev.upTo, upTo]` of the domain. */
|
|
3312
3405
|
interface ZoneTrackZone {
|
|
3313
3406
|
/** Upper bound of this band in domain units. The last band's `upTo` should reach `max`. */
|
|
@@ -3371,9 +3464,11 @@ interface ZoneTrackProps extends ViewProps {
|
|
|
3371
3464
|
ticks?: ZoneTrackTick[];
|
|
3372
3465
|
/** Optional translucent range highlight drawn over the gradient. */
|
|
3373
3466
|
band?: ZoneTrackBand | null;
|
|
3374
|
-
/**
|
|
3467
|
+
/** Density: `default` (compact) or `wall` (the across-the-room dashboard scale). Scales track, needle, ticks and labels together. */
|
|
3468
|
+
size?: ZoneTrackSize;
|
|
3469
|
+
/** Track height in px. Overrides the `size` default (14 default / 24 wall). */
|
|
3375
3470
|
trackHeight?: number;
|
|
3376
|
-
/** How far a needle marker overhangs the track top + bottom, in px.
|
|
3471
|
+
/** How far a needle marker overhangs the track top + bottom, in px. Overrides the `size` default (6 default / 9 wall). */
|
|
3377
3472
|
needleOverhang?: number;
|
|
3378
3473
|
/** Muted colour of the track behind / beyond the fill. Default a charcoal step. */
|
|
3379
3474
|
trackColor?: string;
|
|
@@ -3388,7 +3483,7 @@ interface ZoneTrackProps extends ViewProps {
|
|
|
3388
3483
|
* the domain (`min`/`max`), the `zones`, and a `marker`; colours are literal hex from the
|
|
3389
3484
|
* ramp tokens (never `var()` refs, so they survive the RNW/vitest alias).
|
|
3390
3485
|
*/
|
|
3391
|
-
declare function ZoneTrack({ zones, max, min, marker, ticks, band, trackHeight, needleOverhang, trackColor, className, style, accessibilityLabel, ...props }: ZoneTrackProps): react_jsx_runtime.JSX.Element;
|
|
3486
|
+
declare function ZoneTrack({ zones, max, min, marker, ticks, band, size, trackHeight: trackHeightProp, needleOverhang: needleOverhangProp, trackColor, className, style, accessibilityLabel, ...props }: ZoneTrackProps): react_jsx_runtime.JSX.Element;
|
|
3392
3487
|
|
|
3393
3488
|
interface FatigueMeterProps extends ViewProps {
|
|
3394
3489
|
/** Current velocity-loss percentage (0 = fresh). Drives the needle position. */
|
|
@@ -3401,7 +3496,9 @@ interface FatigueMeterProps extends ViewProps {
|
|
|
3401
3496
|
zoneColors?: [string, string, string, string];
|
|
3402
3497
|
/** Tick labels at [min, ...thresholds, max]. Default ['fresh','VL10','VL20','VL30','stop']. */
|
|
3403
3498
|
labels?: string[];
|
|
3404
|
-
/**
|
|
3499
|
+
/** Density: `default` (compact) or `wall` (the across-the-room dashboard scale — bigger track, needle and tick labels). */
|
|
3500
|
+
size?: ZoneTrackSize;
|
|
3501
|
+
/** Track height in px. Overrides the `size` default (14 default / 24 wall). */
|
|
3405
3502
|
trackHeight?: number;
|
|
3406
3503
|
/** Needle colour. Default white. */
|
|
3407
3504
|
needleColor?: string;
|
|
@@ -3419,7 +3516,7 @@ interface FatigueMeterProps extends ViewProps {
|
|
|
3419
3516
|
* <FatigueMeter value={21} /> // needle in the VL20 (orange) zone
|
|
3420
3517
|
* <FatigueMeter value={8} max={40} thresholds={[10, 20, 30]} />
|
|
3421
3518
|
*/
|
|
3422
|
-
declare function FatigueMeter({ value, max, thresholds, zoneColors, labels, trackHeight, needleColor, className, ...props }: FatigueMeterProps): react_jsx_runtime.JSX.Element;
|
|
3519
|
+
declare function FatigueMeter({ value, max, thresholds, zoneColors, labels, size, trackHeight, needleColor, className, ...props }: FatigueMeterProps): react_jsx_runtime.JSX.Element;
|
|
3423
3520
|
|
|
3424
3521
|
type VolumeZone = 'under' | 'maintenance' | 'productive' | 'approaching' | 'over';
|
|
3425
3522
|
|
|
@@ -4030,4 +4127,4 @@ interface PrescriptionInput {
|
|
|
4030
4127
|
*/
|
|
4031
4128
|
declare function formatPrescription(p: PrescriptionInput | null | undefined): string | null;
|
|
4032
4129
|
|
|
4033
|
-
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 };
|
|
4130
|
+
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, 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 };
|