@multiplatform.one/forms 6.1.0 → 6.3.0

package/dist/cjs/shared/useSheetEscapeDismiss.cjs

@@ -0,0 +1,42 @@
+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 useSheetEscapeDismiss_exports = {};
+__export(useSheetEscapeDismiss_exports, {
+  useSheetEscapeDismiss: () => useSheetEscapeDismiss
+});
+module.exports = __toCommonJS(useSheetEscapeDismiss_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function useSheetEscapeDismiss(enabled, onDismiss) {
+  const onDismissRef = (0, import_react.useRef)(onDismiss);
+  onDismissRef.current = onDismiss;
+  (0, import_react.useEffect)(() => {
+    if (!import_tamagui.isWeb || !enabled) return;
+    const onKeyDown = event => {
+      if (event.key !== "Escape" || event.defaultPrevented) return;
+      onDismissRef.current();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [enabled]);
+}

package/dist/cjs/shared/useSheetEscapeDismiss.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 useSheetEscapeDismiss_exports = {};
+__export(useSheetEscapeDismiss_exports, {
+  useSheetEscapeDismiss: () => useSheetEscapeDismiss
+});
+module.exports = __toCommonJS(useSheetEscapeDismiss_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function useSheetEscapeDismiss(enabled, onDismiss) {
+  var onDismissRef = (0, import_react.useRef)(onDismiss);
+  onDismissRef.current = onDismiss;
+  (0, import_react.useEffect)(function () {
+    if (!import_tamagui.isWeb || !enabled) return;
+    var onKeyDown = function onKeyDown2(event) {
+      if (event.key !== "Escape" || event.defaultPrevented) return;
+      onDismissRef.current();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return function () {
+      return window.removeEventListener("keydown", onKeyDown);
+    };
+  }, [enabled]);
+}
+//# sourceMappingURL=useSheetEscapeDismiss.native.js.map

package/dist/cjs/shared/useSheetEscapeDismiss.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useSheetEscapeDismiss_exports","__export","useSheetEscapeDismiss","module","exports","import_react","require","import_tamagui","enabled","onDismiss","onDismissRef","useRef","current","useEffect","isWeb","onKeyDown","onKeyDown2","event","key","defaultPrevented","window","addEventListener","removeEventListener"],"sources":["../../../src/shared/useSheetEscapeDismiss.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,qBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkC,CAAAK,6BAAA;AAClC,IAAAK,YAAA,GAAAC,OAAsB;AAYf,IAAAC,cAAS,GAAAD,OAAA,UAAsB;AACpC,SAAMJ,qBAAeA,CAAAM,OAAA,EAAAC,SAAO;EAC5B,IAAAC,YAAa,OAAUL,YAAA,CAAAM,MAAA,EAAAF,SAAA;EACvBC,YAAA,CAAAE,OAAA,GAAAH,SAAU;EACR,IAAAJ,YAAK,CAAAQ,SAAA,cAAU;IACf,KAAAN,cAAmB,CAAAO,KAAA,IAAyB,CAAAN,OAAA;IAC1C,IAAAO,SAAU,YAAQC,UAAYA,CAAAC,KAAM;MACpC,IAAAA,KAAA,CAAAC,GAAa,aAAQ,IAAAD,KAAA,CAAAE,gBAAA;MACvBT,YAAA,CAAAE,OAAA;IACA;IACAQ,MAAA,CAAOC,gBAAa,YAAAN,SAAoB;IAC1C,OAAI,YAAQ;MACd,OAAAK,MAAA,CAAAE,mBAAA,YAAAP,SAAA","ignoreList":[]}

package/dist/cjs/shared/utils.cjs

@@ -40,6 +40,7 @@ var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_get_token = require("@tamagui/get-token");
 var import_Form = require("../Form/index.cjs");
+var import_validateOn = require("../Form/validateOn.cjs");
 function getFieldHeight(sizeToken, rows = 1) {
   return Math.round((0, import_tamagui.getVariableValue)((0, import_get_token.getSize)(sizeToken)) * rows);
 }
@@ -63,7 +64,7 @@ function getOTPCellRadius(radiusToken) {
   return clampRadiusForControl(radiusToken, 6);
 }
 const webShadow = {
-  $1: "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)",
+  $1: "0 1px 2px rgba(0,0,0,0.12), 0 0 1px rgba(0,0,0,0.08)",
   $2: "0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.10)",
   $4: "0 10px 20px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.10)"
 };
@@ -75,7 +76,7 @@ const nativeShadow = {
       height: 1
     },
     shadowOpacity: 0.12,
-    shadowRadius: 3,
+    shadowRadius: 2,
     elevation: 2
   },
   $2: {
@@ -99,14 +100,20 @@ const nativeShadow = {
     elevation: 8
   }
 };
+const elevationKeyAlias = {
+  "20": "$1",
+  "28": "$2",
+  "44": "$4"
+};
 function elevationToProps(token) {
-  if (!token) return {};
+  if (token == null) return {};
+  const key = elevationKeyAlias[String(token)] ?? String(token);
   if (import_tamagui.isWeb) return {
     style: {
-      boxShadow: webShadow[token] || webShadow["$2"]
+      boxShadow: webShadow[key] || webShadow["$2"]
     }
   };
-  return nativeShadow[token] || nativeShadow["$2"];
+  return nativeShadow[key] || nativeShadow["$2"];
 }
 function getElevationWrapperProps(knobProps, elevationRecipe) {
   const elevation = knobProps.elevation;
@@ -150,27 +157,38 @@ function getFieldError(field, propError) {
 }
 const defaultIsEmpty = v => v == null || v === "";
 function useResolvedValidators(required, validators, label, name, isEmpty = defaultIsEmpty) {
+  const {
+    validateOn,
+    hasSubmitted
+  } = (0, import_Form.useFormValidate)();
+  const effective = (0, import_validateOn.resolveEffectiveValidateOn)(validateOn, hasSubmitted);
   return (0, import_react.useMemo)(() => {
-    if (!required) return validators;
-    const requiredValidator = ({
-      value
-    }) => isEmpty(value) ? `${typeof label === "string" ? label : name || "Field"} is required` : void 0;
-    if (!validators) return {
-      onSubmit: requiredValidator
-    };
-    const existingOnSubmit = validators.onSubmit;
-    const composedOnSubmit = existingOnSubmit ? ({
-      value
-    }) => existingOnSubmit({
-      value
-    }) ?? requiredValidator({
-      value
-    }) : requiredValidator;
-    return {
-      ...validators,
-      onSubmit: composedOnSubmit
-    };
-  }, [required, validators, label, name, isEmpty]);
+    let resolved = validators;
+    if (required) {
+      const requiredValidator = ({
+        value
+      }) => isEmpty(value) ? `${typeof label === "string" ? label : name || "Field"} is required` : void 0;
+      if (!validators) {
+        resolved = {
+          onSubmit: requiredValidator
+        };
+      } else {
+        const existingOnSubmit = validators.onSubmit;
+        const composedOnSubmit = existingOnSubmit ? ({
+          value
+        }) => existingOnSubmit({
+          value
+        }) ?? requiredValidator({
+          value
+        }) : requiredValidator;
+        resolved = {
+          ...validators,
+          onSubmit: composedOnSubmit
+        };
+      }
+    }
+    return (0, import_validateOn.remapValidatorsForTiming)(resolved, effective);
+  }, [required, validators, label, name, isEmpty, effective]);
 }
 function mergeFieldHandler(field, name, handler) {
   return (...args) => {

package/dist/cjs/shared/utils.native.js

@@ -42,6 +42,7 @@ var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_get_token = require("@tamagui/get-token");
 var import_Form = require("../Form/index.native.js");
+var import_validateOn = require("../Form/validateOn.native.js");
 function getFieldHeight(sizeToken) {
   var rows = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
   return Math.round((0, import_tamagui.getVariableValue)((0, import_get_token.getSize)(sizeToken)) * rows);
@@ -68,7 +69,7 @@ function getOTPCellRadius(radiusToken) {
   return clampRadiusForControl(radiusToken, 6);
 }
 var webShadow = {
-  $1: "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)",
+  $1: "0 1px 2px rgba(0,0,0,0.12), 0 0 1px rgba(0,0,0,0.08)",
   $2: "0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.10)",
   $4: "0 10px 20px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.10)"
 };
@@ -80,7 +81,7 @@ var nativeShadow = {
       height: 1
     },
     shadowOpacity: 0.12,
-    shadowRadius: 3,
+    shadowRadius: 2,
     elevation: 2
   },
   $2: {
@@ -104,14 +105,21 @@ var nativeShadow = {
     elevation: 8
   }
 };
+var elevationKeyAlias = {
+  "20": "$1",
+  "28": "$2",
+  "44": "$4"
+};
 function elevationToProps(token) {
-  if (!token) return {};
+  var _elevationKeyAlias_String;
+  if (token == null) return {};
+  var key = (_elevationKeyAlias_String = elevationKeyAlias[String(token)]) !== null && _elevationKeyAlias_String !== void 0 ? _elevationKeyAlias_String : String(token);
   if (import_tamagui.isWeb) return {
     style: {
-      boxShadow: webShadow[token] || webShadow["$2"]
+      boxShadow: webShadow[key] || webShadow["$2"]
     }
   };
-  return nativeShadow[token] || nativeShadow["$2"];
+  return nativeShadow[key] || nativeShadow["$2"];
 }
 function getElevationWrapperProps(knobProps, elevationRecipe) {
   var _elevationRecipe_hoverKnobProps, _elevationRecipe_pressKnobProps, _elevationRecipe_focusVisibleKnobProps, _elevationRecipe_hoverKnobProps1, _elevationRecipe_pressKnobProps1, _elevationRecipe_focusVisibleKnobProps1;
@@ -159,34 +167,45 @@ var defaultIsEmpty = function defaultIsEmpty2(v) {
 };
 function useResolvedValidators(required, validators, label, name) {
   var isEmpty = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : defaultIsEmpty;
+  var {
+    validateOn,
+    hasSubmitted
+  } = (0, import_Form.useFormValidate)();
+  var effective = (0, import_validateOn.resolveEffectiveValidateOn)(validateOn, hasSubmitted);
   return (0, import_react.useMemo)(function () {
-    if (!required) return validators;
-    var requiredValidator = function requiredValidator2(param) {
-      var {
-        value
-      } = param;
-      return isEmpty(value) ? `${typeof label === "string" ? label : name || "Field"} is required` : void 0;
-    };
-    if (!validators) return {
-      onSubmit: requiredValidator
-    };
-    var existingOnSubmit = validators.onSubmit;
-    var composedOnSubmit = existingOnSubmit ? function (param) {
-      var {
-        value
-      } = param;
-      var _existingOnSubmit;
-      return (_existingOnSubmit = existingOnSubmit({
-        value
-      })) !== null && _existingOnSubmit !== void 0 ? _existingOnSubmit : requiredValidator({
-        value
-      });
-    } : requiredValidator;
-    return {
-      ...validators,
-      onSubmit: composedOnSubmit
-    };
-  }, [required, validators, label, name, isEmpty]);
+    var resolved = validators;
+    if (required) {
+      var requiredValidator = function requiredValidator2(param) {
+        var {
+          value
+        } = param;
+        return isEmpty(value) ? `${typeof label === "string" ? label : name || "Field"} is required` : void 0;
+      };
+      if (!validators) {
+        resolved = {
+          onSubmit: requiredValidator
+        };
+      } else {
+        var existingOnSubmit = validators.onSubmit;
+        var composedOnSubmit = existingOnSubmit ? function (param) {
+          var {
+            value
+          } = param;
+          var _existingOnSubmit;
+          return (_existingOnSubmit = existingOnSubmit({
+            value
+          })) !== null && _existingOnSubmit !== void 0 ? _existingOnSubmit : requiredValidator({
+            value
+          });
+        } : requiredValidator;
+        resolved = {
+          ...validators,
+          onSubmit: composedOnSubmit
+        };
+      }
+    }
+    return (0, import_validateOn.remapValidatorsForTiming)(resolved, effective);
+  }, [required, validators, label, name, isEmpty, effective]);
 }
 function mergeFieldHandler(field, name, handler) {
   return function () {

package/dist/cjs/shared/utils.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","utils_exports","__export","clampRadiusForControl","clampRadiusForLargeComponent","clampRadiusInStateProps","getElevationWrapperProps","getFieldError","getFieldHeight","getOTPCellRadius","mergeFieldHandler","stripRadiusFromStateProps","useFormField","useResolvedValidators","module","exports","import_react","require","import_theme","import_tamagui","import_get_token","import_Form","sizeToken","rows","arguments","length","Math","round","getVariableValue","getSize","clampRadius","radiusToken","maxTokenNum","fallback","startsWith","num","Number","parseInt","slice","webShadow","$1","$2","$4","nativeShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","elevationToProps","token","isWeb","style","boxShadow","knobProps","elevationRecipe","_elevationRecipe_hoverKnobProps","_elevationRecipe_pressKnobProps","_elevationRecipe_focusVisibleKnobProps","_elevationRecipe_hoverKnobProps1","_elevationRecipe_pressKnobProps1","_elevationRecipe_focusVisibleKnobProps1","hoverKnobProps","pressKnobProps","focusVisibleKnobProps","props","overflow","hoverStyle","pressStyle","focusVisibleStyle","transition","animation","formContext","useFormContext","resolvedForm","form","resolved","useResolvedKnobs","compact","generatedId","useId","id","field","propError","fieldError","state","meta","errors","String","defaultIsEmpty","defaultIsEmpty2","v","required","validators","label","name"],"sources":["../../../src/shared/utils.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","utils_exports","__export","clampRadiusForControl","clampRadiusForLargeComponent","clampRadiusInStateProps","getElevationWrapperProps","getFieldError","getFieldHeight","getOTPCellRadius","mergeFieldHandler","stripRadiusFromStateProps","useFormField","useResolvedValidators","module","exports","import_react","require","import_theme","import_tamagui","import_get_token","import_Form","import_validateOn","sizeToken","rows","arguments","length","Math","round","getVariableValue","getSize","clampRadius","radiusToken","maxTokenNum","fallback","startsWith","num","Number","parseInt","slice","webShadow","$1","$2","$4","nativeShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","elevationKeyAlias","elevationToProps","token","_elevationKeyAlias_String","key","String","isWeb","style","boxShadow","knobProps","elevationRecipe","_elevationRecipe_hoverKnobProps","_elevationRecipe_pressKnobProps","_elevationRecipe_focusVisibleKnobProps","_elevationRecipe_hoverKnobProps1","_elevationRecipe_pressKnobProps1","_elevationRecipe_focusVisibleKnobProps1","hoverKnobProps","pressKnobProps","focusVisibleKnobProps","props","overflow","hoverStyle","pressStyle","focusVisibleStyle","transition","animation","formContext","useFormContext","resolvedForm","form","resolved","useResolvedKnobs","compact","generatedId","useId","id","field","propError","fieldError","state","meta","errors","defaultIsEmpty","defaultIsEmpty2","v","required","validators","label","name","isEmpty","validateOn","hasSubmitted","useFormValidate","effective","resolveEffectiveValidateOn"],"sources":["../../../src/shared/utils.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/shared/zIndex.cjs

@@ -22,16 +22,7 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var zIndex_exports = {};
 __export(zIndex_exports, {
-  zComponent: () => zComponent,
-  zDrawerOverlay: () => zDrawerOverlay,
-  zDropdown: () => zDropdown,
-  zExtension: () => zExtension,
-  zIndex: () => zIndex,
-  zLoading: () => zLoading,
-  zLocalBase: () => zLocalBase,
-  zLocalElevated: () => zLocalElevated,
-  zLocalTop: () => zLocalTop,
-  zSheet: () => zSheet
+  zIndex: () => zIndex
 });
 module.exports = __toCommonJS(zIndex_exports);
 const zLocalBase = 1;

package/dist/cjs/shared/zIndex.native.js

@@ -24,16 +24,7 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var zIndex_exports = {};
 __export(zIndex_exports, {
-  zComponent: () => zComponent,
-  zDrawerOverlay: () => zDrawerOverlay,
-  zDropdown: () => zDropdown,
-  zExtension: () => zExtension,
-  zIndex: () => zIndex,
-  zLoading: () => zLoading,
-  zLocalBase: () => zLocalBase,
-  zLocalElevated: () => zLocalElevated,
-  zLocalTop: () => zLocalTop,
-  zSheet: () => zSheet
+  zIndex: () => zIndex
 });
 module.exports = __toCommonJS(zIndex_exports);
 var zLocalBase = 1;

package/dist/cjs/shared/zIndex.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","zIndex_exports","__export","zComponent","zDrawerOverlay","zDropdown","zExtension","zIndex","zLoading","zLocalBase","zLocalElevated","zLocalTop","zSheet","module","exports","localBase","localElevated","localTop","stickyHeader","scrollArrow","loading","drawerOverlay","sheet","dropdown","extension"],"sources":["../../../src/shared/zIndex.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,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,MAAA,EAAAA,CAAA,KAAAA;AAAA;AAwBOC,MAAM,CAAAC,OAAA,GAAAlB,YAAa,CAAAK,cAAA;AACnB,IAAAQ,UAAM;AACN,IAAAC,cAAkB;AAGlB,IAAAC,SAAM;AAGN,IAAAR,UAAM,GAAW;AAGjB,IAAAK,QAAM;AACN,IAAAJ,cAAe;AAGf,IAAAQ,MAAM;AAGN,IAAAP,SAAM,MAAa;AAMnB,IAAAC,UAAM,GAAS;AAAA,IAAAC,MAAA;EAEpB;EACAQ,SAAA,EAAAN,UAAe;EACfO,aAAU,EAAAN,cAAA;EAAAO,QAAA,EAAAN,SAAA;EAGV;EACAO,YAAA,EAAaf,UAAA;EAAAgB,WAAA,EAAAT,cAAA;EAGb;EAASU,OAAA,EAAAZ,QAAA;EAGT;EACAa,aAAO,EAAAjB,cAAA;EACPkB,KAAA,EAAAV,MAAU;EAAAW,QAAA,EAAAlB,SAAA;EAGV;EACFmB,SAAA,EAAAlB","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","zIndex_exports","__export","zIndex","module","exports","zLocalBase","zLocalElevated","zLocalTop","zComponent","zLoading","zDrawerOverlay","zSheet","zDropdown","zExtension","localBase","localElevated","localTop","stickyHeader","scrollArrow","loading","drawerOverlay","sheet","dropdown","extension"],"sources":["../../../src/shared/zIndex.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,MAAA,EAAAA,CAAA,KAAAA;AAAA;AAwBAC,MAAM,CAAAC,OAAA,GAAAT,YAAa,CAAAK,cAAA;AACnB,IAAAK,UAAM;AACN,IAAAC,cAAkB;AAGlB,IAAAC,SAAM;AAGN,IAAAC,UAAM,GAAW;AAGjB,IAAAC,QAAM;AACN,IAAAC,cAAe;AAGf,IAAAC,MAAM;AAGN,IAAAC,SAAM,MAAa;AAMZ,IAAAC,UAAM,GAAS;AAAA,IAAAX,MAAA;EAEpB;EACAY,SAAA,EAAAT,UAAe;EACfU,aAAU,EAAAT,cAAA;EAAAU,QAAA,EAAAT,SAAA;EAGV;EACAU,YAAA,EAAaT,UAAA;EAAAU,WAAA,EAAAZ,cAAA;EAGb;EAASa,OAAA,EAAAV,QAAA;EAGT;EACAW,aAAO,EAAAV,cAAA;EACPW,KAAA,EAAAV,MAAU;EAAAW,QAAA,EAAAV,SAAA;EAGV;EACFW,SAAA,EAAAV","ignoreList":[]}

package/dist/esm/AdaptivePopup/index.mjs

@@ -1,7 +1,10 @@
+import { useRef } from "react";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { Dialog, Sheet, Unspaced, useMedia, View, XStack, YStack } from "tamagui";
 import { X } from "@tamagui/lucide-icons-2";
 import { Button } from "../Button/index.mjs";
+import { useReturnFocusOnClose, useSheetModalFocus } from "../shared/focusManagement.mjs";
+import { useSheetEscapeDismiss } from "../shared/useSheetEscapeDismiss.mjs";
 import { zIndex } from "../shared/zIndex.mjs";
 import { useViewportGtSm } from "../FloatingPanel/index.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -37,6 +40,10 @@ function AdaptivePopup({
   const media = useMedia();
   const viewportGtSm = useViewportGtSm();
   const isDesktop = typeof window !== "undefined" ? viewportGtSm : media.gtSm === true;
+  useSheetEscapeDismiss(open && !isDesktop, () => onOpenChange(false));
+  const sheetFrameRef = useRef(null);
+  useReturnFocusOnClose(open && isDesktop);
+  useSheetModalFocus(open && !isDesktop, sheetFrameRef);
   const maxWidth = sizeToWidth[size];
   const maxHeight = sizeToHeight[size];
   const headerContent = (title || showCloseButton) && /* @__PURE__ */jsxs(XStack, {
@@ -86,8 +93,10 @@ function AdaptivePopup({
         snapPointsMode: size === "fullscreen" ? "percent" : "fit",
         snapPoints: size === "fullscreen" ? [92] : void 0,
         zIndex: zIndex.sheet,
+        transition: knobProps.transition,
         children: [/* @__PURE__ */jsx(Sheet.Overlay, {
           backgroundColor: "$shadow6",
+          transition: knobProps.transition,
           enterStyle: {
             opacity: 0
           },
@@ -95,6 +104,10 @@ function AdaptivePopup({
             opacity: 0
           }
         }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsxs(Sheet.Frame, {
+          ...{
+            ref: sheetFrameRef,
+            tabIndex: -1
+          },
           ...knobProps.panelPadding,
           ...knobProps.gap,
           children: [headerContent, descriptionContent, /* @__PURE__ */jsx(YStack, {
@@ -121,6 +134,7 @@ function AdaptivePopup({
       zIndex: zIndex.dropdown,
       children: [/* @__PURE__ */jsx(Dialog.Overlay, {
         backgroundColor: "$shadow6",
+        transition: knobProps.transition,
         enterStyle: {
           opacity: 0
         },
@@ -128,8 +142,11 @@ function AdaptivePopup({
           opacity: 0
         }
       }, "overlay"), /* @__PURE__ */jsxs(Dialog.Content, {
-        bordered: true,
-        elevate: true,
+        unstyled: true,
+        position: "relative",
+        pointerEvents: "auto",
+        ...knobProps.elevatedSurface,
+        transition: knobProps.transition,
         enterStyle: {
           opacity: 0,
           scale: 0.96,
@@ -143,10 +160,8 @@ function AdaptivePopup({
         maxWidth,
         maxHeight,
         width: "90vw",
-        backgroundColor: "$background",
         ...knobProps.panelPadding,
         ...knobProps.gap,
-        ...knobProps.borderRadius,
         children: [headerContent && /* @__PURE__ */jsx(Unspaced, {
           children: headerContent
         }), descriptionContent, /* @__PURE__ */jsx(YStack, {

package/dist/esm/AdaptivePopup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useResolvedKnobs","Dialog","Sheet","Unspaced","useMedia","View","XStack","YStack","X","Button","zIndex","useViewportGtSm","Fragment","jsx","jsxs","sizeToWidth","sm","md","lg","xl","fullscreen","sizeToHeight","AdaptivePopup","open","onOpenChange","trigger","title","description","children","size","showCloseButton","footer","disabled","knobProps","media","viewportGtSm","isDesktop","window","gtSm","maxWidth","maxHeight","headerContent","justifyContent","alignItems","flex","Title","heading","fontSize","Close","asChild","circular","chromeless","descriptionContent","Description","body","color","sizeToken","footerContent","paddingTop","onPress","cursor","opacity","modal","dismissOnSnapToBottom","snapPointsMode","snapPoints","sheet","Overlay","backgroundColor","enterStyle","exitStyle","Handle","Frame","panelPadding","gap","Trigger","Portal","dropdown","Content","bordered","elevate","scale","y","width","borderRadius"],"sources":["../../../src/AdaptivePopup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useRef","useResolvedKnobs","Dialog","Sheet","Unspaced","useMedia","View","XStack","YStack","X","Button","useReturnFocusOnClose","useSheetModalFocus","useSheetEscapeDismiss","zIndex","useViewportGtSm","Fragment","jsx","jsxs","sizeToWidth","sm","md","lg","xl","fullscreen","sizeToHeight","AdaptivePopup","open","onOpenChange","trigger","title","description","children","size","showCloseButton","footer","disabled","knobProps","media","viewportGtSm","isDesktop","window","gtSm","sheetFrameRef","maxWidth","maxHeight","headerContent","justifyContent","alignItems","flex","Title","heading","fontSize","Close","asChild","circular","chromeless","descriptionContent","Description","body","color","sizeToken","footerContent","paddingTop","onPress","cursor","opacity","modal","dismissOnSnapToBottom","snapPointsMode","snapPoints","sheet","transition","Overlay","backgroundColor","enterStyle","exitStyle","Handle","Frame","ref","tabIndex","panelPadding","gap","Trigger","Portal","dropdown","Content","unstyled","position","pointerEvents","elevatedSurface","scale","y","width"],"sources":["../../../src/AdaptivePopup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/AdaptivePopup/index.native.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef } from "react";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { Dialog, Sheet, Unspaced, useMedia, View, XStack, YStack } from "tamagui";
 import { X } from "@tamagui/lucide-icons-2";
 import { Button } from "../Button/index.native.js";
+import { useReturnFocusOnClose, useSheetModalFocus } from "../shared/focusManagement.native.js";
+import { useSheetEscapeDismiss } from "../shared/useSheetEscapeDismiss.native.js";
 import { zIndex } from "../shared/zIndex.native.js";
 import { useViewportGtSm } from "../FloatingPanel/index.native.js";
 var sizeToWidth = {
@@ -38,6 +41,12 @@ function AdaptivePopup(param) {
   var media = useMedia();
   var viewportGtSm = useViewportGtSm();
   var isDesktop = typeof window !== "undefined" ? viewportGtSm : media.gtSm === true;
+  useSheetEscapeDismiss(open && !isDesktop, function () {
+    return onOpenChange(false);
+  });
+  var sheetFrameRef = useRef(null);
+  useReturnFocusOnClose(open && isDesktop);
+  useSheetModalFocus(open && !isDesktop, sheetFrameRef);
   var maxWidth = sizeToWidth[size];
   var maxHeight = sizeToHeight[size];
   var headerContent = (title || showCloseButton) && /* @__PURE__ */_jsxs(XStack, {
@@ -89,8 +98,10 @@ function AdaptivePopup(param) {
         snapPointsMode: size === "fullscreen" ? "percent" : "fit",
         snapPoints: size === "fullscreen" ? [92] : void 0,
         zIndex: zIndex.sheet,
+        transition: knobProps.transition,
         children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
           backgroundColor: "$shadow6",
+          transition: knobProps.transition,
           enterStyle: {
             opacity: 0
           },
@@ -98,6 +109,13 @@ function AdaptivePopup(param) {
             opacity: 0
           }
         }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsxs(Sheet.Frame, {
+          // Sheet.Frame forwards its ref at runtime; the styled prop type
+          // just omits `ref`, hence the cast. tabIndex -1 makes the frame a
+          // programmatic focus target without joining the tab order.
+          ...{
+            ref: sheetFrameRef,
+            tabIndex: -1
+          },
           ...knobProps.panelPadding,
           ...knobProps.gap,
           children: [headerContent, descriptionContent, /* @__PURE__ */_jsx(YStack, {
@@ -124,6 +142,7 @@ function AdaptivePopup(param) {
       zIndex: zIndex.dropdown,
       children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
         backgroundColor: "$shadow6",
+        transition: knobProps.transition,
         enterStyle: {
           opacity: 0
         },
@@ -131,8 +150,15 @@ function AdaptivePopup(param) {
           opacity: 0
         }
       }, "overlay"), /* @__PURE__ */_jsxs(Dialog.Content, {
-        bordered: true,
-        elevate: true,
+        // Dialog.Content's styled base bakes in `elevate: true` (plus its
+        // own bg/border/radius/padding); `unstyled` drops that so the
+        // elevatedSurface knob recipe (SF-OVERLAY/E-OVERLAY) is the only
+        // surface source and elevation `none` actually flattens.
+        unstyled: true,
+        position: "relative",
+        pointerEvents: "auto",
+        ...knobProps.elevatedSurface,
+        transition: knobProps.transition,
         enterStyle: {
           opacity: 0,
           scale: 0.96,
@@ -146,10 +172,8 @@ function AdaptivePopup(param) {
         maxWidth,
         maxHeight,
         width: "90vw",
-        backgroundColor: "$background",
         ...knobProps.panelPadding,
         ...knobProps.gap,
-        ...knobProps.borderRadius,
         children: [headerContent && /* @__PURE__ */_jsx(Unspaced, {
           children: headerContent
         }), descriptionContent, /* @__PURE__ */_jsx(YStack, {