@multiplatform.one/theme 7.83.0 → 7.83.2

package/dist/cjs/theme/motionTiming.cjs

@@ -0,0 +1,79 @@
+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 motionTiming_exports = {};
+__export(motionTiming_exports, {
+  animationConfig: () => animationConfig,
+  animationDurations: () => animationDurations,
+  animationNames: () => animationNames,
+  motionDurationMs: () => motionDurationMs,
+  motionHideDelayMs: () => motionHideDelayMs,
+  motionSeconds: () => motionSeconds,
+  motionSettleMs: () => motionSettleMs
+});
+module.exports = __toCommonJS(motionTiming_exports);
+const animationConfig = {
+  "0ms": "0ms linear",
+  "50ms": "50ms linear",
+  "75ms": "75ms linear",
+  "100ms": "100ms ease-out",
+  "200ms": "200ms ease-out",
+  "250ms": "250ms ease-out",
+  "300ms": "300ms ease-out",
+  "400ms": "400ms ease-out",
+  "500ms": "500ms ease-out",
+  superBouncy: "300ms cubic-bezier(0.175, 0.885, 0.32, 1.5)",
+  bouncy: "350ms cubic-bezier(0.175, 0.885, 0.32, 1.275)",
+  superLazy: "600ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  lazy: "500ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  medium: "300ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  slowest: "800ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  slow: "450ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  quick: "150ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  quickLessBouncy: "180ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  quicker: "120ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  quickerLessBouncy: "100ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  quickest: "80ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  quickestLessBouncy: "60ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  tooltip: "450ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  snappy: "80ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  gentle: "450ms cubic-bezier(0.25, 0.1, 0.25, 1)"
+};
+const animationNames = Object.keys(animationConfig);
+function parseDurationMs(timing) {
+  const match = timing.match(/(\d+)\s*ms/);
+  return match ? Number.parseInt(match[1], 10) : 200;
+}
+const animationDurations = Object.fromEntries(Object.entries(animationConfig).map(([k, v]) => [k, parseDurationMs(v)]));
+function motionDurationMs(transition) {
+  if (transition === void 0) return 0;
+  return typeof transition === "string" && Object.hasOwn(animationDurations, transition) ? animationDurations[transition] : 300;
+}
+function motionSeconds(transition) {
+  return motionDurationMs(transition) / 1e3;
+}
+function motionSettleMs(transition) {
+  return transition === void 0 ? 0 : Math.max(300, 3 * motionDurationMs(transition)) + 80;
+}
+function motionHideDelayMs(transition) {
+  return motionDurationMs(transition) + 50;
+}

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

@@ -0,0 +1,85 @@
+"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 motionTiming_exports = {};
+__export(motionTiming_exports, {
+  animationConfig: () => animationConfig,
+  animationDurations: () => animationDurations,
+  animationNames: () => animationNames,
+  motionDurationMs: () => motionDurationMs,
+  motionHideDelayMs: () => motionHideDelayMs,
+  motionSeconds: () => motionSeconds,
+  motionSettleMs: () => motionSettleMs
+});
+module.exports = __toCommonJS(motionTiming_exports);
+var animationConfig = {
+  "0ms": "0ms linear",
+  "50ms": "50ms linear",
+  "75ms": "75ms linear",
+  "100ms": "100ms ease-out",
+  "200ms": "200ms ease-out",
+  "250ms": "250ms ease-out",
+  "300ms": "300ms ease-out",
+  "400ms": "400ms ease-out",
+  "500ms": "500ms ease-out",
+  superBouncy: "300ms cubic-bezier(0.175, 0.885, 0.32, 1.5)",
+  bouncy: "350ms cubic-bezier(0.175, 0.885, 0.32, 1.275)",
+  superLazy: "600ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  lazy: "500ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  medium: "300ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  slowest: "800ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  slow: "450ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  quick: "150ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  quickLessBouncy: "180ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  quicker: "120ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  quickerLessBouncy: "100ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  quickest: "80ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  quickestLessBouncy: "60ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  tooltip: "450ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  snappy: "80ms cubic-bezier(0.25, 0.1, 0.25, 1)",
+  gentle: "450ms cubic-bezier(0.25, 0.1, 0.25, 1)"
+};
+var animationNames = Object.keys(animationConfig);
+function parseDurationMs(timing) {
+  var match = timing.match(/(\d+)\s*ms/);
+  return match ? Number.parseInt(match[1], 10) : 200;
+}
+var animationDurations = Object.fromEntries(Object.entries(animationConfig).map(function (param) {
+  var [k, v] = param;
+  return [k, parseDurationMs(v)];
+}));
+function motionDurationMs(transition) {
+  if (transition === void 0) return 0;
+  return typeof transition === "string" && Object.hasOwn(animationDurations, transition) ? animationDurations[transition] : 300;
+}
+function motionSeconds(transition) {
+  return motionDurationMs(transition) / 1e3;
+}
+function motionSettleMs(transition) {
+  return transition === void 0 ? 0 : Math.max(300, 3 * motionDurationMs(transition)) + 80;
+}
+function motionHideDelayMs(transition) {
+  return motionDurationMs(transition) + 50;
+}
+//# sourceMappingURL=motionTiming.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","motionTiming_exports","__export","animationConfig","animationDurations","animationNames","motionDurationMs","motionHideDelayMs","motionSeconds","motionSettleMs","module","exports","superBouncy","bouncy","superLazy","lazy","medium","slowest","slow","quick","quickLessBouncy","quicker","quickerLessBouncy","quickest","quickestLessBouncy","tooltip","snappy","gentle","Object","keys","parseDurationMs","timing","match","Number","parseInt","fromEntries","entries","map","param","k","v","transition","hasOwn"],"sources":["../../../src/theme/motionTiming.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,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAEOC,MAAM,CAAAC,OAAA,GAAAf,YAAkB,CAAAK,oBAAA;AAAA,IAC7BE,eAAO;EACP,mBAAQ;EACR,QAAQ;EACR,qBAAS;EACT,SAAS;EACT,SAAS;EACT,SAAS;EACT,SAAS;EACT,SAAS;EACT,yBAAa;EACbS,WAAQ;EACRC,MAAA,iDAAW;EACXC,SAAM;EACNC,IAAA,0CAAQ;EACRC,MAAA,0CAAS;EACTC,OAAM;EACNC,IAAA,0CAAO;EACPC,KAAA,0CAAiB;EACjBC,eAAS;EACTC,OAAA,0CAAmB;EACnBC,iBAAU;EACVC,QAAA,yCAAoB;EACpBC,kBAAS;EACTC,OAAA,EAAQ;EACRC,MAAA,EAAQ;EACVC,MAAA;AAEO;AAEP,IAAAtB,cAAS,GAAAuB,MAAgB,CAAAC,IAAA,CAAwB1B,eAAA;AAC/C,SAAM2B,eAAeA,CAAAC,MAAM;EAC3B,IAAAC,KAAO,GAAAD,MAAQ,CAAAC,KAAO,aAAe,CAAC;EACxC,OAAAA,KAAA,GAAAC,MAAA,CAAAC,QAAA,CAAAF,KAAA;AAEO;AAAiE,IACtE5B,kBAAe,GAAAwB,MAAA,CAAeO,WAAW,CAACP,MAAM,CAACQ,OAAG,CAAAjC,eAAmB,EAAAkC,GAAA,WAAAC,KAAA;EACzE,KAAAC,CAAA,EAAAC,CAAA,IAAAF,KAAA;EAEO,OAAS,CACdC,CAAA,EACAT,eAAc,CAAAU,CAAA,EAGhB;AAEO;AACL,SAAOlC,iBAAiBmC,UAAU;EACpC,IAAAA,UAAA;EAEO,OAAS,OAAAA,UAAe,aAAgD,IAAAb,MAAA,CAAAc,MAAA,CAAAtC,kBAAA,EAAAqC,UAAA,IAAArC,kBAAA,CAAAqC,UAAA;AAC7E;AACF,SAAAjC,cAAAiC,UAAA;EAEO,OAASnC,gBAAA,CAAAmC,UAAkB,IAAgD;AAChF;AACF,SAAAhC,eAAAgC,UAAA","ignoreList":[]}

package/dist/cjs/theme/nativeFontFamily.cjs

@@ -0,0 +1,30 @@
+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 nativeFontFamily_exports = {};
+__export(nativeFontFamily_exports, {
+  nativeCategoryFamily: () => nativeCategoryFamily
+});
+module.exports = __toCommonJS(nativeFontFamily_exports);
+function nativeCategoryFamily(_category, family) {
+  return family;
+}

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

@@ -0,0 +1,37 @@
+"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 nativeFontFamily_native_exports = {};
+__export(nativeFontFamily_native_exports, {
+  nativeCategoryFamily: () => nativeCategoryFamily
+});
+module.exports = __toCommonJS(nativeFontFamily_native_exports);
+var import_react_native = require("react-native");
+var import_nativeMonoFamily = require("./nativeMonoFamily.native.js");
+function nativeCategoryFamily(category, family) {
+  if (category !== "mono") return family;
+  if (import_react_native.Platform.OS !== "ios" && import_react_native.Platform.OS !== "android") return family;
+  return (0, import_nativeMonoFamily.resolveNativeMonoFamily)(family, import_react_native.Platform.OS);
+}
+//# sourceMappingURL=nativeFontFamily.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["nativeFontFamily_native_exports","__export","nativeCategoryFamily","module","exports","__toCommonJS","import_react_native","require","import_nativeMonoFamily","category","family","Platform","OS","resolveNativeMonoFamily"],"sources":["../../../src/theme/nativeFontFamily.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,+BAAA;AAAAC,QAAA,CAAAD,+BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,+BAAA;AAAA,IAAAM,mBAAA,GAAyBC,OAAA;AACzB,IAAAC,uBAAA,GAAwCD,OAAA;AAK7B,SAASL,qBAAqBO,QAAA,EAAUC,MAAA,EAAQ;EACvD,IAAID,QAAA,KAAa,QAAQ,OAAOC,MAAA;EAChC,IAAIJ,mBAAA,CAAAK,QAAA,CAASC,EAAA,KAAO,SAASN,mBAAA,CAAAK,QAAA,CAASC,EAAA,KAAO,WAAW,OAAOF,MAAA;EAC/D,WAAOF,uBAAA,CAAAK,uBAAA,EAAwBH,MAAA,EAAQJ,mBAAA,CAAAK,QAAA,CAASC,EAAE;AACtD","ignoreList":[]}

package/dist/cjs/theme/nativeMonoFamily.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 nativeMonoFamily_exports = {};
+__export(nativeMonoFamily_exports, {
+  platformMonoFamily: () => platformMonoFamily,
+  resolveNativeMonoFamily: () => resolveNativeMonoFamily
+});
+module.exports = __toCommonJS(nativeMonoFamily_exports);
+const platformMonoFamily = {
+  ios: "Menlo",
+  android: "monospace"
+};
+const shippedMono = {
+  ios: /* @__PURE__ */new Set(["Menlo", "Courier", "Courier New"]),
+  android: /* @__PURE__ */new Set(["monospace"])
+};
+const systemMono = /* @__PURE__ */new Set(["ui-monospace", "monospace", "SFMono-Regular", "SF Mono", "Menlo", "Monaco", "Consolas", "Courier", "Courier New", "Liberation Mono", "DejaVu Sans Mono", "Cascadia Code", "Cascadia Mono"]);
+function resolveNativeMonoFamily(family, os) {
+  if (family.includes(",")) return platformMonoFamily[os];
+  const name = family.trim().replace(/^(['"])(.*)\1$/, "$2");
+  if (shippedMono[os].has(name)) return name;
+  if (systemMono.has(name)) return platformMonoFamily[os];
+  return name;
+}

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

@@ -0,0 +1,47 @@
+"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 nativeMonoFamily_exports = {};
+__export(nativeMonoFamily_exports, {
+  platformMonoFamily: () => platformMonoFamily,
+  resolveNativeMonoFamily: () => resolveNativeMonoFamily
+});
+module.exports = __toCommonJS(nativeMonoFamily_exports);
+var platformMonoFamily = {
+  ios: "Menlo",
+  android: "monospace"
+};
+var shippedMono = {
+  ios: /* @__PURE__ */new Set(["Menlo", "Courier", "Courier New"]),
+  android: /* @__PURE__ */new Set(["monospace"])
+};
+var systemMono = /* @__PURE__ */new Set(["ui-monospace", "monospace", "SFMono-Regular", "SF Mono", "Menlo", "Monaco", "Consolas", "Courier", "Courier New", "Liberation Mono", "DejaVu Sans Mono", "Cascadia Code", "Cascadia Mono"]);
+function resolveNativeMonoFamily(family, os) {
+  if (family.includes(",")) return platformMonoFamily[os];
+  var name = family.trim().replace(/^(['"])(.*)\1$/, "$2");
+  if (shippedMono[os].has(name)) return name;
+  if (systemMono.has(name)) return platformMonoFamily[os];
+  return name;
+}
+//# sourceMappingURL=nativeMonoFamily.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","nativeMonoFamily_exports","__export","platformMonoFamily","resolveNativeMonoFamily","module","exports","ios","android","shippedMono","Set","systemMono"],"sources":["../../../src/theme/nativeMonoFamily.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AAaOC,MAAM,CAAAC,OAAA,GAAAV,YAA+C,CAAAK,wBAAA;AAAA,IAC1DE,kBAAK;EACLI,GAAA,SAAS;EACXC,OAAA;AAEA;AAA2D,IACzDC,WAAK;EACLF,GAAA,iBAAS,IAAAG,GAAA,CAAI,CACf,SAEA,SAAM,EACJ,cACA;EACAF,OAAA,qBAAAE,GAAA,EACA,YACA;AAAA;AACA,IACAC,UAAA,sBAAAD,GAAA,EACA,gBACA,aACA,kBACA,WACA,SACA,UACD,YAEM,SAAS,EACd,aAAW,EACX,iBAAa,EACb,kBAAkB,EAClB,eAAe,EACf,eAAO,CACT","ignoreList":[]}

package/dist/cjs/theme/overlaySurfaces.cjs

@@ -0,0 +1,327 @@
+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 overlaySurfaces_exports = {};
+__export(overlaySurfaces_exports, {
+  AlertDialogContent: () => AlertDialogContent,
+  AlertDialogOverlay: () => AlertDialogOverlay,
+  DialogContent: () => DialogContent,
+  DialogOverlay: () => DialogOverlay,
+  DialogRegionContext: () => DialogRegionContext,
+  DialogShowFocus: () => DialogShowFocus,
+  PopoverContent: () => PopoverContent,
+  overlayScrim: () => overlayScrim,
+  sheetGrabber: () => sheetGrabber,
+  sheetGrabberClearance: () => sheetGrabberClearance,
+  sheetGrabberZone: () => sheetGrabberZone,
+  useDialogRegionContext: () => useDialogRegionContext,
+  useIsInDialogRegion: () => useIsInDialogRegion
+});
+module.exports = __toCommonJS(overlaySurfaces_exports);
+var import_keyboardFocusRing = require("../keyboardFocusRing.cjs");
+var import_transitionProps = require("./transitionProps.cjs");
+var import_Surface = require("./Surface.cjs");
+var import_useResolvedKnobs = require("./useResolvedKnobs.cjs");
+var import_resolveKnobs = require("./resolveKnobs.cjs");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const overlayScrim = "$shadow4";
+const sheetGrabber = {
+  width: 36,
+  height: 5,
+  borderRadius: 100,
+  backgroundColor: "$color8",
+  opacity: 0.45,
+  alignSelf: "center",
+  marginHorizontal: 0,
+  marginTop: 5,
+  marginBottom: -10,
+  zIndex: 10
+};
+const sheetGrabberClearance = 16;
+const sheetGrabberZone = {
+  alignSelf: "stretch",
+  alignItems: "center",
+  height: 21
+};
+const overlayFrameFocus = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
+const overlayFrameFocusStyle = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
+function isTabbableWithin(node, container) {
+  if (node.tabIndex < 0 || node.hidden || node.tagName === "A") return false;
+  if (node.disabled) return false;
+  if (typeof HTMLInputElement !== "undefined" && node instanceof HTMLInputElement && node.type === "hidden") {
+    return false;
+  }
+  if (getComputedStyle(node).visibility === "hidden") return false;
+  for (let el = node; el && el !== container; el = el.parentElement) {
+    if (getComputedStyle(el).display === "none") return false;
+  }
+  return true;
+}
+function focusFirstTabbableOnOpen(event) {
+  const container = event.currentTarget;
+  if (typeof HTMLElement === "undefined" || !(container instanceof HTMLElement)) return;
+  const first = Array.from(container.querySelectorAll("*")).find(node => isTabbableWithin(node, container));
+  if (!first) return;
+  event.preventDefault();
+  const focused = (0, import_keyboardFocusRing.focusOnOpen)(first, container);
+  if (typeof HTMLInputElement !== "undefined" && focused instanceof HTMLInputElement) {
+    focused.select();
+  }
+}
+function withHouseOpenFocus(onOpenAutoFocus) {
+  return event => {
+    onOpenAutoFocus?.(event);
+    if (!event.defaultPrevented) focusFirstTabbableOnOpen(event);
+  };
+}
+const DIALOG_SHOW_FOCUS_EVENT = "mp.dialogShowFocus";
+function useDialogShowFocus(onOpenAutoFocus) {
+  const {
+    open,
+    contentId
+  } = (0, import_tamagui.useDialogContext)();
+  (0, import_react.useEffect)(() => {
+    if (!open || !contentId || !import_tamagui.isWeb || typeof document === "undefined") return;
+    const content = document.getElementById(contentId);
+    const focused = document.activeElement;
+    if (!content || typeof HTMLElement === "undefined" || !(focused instanceof HTMLElement)) return;
+    if (!content.contains(focused) || focused.tabIndex >= 0 && (0, import_keyboardFocusRing.wasKeyboardFocus)()) return;
+    content.addEventListener(DIALOG_SHOW_FOCUS_EVENT, onOpenAutoFocus, {
+      once: true
+    });
+    content.dispatchEvent(new CustomEvent(DIALOG_SHOW_FOCUS_EVENT, {
+      cancelable: true
+    }));
+  }, [open, contentId]);
+}
+function DialogShowFocus({
+  onOpenAutoFocus
+}) {
+  useDialogShowFocus(withHouseOpenFocus(onOpenAutoFocus));
+  return null;
+}
+const DialogRegionContext = (0, import_react.createContext)({
+  inDialogRegion: false
+});
+function useDialogRegionContext() {
+  return (0, import_react.useContext)(DialogRegionContext);
+}
+function useIsInDialogRegion() {
+  return useDialogRegionContext().inDialogRegion;
+}
+const IN_DIALOG_REGION = {
+  inDialogRegion: true
+};
+const overlayEnterExit = {
+  opacity: 0,
+  y: -4,
+  scale: 0.97
+};
+const DialogContent = (0, import_react.forwardRef)(function DialogContent2({
+  children,
+  size = "$true",
+  ...props
+}, ref) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Surface.Surface, {
+    size,
+    painted: false,
+    elevated: true,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogContentInner, {
+      ref,
+      ...props,
+      children
+    })
+  });
+});
+const DialogContentInner = (0, import_react.forwardRef)(function DialogContentInner2({
+  children,
+  onOpenAutoFocus,
+  ...props
+}, ref) {
+  const {
+    knobProps
+  } = (0, import_useResolvedKnobs.useResolvedKnobs)({
+    component: "DialogContent"
+  });
+  const openFocus = withHouseOpenFocus(onOpenAutoFocus);
+  useDialogShowFocus(openFocus);
+  const {
+    width: windowWidth
+  } = (0, import_tamagui.useWindowDimensions)();
+  const room = windowWidth > 0 ? Math.max(0, windowWidth - 2 * (0, import_resolveKnobs.panelPaddingPx)()) : void 0;
+  const fit = value => room != null && typeof value === "number" ? Math.min(value, room) : value;
+  const windowFit = room == null ? void 0 : {
+    maxWidth: room,
+    ...(props.minWidth != null ? {
+      minWidth: fit(props.minWidth)
+    } : void 0),
+    ...(props.width != null ? {
+      width: fit(props.width)
+    } : void 0)
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Content, {
+    ref,
+    unstyled: true,
+    position: "relative",
+    pointerEvents: "auto",
+    ...knobProps.elevatedSurface,
+    ...knobProps.containerRadius,
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    elevate: false,
+    ...(0, import_transitionProps.transitionProps)(knobProps.motion.overlay),
+    enterStyle: overlayEnterExit,
+    exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
+    onOpenAutoFocus: openFocus,
+    ...props,
+    ...windowFit,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogRegionContext.Provider, {
+      value: IN_DIALOG_REGION,
+      children
+    })
+  });
+});
+const scrimFade = {
+  opacity: 0
+};
+const DialogOverlay = (0, import_react.forwardRef)(function DialogOverlay2({
+  children,
+  ...props
+}, ref) {
+  const {
+    knobProps
+  } = (0, import_useResolvedKnobs.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
+    ref,
+    backgroundColor: overlayScrim,
+    ...(0, import_transitionProps.transitionProps)(knobProps.motion.scrim),
+    enterStyle: scrimFade,
+    exitStyle: scrimFade,
+    ...props,
+    children
+  });
+});
+const AlertDialogContent = (0, import_react.forwardRef)(function AlertDialogContent2({
+  children,
+  size = "$true",
+  ...props
+}, ref) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Surface.Surface, {
+    size,
+    painted: false,
+    elevated: true,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AlertDialogContentInner, {
+      ref,
+      ...props,
+      children
+    })
+  });
+});
+const AlertDialogContentInner = (0, import_react.forwardRef)(function AlertDialogContentInner2({
+  children,
+  ...props
+}, ref) {
+  const {
+    knobProps
+  } = (0, import_useResolvedKnobs.useResolvedKnobs)({
+    component: "AlertDialogContent"
+  });
+  useDialogShowFocus(withHouseOpenFocus(props.onOpenAutoFocus));
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Content, {
+    ref,
+    unstyled: true,
+    ...knobProps.elevatedSurface,
+    ...knobProps.containerRadius,
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    elevate: false,
+    ...(0, import_transitionProps.transitionProps)(knobProps.motion.overlay),
+    enterStyle: overlayEnterExit,
+    exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogRegionContext.Provider, {
+      value: IN_DIALOG_REGION,
+      children
+    })
+  });
+});
+const AlertDialogOverlay = (0, import_react.forwardRef)(function AlertDialogOverlay2({
+  children,
+  ...props
+}, ref) {
+  const {
+    knobProps
+  } = (0, import_useResolvedKnobs.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Overlay, {
+    ref,
+    backgroundColor: overlayScrim,
+    ...(0, import_transitionProps.transitionProps)(knobProps.motion.scrim),
+    enterStyle: scrimFade,
+    exitStyle: scrimFade,
+    ...props,
+    children
+  });
+});
+const PopoverContent = (0, import_react.forwardRef)(function PopoverContent2({
+  children,
+  onOpenAutoFocus,
+  ...props
+}, ref) {
+  const {
+    knobProps
+  } = (0, import_useResolvedKnobs.useResolvedKnobs)({
+    component: "PopoverContent",
+    painted: false
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
+    ref,
+    ...knobProps.elevatedSurface,
+    ...knobProps.containerRadius,
+    ...(0, import_transitionProps.transitionProps)(knobProps.motion.overlay),
+    enterStyle: overlayEnterExit,
+    exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
+    onOpenAutoFocus: withHouseOpenFocus(onOpenAutoFocus),
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Surface.Surface, {
+      painted: false,
+      elevated: true,
+      children
+    })
+  });
+});