@multiplatform.one/theme 7.83.0 → 7.83.2

package/dist/cjs/theme/Preset.cjs

@@ -0,0 +1,150 @@
+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 Preset_exports = {};
+__export(Preset_exports, {
+  Preset: () => Preset,
+  applyColorTheme: () => applyColorTheme
+});
+module.exports = __toCommonJS(Preset_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_PresetContext = require("./PresetContext.cjs");
+var import_knobs = require("./knobs.cjs");
+var import_shared = require("./shared.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function applyColorTheme(preset, color) {
+  if (!color) return preset;
+  return {
+    ...preset,
+    theme: color,
+    tints: [color]
+  };
+}
+function Preset({
+  children,
+  preset: presetName,
+  theme,
+  overrides,
+  cascade = true
+}) {
+  const parentCtx = (0, import_react.useContext)(import_PresetContext.PresetContext);
+  const color = theme === void 0 ? cascade ? parentCtx?.color : void 0 : theme || void 0;
+  const composed = (0, import_react.useMemo)(() => {
+    let base;
+    if (cascade && parentCtx) {
+      base = {
+        ...parentCtx.preset
+      };
+      if (presetName) {
+        const namedPreset = (0, import_shared.getPreset)(presetName);
+        if (namedPreset) {
+          base = {
+            ...namedPreset
+          };
+        }
+      }
+      const mergedOverrides = {
+        ...parentCtx.overrides,
+        ...overrides
+      };
+      return {
+        preset: {
+          ...base,
+          knobs: {
+            ...base.knobs,
+            ...parentCtx.overrides,
+            ...overrides
+          }
+        },
+        overrides: Object.keys(mergedOverrides).length > 0 ? mergedOverrides : void 0,
+        presetName: parentCtx.presetName,
+        scaleId: parentCtx.scaleId
+      };
+    }
+    const freshDefault = {
+      theme: "",
+      knobs: {
+        ...import_knobs.defaultKnobs
+      },
+      intents: {},
+      tints: []
+    };
+    if (presetName) {
+      base = (0, import_shared.getPreset)(presetName) ?? freshDefault;
+    } else if (!cascade) {
+      base = freshDefault;
+    } else {
+      base = freshDefault;
+    }
+    const scope = {
+      presetName: parentCtx?.presetName,
+      scaleId: parentCtx?.scaleId
+    };
+    if (overrides) {
+      return {
+        preset: {
+          ...base,
+          knobs: {
+            ...base.knobs,
+            ...overrides
+          }
+        },
+        overrides,
+        ...scope
+      };
+    }
+    return {
+      preset: base,
+      ...scope
+    };
+  }, [cascade, parentCtx, presetName, overrides]);
+  const ctxValue = (0, import_react.useMemo)(() => {
+    if (color) return {
+      ...composed,
+      preset: applyColorTheme(composed.preset, color),
+      color
+    };
+    if (theme !== "") return composed;
+    const own = (0, import_shared.getPreset)(presetName ?? parentCtx?.presetName ?? "") ?? composed.preset;
+    return {
+      ...composed,
+      preset: {
+        ...composed.preset,
+        theme: own.theme,
+        tints: own.tints
+      }
+    };
+  }, [composed, color, theme, presetName, parentCtx]);
+  let element = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_PresetContext.PresetContext.Provider, {
+    value: ctxValue,
+    children
+  });
+  const wrap = theme ? theme : theme === "" ? ctxValue.preset.theme : void 0;
+  if (theme !== void 0) {
+    element = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+      name: wrap || void 0,
+      children: element
+    });
+  }
+  return element;
+}

package/dist/cjs/theme/Preset.native.js

@@ -0,0 +1,156 @@
+"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 Preset_exports = {};
+__export(Preset_exports, {
+  Preset: () => Preset,
+  applyColorTheme: () => applyColorTheme
+});
+module.exports = __toCommonJS(Preset_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_PresetContext = require("./PresetContext.native.js");
+var import_knobs = require("./knobs.native.js");
+var import_shared = require("./shared.native.js");
+function applyColorTheme(preset, color) {
+  if (!color) return preset;
+  return {
+    ...preset,
+    theme: color,
+    tints: [color]
+  };
+}
+function Preset(param) {
+  var {
+    children,
+    preset: presetName,
+    theme,
+    overrides,
+    cascade = true
+  } = param;
+  var parentCtx = (0, import_react.useContext)(import_PresetContext.PresetContext);
+  var color = theme === void 0 ? cascade ? parentCtx === null || parentCtx === void 0 ? void 0 : parentCtx.color : void 0 : theme || void 0;
+  var composed = (0, import_react.useMemo)(function () {
+    var base;
+    if (cascade && parentCtx) {
+      base = {
+        ...parentCtx.preset
+      };
+      if (presetName) {
+        var namedPreset = (0, import_shared.getPreset)(presetName);
+        if (namedPreset) {
+          base = {
+            ...namedPreset
+          };
+        }
+      }
+      var mergedOverrides = {
+        ...parentCtx.overrides,
+        ...overrides
+      };
+      return {
+        preset: {
+          ...base,
+          knobs: {
+            ...base.knobs,
+            ...parentCtx.overrides,
+            ...overrides
+          }
+        },
+        overrides: Object.keys(mergedOverrides).length > 0 ? mergedOverrides : void 0,
+        presetName: parentCtx.presetName,
+        scaleId: parentCtx.scaleId
+      };
+    }
+    var freshDefault = {
+      theme: "",
+      knobs: {
+        ...import_knobs.defaultKnobs
+      },
+      intents: {},
+      tints: []
+    };
+    if (presetName) {
+      var _getPreset;
+      base = (_getPreset = (0, import_shared.getPreset)(presetName)) !== null && _getPreset !== void 0 ? _getPreset : freshDefault;
+    } else if (!cascade) {
+      base = freshDefault;
+    } else {
+      base = freshDefault;
+    }
+    var scope = {
+      presetName: parentCtx === null || parentCtx === void 0 ? void 0 : parentCtx.presetName,
+      scaleId: parentCtx === null || parentCtx === void 0 ? void 0 : parentCtx.scaleId
+    };
+    if (overrides) {
+      return {
+        preset: {
+          ...base,
+          knobs: {
+            ...base.knobs,
+            ...overrides
+          }
+        },
+        overrides,
+        ...scope
+      };
+    }
+    return {
+      preset: base,
+      ...scope
+    };
+  }, [cascade, parentCtx, presetName, overrides]);
+  var ctxValue = (0, import_react.useMemo)(function () {
+    var _getPreset, _ref;
+    if (color) return {
+      ...composed,
+      preset: applyColorTheme(composed.preset, color),
+      color
+    };
+    if (theme !== "") return composed;
+    var own = (_getPreset = (0, import_shared.getPreset)((_ref = presetName !== null && presetName !== void 0 ? presetName : parentCtx === null || parentCtx === void 0 ? void 0 : parentCtx.presetName) !== null && _ref !== void 0 ? _ref : "")) !== null && _getPreset !== void 0 ? _getPreset : composed.preset;
+    return {
+      ...composed,
+      preset: {
+        ...composed.preset,
+        theme: own.theme,
+        tints: own.tints
+      }
+    };
+  }, [composed, color, theme, presetName, parentCtx]);
+  var element = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_PresetContext.PresetContext.Provider, {
+    value: ctxValue,
+    children
+  });
+  var wrap = theme ? theme : theme === "" ? ctxValue.preset.theme : void 0;
+  if (theme !== void 0) {
+    element = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+      name: wrap || void 0,
+      children: element
+    });
+  }
+  return element;
+}
+//# sourceMappingURL=Preset.native.js.map

package/dist/cjs/theme/Preset.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Preset_exports","__export","Preset","applyColorTheme","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_PresetContext","import_knobs","import_shared","preset","color","theme","tints","param","children","presetName","overrides","cascade","parentCtx","useContext","PresetContext","composed","useMemo","base","namedPreset","getPreset","mergedOverrides","knobs","Object","keys","length","scaleId","freshDefault","defaultKnobs","intents","_getPreset","scope"],"sources":["../../../src/theme/Preset.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/theme/PresetContext.cjs

@@ -0,0 +1,38 @@
+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 PresetContext_exports = {};
+__export(PresetContext_exports, {
+  PresetContext: () => PresetContext,
+  usePresetContext: () => usePresetContext,
+  usePresetTints: () => usePresetTints
+});
+module.exports = __toCommonJS(PresetContext_exports);
+var import_react = require("react");
+const PresetContext = (0, import_react.createContext)(null);
+function usePresetContext() {
+  return (0, import_react.useContext)(PresetContext);
+}
+function usePresetTints() {
+  const ctx = (0, import_react.useContext)(PresetContext);
+  return ctx?.preset.tints ?? [];
+}

package/dist/cjs/theme/PresetContext.native.js

@@ -0,0 +1,42 @@
+"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 PresetContext_exports = {};
+__export(PresetContext_exports, {
+  PresetContext: () => PresetContext,
+  usePresetContext: () => usePresetContext,
+  usePresetTints: () => usePresetTints
+});
+module.exports = __toCommonJS(PresetContext_exports);
+var import_react = require("react");
+var PresetContext = (0, import_react.createContext)(null);
+function usePresetContext() {
+  return (0, import_react.useContext)(PresetContext);
+}
+function usePresetTints() {
+  var _ref;
+  var ctx = (0, import_react.useContext)(PresetContext);
+  return (_ref = ctx === null || ctx === void 0 ? void 0 : ctx.preset.tints) !== null && _ref !== void 0 ? _ref : [];
+}
+//# sourceMappingURL=PresetContext.native.js.map

package/dist/cjs/theme/PresetContext.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","PresetContext_exports","__export","PresetContext","usePresetContext","usePresetTints","module","exports","import_react","require","createContext","useContext","_ref","ctx"],"sources":["../../../src/theme/PresetContext.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAA0C,CAAAK,qBAAA;AAmBnC,IAAAO,YAAM,GAAAC,OAAgB;AAKtB,IAAAN,aAAS,OAAAK,YAA8C,CAAAE,aAAA;AAC5D,SAAAN,gBAAOA,CAAA;EACT,WAAAI,YAAA,CAAAG,UAAA,EAAAR,aAAA;AAMO;AACL,SAAME,cAAMA,CAAA;EACZ,IAAAO,IAAO;EACT,IAAAC,GAAA,OAAAL,YAAA,CAAAG,UAAA,EAAAR,aAAA","ignoreList":[]}

package/dist/cjs/theme/Surface.cjs

@@ -0,0 +1,115 @@
+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 Surface_exports = {};
+__export(Surface_exports, {
+  Surface: () => Surface,
+  SurfaceContext: () => SurfaceContext,
+  clampSurfaceSize: () => clampSurfaceSize,
+  compareSizeTokens: () => compareSizeTokens,
+  sizeTokenBelow: () => sizeTokenBelow,
+  sizeTokenStep: () => sizeTokenStep,
+  sizeTokenStop: () => sizeTokenStop,
+  surfaceSizeRank: () => surfaceSizeRank,
+  useBarSurface: () => useBarSurface,
+  useElevatedSurface: () => useElevatedSurface,
+  useFieldSurface: () => useFieldSurface
+});
+module.exports = __toCommonJS(Surface_exports);
+var import_tamagui = require("tamagui");
+var import_pageGutter = require("./pageGutter.cjs");
+var import_scaleInputs = require("./scale/scaleInputs.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const SurfaceContext = (0, import_tamagui.createStyledContext)({
+  size: "unset",
+  painted: false,
+  bar: false,
+  elevated: false,
+  field: false
+});
+function useBarSurface() {
+  return SurfaceContext.useStyledContext().bar ?? false;
+}
+function useFieldSurface() {
+  return SurfaceContext.useStyledContext().field ?? false;
+}
+function useElevatedSurface() {
+  return SurfaceContext.useStyledContext().elevated ?? false;
+}
+const sizeKeyRank = new Map(import_scaleInputs.SIZE_KEYS.map((key, index) => [key, index]));
+sizeKeyRank.set("$true", sizeKeyRank.get("$4") ?? 0);
+function surfaceSizeRank(size) {
+  return typeof size === "string" ? sizeKeyRank.get(size) : void 0;
+}
+function compareSizeTokens(a, b) {
+  const rankA = surfaceSizeRank(a);
+  const rankB = surfaceSizeRank(b);
+  return rankA === void 0 || rankB === void 0 ? 0 : rankA - rankB;
+}
+function sizeTokenStep(sizeToken) {
+  return Math.sign(compareSizeTokens(sizeToken, "$true"));
+}
+function sizeTokenStop(sizeToken) {
+  const step = sizeTokenStep(sizeToken);
+  return step < 0 ? "small" : step > 0 ? "large" : "medium";
+}
+function sizeTokenBelow(size) {
+  const key = size === "$true" ? "$4" : String(size);
+  const step = Number(key.replace(/^\$/, ""));
+  if (!Number.isFinite(step)) return "$3";
+  return `$${Math.max(1, Math.ceil(step) - 1)}`;
+}
+function clampSurfaceSize(requested, parent) {
+  if (parent === "unset") return requested;
+  if (requested === "unset") return parent;
+  const requestedRank = surfaceSizeRank(requested);
+  const parentRank = surfaceSizeRank(parent);
+  if (parentRank === void 0) return requested;
+  if (requestedRank === void 0) return parent;
+  return requestedRank <= parentRank ? requested : parent;
+}
+function Surface({
+  size,
+  painted,
+  bar,
+  elevated,
+  field,
+  children
+}) {
+  const parent = SurfaceContext.useStyledContext();
+  const nextSize = clampSurfaceSize(size ?? "unset", parent.size);
+  const nextPainted = painted ?? parent.painted ?? false;
+  const nextBar = bar ?? (painted === void 0 ? parent.bar ?? false : false);
+  const nextElevated = elevated ?? (painted === void 0 ? parent.elevated ?? false : false);
+  const nextField = field ?? (painted === void 0 ? parent.field ?? false : false);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SurfaceContext.Provider, {
+    size: nextSize,
+    painted: nextPainted,
+    bar: nextBar,
+    elevated: nextElevated,
+    field: nextField,
+    children: painted === void 0 ? children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_pageGutter.PageGutter, {
+      inset: null,
+      children
+    })
+  });
+}

package/dist/cjs/theme/Surface.native.js

@@ -0,0 +1,126 @@
+"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 Surface_exports = {};
+__export(Surface_exports, {
+  Surface: () => Surface,
+  SurfaceContext: () => SurfaceContext,
+  clampSurfaceSize: () => clampSurfaceSize,
+  compareSizeTokens: () => compareSizeTokens,
+  sizeTokenBelow: () => sizeTokenBelow,
+  sizeTokenStep: () => sizeTokenStep,
+  sizeTokenStop: () => sizeTokenStop,
+  surfaceSizeRank: () => surfaceSizeRank,
+  useBarSurface: () => useBarSurface,
+  useElevatedSurface: () => useElevatedSurface,
+  useFieldSurface: () => useFieldSurface
+});
+module.exports = __toCommonJS(Surface_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_pageGutter = require("./pageGutter.native.js");
+var import_scaleInputs = require("./scale/scaleInputs.native.js");
+var _sizeKeyRank_get;
+var SurfaceContext = (0, import_tamagui.createStyledContext)({
+  size: "unset",
+  painted: false,
+  bar: false,
+  elevated: false,
+  field: false
+});
+function useBarSurface() {
+  var _SurfaceContext_useStyledContext_bar;
+  return (_SurfaceContext_useStyledContext_bar = SurfaceContext.useStyledContext().bar) !== null && _SurfaceContext_useStyledContext_bar !== void 0 ? _SurfaceContext_useStyledContext_bar : false;
+}
+function useFieldSurface() {
+  var _SurfaceContext_useStyledContext_field;
+  return (_SurfaceContext_useStyledContext_field = SurfaceContext.useStyledContext().field) !== null && _SurfaceContext_useStyledContext_field !== void 0 ? _SurfaceContext_useStyledContext_field : false;
+}
+function useElevatedSurface() {
+  var _SurfaceContext_useStyledContext_elevated;
+  return (_SurfaceContext_useStyledContext_elevated = SurfaceContext.useStyledContext().elevated) !== null && _SurfaceContext_useStyledContext_elevated !== void 0 ? _SurfaceContext_useStyledContext_elevated : false;
+}
+var sizeKeyRank = new Map(import_scaleInputs.SIZE_KEYS.map(function (key, index) {
+  return [key, index];
+}));
+sizeKeyRank.set("$true", (_sizeKeyRank_get = sizeKeyRank.get("$4")) !== null && _sizeKeyRank_get !== void 0 ? _sizeKeyRank_get : 0);
+function surfaceSizeRank(size) {
+  return typeof size === "string" ? sizeKeyRank.get(size) : void 0;
+}
+function compareSizeTokens(a, b) {
+  var rankA = surfaceSizeRank(a);
+  var rankB = surfaceSizeRank(b);
+  return rankA === void 0 || rankB === void 0 ? 0 : rankA - rankB;
+}
+function sizeTokenStep(sizeToken) {
+  return Math.sign(compareSizeTokens(sizeToken, "$true"));
+}
+function sizeTokenStop(sizeToken) {
+  var step = sizeTokenStep(sizeToken);
+  return step < 0 ? "small" : step > 0 ? "large" : "medium";
+}
+function sizeTokenBelow(size) {
+  var key = size === "$true" ? "$4" : String(size);
+  var step = Number(key.replace(/^\$/, ""));
+  if (!Number.isFinite(step)) return "$3";
+  return `$${Math.max(1, Math.ceil(step) - 1)}`;
+}
+function clampSurfaceSize(requested, parent) {
+  if (parent === "unset") return requested;
+  if (requested === "unset") return parent;
+  var requestedRank = surfaceSizeRank(requested);
+  var parentRank = surfaceSizeRank(parent);
+  if (parentRank === void 0) return requested;
+  if (requestedRank === void 0) return parent;
+  return requestedRank <= parentRank ? requested : parent;
+}
+function Surface(param) {
+  var {
+    size,
+    painted,
+    bar,
+    elevated,
+    field,
+    children
+  } = param;
+  var _ref, _parent_bar, _parent_elevated, _parent_field;
+  var parent = SurfaceContext.useStyledContext();
+  var nextSize = clampSurfaceSize(size !== null && size !== void 0 ? size : "unset", parent.size);
+  var nextPainted = (_ref = painted !== null && painted !== void 0 ? painted : parent.painted) !== null && _ref !== void 0 ? _ref : false;
+  var nextBar = bar !== null && bar !== void 0 ? bar : painted === void 0 ? (_parent_bar = parent.bar) !== null && _parent_bar !== void 0 ? _parent_bar : false : false;
+  var nextElevated = elevated !== null && elevated !== void 0 ? elevated : painted === void 0 ? (_parent_elevated = parent.elevated) !== null && _parent_elevated !== void 0 ? _parent_elevated : false : false;
+  var nextField = field !== null && field !== void 0 ? field : painted === void 0 ? (_parent_field = parent.field) !== null && _parent_field !== void 0 ? _parent_field : false : false;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SurfaceContext.Provider, {
+    size: nextSize,
+    painted: nextPainted,
+    bar: nextBar,
+    elevated: nextElevated,
+    field: nextField,
+    children: painted === void 0 ? children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_pageGutter.PageGutter, {
+      inset: null,
+      children
+    })
+  });
+}
+//# sourceMappingURL=Surface.native.js.map

package/dist/cjs/theme/Surface.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Surface_exports","__export","Surface","SurfaceContext","clampSurfaceSize","compareSizeTokens","sizeTokenBelow","sizeTokenStep","sizeTokenStop","surfaceSizeRank","useBarSurface","useElevatedSurface","useFieldSurface","module","exports","import_jsx_runtime","require","import_tamagui","import_pageGutter","import_scaleInputs","_sizeKeyRank_get","createStyledContext","size","painted","bar","elevated","field","_SurfaceContext_useStyledContext_bar","useStyledContext","_SurfaceContext_useStyledContext_field","_SurfaceContext_useStyledContext_elevated","sizeKeyRank","Map","SIZE_KEYS","map","key","index","set","get","a","b","rankA","rankB","sizeToken","Math","sign","step","String","Number","replace","isFinite","max","ceil","requested","parent","requestedRank","parentRank","param","children","_ref","_parent_bar","_parent_elevated","_parent_field","nextSize","nextPainted","nextBar","nextElevated","nextField","jsx","Provider","PageGutter"],"sources":["../../../src/theme/Surface.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}