@multiplatform.one/components 6.7.0 → 7.0.0

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

@@ -1,9 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "@multiplatform.one/forms";
+import { Button, Spinner } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { WarningCircleIcon } from "@phosphor-icons/react";
-import { createContext, useContext, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import { XStack, YStack } from "tamagui";
+import { createContext, useContext, useEffect, useRef } from "react";
+import { useTranslation } from "../shared/i18n.native.js";
+import { Text, XStack, YStack } from "tamagui";
+import { Alert } from "../Alert/index.native.js";
+import { componentColors } from "../componentColors.native.js";
 import { Skeleton } from "../Skeleton/index.native.js";
 import { EmptyState } from "./page.native.js";
 function _instanceof(left, right) {
@@ -253,6 +256,75 @@ function AsyncSkeleton(param) {
       });
   }
 }
+function AsyncPendingBar() {
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    compact: true
+  });
+  return /* @__PURE__ */_jsxs(XStack, {
+    "data-async-pending": "true",
+    role: "status",
+    "aria-live": "polite",
+    "aria-label": t("Updating..."),
+    alignItems: "center",
+    ...knobProps.gap,
+    children: [/* @__PURE__ */_jsx(Spinner, {
+      size: "small",
+      "aria-hidden": true
+    }), /* @__PURE__ */_jsx(Text, {
+      ...knobProps.label,
+      color: componentColors.text.muted,
+      children: t("Updating...")
+    })]
+  });
+}
+function defaultEmptyBody(param) {
+  var {
+    empty,
+    compact,
+    emptyTitle,
+    emptyDescription
+  } = param;
+  if (empty !== true && isReactNodeSlot(empty)) return empty;
+  return /* @__PURE__ */_jsx(EmptyState, {
+    compact,
+    intent: "neutral",
+    "data-async-state": "empty",
+    title: emptyTitle,
+    description: emptyDescription
+  });
+}
+function defaultErrorBody(param) {
+  var {
+    error,
+    compact,
+    errorTitle,
+    errorDescription,
+    onRetry,
+    retryLabel
+  } = param;
+  if (isReactNodeSlot(error)) return error;
+  var copy = errorCopy(error, errorTitle, errorDescription);
+  return /* @__PURE__ */_jsx(EmptyState, {
+    compact,
+    intent: "error",
+    "data-async-state": "error",
+    title: copy.title,
+    description: copy.description,
+    icon: /* @__PURE__ */_jsx(WarningCircleIcon, {
+      size: compact ? 24 : 32
+    }),
+    action: onRetry ? /* @__PURE__ */_jsx(Button, {
+      size: compact ? "$3" : "$4",
+      onPress: onRetry,
+      children: retryLabel
+    }) : void 0
+  });
+}
 function AsyncBoundary(param) {
   var {
     loading,
@@ -268,72 +340,129 @@ function AsyncBoundary(param) {
     errorDescription,
     compact = false,
     chrome,
+    keepPrevious = true,
     ...stackProps
   } = param;
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    compact
+  });
   var status = resolveAsyncStatus({
     loading,
     empty,
     error
   });
-  var hideBadges = status === "error";
+  var content = data !== null && data !== void 0 ? data : children;
+  var retryLabel = t("Retry");
+  var emptyBody = defaultEmptyBody({
+    empty,
+    compact,
+    emptyTitle,
+    emptyDescription
+  });
+  var settledRef = useRef(null);
+  if (status === "data") {
+    settledRef.current = {
+      kind: "data",
+      body: content
+    };
+  } else if (status === "empty") {
+    settledRef.current = {
+      kind: "empty",
+      body: emptyBody
+    };
+  }
+  var settled = keepPrevious ? settledRef.current : null;
   useEffect(function () {
     if (status === "error" && isActiveFlag(empty)) {
       asyncDevWarn("empty-chrome-ignored-on-error", "DG-ST-01: empty slot is ignored while error is set");
     }
   }, [status, empty]);
-  var ctx = {
-    status,
-    hideBadges,
-    error: error !== null && error !== void 0 ? error : null
-  };
+  var displayStatus = status;
+  var pending = false;
+  var stale = false;
   var body = null;
+  var showChrome = status !== "error";
   if (status === "error") {
     if (isReactNodeSlot(error)) {
       body = error;
-    } else {
+    } else if ((settled === null || settled === void 0 ? void 0 : settled.kind) === "data") {
+      stale = true;
+      displayStatus = "data";
+      showChrome = true;
       var copy = errorCopy(error, errorTitle, errorDescription);
-      body = /* @__PURE__ */_jsx(EmptyState, {
+      body = /* @__PURE__ */_jsxs(YStack, {
+        width: "100%",
+        ...knobProps.gap,
+        children: [/* @__PURE__ */_jsx(Alert, {
+          compact,
+          intent: "error",
+          title: copy.title,
+          actionLabel: onRetry ? retryLabel : void 0,
+          onAction: onRetry,
+          children: copy.description
+        }), content !== null && content !== void 0 ? content : settled.body]
+      });
+    } else {
+      body = defaultErrorBody({
+        error,
         compact,
-        intent: "error",
-        "data-async-state": "error",
-        title: copy.title,
-        description: copy.description,
-        icon: /* @__PURE__ */_jsx(WarningCircleIcon, {
-          size: compact ? 24 : 32
-        }),
-        action: onRetry ? /* @__PURE__ */_jsx(Button, {
-          size: compact ? "$3" : "$4",
-          onPress: onRetry,
-          children: "Retry"
-        }) : void 0
+        errorTitle,
+        errorDescription,
+        onRetry,
+        retryLabel
       });
     }
   } else if (status === "loading") {
-    body = loading !== true && isReactNodeSlot(loading) ? loading : /* @__PURE__ */_jsx(AsyncSkeleton, {
-      layout
-    });
+    if (settled) {
+      pending = true;
+      displayStatus = settled.kind;
+      showChrome = true;
+      var kept = settled.kind === "data" ? content !== null && content !== void 0 ? content : settled.body : settled.body;
+      body = /* @__PURE__ */_jsxs(YStack, {
+        width: "100%",
+        ...knobProps.gap,
+        children: [/* @__PURE__ */_jsx(AsyncPendingBar, {}), kept]
+      });
+    } else {
+      body = loading !== true && isReactNodeSlot(loading) ? loading : /* @__PURE__ */_jsx(AsyncSkeleton, {
+        layout
+      });
+    }
   } else if (status === "empty") {
-    body = empty !== true && isReactNodeSlot(empty) ? empty : /* @__PURE__ */_jsx(EmptyState, {
-      compact,
-      intent: "neutral",
-      "data-async-state": "empty",
-      title: emptyTitle,
-      description: emptyDescription
-    });
+    body = emptyBody;
   } else {
-    body = data !== null && data !== void 0 ? data : children;
+    body = content;
   }
+  var hideBadges = displayStatus === "error";
+  var ctx = {
+    status: displayStatus,
+    hideBadges,
+    error: error !== null && error !== void 0 ? error : null,
+    pending,
+    stale
+  };
   return /* @__PURE__ */_jsx(AsyncBoundaryContext.Provider, {
     value: ctx,
     children: /* @__PURE__ */_jsxs(YStack, {
-      "data-async-status": status,
+      "data-async-status": displayStatus,
+      ...(pending ? {
+        "data-async-pending": "true"
+      } : {}),
+      ...(stale ? {
+        "data-async-stale": "true"
+      } : {}),
       width: "100%",
-      ...(status === "loading" ? {
+      ...(pending || status === "loading" ? {
         "aria-busy": true
       } : {}),
       ...stackProps,
-      children: [/* Chrome (toolbars / badges) suppressed on error so counts can't lie */
-      status !== "error" ? chrome : null, body]
+      children: [/* Chrome (toolbars / badges) suppressed on blocking error so counts can't lie */
+      showChrome ? chrome : null, body]
     })
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","WarningCircleIcon","createContext","useContext","useEffect","useTranslation","XStack","YStack","Skeleton","EmptyState","_instanceof","left","right","Symbol","hasInstance","AsyncBoundaryContext","useAsyncBoundary","useAsyncCount","value","ctx","hideBadges","isReactNodeSlot","Error","isActiveError","error","isActiveFlag","resolveAsyncStatus","opts","loading","empty","errorCopy","errorTitle","errorDescription","title","description","message","seenDevWarns","Set","asyncDevWarn","code","detail","arguments","length","process","env","NODE_ENV","key","has","add","console","warn","__resetAsyncDevWarnSeen","clear","AsyncSkeleton","param","layout","rest","t","gap","width","children","Array","from","map","_","i","alignItems","paddingVertical","Circle","size","flex","height","paddingBottom","borderBottomWidth","borderColor","col","padding","borderWidth","borderRadius","justifyContent","_2","row","variant","flexWrap"],"sources":["../../../src/layouts/AsyncBoundary.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Spinner","useResolvedKnobs","WarningCircleIcon","createContext","useContext","useEffect","useRef","useTranslation","Text","XStack","YStack","Alert","componentColors","Skeleton","EmptyState","_instanceof","left","right","Symbol","hasInstance","AsyncBoundaryContext","useAsyncBoundary","useAsyncCount","value","ctx","hideBadges","isReactNodeSlot","Error","isActiveError","error","isActiveFlag","resolveAsyncStatus","opts","loading","empty","errorCopy","errorTitle","errorDescription","title","description","message","seenDevWarns","Set","asyncDevWarn","code","detail","arguments","length","process","env","NODE_ENV","key","has","add","console","warn","__resetAsyncDevWarnSeen","clear","AsyncSkeleton","param","layout","rest","t","gap","width","children","Array","from","map","_","i","alignItems","paddingVertical","Circle","size","flex","height","paddingBottom","borderBottomWidth","borderColor","col","padding","borderWidth","borderRadius","justifyContent","_2","row","variant","flexWrap","lines","AsyncPendingBar","knobProps","compact","role","label","color","text","muted","defaultEmptyBody","emptyTitle","emptyDescription","intent","defaultErrorBody","onRetry","retryLabel","copy","icon","action","onPress","AsyncBoundary","data","chrome","keepPrevious","stackProps","status","content","emptyBody","settledRef","current","kind","body"],"sources":["../../../src/layouts/AsyncBoundary.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/layouts/EmptyState.mjs

@@ -0,0 +1,132 @@
+import { Intent, radiusClassProps, readingWidthStyle, useResolvedKnobs, warnBannedErrorWords } from "@multiplatform.one/theme";
+import { useId } from "react";
+import { H2, Paragraph, XStack, YStack, isWeb } from "tamagui";
+import { componentColors } from "../componentColors.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EmptyState({
+  title,
+  description,
+  icon,
+  action,
+  compact = false,
+  intent = "neutral",
+  children,
+  ...rest
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    compact
+  });
+  const headingFamily = isWeb ? null : {
+    fontFamily: knobProps.heading.fontFamily
+  };
+  const titleId = useId();
+  const isError = intent === "error";
+  const frameGap = compact ? knobProps.gap : knobProps.gapLg;
+  if (isError) {
+    warnBannedErrorWords(title, {
+      component: "EmptyState"
+    });
+    warnBannedErrorWords(description, {
+      component: "EmptyState"
+    });
+  }
+  const well = icon ? /* @__PURE__ */jsx(YStack, {
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: componentColors.interactive.background,
+    ...radiusClassProps("R-PILL", "empty icon well"),
+    padding: knobProps.sizeToken,
+    borderRadius: 1e3,
+    "aria-hidden": true,
+    ...(!isWeb ? {
+      accessibilityElementsHidden: true
+    } : null),
+    children: icon
+  }) : null;
+  const titleNode = compact ? /* @__PURE__ */jsx(Paragraph, {
+    ...(isWeb ? {
+      id: titleId
+    } : {
+      nativeID: titleId
+    }),
+    ...knobProps.body,
+    color: componentColors.text.primary,
+    textAlign: "center",
+    margin: 0,
+    width: "100%",
+    ...(!isWeb && {
+      numberOfLines: 2,
+      adjustsFontSizeToFit: true,
+      minimumFontScale: 0.55
+    }),
+    children: title
+  }) : /* @__PURE__ */jsx(H2, {
+    ...(isWeb ? {
+      id: titleId
+    } : {
+      nativeID: titleId
+    }),
+    ...headingFamily,
+    ...knobProps.textWeight,
+    textAlign: "center",
+    margin: 0,
+    width: "100%",
+    color: componentColors.text.primary,
+    ...(!isWeb && {
+      numberOfLines: 2,
+      adjustsFontSizeToFit: true,
+      minimumFontScale: 0.55
+    }),
+    children: title
+  });
+  return /* @__PURE__ */jsxs(YStack, {
+    flex: compact ? void 0 : 1,
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+    "data-empty-intent": intent,
+    ...(isWeb ? {
+      role: isError ? "alert" : "status",
+      "aria-labelledby": titleId,
+      ...(!isError ? {
+        "aria-live": "polite"
+      } : null)
+    } : {
+      accessibilityRole: isError ? "alert" : "text",
+      accessibilityLabel: title
+    }),
+    ...knobProps.panelPadding,
+    ...frameGap,
+    ...rest,
+    children: [well && isError ? /* @__PURE__ */jsx(Intent, {
+      name: "error",
+      children: well
+    }) : well, /* @__PURE__ */jsxs(YStack, {
+      alignItems: "center",
+      gap: "$1",
+      ...readingWidthStyle(),
+      children: [titleNode, description ? /* @__PURE__ */jsx(Paragraph, {
+        ...knobProps.body,
+        color: knobProps.textAccentColor,
+        fontSize: knobProps.label.fontSize,
+        textAlign: "center",
+        margin: 0,
+        width: "100%",
+        children: description
+      }) : null]
+    }), action ? /* @__PURE__ */jsx(XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      justifyContent: "center",
+      flexWrap: "wrap",
+      flexShrink: 1,
+      minWidth: 0,
+      maxWidth: "100%",
+      children: action
+    }) : null, children]
+  });
+}
+export { EmptyState };
+//# sourceMappingURL=EmptyState.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Intent","radiusClassProps","readingWidthStyle","useResolvedKnobs","warnBannedErrorWords","useId","H2","Paragraph","XStack","YStack","isWeb","componentColors","jsx","jsxs","EmptyState","title","description","icon","action","compact","intent","children","rest","knobProps","headingFamily","fontFamily","heading","titleId","isError","frameGap","gap","gapLg","component","well","alignItems","justifyContent","backgroundColor","interactive","background","padding","sizeToken","borderRadius","accessibilityElementsHidden","titleNode","id","nativeID","body","color","text","primary","textAlign","margin","width","numberOfLines","adjustsFontSizeToFit","minimumFontScale","textWeight","flex","role","accessibilityRole","accessibilityLabel","panelPadding","name","textAccentColor","fontSize","label","flexWrap","flexShrink","minWidth","maxWidth"],"sources":["../../../src/layouts/EmptyState.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Intent, radiusClassProps, readingWidthStyle, useResolvedKnobs, warnBannedErrorWords } from "@multiplatform.one/theme";
+import { useId } from "react";
+import { H2, Paragraph, XStack, YStack, isWeb } from "tamagui";
+import { componentColors } from "../componentColors.native.js";
+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
+  };
+  var titleId = useId();
+  var isError = intent === "error";
+  var frameGap = compact ? knobProps.gap : knobProps.gapLg;
+  if (isError) {
+    warnBannedErrorWords(title, {
+      component: "EmptyState"
+    });
+    warnBannedErrorWords(description, {
+      component: "EmptyState"
+    });
+  }
+  var well = icon ? /* @__PURE__ */_jsx(YStack, {
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: componentColors.interactive.background,
+    // 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,
+    "aria-hidden": true,
+    ...(!isWeb ? {
+      accessibilityElementsHidden: true
+    } : null),
+    children: icon
+  }) : null;
+  var titleNode = compact ? /* @__PURE__ */_jsx(Paragraph, {
+    ...(isWeb ? {
+      id: titleId
+    } : {
+      nativeID: titleId
+    }),
+    ...knobProps.body,
+    color: componentColors.text.primary,
+    textAlign: "center",
+    margin: 0,
+    width: "100%",
+    ...(!isWeb && {
+      numberOfLines: 2,
+      adjustsFontSizeToFit: true,
+      minimumFontScale: 0.55
+    }),
+    children: title
+  }) : /* @__PURE__ */_jsx(H2, {
+    ...(isWeb ? {
+      id: titleId
+    } : {
+      nativeID: titleId
+    }),
+    ...headingFamily,
+    ...knobProps.textWeight,
+    textAlign: "center",
+    margin: 0,
+    width: "100%",
+    color: componentColors.text.primary,
+    ...(!isWeb && {
+      numberOfLines: 2,
+      adjustsFontSizeToFit: true,
+      minimumFontScale: 0.55
+    }),
+    children: title
+  });
+  return /* @__PURE__ */_jsxs(YStack, {
+    flex: compact ? void 0 : 1,
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+    "data-empty-intent": intent,
+    ...(isWeb ? {
+      role: isError ? "alert" : "status",
+      "aria-labelledby": titleId,
+      ...(!isError ? {
+        "aria-live": "polite"
+      } : null)
+    } : {
+      accessibilityRole: isError ? "alert" : "text",
+      accessibilityLabel: title
+    }),
+    ...knobProps.panelPadding,
+    ...frameGap,
+    ...rest,
+    children: [well && isError ? /* @__PURE__ */_jsx(Intent, {
+      name: "error",
+      children: well
+    }) : well, /* @__PURE__ */_jsxs(YStack, {
+      alignItems: "center",
+      gap: "$1",
+      ...readingWidthStyle(),
+      children: [titleNode, description ? /* @__PURE__ */_jsx(Paragraph, {
+        ...knobProps.body,
+        color: knobProps.textAccentColor,
+        fontSize: knobProps.label.fontSize,
+        textAlign: "center",
+        margin: 0,
+        width: "100%",
+        children: description
+      }) : null]
+    }), action ? /* @__PURE__ */_jsx(XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      justifyContent: "center",
+      flexWrap: "wrap",
+      flexShrink: 1,
+      minWidth: 0,
+      maxWidth: "100%",
+      children: action
+    }) : null, children]
+  });
+}
+export { EmptyState };
+//# sourceMappingURL=EmptyState.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Intent","radiusClassProps","readingWidthStyle","useResolvedKnobs","warnBannedErrorWords","useId","H2","Paragraph","XStack","YStack","isWeb","componentColors","EmptyState","param","title","description","icon","action","compact","intent","children","rest","knobProps","headingFamily","fontFamily","heading","titleId","isError","frameGap","gap","gapLg","component","well","alignItems","justifyContent","backgroundColor","interactive","background","padding","sizeToken","borderRadius","accessibilityElementsHidden","titleNode","id","nativeID","body","color","text","primary","textAlign","margin","width","numberOfLines","adjustsFontSizeToFit","minimumFontScale","textWeight","flex","role","accessibilityRole","accessibilityLabel","panelPadding","name","textAccentColor","fontSize","label","flexWrap","flexShrink"],"sources":["../../../src/layouts/EmptyState.tsx"],"sourcesContent":[null],"mappings":"AASA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,MAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,gBAAA,EAAAC,oBAAA;AAAA,SACAC,KAAA;AAAA,SACAC,EAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA;AAAA,SACAC,eAAA;AAAA,SACAC,WAAAC,KAAA;EAAA;IACKC,KAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACP;IAAAS;EAAS,IAA6BnB,gBAAA;IACtCe;EACA;EAoDI,IAAAK,aAmEE,GAAAb,KAnEF;IA3BGc,UAAS,EAAAF,SAAW,CAAAG,OAAA,CAAAD;EACzB;EACA,IAAAE,OAAA,GAAArB,KAAA;EACA,IAAAsB,OAAA,GAAAR,MAAA;EACA,IAAAS,QAAA,GAAAV,OAAA,GAAAI,SAAA,CAAAO,GAAA,GAAAP,SAAA,CAAAQ,KAAA;EACA,IAAAH,OAAU;IACVvB,oBAAS,CAAAU,KAAA;MACTiB,SAAA;IACA,CAAG;IACe3B,oBAAA,CAAAW,WAAA;MAGlBgB,SAAQ;IAER;EACA;EACA,IAAAC,IAAM,GAAAhB,IAAA,GAAU,eAAWnB,IAAA,CAAAY,MAAA;IAG3BwB,UAAM,UAAW;IAEjBC,cAAa;IACXC,eAAA,EAAAxB,eAA8B,CAAAyB,WAAW,CAAAC,UAAc;IACvD;IACF;IAEA;IACG;IAAA,GAAApC,gBAAA;IAAAqC,OACC,EAAAhB,SAAW,CAAAiB,SAAA;IAAAC,YACX;IAAe,aACf,MAAiB;IAA4B,IAK5C,CAAA9B,KAAG;MACJ+B,2BAAmB;IAAA,IACnB;IAAcrB,QACd,EAAAJ;EAAW,KACV,IAAK;EAAgD,IAErD0B,SAAA,GAAAxB,OAAA,kBAAArB,IAAA,CAAAU,SAAA;IAAA,IAAAG,KAAA;MAEDiC,EAAA,EAAAjB;IAEJ,IAAM;MACHkB,QAAA,EAAAlB;IAAA;IAAA,GACEJ,SAAI,CAAQuB,IAAE;IAAoCC,KAC/C,EAAAnC,eAAU,CAAAoC,IAAA,CAAAC,OAAA;IAAAC,SACP;IAAqBC,MAC5B;IAAUC,KACV,QAAQ;IAAA,IACR,CAAAzC,KAAM;MACL0C,aAAc,EAAE;MAEhBC,oBAAA;MAAAC,gBAAA;IACH;IAEClC,QAAA,EAAAN;EAAA,oBAAAjB,IAAA,CAAAS,EAAA;IAAA,IACEI,KAAI;MACJiC,EAAA,EAAGjB;IAAA,IACH;MACDkB,QAAA,EAAAlB;IAAU;IACF,GACRH,aAAM;IAAA,GACND,SAAO,CAAAiC,UAAA;IAAqBN,SACtB,UAAW;IAAqEC,MAErF;IAAAC,KAAA;IACHL,KAAA,EAAAnC,eAAA,CAAAoC,IAAA,CAAAC,OAAA;IAGF,KAAAtC,KACE;MAAC0C,aAAA;MAAAC,oBAAA;MACCC,gBAAgB;IAAY;IACtBlC,QACN,EAAAN;EAAW;EACI,OACf,eAAAf,KAAmB,CAAAU,MAAA;IAAA+C,IAClB,EAAItC,OACD;IAAAiC,KACE,QAAM;IAAoBlB,UAC1B;IAAmBC,cACd,UAAY;IAAmC,mBAEtD,EAAAf,MAAA;IAAA,IAAAT,KACE;MAAuC+C,IACvC,EAAA9B,OAAA,UAAoB;MACtB,mBAAAD,OAAA;MACH,IAAG,CAAAC,OAAA,GAAU;QACb,WAAG;MACH,IAAG;IAAA,IAEH;MAAA+B,iBAAQ,EAAA/B,OAAU,mBAAC;MAAsCgC,kBAC1D,EAAA7C;IACG;IAAA,GAAAQ,SACA,CAAAsC,YACC;IAAA,GAAAhC,QAAC;IAAA,GAAAP,IAAA;IAAAD,QAAA,EACE,CAAaY,IAAA,IACdL,OAAO,kBAAU9B,IAAA,CAAAG,MAAA;MAAA6D,IAAA,EACjB;MAA0BzC,QAC1B,EAAAY;IAAU,KAAAA,IACV,EAAQ,eACFjC,KAAA,CAAAU,MAAA;MAAAwB,UAEL;MAAAJ,GAAA;MAAA,GACH3B,iBACE;MAAAkB,QACN,GACCsB,SACC,EAAC3B,WAAA,kBAAAlB,IAAA,CAAAU,SAAA;QAAA,GAAAe,SAAA,CAAAuB,IAAA;QACEC,KAAG,EAAAxB,SAAU,CAAAwC,eAAA;QACdC,QAAA,EAAAzC,SAAW,CAAA0C,KAAA,CAAAD,QAAA;QACXd,SAAA,UAAe;QACfC,MAAA;QACAC,KAAA,QAAY;QACZ/B,QAAA,EAAUL;MAAA,EACV;IAEC,IAAAE,MAED,kBAAApB,IAAA,CAAAW,MAAA;MACH,GAAAc,SAAA,CAAAO,GAAA;MAAAI,UAAA;MAAAC,cAAA;MACH+B,QAAA;MAEJC,UAAA","ignoreList":[]}

package/dist/esm/layouts/PageTemplates.mjs

@@ -7,14 +7,16 @@ function renderTemplateHeader({
   title,
   subtitle,
   actions,
+  nav,
   header
 }) {
   if (header !== void 0) return header;
-  if (!title && !subtitle && !actions) return null;
+  if (!title && !subtitle && !actions && !nav) return null;
   return /* @__PURE__ */jsx(PageHeader, {
     title,
     subtitle,
-    actions
+    actions,
+    nav
   });
 }
 function ListPageLayout({
@@ -22,6 +24,7 @@ function ListPageLayout({
   subtitle,
   actions,
   header,
+  nav,
   toolbar,
   children,
   ...rest
@@ -33,7 +36,8 @@ function ListPageLayout({
       title,
       subtitle,
       actions,
-      header
+      header,
+      nav
     }), toolbar, /* @__PURE__ */jsx(YStack, {
       flex: 1,
       minWidth: 0,
@@ -47,6 +51,7 @@ function DetailPageLayout({
   subtitle,
   actions,
   header,
+  nav,
   toolbarLeading,
   toolbarTrailing,
   aside,
@@ -85,7 +90,8 @@ function DetailPageLayout({
       title,
       subtitle,
       actions,
-      header
+      header,
+      nav
     }), body]
   });
 }
@@ -94,6 +100,7 @@ function SettingsPageLayout({
   subtitle,
   actions,
   header,
+  nav,
   maxWidth = layoutBreakpoints.expanded,
   children,
   ...rest
@@ -106,7 +113,8 @@ function SettingsPageLayout({
       title,
       subtitle,
       actions,
-      header
+      header,
+      nav
     }), children]
   });
 }