@multiplatform.one/components 6.7.0 → 7.1.0

package/dist/esm/layouts/breadcrumbs.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","MIN_PRESS_TARGET","pressTargetHitSlop","useAccentOnSurface","useResolvedKnobs","React","Anchor","Text","XStack","componentColors","CRUMB_LINE_PX","Breadcrumbs","param","items","onNavigate","knobProps","linkColor","length","sz","sizeToken","textSize","separatorSize","spaceGap","gap","trailGap","crumbPadY","Math","max","ceil","alignItems","flexWrap","children","map","item","i","Fragment","color","text","subtle","fontSize","userSelect","href","cursor","borderRadius","paddingVertical","marginVertical","minWidth","minHeight","justifyContent","hitSlop","textDecorationLine","hoverStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","onPress","e","preventDefault","onKeyDown","key"],"sources":["../../../src/layouts/breadcrumbs.tsx"],"sourcesContent":[null],"mappings":"AAQA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,gBAAA,EAAAC,kBAAA,EAAAC,kBAAA,EAAAC,gBAAA;AAAA,OACAC,KAAA;AAAA,SACAC,MAAA,EAAAC,IAAA,EAAAC,MAAA;AAAA,SACAC,eAAA;AAAA,IAAAC,aACK;AACP,SAAOC,WAAWA,CAAAC,KAAA;EAClB;IAAAC,KAAS;IAAAC;EAAc,IAAAF,KAAA;EACvB;IAAAG;EAAS,IAAAX,gBAAuB;EAoDxB,IAAAY,SAAA,GAAAb,kBAAA;EAjDR,IAAMU,KAAA,CAAAI,MAAA,KAAgB;EAoBf,IAAAC,EAAA,GAASH,SAAA,CAAYI,SAAS;EACnC,IAAAC,QAAQ,GAAAF,EAAA,KAAc,cAAAA,EAAA,KAAiB;EAIvC,IAAAG,aAAM,GAAYH,EAAA,gBAAmB,GAAAA,EAAA;EACrC,IAAII,QAAM,GAAAP,SAAc,CAAAQ,GAAA,CAAAA,GAAO;EAE/B,IAAAC,QAAW,GAAAF,QAAU,mBAAAA,QAAA;EACrB,IAAAG,SAAM,GAAAC,IAAW,CAAAC,GAAO,IAAAD,IAAQ,CAAAE,IAAA,CAAiB,CAAA3B,gBAAe,GAAAS,aAAkB;EAClF;IAKA;IACA;IAIA;IAEA;IAAA;IAAAZ,IAAA,CAAAU,MAAA;MAAAe,GAAA,EAAAC,QAAA;MAAAK,UAAA;MAAAC,QAAA;MAKEC,QAAA,EAAAlB,KAAA,CAAAmB,GAAC,WAAOC,IAAK,EAAAC,CAAA;QAGN,OACC,eAAAlC,KAAC,CAAAK,KAAA,CAAK8B,QAAO;UAIdJ,QAAK,EAAQ,CACXG,CAAA,uBAAApC,IAAA,CAAAS,IAAA;YAAA6B,KAAA,EAAA3B,eAAA,CAAA4B,IAAA,CAAAC,MAAA;YACCC,QAAO,EAAAlB,aAAA;YACPmB,UAAO;YACPT,QAAU;UAKV,IACAE,IAAA,CAAAQ,IAAA,IAAAP,CAAA,GAAiBrB,KAAA,CAAAI,MAAA,sBAAAnB,IAAA,CAAAQ,MAAA;YACjB8B,KAAA,EAAApB,SAAiB;YAIjB0B,MAAU;YACVH,QAAW,EAAAnB,QAAA;YACX;YACA;YACA;YACA;YACAuB,YAAc,EAAA5B,SAAA,CAAA4B,YAAoB,CAAAA,YAAY;YAC9CC,eAAmB,EAAAnB,SAAA;YACjBoB,cAAc,GAAApB,SAAA;YACd;YACA;YACF;YACAqB,QAAU,EAAA7C,gBAAM;YACZ8C,SAAA,EAAA9C,gBAAe;YACjB+C,cAAe;YACjBC,OAAA,EAAA/C,kBAAA,CAAAQ,aAAA;YACA+B,IAAA,EAAAR,IACI,CAAAQ,IAA2B;YAC3BS,kBAAmB;YACjBC,UAAE;cACFD,kBAAe;YACjB;YACFE,iBAAA;cAGDC,YAAK;cAAAC,YAAA;cAGRC,YAAA;YAAC;YAAAC,OAAA,WAAAA,QAAAC,CAAA;cACCA,CAAO,CAAAC,cAAA,CAAgB;cACvB,IAAUzB,IAAA,CAAAQ,IAAA,EAAA3B,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAAmB,IAAA,CAAAQ,IAAA;YACV;YAECkB,SAAA,EAAK,SAAAA,UAAAF,CAAA;cAAA,IAAAA,CAAA,CAAAG,GAAA;gBACRH,CAAA,CAAAC,cAAA;gBAvDyB,IAAKzB,IAAI,CAACQ,IA0DxC,EACH3B,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAAmB,IAAA,CAAAQ,IAAA;cAAA;YAEJ","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","MIN_PRESS_TARGET","ensureFocusVisibleRing","pressTargetHitSlop","useAccentOnSurface","useResolvedKnobs","React","useMemo","useState","useTranslation","Anchor","Text","XStack","isWeb","componentColors","withInterp","CRUMB_LINE_PX","RING","webListReset","style","listStyle","collapseSlots","items","maxVisible","expanded","asItems","asItems2","map","item","index","kind","isCurrent","length","tailCount","Math","max","hiddenStart","hiddenEnd","slots","hidden","slice","offset","i","push","Breadcrumbs","param","onNavigate","label","t","knobProps","component","linkColor","setExpanded","landmark","sz","sizeToken","textSize","separatorSize","spaceGap","gap","trailGap","crumbPadY","ceil","crumbRadius","borderRadius","interactiveCrumb","color","cursor","fontSize","paddingVertical","marginVertical","minHeight","justifyContent","alignItems","hitSlop","textDecorationLine","hoverStyle","pressStyle","opacity","outlineWidth","focusStyle","focusVisibleStyle","navigate","navigate2","href","event","_event_preventDefault","preventDefault","call","trail","role","padding","margin","flexWrap","children","slot","slotIndex","isLastSlot","tabIndex","count","backgroundColor","borderWidth","paddingHorizontal","onPress","onKeyDown","e","key","userSelect","text","muted","fontWeight"],"sources":["../../../src/layouts/breadcrumbs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/layouts/page.mjs

@@ -1,7 +1,8 @@
-import { hairline, layoutBreakpoints, radiusClassProps, readingWidthStyle, resolvePageTitleScale, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Surface, hairline, layoutBreakpoints, resolvePageTitleScale, useResolvedKnobs } from "@multiplatform.one/theme";
 import { H1, H2, H3, H4, H5, H6, Paragraph, ScrollView, Separator, XStack, YStack, isWeb } from "tamagui";
 import { componentColors, sectionHeading } from "../componentColors.mjs";
-import { PageHeadingScope, useRegisterPageHeading } from "./pageHeadingScope.mjs";
+import { PageHeadingScope, usePageChromeInset, useRegisterPageHeading } from "./pageHeadingScope.mjs";
+import { EmptyState } from "./EmptyState.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const PAGE_HEADING_TAGS = {
   1: H1,
@@ -11,13 +12,19 @@ const PAGE_HEADING_TAGS = {
   5: H5,
   6: H6
 };
-const subtitleSizeMap = {
-  $3: "$4",
-  $4: "$5",
-  $5: "$6"
-};
+function negateSpaceToken(token) {
+  return `$-${token.startsWith("$") ? token.slice(1) : token}`;
+}
 const CONTENT_MAX_WIDTH = layoutBreakpoints.xl;
-function Screen({
+function Screen(props) {
+  return /* @__PURE__ */jsx(Surface, {
+    density: "comfortable",
+    children: /* @__PURE__ */jsx(ScreenInner, {
+      ...props
+    })
+  });
+}
+function ScreenInner({
   children,
   scroll = true,
   maxWidth = CONTENT_MAX_WIDTH,
@@ -40,6 +47,7 @@ function Screen({
     ...knobProps.gapLg,
     ...rest,
     children: /* @__PURE__ */jsx(PageHeadingScope, {
+      insetToken: noPadding ? null : knobProps.panelPadding.padding,
       children
     })
   });
@@ -65,6 +73,7 @@ function PageHeader({
   subtitle,
   heading,
   actions,
+  nav,
   divider = true,
   headingLevel = 1,
   titleScale,
@@ -74,6 +83,7 @@ function PageHeader({
   const {
     knobProps
   } = useResolvedKnobs();
+  const insetToken = usePageChromeInset();
   useRegisterPageHeading({
     level: headingLevel,
     component: "PageHeader",
@@ -87,42 +97,64 @@ function PageHeader({
   const titleSize = titleScale ? resolvePageTitleScale(titleScale) : knobProps.pageTitle;
   const titleNode = heading ?? (title ? /* @__PURE__ */jsx(TitleTag, {
     margin: 0,
+    fontWeight: knobProps.heading.fontWeight,
     ...titleSize,
     ...headingFamily,
     children: title
   }) : null);
+  const showHairline = Boolean(divider);
+  const bleed = insetToken ? {
+    marginHorizontal: negateSpaceToken(insetToken)
+  } : null;
+  const contentPad = insetToken ? {
+    paddingHorizontal: insetToken
+  } : null;
   return /* @__PURE__ */jsxs(YStack, {
-    ...knobProps.gap,
+    "data-testid": "page-header",
+    overflow: "visible",
+    ...bleed,
+    ...(showHairline ? {
+      ...hairline.bottom,
+      borderColor: componentColors.divider
+    } : null),
+    ...(nav ? knobProps.gap : null),
     ...rest,
-    children: [/* @__PURE__ */jsxs(XStack, {
-      justifyContent: "space-between",
-      alignItems: "center",
-      flexWrap: "wrap",
-      ...knobProps.gap,
-      children: [titleNode ? /* @__PURE__ */jsx(YStack, {
-        flexShrink: 1,
-        minWidth: 0,
-        children: titleNode
-      }) : null, actions ? /* @__PURE__ */jsx(XStack, {
-        ...knobProps.gap,
-        alignItems: "center",
+    children: [/* @__PURE__ */jsxs(YStack, {
+      ...contentPad,
+      paddingBottom: nav ? 0 : knobProps.gap.gap,
+      children: [/* @__PURE__ */jsxs(XStack, {
+        justifyContent: "space-between",
+        alignItems: subtitle ? "flex-start" : "center",
         flexWrap: "wrap",
-        flexShrink: 1,
-        minWidth: 0,
-        children: actions
-      }) : null]
-    }), subtitle ?
-    // Lede rides one step above the size-knob body scale (medium keeps
-    // the previous $5), so the size knob reaches the header copy (LC-18).
-    /* @__PURE__ */
-    jsx(Paragraph, {
-      color: componentColors.text.muted,
-      size: subtitleSizeMap[knobProps.sizeToken] ?? "$5",
-      margin: 0,
-      children: subtitle
-    }) : null, children, divider ? /* @__PURE__ */jsx(Separator, {
-      ...hairline.line,
-      backgroundColor: componentColors.divider
+        ...knobProps.gap,
+        children: [titleNode || subtitle ? /* @__PURE__ */jsxs(YStack, {
+          flexGrow: 1,
+          flexShrink: 1,
+          minWidth: 0,
+          gap: "$1",
+          children: [titleNode, subtitle ?
+          // T-HELPER on the shared body fragment — not a local size map.
+          /* @__PURE__ */
+          jsx(Paragraph, {
+            margin: 0,
+            ...knobProps.body,
+            color: componentColors.text.muted,
+            children: subtitle
+          }) : null]
+        }) : null, actions ? /* @__PURE__ */jsx(XStack, {
+          ...knobProps.gap,
+          alignItems: "center",
+          flexWrap: "wrap",
+          flexShrink: 1,
+          minWidth: 0,
+          children: actions
+        }) : null]
+      }), children]
+    }), nav ? /* @__PURE__ */jsx(YStack, {
+      width: "100%",
+      "data-page-header-nav": "",
+      marginBottom: showHairline ? -1 : 0,
+      children: nav
     }) : null]
   });
 }
@@ -156,13 +188,10 @@ function PageSection({
   } : {};
   const headerBlock = headingNode || description ? /* @__PURE__ */jsxs(YStack, {
     gap: "$2",
-    children: [headingNode, description ?
-    // Section copy follows the size-knob body scale (medium = $4).
-    /* @__PURE__ */
-    jsx(Paragraph, {
-      color: componentColors.text.muted,
-      size: knobProps.sizeToken,
+    children: [headingNode, description ? /* @__PURE__ */jsx(Paragraph, {
       margin: 0,
+      ...knobProps.body,
+      color: componentColors.text.muted,
       children: description
     }) : null, divider ? /* @__PURE__ */jsx(Separator, {
       ...hairline.line,
@@ -179,75 +208,6 @@ function PageSection({
     }) : children]
   });
 }
-function EmptyState({
-  title,
-  description,
-  icon,
-  action,
-  compact = false,
-  intent = "neutral",
-  children,
-  ...rest
-}) {
-  const {
-    knobProps
-  } = useResolvedKnobs({
-    compact
-  });
-  const headingFamily = isWeb ? null : {
-    fontFamily: knobProps.heading.fontFamily
-  };
-  return /* @__PURE__ */jsxs(YStack, {
-    flex: compact ? void 0 : 1,
-    alignItems: "center",
-    justifyContent: "center",
-    "data-empty-intent": intent,
-    ...knobProps.panelPadding,
-    ...knobProps.gap,
-    ...rest,
-    children: [icon ? /* @__PURE__ */jsx(YStack, {
-      alignItems: "center",
-      justifyContent: "center",
-      backgroundColor: "$color3",
-      ...radiusClassProps("R-PILL", "empty icon well"),
-      padding: knobProps.sizeToken,
-      borderRadius: 1e3,
-      children: icon
-    }) : null, compact ? /* @__PURE__ */jsx(Paragraph, {
-      color: componentColors.text.muted,
-      textAlign: "center",
-      margin: 0,
-      ...(!isWeb && {
-        numberOfLines: 2,
-        adjustsFontSizeToFit: true,
-        minimumFontScale: 0.55
-      }),
-      children: title
-    }) : /* @__PURE__ */jsx(H2, {
-      ...headingFamily,
-      textAlign: "center",
-      margin: 0,
-      fontWeight: "600",
-      $sm: {
-        fontSize: "$8",
-        lineHeight: 42
-      },
-      ...(!isWeb && {
-        numberOfLines: 2,
-        adjustsFontSizeToFit: true,
-        minimumFontScale: 0.55
-      }),
-      children: title
-    }), description ? /* @__PURE__ */jsx(Paragraph, {
-      color: componentColors.text.muted,
-      size: knobProps.sizeToken,
-      textAlign: "center",
-      margin: 0,
-      ...readingWidthStyle(),
-      children: description
-    }) : null, action, children]
-  });
-}
 function ScreenToolbar({
   leading,
   trailing,

package/dist/esm/layouts/page.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["hairline","layoutBreakpoints","radiusClassProps","readingWidthStyle","resolvePageTitleScale","useResolvedKnobs","H1","H2","H3","H4","H5","H6","Paragraph","ScrollView","Separator","XStack","YStack","isWeb","componentColors","sectionHeading","PageHeadingScope","useRegisterPageHeading","jsx","jsxs","PAGE_HEADING_TAGS","subtitleSizeMap","$3","$4","$5","CONTENT_MAX_WIDTH","xl","Screen","children","scroll","maxWidth","bleed","noPadding","scrollViewProps","rest","knobProps","inner","flex","width","alignSelf","panelPadding","gapLg","backgroundColor","contentContainerStyle","flexGrow","PageHeader","title","subtitle","heading","actions","divider","headingLevel","titleScale","level","component","label","enabled","headingFamily","fontFamily","TitleTag","titleSize","pageTitle","titleNode","margin","gap","justifyContent","alignItems","flexWrap","flexShrink","minWidth","color","text","muted","size","sizeToken","line","PageSection","description","surface","SectionTag","headingNode","surfaceProps","containerRadius","headerBlock","EmptyState","icon","action","compact","intent","padding","borderRadius","textAlign","numberOfLines","adjustsFontSizeToFit","minimumFontScale","fontWeight","$sm","fontSize","lineHeight","ScreenToolbar","leading","trailing"],"sources":["../../../src/layouts/page.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Surface","hairline","layoutBreakpoints","resolvePageTitleScale","useResolvedKnobs","H1","H2","H3","H4","H5","H6","Paragraph","ScrollView","Separator","XStack","YStack","isWeb","componentColors","sectionHeading","PageHeadingScope","usePageChromeInset","useRegisterPageHeading","EmptyState","jsx","jsxs","PAGE_HEADING_TAGS","negateSpaceToken","token","startsWith","slice","CONTENT_MAX_WIDTH","xl","Screen","props","density","children","ScreenInner","scroll","maxWidth","bleed","noPadding","scrollViewProps","rest","knobProps","inner","flex","width","alignSelf","panelPadding","gapLg","insetToken","padding","backgroundColor","contentContainerStyle","flexGrow","PageHeader","title","subtitle","heading","actions","nav","divider","headingLevel","titleScale","level","component","label","enabled","headingFamily","fontFamily","TitleTag","titleSize","pageTitle","titleNode","margin","fontWeight","showHairline","Boolean","marginHorizontal","contentPad","paddingHorizontal","overflow","bottom","borderColor","gap","paddingBottom","justifyContent","alignItems","flexWrap","flexShrink","minWidth","body","color","text","muted","marginBottom","PageSection","description","surface","SectionTag","headingNode","surfaceProps","containerRadius","headerBlock","line","ScreenToolbar","leading","trailing"],"sources":["../../../src/layouts/page.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/layouts/page.native.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { hairline, layoutBreakpoints, radiusClassProps, readingWidthStyle, resolvePageTitleScale, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Surface, hairline, layoutBreakpoints, resolvePageTitleScale, useResolvedKnobs } from "@multiplatform.one/theme";
 import { H1, H2, H3, H4, H5, H6, Paragraph, ScrollView, Separator, XStack, YStack, isWeb } from "tamagui";
 import { componentColors, sectionHeading } from "../componentColors.native.js";
-import { PageHeadingScope, useRegisterPageHeading } from "./pageHeadingScope.native.js";
+import { PageHeadingScope, usePageChromeInset, useRegisterPageHeading } from "./pageHeadingScope.native.js";
+import { EmptyState } from "./EmptyState.native.js";
 var PAGE_HEADING_TAGS = {
   1: H1,
   2: H2,
@@ -11,13 +12,19 @@ var PAGE_HEADING_TAGS = {
   5: H5,
   6: H6
 };
-var subtitleSizeMap = {
-  $3: "$4",
-  $4: "$5",
-  $5: "$6"
-};
+function negateSpaceToken(token) {
+  return `$-${token.startsWith("$") ? token.slice(1) : token}`;
+}
 var CONTENT_MAX_WIDTH = layoutBreakpoints.xl;
-function Screen(param) {
+function Screen(props) {
+  return /* @__PURE__ */_jsx(Surface, {
+    density: "comfortable",
+    children: /* @__PURE__ */_jsx(ScreenInner, {
+      ...props
+    })
+  });
+}
+function ScreenInner(param) {
   var {
     children,
     scroll = true,
@@ -40,8 +47,12 @@ function Screen(param) {
     ...(noPadding ? null : knobProps.panelPadding),
     ...knobProps.gapLg,
     ...rest,
-    children: (/* DG-A11Y-02: one h1 budget per Screen — catalog headings register here. */
-    /* @__PURE__ */_jsx(PageHeadingScope, {
+    children: (
+    /* DG-A11Y-02: one h1 budget per Screen — catalog headings register here.
+    insetToken lets PageHeader bleed its hairline to the column edges. */
+    /* @__PURE__ */
+    _jsx(PageHeadingScope, {
+      insetToken: noPadding ? null : knobProps.panelPadding.padding,
       children
     }))
   });
@@ -70,16 +81,17 @@ function PageHeader(param) {
     subtitle,
     heading,
     actions,
+    nav,
     divider = true,
     headingLevel = 1,
     titleScale,
     children,
     ...rest
   } = param;
-  var _subtitleSizeMap_knobProps_sizeToken;
   var {
     knobProps
   } = useResolvedKnobs();
+  var insetToken = usePageChromeInset();
   useRegisterPageHeading({
     level: headingLevel,
     component: "PageHeader",
@@ -93,47 +105,70 @@ function PageHeader(param) {
   var titleSize = titleScale ? resolvePageTitleScale(titleScale) : knobProps.pageTitle;
   var titleNode = heading !== null && heading !== void 0 ? heading : title ? /* @__PURE__ */_jsx(TitleTag, {
     margin: 0,
+    fontWeight: knobProps.heading.fontWeight,
     ...titleSize,
     ...headingFamily,
     children: title
   }) : null;
+  var showHairline = Boolean(divider);
+  var bleed = insetToken ? {
+    marginHorizontal: negateSpaceToken(insetToken)
+  } : null;
+  var contentPad = insetToken ? {
+    paddingHorizontal: insetToken
+  } : null;
   return /* @__PURE__ */_jsxs(YStack, {
-    ...knobProps.gap,
+    "data-testid": "page-header",
+    overflow: "visible",
+    ...bleed,
+    ...(showHairline ? {
+      ...hairline.bottom,
+      borderColor: componentColors.divider
+    } : null),
+    ...(nav ? knobProps.gap : null),
     ...rest,
-    children: [/* @__PURE__ */_jsxs(XStack, {
-      justifyContent: "space-between",
-      alignItems: "center",
-      flexWrap: "wrap",
-      ...knobProps.gap,
-      children: [
-      /* LC-10 FRAME-CONTAINMENT: title + actions must shrink and wrap at
-      narrow widths instead of painting past the frame. flexShrink:1 +
-      minWidth:0 lets the H1 wrap (DF-02) and each action wrap below the
-      title rather than clip off-canvas (DF-01). */
-      titleNode ? /* @__PURE__ */_jsx(YStack, {
-        flexShrink: 1,
-        minWidth: 0,
-        children: titleNode
-      }) : null, actions ? /* @__PURE__ */_jsx(XStack, {
-        ...knobProps.gap,
-        alignItems: "center",
+    children: [/* @__PURE__ */_jsxs(YStack, {
+      ...contentPad,
+      paddingBottom: nav ? 0 : knobProps.gap.gap,
+      children: [/* @__PURE__ */_jsxs(XStack, {
+        justifyContent: "space-between",
+        alignItems: subtitle ? "flex-start" : "center",
         flexWrap: "wrap",
-        flexShrink: 1,
-        minWidth: 0,
-        children: actions
-      }) : null]
-    }), subtitle ?
-    // Lede rides one step above the size-knob body scale (medium keeps
-    // the previous $5), so the size knob reaches the header copy (LC-18).
-    /* @__PURE__ */
-    _jsx(Paragraph, {
-      color: componentColors.text.muted,
-      size: (_subtitleSizeMap_knobProps_sizeToken = subtitleSizeMap[knobProps.sizeToken]) !== null && _subtitleSizeMap_knobProps_sizeToken !== void 0 ? _subtitleSizeMap_knobProps_sizeToken : "$5",
-      margin: 0,
-      children: subtitle
-    }) : null, children, divider ? /* @__PURE__ */_jsx(Separator, {
-      ...hairline.line,
-      backgroundColor: componentColors.divider
+        ...knobProps.gap,
+        children: [
+        /* LC-10 FRAME-CONTAINMENT: title + actions must shrink and wrap at
+        narrow widths instead of painting past the frame. flexShrink:1 +
+        minWidth:0 lets the H1 wrap (DF-02) and each action wrap below the
+        title rather than clip off-canvas (DF-01). */
+        titleNode || subtitle ? /* @__PURE__ */_jsxs(YStack, {
+          flexGrow: 1,
+          flexShrink: 1,
+          minWidth: 0,
+          gap: "$1",
+          children: [titleNode, subtitle ?
+          // T-HELPER on the shared body fragment — not a local size map.
+          /* @__PURE__ */
+          _jsx(Paragraph, {
+            margin: 0,
+            ...knobProps.body,
+            color: componentColors.text.muted,
+            children: subtitle
+          }) : null]
+        }) : null, actions ? /* @__PURE__ */_jsx(XStack, {
+          ...knobProps.gap,
+          alignItems: "center",
+          flexWrap: "wrap",
+          flexShrink: 1,
+          minWidth: 0,
+          children: actions
+        }) : null]
+      }), children]
+    }), nav ? /* @__PURE__ */_jsx(YStack, {
+      width: "100%",
+      "data-page-header-nav": "",
+      // Sit the tab indicator on the header hairline (Primer / Linear).
+      marginBottom: showHairline ? -1 : 0,
+      children: nav
     }) : null]
   });
 }
@@ -168,13 +203,10 @@ function PageSection(param) {
   } : {};
   var headerBlock = headingNode || description ? /* @__PURE__ */_jsxs(YStack, {
     gap: "$2",
-    children: [headingNode, description ?
-    // Section copy follows the size-knob body scale (medium = $4).
-    /* @__PURE__ */
-    _jsx(Paragraph, {
-      color: componentColors.text.muted,
-      size: knobProps.sizeToken,
+    children: [headingNode, description ? /* @__PURE__ */_jsx(Paragraph, {
       margin: 0,
+      ...knobProps.body,
+      color: componentColors.text.muted,
       children: description
     }) : null, divider ? /* @__PURE__ */_jsx(Separator, {
       ...hairline.line,
@@ -191,86 +223,6 @@ function PageSection(param) {
     }) : children]
   });
 }
-function EmptyState(param) {
-  var {
-    title,
-    description,
-    icon,
-    action,
-    compact = false,
-    intent = "neutral",
-    children,
-    ...rest
-  } = param;
-  var {
-    knobProps
-  } = useResolvedKnobs({
-    compact
-  });
-  var headingFamily = isWeb ? null : {
-    fontFamily: knobProps.heading.fontFamily
-  };
-  return /* @__PURE__ */_jsxs(YStack, {
-    flex: compact ? void 0 : 1,
-    alignItems: "center",
-    justifyContent: "center",
-    "data-empty-intent": intent,
-    ...knobProps.panelPadding,
-    ...knobProps.gap,
-    ...rest,
-    children: [icon ? /* @__PURE__ */_jsx(YStack, {
-      alignItems: "center",
-      justifyContent: "center",
-      backgroundColor: "$color3",
-      // R-PILL icon well: always a circle; its inset scales with the
-      // size knob (spec: empty icon well consumes sizeToken). Declared so
-      // the `radius:none` sweep licenses the circle instead of guessing
-      // from its geometry (D-09 / LC-60).
-      ...radiusClassProps("R-PILL", "empty icon well"),
-      padding: knobProps.sizeToken,
-      borderRadius: 1e3,
-      children: icon
-    }) : null,
-    /* RN has no hyphenation, so a long single word (brand names, ids)
-    character-wraps and orphans its tail on phone widths. $sm steps the
-    42px H2 down on web; native scales the text to FIT instead
-    (adjustsFontSizeToFit) -- deterministic at any width, no media
-    dependency. */
-    compact ? /* @__PURE__ */_jsx(Paragraph, {
-      color: componentColors.text.muted,
-      textAlign: "center",
-      margin: 0,
-      ...(!isWeb && {
-        numberOfLines: 2,
-        adjustsFontSizeToFit: true,
-        minimumFontScale: 0.55
-      }),
-      children: title
-    }) : /* @__PURE__ */_jsx(H2, {
-      ...headingFamily,
-      textAlign: "center",
-      margin: 0,
-      fontWeight: "600",
-      $sm: {
-        fontSize: "$8",
-        lineHeight: 42
-      },
-      ...(!isWeb && {
-        numberOfLines: 2,
-        adjustsFontSizeToFit: true,
-        minimumFontScale: 0.55
-      }),
-      children: title
-    }), description ? /* @__PURE__ */_jsx(Paragraph, {
-      color: componentColors.text.muted,
-      size: knobProps.sizeToken,
-      textAlign: "center",
-      margin: 0,
-      ...readingWidthStyle(),
-      children: description
-    }) : null, action, children]
-  });
-}
 function ScreenToolbar(param) {
   var {
     leading,