@multiplatform.one/theme 7.83.0 → 7.83.2

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

@@ -0,0 +1,222 @@
+"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 layoutTokens_exports = {};
+__export(layoutTokens_exports, {
+  DETAIL_READABLE_WIDTH: () => DETAIL_READABLE_WIDTH,
+  FORM_READABLE_WIDTH: () => FORM_READABLE_WIDTH,
+  FORM_READABLE_WIDTH_MAX: () => FORM_READABLE_WIDTH_MAX,
+  FORM_READABLE_WIDTH_MIN: () => FORM_READABLE_WIDTH_MIN,
+  LAYOUT_SIZE_CLASS_ORDER: () => LAYOUT_SIZE_CLASS_ORDER,
+  MIN_PRESS_TARGET: () => MIN_PRESS_TARGET,
+  NARROW_BREAKPOINT: () => NARROW_BREAKPOINT,
+  OVERLAY_ANCHOR_GAP: () => OVERLAY_ANCHOR_GAP,
+  OVERLAY_ATTACH_GAP: () => OVERLAY_ATTACH_GAP,
+  OVERLAY_BREAKPOINT: () => OVERLAY_BREAKPOINT,
+  READING_WIDTH_CH: () => READING_WIDTH_CH,
+  READING_WIDTH_MAX_CH: () => READING_WIDTH_MAX_CH,
+  READING_WIDTH_MIN_CH: () => READING_WIDTH_MIN_CH,
+  defaultMaxPanes: () => defaultMaxPanes,
+  getLayoutSizeClass: () => getLayoutSizeClass,
+  isTouchSurface: () => isTouchSurface,
+  layoutBreakpoints: () => layoutBreakpoints,
+  layoutSizeClassAtLeast: () => layoutSizeClassAtLeast,
+  pressTargetHitSlop: () => pressTargetHitSlop,
+  pressTargetStyle: () => pressTargetStyle,
+  readingWidthStyle: () => readingWidthStyle,
+  useLayoutSizeClass: () => useLayoutSizeClass,
+  useMultiPane: () => useMultiPane,
+  useSemanticGaps: () => useSemanticGaps
+});
+module.exports = __toCommonJS(layoutTokens_exports);
+var import_platform = require("@multiplatform.one/platform");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_useResolvedKnobs = require("./useResolvedKnobs.native.js");
+var layoutBreakpoints = {
+  /** Tamagui `$xxs`. Smallest phones. */
+  xxs: 340,
+  /** Tamagui `$xs`. */
+  xs: 460,
+  /**
+  * End of compact / DeskShell narrow drawer threshold (Tamagui `$sm`).
+  * Also the overlay sheet↔float pivot and the DataTable card↔grid pivot —
+  * one idiom flip per viewport (MPO-13 C5).
+  */
+  medium: 640,
+  /**
+  * Tamagui `$md` — the width `<Adapt when="maxMd">` pivots on. Whether the
+  * overlay pivot should MOVE here from `medium`, and `expanded` be deleted,
+  * is the open half of X11; it decides together with GL-47 / MPO-21, so it
+  * is not decided here. Naming it costs nothing and is what lets that
+  * question be asked in code.
+  */
+  md: 768,
+  /** Two-pane budget threshold (~M3 expanded 840). Not an overlay pivot. */
+  expanded: 860,
+  /** Tamagui `$lg`. */
+  large: 1024,
+  /** Tamagui `$xl`. */
+  xl: 1280,
+  /** Tamagui `$xxl`. */
+  xxl: 1536
+};
+var OVERLAY_BREAKPOINT = layoutBreakpoints.medium;
+var NARROW_BREAKPOINT = layoutBreakpoints.medium;
+var LAYOUT_SIZE_CLASS_ORDER = ["compact", "medium", "expanded", "large", "xl"];
+function getLayoutSizeClass(width) {
+  if (width >= layoutBreakpoints.xl) return "xl";
+  if (width >= layoutBreakpoints.large) return "large";
+  if (width >= layoutBreakpoints.expanded) return "expanded";
+  if (width >= layoutBreakpoints.medium) return "medium";
+  return "compact";
+}
+function defaultMaxPanes(sizeClass) {
+  return sizeClass === "compact" || sizeClass === "medium" ? 1 : 2;
+}
+function layoutSizeClassAtLeast(current, minimum) {
+  return LAYOUT_SIZE_CLASS_ORDER.indexOf(current) >= LAYOUT_SIZE_CLASS_ORDER.indexOf(minimum);
+}
+function readViewportWidth() {
+  if (typeof window === "undefined") return layoutBreakpoints.medium;
+  return window.innerWidth;
+}
+function subscribeViewportSizeClass(onChange) {
+  if (!import_tamagui.isWeb || typeof window === "undefined") return function () {};
+  var queries = [layoutBreakpoints.xl, layoutBreakpoints.large, layoutBreakpoints.expanded, layoutBreakpoints.medium].map(function (width) {
+    return window.matchMedia(`(min-width: ${width}px)`);
+  });
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = queries[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var mq = _step.value;
+      mq.addEventListener("change", onChange);
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return function () {
+    var _iteratorNormalCompletion2 = true,
+      _didIteratorError2 = false,
+      _iteratorError2 = void 0;
+    try {
+      for (var _iterator2 = queries[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+        var mq2 = _step2.value;
+        mq2.removeEventListener("change", onChange);
+      }
+    } catch (err) {
+      _didIteratorError2 = true;
+      _iteratorError2 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+          _iterator2.return();
+        }
+      } finally {
+        if (_didIteratorError2) {
+          throw _iteratorError2;
+        }
+      }
+    }
+  };
+}
+function viewportSizeClass() {
+  return getLayoutSizeClass(readViewportWidth());
+}
+function serverViewportSizeClass() {
+  return getLayoutSizeClass(layoutBreakpoints.medium);
+}
+function useLayoutSizeClass() {
+  var nativeWidth = (0, import_tamagui.useWindowDimensions)().width;
+  var webSizeClass = (0, import_react.useSyncExternalStore)(subscribeViewportSizeClass, viewportSizeClass, serverViewportSizeClass);
+  return import_tamagui.isWeb ? webSizeClass : getLayoutSizeClass(nativeWidth);
+}
+function useMultiPane(maxPanes) {
+  var sizeClass = useLayoutSizeClass();
+  var budget = maxPanes !== null && maxPanes !== void 0 ? maxPanes : defaultMaxPanes(sizeClass);
+  return budget >= 2 && defaultMaxPanes(sizeClass) >= 2;
+}
+var READING_WIDTH_CH = 70;
+var READING_WIDTH_MIN_CH = 65;
+var READING_WIDTH_MAX_CH = 75;
+function readingWidthStyle() {
+  var measure = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : READING_WIDTH_CH;
+  if (measure === "none" || measure === null) return {};
+  var ch = Math.min(READING_WIDTH_MAX_CH, Math.max(READING_WIDTH_MIN_CH, measure));
+  return {
+    maxWidth: `${ch}ch`,
+    width: "100%"
+  };
+}
+var FORM_READABLE_WIDTH = 560;
+var FORM_READABLE_WIDTH_MIN = 480;
+var FORM_READABLE_WIDTH_MAX = 640;
+var DETAIL_READABLE_WIDTH = 720;
+var MIN_PRESS_TARGET = 44;
+function isTouchSurface() {
+  return import_platform.isTouchable || import_platform.isWebTouchable;
+}
+function pressTargetStyle() {
+  var size = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : MIN_PRESS_TARGET;
+  return {
+    minWidth: size,
+    minHeight: size
+  };
+}
+function pressTargetHitSlop(visualSize) {
+  var min = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : MIN_PRESS_TARGET;
+  var pad = Math.max(0, Math.ceil((min - visualSize) / 2));
+  return {
+    top: pad,
+    bottom: pad,
+    left: pad,
+    right: pad
+  };
+}
+var OVERLAY_ANCHOR_GAP = 4;
+var OVERLAY_ATTACH_GAP = 0;
+function useSemanticGaps() {
+  var {
+    knobProps
+  } = (0, import_useResolvedKnobs.useResolvedKnobs)();
+  return {
+    tight: knobProps.gapSm,
+    withinGroup: knobProps.gap,
+    betweenGroups: knobProps.gapLg
+  };
+}
+//# sourceMappingURL=layoutTokens.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","layoutTokens_exports","__export","DETAIL_READABLE_WIDTH","FORM_READABLE_WIDTH","FORM_READABLE_WIDTH_MAX","FORM_READABLE_WIDTH_MIN","LAYOUT_SIZE_CLASS_ORDER","MIN_PRESS_TARGET","NARROW_BREAKPOINT","OVERLAY_ANCHOR_GAP","OVERLAY_ATTACH_GAP","OVERLAY_BREAKPOINT","READING_WIDTH_CH","READING_WIDTH_MAX_CH","READING_WIDTH_MIN_CH","defaultMaxPanes","getLayoutSizeClass","isTouchSurface","layoutBreakpoints","layoutSizeClassAtLeast","pressTargetHitSlop","pressTargetStyle","readingWidthStyle","useLayoutSizeClass","useMultiPane","useSemanticGaps","module","exports","import_platform","require","import_react","import_tamagui","import_useResolvedKnobs","xxs","xs","medium","md","expanded","large","xl","xxl","width","sizeClass","current","minimum","indexOf","readViewportWidth","window","innerWidth","subscribeViewportSizeClass","onChange","isWeb","queries","map","matchMedia","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","mq","addEventListener","err","return","_iteratorNormalCompletion2","_didIteratorError2","_iteratorError2","_iterator2","_step2","mq2","removeEventListener","viewportSizeClass","serverViewportSizeClass","nativeWidth","useWindowDimensions","webSizeClass","useSyncExternalStore","maxPanes"],"sources":["../../../src/theme/layoutTokens.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/theme/listRows.cjs

@@ -0,0 +1,44 @@
+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 listRows_exports = {};
+__export(listRows_exports, {
+  listHeightForRows: () => listHeightForRows,
+  menuListHeight: () => menuListHeight,
+  rowsInListHeight: () => rowsInListHeight
+});
+module.exports = __toCommonJS(listRows_exports);
+var import_sizeRecipes = require("./sizeRecipes.cjs");
+function listHeightForRows(rows, rowPitch, separator = 0) {
+  const count = Math.max(0, Math.floor(rows));
+  return count * rowPitch + Math.max(count - 1, 0) * separator;
+}
+function rowsInListHeight(height, rowPitch, separator = 0) {
+  return rowPitch > 0 ? Math.floor((height + separator) / (rowPitch + separator)) : 0;
+}
+function menuListHeight(rows, sizeToken, options) {
+  const pitch = (0, import_sizeRecipes.sizeRecipeForToken)(sizeToken, {
+    touch: options?.touch,
+    family: "menuRow"
+  }).height;
+  return listHeightForRows(rows, pitch);
+}

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

@@ -0,0 +1,49 @@
+"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 listRows_exports = {};
+__export(listRows_exports, {
+  listHeightForRows: () => listHeightForRows,
+  menuListHeight: () => menuListHeight,
+  rowsInListHeight: () => rowsInListHeight
+});
+module.exports = __toCommonJS(listRows_exports);
+var import_sizeRecipes = require("./sizeRecipes.native.js");
+function listHeightForRows(rows, rowPitch) {
+  var separator = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
+  var count = Math.max(0, Math.floor(rows));
+  return count * rowPitch + Math.max(count - 1, 0) * separator;
+}
+function rowsInListHeight(height, rowPitch) {
+  var separator = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
+  return rowPitch > 0 ? Math.floor((height + separator) / (rowPitch + separator)) : 0;
+}
+function menuListHeight(rows, sizeToken, options) {
+  var pitch = (0, import_sizeRecipes.sizeRecipeForToken)(sizeToken, {
+    touch: options === null || options === void 0 ? void 0 : options.touch,
+    family: "menuRow"
+  }).height;
+  return listHeightForRows(rows, pitch);
+}
+//# sourceMappingURL=listRows.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","listRows_exports","__export","listHeightForRows","menuListHeight","rowsInListHeight","module","exports","import_sizeRecipes","require","rows","rowPitch","separator","arguments","length","count","Math","max","floor","height","sizeToken","options"],"sources":["../../../src/theme/listRows.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAAmC,CAAAK,gBAAA;AAO5B,IAAAO,kBAAS,GAAAC,OAAkB,CAAc,yBAAkB;AAChE,SAAMN,iBAAiBA,CAAAO,IAAG,EAAKC,QAAM,EAAI;EACzC,IAAAC,SAAO,GAAQC,SAAA,CAAWC,MAAK,GAAI,KAAAD,SAAY,EAAI,eAAAA,SAAA;EACrD,IAAAE,KAAA,GAAAC,IAAA,CAAAC,GAAA,IAAAD,IAAA,CAAAE,KAAA,CAAAR,IAAA;EAGO,OAASK,KAAA,GAAAJ,QAAA,GAAiBK,IAAA,CAAAC,GAAgB,CAAAF,KAAA,GAAkB,QAAAH,SAAuB;AACxF;AACF,SAAAP,iBAAAc,MAAA,EAAAR,QAAA;EAGO,IAAAC,SAAS,GAAAC,SAAe,CAAAC,MAAc,QAAmBD,SAA+B,iBAAAA,SAAA;EAC7F,OAAMF,QAAA,GAAQ,IAAAK,IAAA,CAAAE,KAAA,EAAAC,MAAA,GAAAP,SAAA,KAAmBD,QAAA,GAAWC,SAAS;AACrD;AACF,SAAAR,eAAAM,IAAA,EAAAU,SAAA,EAAAC,OAAA","ignoreList":[]}

package/dist/cjs/theme/mergedTokens.cjs

@@ -0,0 +1,39 @@
+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 mergedTokens_exports = {};
+__export(mergedTokens_exports, {
+  mergedTokens: () => mergedTokens
+});
+module.exports = __toCommonJS(mergedTokens_exports);
+function mergedTokens(config) {
+  const merged = {};
+  const tokens = config.tokens;
+  const parsed = config.tokensParsed;
+  for (const category of Object.keys(parsed)) {
+    merged[category] = {
+      ...tokens?.[category],
+      ...parsed[category]
+    };
+  }
+  return merged;
+}

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

@@ -0,0 +1,61 @@
+"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 mergedTokens_exports = {};
+__export(mergedTokens_exports, {
+  mergedTokens: () => mergedTokens
+});
+module.exports = __toCommonJS(mergedTokens_exports);
+function mergedTokens(config) {
+  var merged = {};
+  var tokens = config.tokens;
+  var parsed = config.tokensParsed;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = Object.keys(parsed)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var category = _step.value;
+      merged[category] = {
+        ...(tokens === null || tokens === void 0 ? void 0 : tokens[category]),
+        ...parsed[category]
+      };
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return merged;
+}
+//# sourceMappingURL=mergedTokens.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","mergedTokens_exports","__export","mergedTokens","module","exports","config","merged","tokens","parsed","tokensParsed","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Object","keys","Symbol","iterator","_step","next","done","category"],"sources":["../../../src/theme/mergedTokens.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AASOC,MAAA,CAAAC,OAAS,GAAAT,YACd,CACyCK,oBAAA;AACzC,SAAME,YAAmDA,CAAAG,MAAA;EACzD,IAAAC,MAAM,KAAS;EACf,IAAAC,MAAM,GAAAF,MAAS,CAAAE,MAAO;EACtB,IAAAC,MAAA,GAAWH,MAAA,CAAAI,YAAmB;EAC5B,IAAAC,yBAAwB,OAAS;IAAAC,iBAAc,GAAO;IAAQC,cAAE;EAClE;IACA,KAAO,IAAAC,SAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAP,MAAA,EAAAQ,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAR,yBAAA,IAAAQ,KAAA,GAAAL,SAAA,CAAAM,IAAA,IAAAC,IAAA,GAAAV,yBAAA;MACT,IAAAW,QAAA,GAAAH,KAAA,CAAAnB,KAAA","ignoreList":[]}

package/dist/cjs/theme/motion.cjs

@@ -0,0 +1,72 @@
+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 motion_exports = {};
+__export(motion_exports, {
+  motionDurationMs: () => import_motionTiming2.motionDurationMs,
+  motionExitFactor: () => motionExitFactor,
+  motionFor: () => motionFor,
+  motionHideDelayMs: () => import_motionTiming2.motionHideDelayMs,
+  motionRoleProperties: () => motionRoleProperties,
+  motionSeconds: () => import_motionTiming2.motionSeconds,
+  motionSettleMs: () => import_motionTiming2.motionSettleMs
+});
+module.exports = __toCommonJS(motion_exports);
+var import_motionStops = require("./motionStops.cjs");
+var import_motionTiming = require("./motionTiming.cjs");
+var import_motionTiming2 = require("./motionTiming.cjs");
+const motionExitFactor = 2 / 3;
+const motionRoleProperties = {
+  control: ["backgroundColor", "borderColor", "color", "opacity", "transform"],
+  overlay: ["opacity", "transform"],
+  scrim: ["opacity"],
+  reveal: ["height", "opacity", "transform"],
+  slide: ["opacity", "transform"]
+};
+const nonBouncyStops = import_motionStops.motionStops.filter(stop => stop !== "superBouncy" && stop !== "bouncy");
+function nearestStop(duration, stops = nonBouncyStops) {
+  return stops.reduce((nearest, candidate) => Math.abs(import_motionTiming.animationDurations[candidate] - duration) < Math.abs(import_motionTiming.animationDurations[nearest] - duration) ? candidate : nearest);
+}
+function exitStop(enter) {
+  const enterMs = import_motionTiming.animationDurations[enter];
+  const shorter = nonBouncyStops.filter(stop => import_motionTiming.animationDurations[stop] < enterMs);
+  return shorter.length === 0 ? enter : nearestStop(enterMs * motionExitFactor, shorter);
+}
+function motionFor(stop) {
+  const transition = stop === "none" ? void 0 : stop;
+  const duration = (0, import_motionTiming.motionDurationMs)(transition);
+  const role = (name, factor) => {
+    const enter = transition === void 0 ? void 0 : name === "control" ? transition : nearestStop(duration * factor);
+    return {
+      transition: enter,
+      exit: enter === void 0 ? void 0 : exitStop(enter),
+      animateOnly: motionRoleProperties[name]
+    };
+  };
+  return {
+    control: role("control", 1),
+    overlay: role("overlay", 0.8),
+    scrim: role("scrim", 3),
+    reveal: role("reveal", 2),
+    slide: role("slide", 2)
+  };
+}

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

@@ -0,0 +1,82 @@
+"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 motion_exports = {};
+__export(motion_exports, {
+  motionDurationMs: () => import_motionTiming2.motionDurationMs,
+  motionExitFactor: () => motionExitFactor,
+  motionFor: () => motionFor,
+  motionHideDelayMs: () => import_motionTiming2.motionHideDelayMs,
+  motionRoleProperties: () => motionRoleProperties,
+  motionSeconds: () => import_motionTiming2.motionSeconds,
+  motionSettleMs: () => import_motionTiming2.motionSettleMs
+});
+module.exports = __toCommonJS(motion_exports);
+var import_motionStops = require("./motionStops.native.js");
+var import_motionTiming = require("./motionTiming.native.js");
+var import_motionTiming2 = require("./motionTiming.native.js");
+var motionExitFactor = 2 / 3;
+var motionRoleProperties = {
+  control: ["backgroundColor", "borderColor", "color", "opacity", "transform"],
+  overlay: ["opacity", "transform"],
+  scrim: ["opacity"],
+  reveal: ["height", "opacity", "transform"],
+  slide: ["opacity", "transform"]
+};
+var nonBouncyStops = import_motionStops.motionStops.filter(function (stop) {
+  return stop !== "superBouncy" && stop !== "bouncy";
+});
+function nearestStop(duration) {
+  var stops = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : nonBouncyStops;
+  return stops.reduce(function (nearest, candidate) {
+    return Math.abs(import_motionTiming.animationDurations[candidate] - duration) < Math.abs(import_motionTiming.animationDurations[nearest] - duration) ? candidate : nearest;
+  });
+}
+function exitStop(enter) {
+  var enterMs = import_motionTiming.animationDurations[enter];
+  var shorter = nonBouncyStops.filter(function (stop) {
+    return import_motionTiming.animationDurations[stop] < enterMs;
+  });
+  return shorter.length === 0 ? enter : nearestStop(enterMs * motionExitFactor, shorter);
+}
+function motionFor(stop) {
+  var transition = stop === "none" ? void 0 : stop;
+  var duration = (0, import_motionTiming.motionDurationMs)(transition);
+  var role = function role2(name, factor) {
+    var enter = transition === void 0 ? void 0 : name === "control" ? transition : nearestStop(duration * factor);
+    return {
+      transition: enter,
+      exit: enter === void 0 ? void 0 : exitStop(enter),
+      animateOnly: motionRoleProperties[name]
+    };
+  };
+  return {
+    control: role("control", 1),
+    overlay: role("overlay", 0.8),
+    scrim: role("scrim", 3),
+    reveal: role("reveal", 2),
+    slide: role("slide", 2)
+  };
+}
+//# sourceMappingURL=motion.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","motion_exports","__export","motionDurationMs","import_motionTiming2","motionExitFactor","motionFor","motionHideDelayMs","motionRoleProperties","motionSeconds","motionSettleMs","module","exports","import_motionStops","require","import_motionTiming","control","overlay","scrim","reveal","slide","nonBouncyStops","motionStops","filter","stop","nearestStop","duration","stops","arguments","length","reduce","nearest","candidate","Math","abs","animationDurations","exitStop","enter","enterMs"],"sources":["../../../src/theme/motion.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAC,oBAAA,CAAAD,gBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAH,oBAAA,CAAAG,iBAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAL,oBAAA,CAAAK,aAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAN,oBAAA,CAAAM;AAAA;AAEAC,MAAA,CAAAC,OAAA,GAAAhB,YAA6C,CAAAK,cAAA;AAC7C,IAAAY,kBAAA,GAAAC,OAAqD;AAErD,IAAAC,mBAAA,GAAAD,OAAmF;AAU5E,IAAAV,oBAAM,GAAmBU,OAAI;AAE7B,IAAAT,gBAAM;AAAuB,IAClCG,oBAAU;EACVQ,OAAA,EAAS,CACT,iBAAiB,EACjB,aAAS,EACT,OAAQ,EACV,WAEA,WAAM,CAEN;EACEC,OAAO,GAAa,SAAC,EAKrB,YACF;EAEAC,KAAA,EAAS,CACP,SAAM,CACN;EACAC,MAAA,EAAO,CACT,UAEO,SAAS,EACd,WAAM,CACN;EACAC,KAAA,EAAM,CACJ,SAAM,EAMN,WAAO;AACO;AAC0C,IAAAC,cACtD,GAAaR,kBAAA,CAAqBS,WAAI,CAAAC,MAAA,WAAAC,IAAA;EAAA,OACxCA,IAAA,sBAAAA,IAAA;AAAA,EACF;AACA,SAAOC,YAAAC,QAAA;EAAA,IACLC,KAAA,GAASC,SAAK,CAAAC,MAAY,QAAAD,SAAA,iBAAAA,SAAA,MAAAP,cAAA;EAAA,OAC1BM,KAAS,CAAAG,MAAK,WAAWC,OAAG,EAAAC,SAAA;IAC5B,OAAOC,IAAA,CAAKC,GAAA,CAAAnB,mBAAU,CAAAoB,kBAAA,CAAAH,SAAA,IAAAN,QAAA,IAAAO,IAAA,CAAAC,GAAA,CAAAnB,mBAAA,CAAAoB,kBAAA,CAAAJ,OAAA,IAAAL,QAAA,IAAAM,SAAA,GAAAD,OAAA;EAAA,EACtB;AAAwB;AACF,SACxBK,SAAAC,KAAA;EACF,IAAAC,OAAA,GAAAvB,mBAAA,CAAAoB,kBAAA,CAAAE,KAAA","ignoreList":[]}

package/dist/cjs/theme/motionStops.cjs

@@ -0,0 +1,28 @@
+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 motionStops_exports = {};
+__export(motionStops_exports, {
+  motionStops: () => motionStops
+});
+module.exports = __toCommonJS(motionStops_exports);
+const motionStops = ["quickestLessBouncy", "quickest", "quickerLessBouncy", "quicker", "quick", "quickLessBouncy", "medium", "superBouncy", "bouncy", "slow", "lazy", "superLazy", "slowest"];

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

@@ -0,0 +1,31 @@
+"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 motionStops_exports = {};
+__export(motionStops_exports, {
+  motionStops: () => motionStops
+});
+module.exports = __toCommonJS(motionStops_exports);
+var motionStops = ["quickestLessBouncy", "quickest", "quickerLessBouncy", "quicker", "quick", "quickLessBouncy", "medium", "superBouncy", "bouncy", "slow", "lazy", "superLazy", "slowest"];
+//# sourceMappingURL=motionStops.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","motionStops_exports","__export","motionStops","module","exports"],"sources":["../../../src/theme/motionStops.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAM,CAAAC,OAAA,GAAAT,YAAc,CAAAK,mBAAA;AAAA,IACzBE,WAAA,IACA,sBACA,YACA,qBACA,WACA,SACA,mBACA,UACA,eACA,UACA,QACA,QACA,aACF,U","ignoreList":[]}