@titan-design/react-ui 0.9.0 → 0.9.2

package/dist/index.mjs

@@ -10423,7 +10423,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,
@@ -10858,7 +10859,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({
@@ -10886,7 +10887,7 @@ function SessionHeader({
       className,
       style: [
         {
-          backgroundColor: RAISED,
+          backgroundColor: HEADER_BG,
           paddingTop: 11,
           paddingRight: 12,
           paddingBottom: 12,
@@ -10963,8 +10964,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,
@@ -10994,7 +10995,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,
@@ -14377,7 +14378,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
                 }
               )
@@ -14442,21 +14444,18 @@ function DashboardShell({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsxs(View, { className: cn("flex-1 flex-row bg-surface-base", className), children: [
-    /* @__PURE__ */ jsx(SideNav, { activeKey, items: navItems, liveKey, onNavigate }),
-    /* @__PURE__ */ jsxs(View, { className: "flex-1", children: [
-      /* @__PURE__ */ jsx(
-        TopBar,
-        {
-          state,
-          devices,
-          subtitle,
-          onSelectDevice
-        }
-      ),
-      /* @__PURE__ */ jsx(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(View, { className: cn("flex-1 bg-surface-base", className), children: [
+      /* @__PURE__ */ jsx(TopBar, { state, devices, subtitle, onSelectDevice }),
+      /* @__PURE__ */ jsxs(View, { className: "flex-1 flex-row", children: [
+        /* @__PURE__ */ jsx(SideNav, { activeKey, items: navItems, liveKey, onNavigate }),
+        /* @__PURE__ */ jsx(View, { className: "flex-1", children: children ?? /* @__PURE__ */ jsx(ContentPlaceholder, {}) })
+      ] })
     ] })
-  ] });
+  );
 }
 
 // src/utils/form.ts