@multiplatform.one/components 6.1.0 → 6.3.0

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

@@ -0,0 +1,374 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var AsyncBoundary_exports = {};
+__export(AsyncBoundary_exports, {
+  AsyncBoundary: () => AsyncBoundary,
+  AsyncSkeleton: () => AsyncSkeleton,
+  __resetAsyncDevWarnSeen: () => __resetAsyncDevWarnSeen,
+  resolveAsyncStatus: () => resolveAsyncStatus,
+  useAsyncBoundary: () => useAsyncBoundary,
+  useAsyncCount: () => useAsyncCount
+});
+module.exports = __toCommonJS(AsyncBoundary_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_tamagui = require("tamagui");
+var import_Skeleton = require("../Skeleton/index.native.js");
+var import_page = require("./page.native.js");
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+var AsyncBoundaryContext = /* @__PURE__ */(0, import_react2.createContext)(null);
+function useAsyncBoundary() {
+  return (0, import_react2.useContext)(AsyncBoundaryContext);
+}
+function useAsyncCount(value) {
+  var ctx = useAsyncBoundary();
+  if (ctx === null || ctx === void 0 ? void 0 : ctx.hideBadges) return void 0;
+  return value;
+}
+function isReactNodeSlot(value) {
+  if (value == null || typeof value === "boolean") return false;
+  if (typeof value === "string" || typeof value === "number") return false;
+  if (_instanceof(value, Error)) return false;
+  return true;
+}
+function isActiveError(error) {
+  if (error == null || error === false) return false;
+  return true;
+}
+function isActiveFlag(value) {
+  if (value == null || value === false) return false;
+  return true;
+}
+function resolveAsyncStatus(opts) {
+  if (isActiveError(opts.error)) return "error";
+  if (isActiveFlag(opts.loading)) return "loading";
+  if (isActiveFlag(opts.empty)) return "empty";
+  return "data";
+}
+function errorCopy(error, errorTitle, errorDescription) {
+  if (typeof error === "string") {
+    return {
+      title: errorTitle,
+      description: errorDescription !== null && errorDescription !== void 0 ? errorDescription : error
+    };
+  }
+  if (_instanceof(error, Error)) {
+    return {
+      title: errorTitle,
+      description: errorDescription !== null && errorDescription !== void 0 ? errorDescription : error.message
+    };
+  }
+  return {
+    title: errorTitle,
+    description: errorDescription
+  };
+}
+var seenDevWarns = /* @__PURE__ */new Set();
+function asyncDevWarn(code) {
+  var detail = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+  if (process.env.NODE_ENV === "production") return;
+  var key = `${code}:${detail}`;
+  if (seenDevWarns.has(key)) return;
+  seenDevWarns.add(key);
+  console.warn(`[AsyncBoundary] ${code}${detail ? ` (${detail})` : ""}`);
+}
+function __resetAsyncDevWarnSeen() {
+  seenDevWarns.clear();
+}
+function AsyncSkeleton(param) {
+  var {
+    layout = "generic",
+    ...rest
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  switch (layout) {
+    case "list":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        gap: "$3",
+        width: "100%",
+        "data-async-skeleton": "list",
+        "aria-busy": true,
+        "aria-label": t("Loading"),
+        ...rest,
+        children: Array.from({
+          length: 5
+        }).map(function (_, i) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            gap: "$3",
+            alignItems: "center",
+            paddingVertical: "$2",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton.Circle, {
+              size: 40
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+              flex: 1,
+              gap: "$1",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+                width: "70%",
+                height: 14
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+                width: "40%",
+                height: 12
+              })]
+            })]
+          }, i);
+        })
+      });
+    case "table":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$2",
+        width: "100%",
+        "data-async-skeleton": "table",
+        "aria-busy": true,
+        "aria-label": t("Loading"),
+        ...rest,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$3",
+          paddingBottom: "$2",
+          borderBottomWidth: 1,
+          borderColor: "$color5",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+            width: 120,
+            height: 14
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+            width: 100,
+            height: 14
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+            width: 80,
+            height: 14
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+            width: 60,
+            height: 14
+          })]
+        }), Array.from({
+          length: 5
+        }).map(function (_, i) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            gap: "$3",
+            paddingVertical: "$2",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+              width: 120,
+              height: 14
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+              width: 100,
+              height: 14
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+              width: 80,
+              height: 14
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+              width: 60,
+              height: 14
+            })]
+          }, i);
+        })]
+      });
+    case "kanban":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        gap: "$3",
+        width: "100%",
+        "data-async-skeleton": "kanban",
+        "aria-busy": true,
+        "aria-label": t("Loading"),
+        ...rest,
+        children: Array.from({
+          length: 3
+        }).map(function (_, col) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            width: 260,
+            gap: "$2",
+            padding: "$3",
+            borderWidth: 1,
+            borderColor: "$borderColor",
+            borderRadius: "$4",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+              justifyContent: "space-between",
+              alignItems: "center",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+                width: 100,
+                height: 14
+              })
+            }), /* No count badge skeleton — avoid promising a count (DG-ST-04) */
+            Array.from({
+              length: 3
+            }).map(function (_2, row) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+                variant: "rounded",
+                width: "100%",
+                height: 64
+              }, row);
+            })]
+          }, col);
+        })
+      });
+    case "dashboard":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$4",
+        width: "100%",
+        "data-async-skeleton": "dashboard",
+        "aria-busy": true,
+        "aria-label": t("Loading"),
+        ...rest,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          gap: "$3",
+          flexWrap: "wrap",
+          children: Array.from({
+            length: 4
+          }).map(function (_, i) {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+              width: 180,
+              gap: "$2",
+              padding: "$3",
+              borderWidth: 1,
+              borderColor: "$borderColor",
+              borderRadius: "$4",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+                width: "50%",
+                height: 12
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+                width: "70%",
+                height: 28
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+                width: "40%",
+                height: 12
+              })]
+            }, i);
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: 200
+        })]
+      });
+    default:
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        gap: "$3",
+        width: "100%",
+        "data-async-skeleton": "generic",
+        "aria-busy": true,
+        "aria-label": t("Loading"),
+        ...rest,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton.Text, {
+          lines: 4
+        })
+      });
+  }
+}
+function AsyncBoundary(param) {
+  var {
+    loading,
+    empty,
+    error,
+    data,
+    children,
+    layout = "generic",
+    onRetry,
+    errorTitle = "Couldn't load data",
+    emptyTitle = "No items found",
+    emptyDescription,
+    errorDescription,
+    compact = false,
+    chrome,
+    ...stackProps
+  } = param;
+  var status = resolveAsyncStatus({
+    loading,
+    empty,
+    error
+  });
+  var hideBadges = status === "error";
+  (0, import_react2.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 body = null;
+  if (status === "error") {
+    if (isReactNodeSlot(error)) {
+      body = error;
+    } else {
+      var copy = errorCopy(error, errorTitle, errorDescription);
+      body = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_page.EmptyState, {
+        compact,
+        intent: "error",
+        "data-async-state": "error",
+        title: copy.title,
+        description: copy.description,
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.WarningCircleIcon, {
+          size: compact ? 24 : 32
+        }),
+        action: onRetry ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: compact ? "$3" : "$4",
+          onPress: onRetry,
+          children: "Retry"
+        }) : void 0
+      });
+    }
+  } else if (status === "loading") {
+    body = loading !== true && isReactNodeSlot(loading) ? loading : /* @__PURE__ */(0, import_jsx_runtime.jsx)(AsyncSkeleton, {
+      layout
+    });
+  } else if (status === "empty") {
+    body = empty !== true && isReactNodeSlot(empty) ? empty : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_page.EmptyState, {
+      compact,
+      intent: "neutral",
+      "data-async-state": "empty",
+      title: emptyTitle,
+      description: emptyDescription
+    });
+  } else {
+    body = data !== null && data !== void 0 ? data : children;
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AsyncBoundaryContext.Provider, {
+    value: ctx,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      "data-async-status": status,
+      width: "100%",
+      ...(status === "loading" ? {
+        "aria-busy": true
+      } : {}),
+      ...stackProps,
+      children: [/* Chrome (toolbars / badges) suppressed on error so counts can't lie */
+      status !== "error" ? chrome : null, body]
+    })
+  });
+}
+//# sourceMappingURL=AsyncBoundary.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AsyncBoundary_exports","__export","AsyncBoundary","AsyncSkeleton","__resetAsyncDevWarnSeen","resolveAsyncStatus","useAsyncBoundary","useAsyncCount","module","exports","import_jsx_runtime","require","import_forms","import_react","import_react2","import_react_i18next","import_tamagui","import_Skeleton","import_page","_instanceof","left","right","Symbol","hasInstance","AsyncBoundaryContext","createContext","useContext","ctx","hideBadges","isReactNodeSlot","Error","isActiveError","error","isActiveFlag","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","clear","param","layout","rest","t","useTranslation","jsx","YStack","gap","width","children","Array","from","map","_","i","jsxs","XStack","alignItems","paddingVertical","Skeleton","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":[]}

package/dist/cjs/layouts/PageTemplates.cjs

@@ -0,0 +1,141 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var PageTemplates_exports = {};
+__export(PageTemplates_exports, {
+  DetailPageLayout: () => DetailPageLayout,
+  ListPageLayout: () => ListPageLayout,
+  SettingsPageLayout: () => SettingsPageLayout
+});
+module.exports = __toCommonJS(PageTemplates_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_page = require("./page.cjs");
+var import_PaneScaffold = require("./PaneScaffold.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function renderTemplateHeader({
+  title,
+  subtitle,
+  actions,
+  header
+}) {
+  if (header !== void 0) return header;
+  if (!title && !subtitle && !actions) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_page.PageHeader, {
+    title,
+    subtitle,
+    actions
+  });
+}
+function ListPageLayout({
+  title,
+  subtitle,
+  actions,
+  header,
+  toolbar,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_page.Screen, {
+    "data-canonical": "list-page",
+    ...rest,
+    children: [renderTemplateHeader({
+      title,
+      subtitle,
+      actions,
+      header
+    }), toolbar, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      flex: 1,
+      minWidth: 0,
+      "data-testid": "list-page-content",
+      children
+    })]
+  });
+}
+function DetailPageLayout({
+  title,
+  subtitle,
+  actions,
+  header,
+  toolbarLeading,
+  toolbarTrailing,
+  aside,
+  sizeClass: sizeClassProp,
+  children,
+  ...rest
+}) {
+  const liveClass = (0, import_theme.useLayoutSizeClass)();
+  const sizeClass = sizeClassProp ?? liveClass;
+  const multi = (0, import_theme.defaultMaxPanes)(sizeClass) >= 2;
+  const gaps = (0, import_theme.useSemanticGaps)();
+  const toolbar = toolbarLeading || toolbarTrailing ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_page.ScreenToolbar, {
+    leading: toolbarLeading,
+    trailing: toolbarTrailing
+  }) : null;
+  let body;
+  if (aside === null || aside === void 0) {
+    body = children;
+  } else if (multi) {
+    body = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_PaneScaffold.SupportingPaneLayout, {
+      sizeClass,
+      supporting: aside,
+      children
+    });
+  } else {
+    body = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...gaps.betweenGroups,
+      "data-testid": "detail-page-stack",
+      children: [children, aside]
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_page.Screen, {
+    "data-canonical": "detail-page",
+    ...rest,
+    children: [toolbar, renderTemplateHeader({
+      title,
+      subtitle,
+      actions,
+      header
+    }), body]
+  });
+}
+function SettingsPageLayout({
+  title,
+  subtitle,
+  actions,
+  header,
+  maxWidth = import_theme.layoutBreakpoints.expanded,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_page.Screen, {
+    "data-canonical": "settings-page",
+    maxWidth,
+    ...rest,
+    children: [renderTemplateHeader({
+      title,
+      subtitle,
+      actions,
+      header
+    }), children]
+  });
+}

package/dist/cjs/layouts/PageTemplates.native.js

@@ -0,0 +1,148 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var PageTemplates_exports = {};
+__export(PageTemplates_exports, {
+  DetailPageLayout: () => DetailPageLayout,
+  ListPageLayout: () => ListPageLayout,
+  SettingsPageLayout: () => SettingsPageLayout
+});
+module.exports = __toCommonJS(PageTemplates_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_page = require("./page.native.js");
+var import_PaneScaffold = require("./PaneScaffold.native.js");
+function renderTemplateHeader(param) {
+  var {
+    title,
+    subtitle,
+    actions,
+    header
+  } = param;
+  if (header !== void 0) return header;
+  if (!title && !subtitle && !actions) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_page.PageHeader, {
+    title,
+    subtitle,
+    actions
+  });
+}
+function ListPageLayout(param) {
+  var {
+    title,
+    subtitle,
+    actions,
+    header,
+    toolbar,
+    children,
+    ...rest
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_page.Screen, {
+    "data-canonical": "list-page",
+    ...rest,
+    children: [renderTemplateHeader({
+      title,
+      subtitle,
+      actions,
+      header
+    }), toolbar, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      flex: 1,
+      minWidth: 0,
+      "data-testid": "list-page-content",
+      children
+    })]
+  });
+}
+function DetailPageLayout(param) {
+  var {
+    title,
+    subtitle,
+    actions,
+    header,
+    toolbarLeading,
+    toolbarTrailing,
+    aside,
+    sizeClass: sizeClassProp,
+    children,
+    ...rest
+  } = param;
+  var liveClass = (0, import_theme.useLayoutSizeClass)();
+  var sizeClass = sizeClassProp !== null && sizeClassProp !== void 0 ? sizeClassProp : liveClass;
+  var multi = (0, import_theme.defaultMaxPanes)(sizeClass) >= 2;
+  var gaps = (0, import_theme.useSemanticGaps)();
+  var toolbar = toolbarLeading || toolbarTrailing ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_page.ScreenToolbar, {
+    leading: toolbarLeading,
+    trailing: toolbarTrailing
+  }) : null;
+  var body;
+  if (aside === null || aside === void 0) {
+    body = children;
+  } else if (multi) {
+    body = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_PaneScaffold.SupportingPaneLayout, {
+      sizeClass,
+      supporting: aside,
+      children
+    });
+  } else {
+    body = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...gaps.betweenGroups,
+      "data-testid": "detail-page-stack",
+      children: [children, aside]
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_page.Screen, {
+    "data-canonical": "detail-page",
+    ...rest,
+    children: [toolbar, renderTemplateHeader({
+      title,
+      subtitle,
+      actions,
+      header
+    }), body]
+  });
+}
+function SettingsPageLayout(param) {
+  var {
+    title,
+    subtitle,
+    actions,
+    header,
+    maxWidth = import_theme.layoutBreakpoints.expanded,
+    children,
+    ...rest
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_page.Screen, {
+    "data-canonical": "settings-page",
+    maxWidth,
+    ...rest,
+    children: [renderTemplateHeader({
+      title,
+      subtitle,
+      actions,
+      header
+    }), children]
+  });
+}
+//# sourceMappingURL=PageTemplates.native.js.map

package/dist/cjs/layouts/PageTemplates.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","PageTemplates_exports","__export","DetailPageLayout","ListPageLayout","SettingsPageLayout","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_page","import_PaneScaffold","renderTemplateHeader","param","title","subtitle","actions","header","jsx","PageHeader","toolbar","children","rest","jsxs","Screen","YStack","flex","minWidth","toolbarLeading","toolbarTrailing","aside","sizeClass","sizeClassProp","liveClass","useLayoutSizeClass","multi","defaultMaxPanes","gaps","useSemanticGaps","ScreenToolbar","leading","trailing","body","SupportingPaneLayout","supporting","betweenGroups"],"sources":["../../../src/layouts/PageTemplates.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}