@titan-design/react-ui 0.9.0 → 0.9.2

package/dist/index.d.mts

@@ -2939,7 +2939,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 +3118,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 +3213,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. */

package/dist/index.d.ts

@@ -2939,7 +2939,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 +3118,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 +3213,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. */

package/dist/index.js

@@ -10429,7 +10429,8 @@ function ExerciseIndicator({ kind, onPress, className, ...props }) {
   return chip;
 }
 function headingLabel(name, sets, reps, load, unit) {
-  return `${name}, ${sets}\xD7${reps} @ ${roundWeight(load)} ${unit}`;
+  const loadLabel = typeof load === "number" ? roundWeight(load) : load;
+  return `${name}, ${sets}\xD7${reps} @ ${loadLabel} ${unit}`;
 }
 function ExerciseHeading({
   name,
@@ -10864,7 +10865,7 @@ function ExerciseCard({
   return isExpanded ? /* @__PURE__ */ jsx(ExpandedCard, { ...rest, onToggle }) : /* @__PURE__ */ jsx(CollapsedCard, { ...rest, onToggle });
 }
 var t9 = getSemanticColors("dark");
-var RAISED = primitiveColors.charcoal[400];
+var HEADER_BG = t9["background-base"];
 var BAR_HEIGHT = 9;
 var BAR_GAP = 3;
 function SessionHeader({
@@ -10892,7 +10893,7 @@ function SessionHeader({
       className,
       style: [
         {
-          backgroundColor: RAISED,
+          backgroundColor: HEADER_BG,
           paddingTop: 11,
           paddingRight: 12,
           paddingBottom: 12,
@@ -10969,8 +10970,8 @@ function SessionHeader({
     }
   );
 }
-var INSET = primitiveColors.charcoal[800];
-var DIVIDER = primitiveColors.charcoal[500];
+var INSET = primitiveColors.charcoal[600];
+var DIVIDER = primitiveColors.charcoal[300];
 var DEFAULT_WIDTH = 246;
 function SessionRail({
   title,
@@ -11000,7 +11001,7 @@ function SessionRail({
           SessionHeader,
           {
             title,
-            plan: exercises.map((ex) => ({ name: ex.name, sets: ex.summary.sets })),
+            plan: exercises.map((ex) => ({ name: ex.name, sets: ex.plannedSets ?? ex.summary.sets })),
             setsDone,
             elapsedMs,
             budgetMs,
@@ -14383,7 +14384,8 @@ function NavItem({
                 {
                   variant: "button",
                   color: "inherit",
-                  className: cn("text-[8.5px] font-bold uppercase tracking-[0.4px]", labelColor),
+                  style: { fontSize: 8.5, lineHeight: 11 },
+                  className: cn("font-bold uppercase tracking-[0.4px]", labelColor),
                   children: label
                 }
               )
@@ -14448,21 +14450,18 @@ function DashboardShell({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsxs(reactNative.View, { className: cn("flex-1 flex-row bg-surface-base", className), children: [
-    /* @__PURE__ */ jsx(SideNav, { activeKey, items: navItems, liveKey, onNavigate }),
-    /* @__PURE__ */ jsxs(reactNative.View, { className: "flex-1", children: [
-      /* @__PURE__ */ jsx(
-        TopBar,
-        {
-          state,
-          devices,
-          subtitle,
-          onSelectDevice
-        }
-      ),
-      /* @__PURE__ */ jsx(reactNative.View, { className: "flex-1", children: children ?? /* @__PURE__ */ jsx(ContentPlaceholder, {}) })
+  return (
+    // Column: the TopBar spans the FULL width across the top, and the SideNav sits BELOW it
+    // in the content row (not a full-height left rail). This keeps the brand/status band
+    // unbroken edge-to-edge and lets the nav align under it.
+    /* @__PURE__ */ jsxs(reactNative.View, { className: cn("flex-1 bg-surface-base", className), children: [
+      /* @__PURE__ */ jsx(TopBar, { state, devices, subtitle, onSelectDevice }),
+      /* @__PURE__ */ jsxs(reactNative.View, { className: "flex-1 flex-row", children: [
+        /* @__PURE__ */ jsx(SideNav, { activeKey, items: navItems, liveKey, onNavigate }),
+        /* @__PURE__ */ jsx(reactNative.View, { className: "flex-1", children: children ?? /* @__PURE__ */ jsx(ContentPlaceholder, {}) })
+      ] })
     ] })
-  ] });
+  );
 }
 
 // src/utils/form.ts