@multiplatform.one/components 6.0.4 → 6.3.0

package/dist/esm/layouts/page.mjs

@@ -1,11 +1,26 @@
-import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { H1, H2, Paragraph, ScrollView, Separator, XStack, YStack } from "tamagui";
-import { componentColors } from "../componentColors.mjs";
+import { hairline, layoutBreakpoints, readingWidthStyle, 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 { jsx, jsxs } from "react/jsx-runtime";
+const PAGE_HEADING_TAGS = {
+  1: H1,
+  2: H2,
+  3: H3,
+  4: H4,
+  5: H5,
+  6: H6
+};
+const subtitleSizeMap = {
+  $3: "$4",
+  $4: "$5",
+  $5: "$6"
+};
+const CONTENT_MAX_WIDTH = layoutBreakpoints.xl;
 function Screen({
   children,
   scroll = true,
-  maxWidth = 1200,
+  maxWidth = CONTENT_MAX_WIDTH,
   bleed = false,
   noPadding = false,
   scrollViewProps,
@@ -24,7 +39,9 @@ function Screen({
     ...(noPadding ? null : knobProps.panelPadding),
     ...knobProps.gapLg,
     ...rest,
-    children
+    children: /* @__PURE__ */jsx(PageHeadingScope, {
+      children
+    })
   });
   if (!scroll) {
     return /* @__PURE__ */jsx(YStack, {
@@ -36,6 +53,9 @@ function Screen({
   return /* @__PURE__ */jsx(ScrollView, {
     flex: 1,
     backgroundColor: "$background",
+    contentContainerStyle: {
+      flexGrow: 1
+    },
     ...scrollViewProps,
     children: inner
   });
@@ -46,14 +66,31 @@ function PageHeader({
   heading,
   actions,
   divider = true,
+  headingLevel = 1,
+  titleScale = "display",
   children,
   ...rest
 }) {
   const {
     knobProps
   } = useResolvedKnobs();
-  const titleNode = heading ?? (title ? /* @__PURE__ */jsx(H1, {
+  useRegisterPageHeading({
+    level: headingLevel,
+    component: "PageHeader",
+    label: title,
+    enabled: !heading && !!title
+  });
+  const headingFamily = isWeb ? null : {
+    fontFamily: knobProps.heading.fontFamily
+  };
+  const TitleTag = PAGE_HEADING_TAGS[headingLevel];
+  const titleSize = titleScale === "moderate" ? {
+    size: "$8"
+  } : null;
+  const titleNode = heading ?? (title ? /* @__PURE__ */jsx(TitleTag, {
     margin: 0,
+    ...titleSize,
+    ...headingFamily,
     children: title
   }) : null);
   return /* @__PURE__ */jsxs(YStack, {
@@ -65,20 +102,29 @@ function PageHeader({
       flexWrap: "wrap",
       ...knobProps.gap,
       children: [titleNode ? /* @__PURE__ */jsx(YStack, {
+        flexShrink: 1,
+        minWidth: 0,
         children: titleNode
       }) : null, actions ? /* @__PURE__ */jsx(XStack, {
         ...knobProps.gap,
         alignItems: "center",
         flexWrap: "wrap",
+        flexShrink: 1,
+        minWidth: 0,
         children: actions
       }) : null]
-    }), subtitle ? /* @__PURE__ */jsx(Paragraph, {
+    }), 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: "$5",
+      size: subtitleSizeMap[knobProps.sizeToken] ?? "$5",
       margin: 0,
       children: subtitle
     }) : null, children, divider ? /* @__PURE__ */jsx(Separator, {
-      borderColor: componentColors.divider
+      ...hairline.line,
+      backgroundColor: componentColors.divider
     }) : null]
   });
 }
@@ -88,38 +134,51 @@ function PageSection({
   heading,
   divider = true,
   surface = false,
+  headingLevel = 2,
   children,
   ...rest
 }) {
   const {
     knobProps
   } = useResolvedKnobs();
-  const headingNode = heading ?? (title ? /* @__PURE__ */jsx(H2, {
+  const headingFamily = isWeb ? null : {
+    fontFamily: knobProps.heading.fontFamily
+  };
+  const SectionTag = PAGE_HEADING_TAGS[headingLevel];
+  const headingNode = heading ?? (title ? /* @__PURE__ */jsx(SectionTag, {
     margin: 0,
+    ...headingFamily,
+    ...sectionHeading,
     children: title
   }) : null);
   const surfaceProps = surface ? {
-    backgroundColor: componentColors.surface.background,
-    borderRadius: "$4",
-    borderWidth: 1,
-    borderColor: componentColors.surface.border,
+    ...knobProps.surface,
+    ...knobProps.containerRadius,
     ...knobProps.panelPadding
   } : {};
+  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,
+      margin: 0,
+      children: description
+    }) : null, divider ? /* @__PURE__ */jsx(Separator, {
+      ...hairline.line,
+      backgroundColor: componentColors.divider
+    }) : null]
+  }) : null;
   return /* @__PURE__ */jsxs(YStack, {
     ...knobProps.gap,
-    ...surfaceProps,
     ...rest,
-    children: [headingNode || description ? /* @__PURE__ */jsxs(YStack, {
-      gap: "$2",
-      children: [headingNode, description ? /* @__PURE__ */jsx(Paragraph, {
-        color: componentColors.text.muted,
-        size: "$4",
-        margin: 0,
-        children: description
-      }) : null, divider ? /* @__PURE__ */jsx(Separator, {
-        borderColor: componentColors.divider
-      }) : null]
-    }) : null, children]
+    children: [headerBlock, surface ? /* @__PURE__ */jsx(YStack, {
+      ...knobProps.gap,
+      ...surfaceProps,
+      children
+    }) : children]
   });
 }
 function EmptyState({
@@ -127,28 +186,65 @@ function EmptyState({
   description,
   icon,
   action,
+  compact = false,
+  intent = "neutral",
   children,
   ...rest
 }) {
   const {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    compact
+  });
+  const headingFamily = isWeb ? null : {
+    fontFamily: knobProps.heading.fontFamily
+  };
   return /* @__PURE__ */jsxs(YStack, {
-    flex: 1,
+    flex: compact ? void 0 : 1,
     alignItems: "center",
     justifyContent: "center",
+    "data-empty-intent": intent,
     ...knobProps.panelPadding,
     ...knobProps.gap,
     ...rest,
-    children: [icon, /* @__PURE__ */jsx(H2, {
+    children: [icon ? /* @__PURE__ */jsx(YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "$color3",
+      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",
-      maxWidth: 520,
       margin: 0,
+      ...readingWidthStyle(),
       children: description
     }) : null, action, children]
   });
@@ -165,18 +261,26 @@ function ScreenToolbar({
   return /* @__PURE__ */jsxs(XStack, {
     justifyContent: "space-between",
     alignItems: "center",
+    flexWrap: "wrap",
     ...knobProps.gap,
     ...rest,
     children: [/* @__PURE__ */jsx(XStack, {
       ...knobProps.gap,
       alignItems: "center",
+      flexWrap: "wrap",
+      flexShrink: 1,
+      minWidth: 0,
       children: leading
     }), children, /* @__PURE__ */jsx(XStack, {
       ...knobProps.gap,
       alignItems: "center",
+      flexWrap: "wrap",
+      flexShrink: 1,
+      minWidth: 0,
+      justifyContent: "flex-end",
       children: trailing
     })]
   });
 }
-export { EmptyState, PageHeader, PageSection, Screen, ScreenToolbar };
+export { CONTENT_MAX_WIDTH, EmptyState, PageHeader, PageSection, Screen, ScreenToolbar };
 //# sourceMappingURL=page.mjs.map

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

@@ -1 +1 @@
-{"version":3,"names":["useResolvedKnobs","H1","H2","Paragraph","ScrollView","Separator","XStack","YStack","componentColors","jsx","jsxs","Screen","children","scroll","maxWidth","bleed","noPadding","scrollViewProps","rest","knobProps","inner","flex","width","alignSelf","panelPadding","gapLg","backgroundColor","PageHeader","title","subtitle","heading","actions","divider","titleNode","margin","gap","justifyContent","alignItems","flexWrap","color","text","muted","size","borderColor","PageSection","description","surface","headingNode","surfaceProps","background","borderRadius","borderWidth","border","EmptyState","icon","action","textAlign","ScreenToolbar","leading","trailing"],"sources":["../../../src/layouts/page.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["hairline","layoutBreakpoints","readingWidthStyle","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","size","titleNode","margin","gap","justifyContent","alignItems","flexWrap","flexShrink","minWidth","color","text","muted","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":[]}

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

@@ -1,12 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { H1, H2, Paragraph, ScrollView, Separator, XStack, YStack } from "tamagui";
-import { componentColors } from "../componentColors.native.js";
+import { hairline, layoutBreakpoints, readingWidthStyle, 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";
+var PAGE_HEADING_TAGS = {
+  1: H1,
+  2: H2,
+  3: H3,
+  4: H4,
+  5: H5,
+  6: H6
+};
+var subtitleSizeMap = {
+  $3: "$4",
+  $4: "$5",
+  $5: "$6"
+};
+var CONTENT_MAX_WIDTH = layoutBreakpoints.xl;
 function Screen(param) {
   var {
     children,
     scroll = true,
-    maxWidth = 1200,
+    maxWidth = CONTENT_MAX_WIDTH,
     bleed = false,
     noPadding = false,
     scrollViewProps,
@@ -25,7 +40,10 @@ function Screen(param) {
     ...(noPadding ? null : knobProps.panelPadding),
     ...knobProps.gapLg,
     ...rest,
-    children
+    children: (/* DG-A11Y-02: one h1 budget per Screen — catalog headings register here. */
+    /* @__PURE__ */_jsx(PageHeadingScope, {
+      children
+    }))
   });
   if (!scroll) {
     return /* @__PURE__ */_jsx(YStack, {
@@ -37,6 +55,11 @@ function Screen(param) {
   return /* @__PURE__ */_jsx(ScrollView, {
     flex: 1,
     backgroundColor: "$background",
+    // flexGrow lets flex:1 children (e.g. EmptyState centering) fill the
+    // viewport when the content is shorter than the screen.
+    contentContainerStyle: {
+      flexGrow: 1
+    },
     ...scrollViewProps,
     children: inner
   });
@@ -48,14 +71,32 @@ function PageHeader(param) {
     heading,
     actions,
     divider = true,
+    headingLevel = 1,
+    titleScale = "display",
     children,
     ...rest
   } = param;
+  var _subtitleSizeMap_knobProps_sizeToken;
   var {
     knobProps
   } = useResolvedKnobs();
-  var titleNode = heading !== null && heading !== void 0 ? heading : title ? /* @__PURE__ */_jsx(H1, {
+  useRegisterPageHeading({
+    level: headingLevel,
+    component: "PageHeader",
+    label: title,
+    enabled: !heading && !!title
+  });
+  var headingFamily = isWeb ? null : {
+    fontFamily: knobProps.heading.fontFamily
+  };
+  var TitleTag = PAGE_HEADING_TAGS[headingLevel];
+  var titleSize = titleScale === "moderate" ? {
+    size: "$8"
+  } : null;
+  var titleNode = heading !== null && heading !== void 0 ? heading : title ? /* @__PURE__ */_jsx(TitleTag, {
     margin: 0,
+    ...titleSize,
+    ...headingFamily,
     children: title
   }) : null;
   return /* @__PURE__ */_jsxs(YStack, {
@@ -66,21 +107,35 @@ function PageHeader(param) {
       alignItems: "center",
       flexWrap: "wrap",
       ...knobProps.gap,
-      children: [titleNode ? /* @__PURE__ */_jsx(YStack, {
+      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",
         flexWrap: "wrap",
+        flexShrink: 1,
+        minWidth: 0,
         children: actions
       }) : null]
-    }), subtitle ? /* @__PURE__ */_jsx(Paragraph, {
+    }), 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: "$5",
+      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, {
-      borderColor: componentColors.divider
+      ...hairline.line,
+      backgroundColor: componentColors.divider
     }) : null]
   });
 }
@@ -91,38 +146,51 @@ function PageSection(param) {
     heading,
     divider = true,
     surface = false,
+    headingLevel = 2,
     children,
     ...rest
   } = param;
   var {
     knobProps
   } = useResolvedKnobs();
-  var headingNode = heading !== null && heading !== void 0 ? heading : title ? /* @__PURE__ */_jsx(H2, {
+  var headingFamily = isWeb ? null : {
+    fontFamily: knobProps.heading.fontFamily
+  };
+  var SectionTag = PAGE_HEADING_TAGS[headingLevel];
+  var headingNode = heading !== null && heading !== void 0 ? heading : title ? /* @__PURE__ */_jsx(SectionTag, {
     margin: 0,
+    ...headingFamily,
+    ...sectionHeading,
     children: title
   }) : null;
   var surfaceProps = surface ? {
-    backgroundColor: componentColors.surface.background,
-    borderRadius: "$4",
-    borderWidth: 1,
-    borderColor: componentColors.surface.border,
+    ...knobProps.surface,
+    ...knobProps.containerRadius,
     ...knobProps.panelPadding
   } : {};
+  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,
+      margin: 0,
+      children: description
+    }) : null, divider ? /* @__PURE__ */_jsx(Separator, {
+      ...hairline.line,
+      backgroundColor: componentColors.divider
+    }) : null]
+  }) : null;
   return /* @__PURE__ */_jsxs(YStack, {
     ...knobProps.gap,
-    ...surfaceProps,
     ...rest,
-    children: [headingNode || description ? /* @__PURE__ */_jsxs(YStack, {
-      gap: "$2",
-      children: [headingNode, description ? /* @__PURE__ */_jsx(Paragraph, {
-        color: componentColors.text.muted,
-        size: "$4",
-        margin: 0,
-        children: description
-      }) : null, divider ? /* @__PURE__ */_jsx(Separator, {
-        borderColor: componentColors.divider
-      }) : null]
-    }) : null, children]
+    children: [headerBlock, surface ? /* @__PURE__ */_jsx(YStack, {
+      ...knobProps.gap,
+      ...surfaceProps,
+      children
+    }) : children]
   });
 }
 function EmptyState(param) {
@@ -131,28 +199,73 @@ function EmptyState(param) {
     description,
     icon,
     action,
+    compact = false,
+    intent = "neutral",
     children,
     ...rest
   } = param;
   var {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    compact
+  });
+  var headingFamily = isWeb ? null : {
+    fontFamily: knobProps.heading.fontFamily
+  };
   return /* @__PURE__ */_jsxs(YStack, {
-    flex: 1,
+    flex: compact ? void 0 : 1,
     alignItems: "center",
     justifyContent: "center",
+    "data-empty-intent": intent,
     ...knobProps.panelPadding,
     ...knobProps.gap,
     ...rest,
-    children: [icon, /* @__PURE__ */_jsx(H2, {
+    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).
+      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",
-      maxWidth: 520,
       margin: 0,
+      ...readingWidthStyle(),
       children: description
     }) : null, action, children]
   });
@@ -170,18 +283,26 @@ function ScreenToolbar(param) {
   return /* @__PURE__ */_jsxs(XStack, {
     justifyContent: "space-between",
     alignItems: "center",
+    flexWrap: "wrap",
     ...knobProps.gap,
     ...rest,
     children: [/* @__PURE__ */_jsx(XStack, {
       ...knobProps.gap,
       alignItems: "center",
+      flexWrap: "wrap",
+      flexShrink: 1,
+      minWidth: 0,
       children: leading
     }), children, /* @__PURE__ */_jsx(XStack, {
       ...knobProps.gap,
       alignItems: "center",
+      flexWrap: "wrap",
+      flexShrink: 1,
+      minWidth: 0,
+      justifyContent: "flex-end",
       children: trailing
     })]
   });
 }
-export { EmptyState, PageHeader, PageSection, Screen, ScreenToolbar };
+export { CONTENT_MAX_WIDTH, EmptyState, PageHeader, PageSection, Screen, ScreenToolbar };
 //# sourceMappingURL=page.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","H1","H2","Paragraph","ScrollView","Separator","XStack","YStack","componentColors","Screen","param","children","scroll","maxWidth","bleed","noPadding","scrollViewProps","rest","knobProps","inner","flex","width","alignSelf","panelPadding","gapLg","backgroundColor","PageHeader","title","subtitle","heading","actions","divider","titleNode","margin","gap","justifyContent","alignItems","flexWrap","color","text","muted","size","borderColor","PageSection","description","surface","headingNode","surfaceProps","background","borderRadius","borderWidth","border","EmptyState","icon","action"],"sources":["../../../src/layouts/page.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","hairline","layoutBreakpoints","readingWidthStyle","useResolvedKnobs","H1","H2","H3","H4","H5","H6","Paragraph","ScrollView","Separator","XStack","YStack","isWeb","componentColors","sectionHeading","PageHeadingScope","useRegisterPageHeading","PAGE_HEADING_TAGS","subtitleSizeMap","$3","$4","$5","CONTENT_MAX_WIDTH","xl","Screen","param","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","_subtitleSizeMap_knobProps_sizeToken","level","component","label","enabled","headingFamily","fontFamily","TitleTag","titleSize","size","titleNode","margin","gap","justifyContent","alignItems","flexWrap","flexShrink","minWidth","color","text","muted","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":[]}