@multiplatform.one/components 6.6.0 → 7.0.0

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

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","breadcrumbs_exports","Breadcrumbs","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_componentColors","CRUMB_LINE_PX","param","items","onNavigate","knobProps","useResolvedKnobs","linkColor","useAccentOnSurface","length","sz","sizeToken","textSize","separatorSize","spaceGap","gap","trailGap","crumbPadY","Math","max","ceil","MIN_PRESS_TARGET","jsx","XStack","alignItems","flexWrap","children","map","item","i","jsxs","default","Fragment","Text","color","componentColors","text","subtle","fontSize","userSelect","href","Anchor","cursor"],"sources":["../../../src/layouts/breadcrumbs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","breadcrumbs_exports","Breadcrumbs","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react_i18next","import_tamagui","import_componentColors","import_t","CRUMB_LINE_PX","RING","ensureFocusVisibleRing","webListReset","isWeb","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","param","onNavigate","label","t","useTranslation","knobProps","useResolvedKnobs","component","linkColor","useAccentOnSurface","setExpanded","useState","landmark","useMemo","sz","sizeToken","textSize","separatorSize","spaceGap","gap","trailGap","crumbPadY","ceil","MIN_PRESS_TARGET","crumbRadius","borderRadius","interactiveCrumb","color","cursor","fontSize","paddingVertical","marginVertical","minHeight","justifyContent","alignItems","hitSlop","pressTargetHitSlop","textDecorationLine","hoverStyle","pressStyle","opacity","outlineWidth","focusStyle","focusVisibleStyle","navigate","navigate2","href","event","_event_preventDefault","preventDefault","trail","jsx","XStack","role","padding","margin","flexWrap","children","slot","slotIndex","isLastSlot","jsxs","tabIndex","withInterp","count","backgroundColor","borderWidth"],"sources":["../../../src/layouts/breadcrumbs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/layouts/page.native.js

@@ -25,7 +25,7 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 var page_exports = {};
 __export(page_exports, {
   CONTENT_MAX_WIDTH: () => CONTENT_MAX_WIDTH,
-  EmptyState: () => EmptyState,
+  EmptyState: () => import_EmptyState.EmptyState,
   PageHeader: () => PageHeader,
   PageSection: () => PageSection,
   Screen: () => Screen,
@@ -37,6 +37,7 @@ var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../componentColors.native.js");
 var import_pageHeadingScope = require("./pageHeadingScope.native.js");
+var import_EmptyState = require("./EmptyState.native.js");
 var PAGE_HEADING_TAGS = {
   1: import_tamagui.H1,
   2: import_tamagui.H2,
@@ -45,13 +46,19 @@ var PAGE_HEADING_TAGS = {
   5: import_tamagui.H5,
   6: import_tamagui.H6
 };
-var subtitleSizeMap = {
-  $3: "$4",
-  $4: "$5",
-  $5: "$6"
-};
+function negateSpaceToken(token) {
+  return `$-${token.startsWith("$") ? token.slice(1) : token}`;
+}
 var CONTENT_MAX_WIDTH = import_theme.layoutBreakpoints.xl;
-function Screen(param) {
+function Screen(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Surface, {
+    density: "comfortable",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ScreenInner, {
+      ...props
+    })
+  });
+}
+function ScreenInner(param) {
   var {
     children,
     scroll = true,
@@ -74,8 +81,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__ */(0, import_jsx_runtime.jsx)(import_pageHeadingScope.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__ */
+    (0, import_jsx_runtime.jsx)(import_pageHeadingScope.PageHeadingScope, {
+      insetToken: noPadding ? null : knobProps.panelPadding.padding,
       children
     }))
   });
@@ -104,16 +115,17 @@ function PageHeader(param) {
     subtitle,
     heading,
     actions,
+    nav,
     divider = true,
     headingLevel = 1,
     titleScale,
     children,
     ...rest
   } = param;
-  var _subtitleSizeMap_knobProps_sizeToken;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var insetToken = (0, import_pageHeadingScope.usePageChromeInset)();
   (0, import_pageHeadingScope.useRegisterPageHeading)({
     level: headingLevel,
     component: "PageHeader",
@@ -127,47 +139,70 @@ function PageHeader(param) {
   var titleSize = titleScale ? (0, import_theme.resolvePageTitleScale)(titleScale) : knobProps.pageTitle;
   var titleNode = heading !== null && heading !== void 0 ? heading : title ? /* @__PURE__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    ...knobProps.gap,
+    "data-testid": "page-header",
+    overflow: "visible",
+    ...bleed,
+    ...(showHairline ? {
+      ...import_theme.hairline.bottom,
+      borderColor: import_componentColors.componentColors.divider
+    } : null),
+    ...(nav ? knobProps.gap : null),
     ...rest,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        flexShrink: 1,
-        minWidth: 0,
-        children: titleNode
-      }) : null, actions ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-        ...knobProps.gap,
-        alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...contentPad,
+      paddingBottom: nav ? 0 : knobProps.gap.gap,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.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__ */
-    (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-      color: import_componentColors.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
-      ...import_theme.hairline.line,
-      backgroundColor: import_componentColors.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__ */(0, import_jsx_runtime.jsxs)(import_tamagui.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__ */
+          (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            margin: 0,
+            ...knobProps.body,
+            color: import_componentColors.componentColors.text.muted,
+            children: subtitle
+          }) : null]
+        }) : null, actions ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          ...knobProps.gap,
+          alignItems: "center",
+          flexWrap: "wrap",
+          flexShrink: 1,
+          minWidth: 0,
+          children: actions
+        }) : null]
+      }), children]
+    }), nav ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      width: "100%",
+      "data-page-header-nav": "",
+      // Sit the tab indicator on the header hairline (Primer / Linear).
+      marginBottom: showHairline ? -1 : 0,
+      children: nav
     }) : null]
   });
 }
@@ -202,13 +237,10 @@ function PageSection(param) {
   } : {};
   var headerBlock = headingNode || description ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     gap: "$2",
-    children: [headingNode, description ?
-    // Section copy follows the size-knob body scale (medium = $4).
-    /* @__PURE__ */
-    (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-      color: import_componentColors.componentColors.text.muted,
-      size: knobProps.sizeToken,
+    children: [headingNode, description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
       margin: 0,
+      ...knobProps.body,
+      color: import_componentColors.componentColors.text.muted,
       children: description
     }) : null, divider ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
       ...import_theme.hairline.line,
@@ -225,86 +257,6 @@ function PageSection(param) {
     }) : children]
   });
 }
-function EmptyState(param) {
-  var {
-    title,
-    description,
-    icon,
-    action,
-    compact = false,
-    intent = "neutral",
-    children,
-    ...rest
-  } = param;
-  var {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)({
-    compact
-  });
-  var headingFamily = import_tamagui.isWeb ? null : {
-    fontFamily: knobProps.heading.fontFamily
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    flex: compact ? void 0 : 1,
-    alignItems: "center",
-    justifyContent: "center",
-    "data-empty-intent": intent,
-    ...knobProps.panelPadding,
-    ...knobProps.gap,
-    ...rest,
-    children: [icon ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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).
-      ...(0, import_theme.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-      color: import_componentColors.componentColors.text.muted,
-      textAlign: "center",
-      margin: 0,
-      ...(!import_tamagui.isWeb && {
-        numberOfLines: 2,
-        adjustsFontSizeToFit: true,
-        minimumFontScale: 0.55
-      }),
-      children: title
-    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H2, {
-      ...headingFamily,
-      textAlign: "center",
-      margin: 0,
-      fontWeight: "600",
-      $sm: {
-        fontSize: "$8",
-        lineHeight: 42
-      },
-      ...(!import_tamagui.isWeb && {
-        numberOfLines: 2,
-        adjustsFontSizeToFit: true,
-        minimumFontScale: 0.55
-      }),
-      children: title
-    }), description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-      color: import_componentColors.componentColors.text.muted,
-      size: knobProps.sizeToken,
-      textAlign: "center",
-      margin: 0,
-      ...(0, import_theme.readingWidthStyle)(),
-      children: description
-    }) : null, action, children]
-  });
-}
 function ScreenToolbar(param) {
   var {
     leading,