@multiplatform.one/forms 7.4.1 → 7.6.0

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","zIndex_exports","zIndex","module","exports","zLocalBase","zLocalElevated","zLocalTop"],"sources":["../../../src/shared/zIndex.ts"],"sourcesContent":[null],"mappings":"AAwBA,YAAM;;AACN,IAAAA,SAAM,GAAAC,MAAA,CAAiBC,cAAA;AACvB,IAAAC,gBAAkB,GAAAF,MAAA,CAAAG,wBAAA;AAGlB,IAAAC,iBAAmB,GAAAJ,MAAA,CAAAK,mBAAA;AAGnB,IAAAC,YAAM,GAAWN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAGjB,IAAAC,QAAM,GAAAA,CAAAC,MAAA,EAAiBC,GAAA;EACvB,KAAM,IAAAC,IAAS,IAAAD,GAAA,EAGfZ,SAAM,CAAAW,MAAY,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAGlB;AAMO,IAAAC,WAAe,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IAEpB,SAAWG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACX,KAAAX,YAAe,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACfnB,SAAU,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAGV,OAAAE,EAAA;AAAc;AACD,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAGbE,cAAS;AAAAhB,QAAA,CAAAgB,cAAA;EAGTC,MAAA,EAAAA,CAAA,KAAAA;AAAe,EACf;AAAOC,MACP,CAAAC,OAAU,GAAAN,YAAA,CAAAG,cAAA;AAAA,IAAAI,UAAA;AAAA,IAGVC,cAAW;AACb,IAAAC,SAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","zIndex_exports","zIndex","module","exports","zLocalBase","zLocalElevated","zLocalTop","zComponent","zLoading","zDrawerOverlay","zSheet","zDropdown","zExtension","localBase","localElevated","localTop","stickyHeader","scrollArrow","loading","drawerOverlay","sheet","dropdown","extension"],"sources":["zIndex.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar zIndex_exports = {};\n__export(zIndex_exports, {\n  zIndex: () => zIndex\n});\nmodule.exports = __toCommonJS(zIndex_exports);\nvar zLocalBase = 1;\nvar zLocalElevated = 2;\nvar zLocalTop = 10;\nvar zComponent = 100;\nvar zLoading = 1e3;\nvar zDrawerOverlay = 99999;\nvar zSheet = 1e5;\nvar zDropdown = 2e5;\nvar zExtension = 2147483647;\nvar zIndex = {\n  // Local stacking\n  localBase: zLocalBase,\n  localElevated: zLocalElevated,\n  localTop: zLocalTop,\n  // Component level\n  stickyHeader: zComponent,\n  scrollArrow: zLocalElevated,\n  // Loading/toast layer\n  loading: zLoading,\n  // Overlay layers\n  drawerOverlay: zDrawerOverlay,\n  sheet: zSheet,\n  dropdown: zDropdown,\n  // Special cases\n  extension: zExtension\n};\n//# sourceMappingURL=zIndex.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,cAAc,GAAG,CAAC,CAAC;AACvBhB,QAAQ,CAACgB,cAAc,EAAE;EACvBC,MAAM,EAAEA,CAAA,KAAMA;AAChB,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,cAAc,CAAC;AAC7C,IAAII,UAAU,GAAG,CAAC;AAClB,IAAIC,cAAc,GAAG,CAAC;AACtB,IAAIC,SAAS,GAAG,EAAE;AAClB,IAAIC,UAAU,GAAG,GAAG;AACpB,IAAIC,QAAQ,GAAG,GAAG;AAClB,IAAIC,cAAc,GAAG,KAAK;AAC1B,IAAIC,MAAM,GAAG,GAAG;AAChB,IAAIC,SAAS,GAAG,GAAG;AACnB,IAAIC,UAAU,GAAG,UAAU;AAC3B,IAAIX,MAAM,GAAG;EACX;EACAY,SAAS,EAAET,UAAU;EACrBU,aAAa,EAAET,cAAc;EAC7BU,QAAQ,EAAET,SAAS;EACnB;EACAU,YAAY,EAAET,UAAU;EACxBU,WAAW,EAAEZ,cAAc;EAC3B;EACAa,OAAO,EAAEV,QAAQ;EACjB;EACAW,aAAa,EAAEV,cAAc;EAC7BW,KAAK,EAAEV,MAAM;EACbW,QAAQ,EAAEV,SAAS;EACnB;EACAW,SAAS,EAAEV;AACb,CAAC","ignoreList":[]}

package/dist/jsx/themedPrimitives.mjs

@@ -1,4 +1,4 @@
-import { isTouchSurface, sizeRecipeForToken } from "@multiplatform.one/theme";
+import { isTouchSurface, sizeRecipeForToken, textFieldInset } from "@multiplatform.one/theme";
 import { TextArea as TamaguiTextArea, isWeb, styled } from "tamagui";
 const textAreaSizeWithoutRadius = (val, extras) => {
   const {
@@ -7,6 +7,7 @@ const textAreaSizeWithoutRadius = (val, extras) => {
   const recipe = sizeRecipeForToken(String(val || "$true"), {
     touch: isTouchSurface()
   });
+  const inset = textFieldInset(recipe);
   const lineHeight = Math.round(recipe.fontSize * 1.25);
   const lines = props.rows ?? props.numberOfLines;
   const height = typeof lines === "number" ? lines * lineHeight + recipe.gap * 2 : "auto";
@@ -15,8 +16,9 @@ const textAreaSizeWithoutRadius = (val, extras) => {
     ...(isWeb ? {
       lineHeight
     } : void 0),
-    paddingVertical: recipe.gap,
-    paddingHorizontal: recipe.paddingHorizontal,
+    // LC-84: padX === padY === optical inset. Never more padX than padY.
+    paddingVertical: inset,
+    paddingHorizontal: inset,
     height
   };
 };

package/dist/jsx/themedPrimitives.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isTouchSurface","sizeRecipeForToken","TextArea","TamaguiTextArea","isWeb","styled","textAreaSizeWithoutRadius","val","extras","props","recipe","String","touch","lineHeight","Math","round","fontSize","lines","rows","numberOfLines","height","gap","paddingVertical","paddingHorizontal","ThemedTextArea","name","variants","size"],"sources":["../../src/themedPrimitives.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,cAAA,EAAgBC,kBAAA,QAA0B;AACnD,SAASC,QAAA,IAAYC,eAAA,EAAiBC,KAAA,EAAOC,MAAA,QAAc;AAoB3D,MAAMC,yBAAA,GAA4DA,CAACC,GAAA,EAAKC,MAAA,KAAW;EACjF,MAAM;IAAEC;EAAM,IAAID,MAAA;EAClB,MAAME,MAAA,GAAST,kBAAA,CAAmBU,MAAA,CAAOJ,GAAA,IAAO,OAAO,GAAG;IAAEK,KAAA,EAAOZ,cAAA,CAAe;EAAE,CAAC;EACrF,MAAMa,UAAA,GAAaC,IAAA,CAAKC,KAAA,CAAML,MAAA,CAAOM,QAAA,GAAW,IAAI;EACpD,MAAMC,KAAA,GAAQR,KAAA,CAAMS,IAAA,IAAQT,KAAA,CAAMU,aAAA;EAClC,MAAMC,MAAA,GAAS,OAAOH,KAAA,KAAU,WAAWA,KAAA,GAAQJ,UAAA,GAAaH,MAAA,CAAOW,GAAA,GAAM,IAAI;EACjF,OAAO;IACLL,QAAA,EAAUN,MAAA,CAAOM,QAAA;IACjB,IAAIZ,KAAA,GAAQ;MAAES;IAAW,IAAI;IAC7BS,eAAA,EAAiBZ,MAAA,CAAOW,GAAA;IACxBE,iBAAA,EAAmBb,MAAA,CAAOa,iBAAA;IAC1BH;EACF;AACF;AAEO,MAAMI,cAAA,GAAiBnB,MAAA,CAAOF,eAAA,EAAiB;EACpDsB,IAAA,EAAM;EACNC,QAAA,EAAU;IACRC,IAAA,EAAM;MACJ,WAAWrB;IACb;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["isTouchSurface","sizeRecipeForToken","textFieldInset","TextArea","TamaguiTextArea","isWeb","styled","textAreaSizeWithoutRadius","val","extras","props","recipe","String","touch","inset","lineHeight","Math","round","fontSize","lines","rows","numberOfLines","height","gap","paddingVertical","paddingHorizontal","ThemedTextArea","name","variants","size"],"sources":["../../src/themedPrimitives.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,cAAA,EAAgBC,kBAAA,EAAoBC,cAAA,QAAsB;AACnE,SAASC,QAAA,IAAYC,eAAA,EAAiBC,KAAA,EAAOC,MAAA,QAAc;AAoB3D,MAAMC,yBAAA,GAA4DA,CAACC,GAAA,EAAKC,MAAA,KAAW;EACjF,MAAM;IAAEC;EAAM,IAAID,MAAA;EAClB,MAAME,MAAA,GAASV,kBAAA,CAAmBW,MAAA,CAAOJ,GAAA,IAAO,OAAO,GAAG;IAAEK,KAAA,EAAOb,cAAA,CAAe;EAAE,CAAC;EACrF,MAAMc,KAAA,GAAQZ,cAAA,CAAeS,MAAM;EACnC,MAAMI,UAAA,GAAaC,IAAA,CAAKC,KAAA,CAAMN,MAAA,CAAOO,QAAA,GAAW,IAAI;EACpD,MAAMC,KAAA,GAAQT,KAAA,CAAMU,IAAA,IAAQV,KAAA,CAAMW,aAAA;EAClC,MAAMC,MAAA,GAAS,OAAOH,KAAA,KAAU,WAAWA,KAAA,GAAQJ,UAAA,GAAaJ,MAAA,CAAOY,GAAA,GAAM,IAAI;EACjF,OAAO;IACLL,QAAA,EAAUP,MAAA,CAAOO,QAAA;IACjB,IAAIb,KAAA,GAAQ;MAAEU;IAAW,IAAI;IAAA;IAE7BS,eAAA,EAAiBV,KAAA;IACjBW,iBAAA,EAAmBX,KAAA;IACnBQ;EACF;AACF;AAEO,MAAMI,cAAA,GAAiBpB,MAAA,CAAOF,eAAA,EAAiB;EACpDuB,IAAA,EAAM;EACNC,QAAA,EAAU;IACRC,IAAA,EAAM;MACJ,WAAWtB;IACb;EACF;AACF,CAAC","ignoreList":[]}

package/dist/jsx/themedPrimitives.native.js

@@ -37,6 +37,7 @@ var textAreaSizeWithoutRadius = function textAreaSizeWithoutRadius2(val, extras)
   var recipe = (0, import_theme.sizeRecipeForToken)(String(val || "$true"), {
     touch: (0, import_theme.isTouchSurface)()
   });
+  var inset = (0, import_theme.textFieldInset)(recipe);
   var lineHeight = Math.round(recipe.fontSize * 1.25);
   var lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines;
   var height = typeof lines === "number" ? lines * lineHeight + recipe.gap * 2 : "auto";
@@ -45,8 +46,9 @@ var textAreaSizeWithoutRadius = function textAreaSizeWithoutRadius2(val, extras)
     ...(import_tamagui.isWeb ? {
       lineHeight
     } : void 0),
-    paddingVertical: recipe.gap,
-    paddingHorizontal: recipe.paddingHorizontal,
+    // LC-84: padX === padY === optical inset. Never more padX than padY.
+    paddingVertical: inset,
+    paddingHorizontal: inset,
     height
   };
 };

package/dist/jsx/themedPrimitives.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","themedPrimitives_exports","ThemedTextArea","module","exports","import_theme","require"],"sources":["../../src/themedPrimitives.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAY,CAAAC,cAAA;AAoBrB,IAAAC,gBAAM,GAAAF,MAAA,CAAAG,wBAA6E;AACjF,IAAAC,iBAAkB,GAAAJ,MAAA,CAAAK,mBAAA;AAClB,IAAAC,YAAM,GAASN,MAAA,CAAAO,SAAA,CAAmBC,cAAc;AAChD,IAAAC,QAAM,GAAAA,CAAAC,MAAa,EAAAC,GAAK,KAAM;EAC9B,SAAMC,IAAA,IAAQD,GAAM,EACpBZ,SAAM,CAAAW,MAAS,EAAAE,IAAO;IAAAC,GAAA,EAAUF,GAAA,CAAAC,IAAA;IAAWE,UAAQ;EAAA;AACnD;AAAO,IACLC,WAAU,GAAAA,CAAAC,EAAO,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACjBF,IAAI,WAAUA,IAAA,KAAW,QAAI,WAAAA,IAAA;IAC7B,SAAAG,GAAA,IAAAhB,iBAAwB,CAAAa,IAAA,GACxB,KAAAX,YAAmB,CAAAe,IAAA,CAAAL,EAAO,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAC1BnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACF;EACF,OAAAE,EAAA;AAEO;AAA+C,IACpDM,YAAM,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACNE,wBAAU;AAAAhB,QACR,CAAAgB,wBAAM;EAAAC,cACJ,EAAWA,CAAA,KAAAA;AAAA;AACbC,MACF,CAAAC,OAAA,GAAAN,YAAA,CAAAG,wBAAA;AACF,IAACI,YAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","themedPrimitives_exports","ThemedTextArea","module","exports","import_theme","require","import_tamagui","textAreaSizeWithoutRadius","textAreaSizeWithoutRadius2","val","extras","_props_rows","props","recipe","sizeRecipeForToken","String","touch","isTouchSurface","inset","textFieldInset","lineHeight","Math","round","fontSize","lines","rows","numberOfLines","height","gap","isWeb","paddingVertical","paddingHorizontal","styled","TextArea","variants","size"],"sources":["themedPrimitives.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar themedPrimitives_exports = {};\n__export(themedPrimitives_exports, {\n  ThemedTextArea: () => ThemedTextArea\n});\nmodule.exports = __toCommonJS(themedPrimitives_exports);\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_tamagui = require(\"tamagui\");\nvar textAreaSizeWithoutRadius = function textAreaSizeWithoutRadius2(val, extras) {\n  var _props_rows;\n  var { props } = extras;\n  var recipe = (0, import_theme.sizeRecipeForToken)(String(val || \"$true\"), {\n    touch: (0, import_theme.isTouchSurface)()\n  });\n  var inset = (0, import_theme.textFieldInset)(recipe);\n  var lineHeight = Math.round(recipe.fontSize * 1.25);\n  var lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines;\n  var height = typeof lines === \"number\" ? lines * lineHeight + recipe.gap * 2 : \"auto\";\n  return {\n    fontSize: recipe.fontSize,\n    ...import_tamagui.isWeb ? {\n      lineHeight\n    } : void 0,\n    // LC-84: padX === padY === optical inset. Never more padX than padY.\n    paddingVertical: inset,\n    paddingHorizontal: inset,\n    height\n  };\n};\nvar ThemedTextArea = (0, import_tamagui.styled)(import_tamagui.TextArea, {\n  name: \"ThemedTextArea\",\n  variants: {\n    size: {\n      \"...size\": textAreaSizeWithoutRadius\n    }\n  }\n});\n//# sourceMappingURL=themedPrimitives.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/jsx/types.native.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__copyProps","to","from","except","desc","key","call","get","enumerable","__toCommonJS","mod","value","types_exports","module","exports"],"sources":["types.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar types_exports = {};\nmodule.exports = __toCommonJS(types_exports);\n//# sourceMappingURL=types.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIV,iBAAiB,CAACO,IAAI,CAAC,EACrC,IAAI,CAACL,YAAY,CAACS,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/Cb,SAAS,CAACW,EAAE,EAAEI,GAAG,EAAE;MAAEE,GAAG,EAAEA,CAAA,KAAML,IAAI,CAACG,GAAG,CAAC;MAAEG,UAAU,EAAE,EAAEJ,IAAI,GAAGX,gBAAgB,CAACS,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACI;IAAW,CAAC,CAAC;EACxH;EACA,OAAOP,EAAE;AACX,CAAC;AACD,IAAIQ,YAAY,GAAIC,GAAG,IAAKV,WAAW,CAACV,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEqB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,aAAa,GAAG,CAAC,CAAC;AACtBC,MAAM,CAACC,OAAO,GAAGL,YAAY,CAACG,aAAa,CAAC","ignoreList":[]}

package/dist/jsx/utils/LinkCell.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call"],"sources":["../../../src/utils/LinkCell.tsx"],"sourcesContent":[null],"mappings":"AAQA,YAAS;;AAmBE,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AARJ,IAAAC,gBAAoB,GAAAF,MAAO,CAAAG,wBAAyD;AACzF,IAAAC,iBAAwB,GAAAJ,MAAA,CAAAK,mBAAA;AACxB,IAAAC,YAAI,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACF,IAAAC,QAAO,GAAAA,CAAAC,MAAA,EAAaC,GAAA,KAAK;EAC3B,SAAQC,IAAA,IAAAD,GAAA,EACNZ,SAAO,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAET,IAAAC,WAAY,GAAAA,CAAAC,EAAM,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAChB,IAAAF,IAAA,IAAO,OAAAA,IAAA,aAAC,IAAK,OAAaA,IAAA,KAAS;IACrC,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,IAAO,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACTnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","LinkCell_exports","LinkCell","module","exports","import_jsx_runtime","require","import_router","param","linkResolver","children","href","unused","jsx","Link"],"sources":["LinkCell.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar LinkCell_exports = {};\n__export(LinkCell_exports, {\n  LinkCell: () => LinkCell\n});\nmodule.exports = __toCommonJS(LinkCell_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_router = require(\"@multiplatform.one/router\");\nfunction LinkCell(param) {\n  var { value, linkResolver, children } = param;\n  var href = null;\n  try {\n    href = linkResolver(value);\n  } catch (unused) {\n    return children;\n  }\n  if (href != null) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_router.Link, {\n      href,\n      children\n    });\n  }\n  return children;\n}\n//# sourceMappingURL=LinkCell.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,gBAAgB,GAAG,CAAC,CAAC;AACzBhB,QAAQ,CAACgB,gBAAgB,EAAE;EACzBC,QAAQ,EAAEA,CAAA,KAAMA;AAClB,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,gBAAgB,CAAC;AAC/C,IAAII,kBAAkB,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACrD,IAAIC,aAAa,GAAGD,OAAO,CAAC,2BAA2B,CAAC;AACxD,SAASJ,QAAQA,CAACM,KAAK,EAAE;EACvB,IAAI;IAAER,KAAK;IAAES,YAAY;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAC7C,IAAIG,IAAI,GAAG,IAAI;EACf,IAAI;IACFA,IAAI,GAAGF,YAAY,CAACT,KAAK,CAAC;EAC5B,CAAC,CAAC,OAAOY,MAAM,EAAE;IACf,OAAOF,QAAQ;EACjB;EACA,IAAIC,IAAI,IAAI,IAAI,EAAE;IAChB,OAAO,eAAgB,CAAC,CAAC,EAAEN,kBAAkB,CAACQ,GAAG,EAAEN,aAAa,CAACO,IAAI,EAAE;MACrEH,IAAI;MACJD;IACF,CAAC,CAAC;EACJ;EACA,OAAOA,QAAQ;AACjB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/forms",
-  "version": "7.4.1",
+  "version": "7.6.0",
   "description": "Cross-platform form components with URL state management",
   "keywords": [
     "cross-platform",
@@ -70,9 +70,9 @@
     "perfect-freehand": "^1.2.3",
     "react-native-svg": "15.15.4",
     "tamagui": "2.7.6",
-    "@multiplatform.one/router": "7.4.1",
-    "@multiplatform.one/table-primitives": "7.4.1",
-    "@multiplatform.one/theme": "7.4.1"
+    "@multiplatform.one/router": "7.6.0",
+    "@multiplatform.one/table-primitives": "7.6.0",
+    "@multiplatform.one/theme": "7.6.0"
   },
   "devDependencies": {
     "@tamagui/build": "2.7.6",
@@ -84,6 +84,8 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/coverage-v8": "^4.1.5",
+    "expo-document-picker": "~55.0.16",
+    "expo-image-picker": "~55.0.23",
     "expo-maps": "~55.0.21",
     "happy-dom": "^20.9.0",
     "i18next": "^25.10.10",
@@ -93,11 +95,14 @@
     "react-i18next": "^16.6.6",
     "react-native-web": "^0.21.2",
     "vitest": "^4.1.5",
-    "@multiplatform.one/config": "7.4.1",
-    "@multiplatform.one/storybook": "7.4.1",
-    "@multiplatform.one/test-utils": "7.4.1"
+    "@multiplatform.one/config": "7.6.0",
+    "@multiplatform.one/storybook": "7.6.0",
+    "@multiplatform.one/test-utils": "7.6.0"
   },
   "peerDependencies": {
+    "expo-haptics": "55.0.17",
+    "expo-document-picker": "*",
+    "expo-image-picker": "*",
     "expo-maps": "*",
     "i18next": "^25.0.0",
     "react": "^19.1.0",
@@ -105,9 +110,18 @@
     "react-i18next": ">=14"
   },
   "peerDependenciesMeta": {
+    "expo-document-picker": {
+      "optional": true
+    },
+    "expo-image-picker": {
+      "optional": true
+    },
     "expo-maps": {
       "optional": true
     },
+    "expo-haptics": {
+      "optional": true
+    },
     "i18next": {
       "optional": true
     },

package/src/AdaptivePopup/AdaptivePopup.spec.tsx

@@ -1,10 +1,11 @@
-import { describe, expect, it } from "vitest";
+import { afterEach, beforeEach, describe, expect, it } from "vitest";
 import { fireEvent, waitFor } from "@testing-library/react";
 import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { OVERLAY_BREAKPOINT } from "@multiplatform.one/theme";
 import { useState, type ReactNode } from "react";
 import { Text } from "tamagui";
 import { Button } from "../Button";
-import { AdaptivePopup } from "./index";
+import { AdaptivePopup, pickAdaptivePopupFace } from "./index";
 
 /**
  * The trigger contract, and why every case fires a REAL press rather than
@@ -208,3 +209,213 @@ describe("AdaptivePopup LC-71", () => {
     expect(dialog()?.textContent).toMatch(/Dialog/);
   });
 });
+
+const originalInnerWidth = window.innerWidth;
+
+function setViewportWidth(width: number) {
+  Object.defineProperty(window, "innerWidth", {
+    configurable: true,
+    writable: true,
+    value: width,
+  });
+  window.dispatchEvent(new Event("resize"));
+}
+
+afterEach(() => {
+  setViewportWidth(originalInnerWidth);
+});
+
+function OpenPopup({
+  face,
+  size,
+  footer,
+}: {
+  face?: "dialog" | "drawer";
+  size?: "sm" | "md" | "lg" | "xl" | "fullscreen";
+  footer?: ReactNode;
+}) {
+  const [open, setOpen] = useState(true);
+  return (
+    <AdaptivePopup
+      open={open}
+      onOpenChange={setOpen}
+      title="Edit Profile"
+      description="Make changes to your profile here."
+      face={face}
+      size={size}
+      footer={footer}
+    >
+      <input aria-label="Name" />
+    </AdaptivePopup>
+  );
+}
+
+function surface() {
+  return document.querySelector("[data-testid='adaptive-popup-surface']") as HTMLElement | null;
+}
+
+function shadowClasses(el: Element): string[] {
+  return String(el.className || "")
+    .split(/\s+/)
+    .filter((c) => c.startsWith("_bxsh-"))
+    .sort();
+}
+
+describe("pickAdaptivePopupFace (C22 / OVERLAY_BREAKPOINT)", () => {
+  it("at the overlay breakpoint and below, any face is sheet", () => {
+    expect(pickAdaptivePopupFace({ viewportWidth: OVERLAY_BREAKPOINT, face: "drawer" })).toBe(
+      "sheet",
+    );
+    expect(pickAdaptivePopupFace({ viewportWidth: OVERLAY_BREAKPOINT - 1, face: "drawer" })).toBe(
+      "sheet",
+    );
+    expect(pickAdaptivePopupFace({ viewportWidth: 390 })).toBe("sheet");
+  });
+
+  it("above the overlay breakpoint, face=drawer is drawer", () => {
+    expect(pickAdaptivePopupFace({ viewportWidth: OVERLAY_BREAKPOINT + 1, face: "drawer" })).toBe(
+      "drawer",
+    );
+    expect(pickAdaptivePopupFace({ viewportWidth: 1440, face: "drawer", size: "md" })).toBe(
+      "drawer",
+    );
+  });
+
+  it("above the overlay breakpoint, omitted face is dialog", () => {
+    expect(pickAdaptivePopupFace({ viewportWidth: 1440 })).toBe("dialog");
+    expect(pickAdaptivePopupFace({ viewportWidth: 1440, face: "dialog" })).toBe("dialog");
+  });
+
+  it("size=fullscreen stays dialog-family even with face=drawer", () => {
+    expect(pickAdaptivePopupFace({ viewportWidth: 1440, face: "drawer", size: "fullscreen" })).toBe(
+      "dialog",
+    );
+    expect(
+      pickAdaptivePopupFace({
+        viewportWidth: OVERLAY_BREAKPOINT,
+        face: "drawer",
+        size: "fullscreen",
+      }),
+    ).toBe("sheet");
+  });
+});
+
+describe("AdaptivePopup face pick (same props, three faces)", () => {
+  it("above 640, omitted face renders dialog", async () => {
+    setViewportWidth(1440);
+    renderWithProviders(<OpenPopup />);
+    await waitFor(() => expect(surface()).not.toBeNull());
+    expect(surface()?.getAttribute("data-adaptive-popup-mode")).toBe("dialog");
+  });
+
+  it("above 640, face=drawer renders the edge drawer", async () => {
+    setViewportWidth(1440);
+    renderWithProviders(<OpenPopup face="drawer" />);
+    await waitFor(() => expect(surface()).not.toBeNull());
+    expect(surface()?.getAttribute("data-adaptive-popup-mode")).toBe("drawer");
+  });
+
+  it("at 640, face=drawer renders the existing sheet", async () => {
+    setViewportWidth(OVERLAY_BREAKPOINT);
+    renderWithProviders(<OpenPopup face="drawer" />);
+    await waitFor(() => expect(surface()).not.toBeNull());
+    expect(surface()?.getAttribute("data-adaptive-popup-mode")).toBe("sheet");
+  });
+
+  it("at 390, face=drawer renders the existing sheet", async () => {
+    setViewportWidth(390);
+    renderWithProviders(<OpenPopup face="drawer" />);
+    await waitFor(() => expect(surface()).not.toBeNull());
+    expect(surface()?.getAttribute("data-adaptive-popup-mode")).toBe("sheet");
+  });
+
+  it("size=fullscreen above 640 stays dialog even with face=drawer", async () => {
+    setViewportWidth(1440);
+    renderWithProviders(<OpenPopup face="drawer" size="fullscreen" />);
+    await waitFor(() => expect(surface()).not.toBeNull());
+    expect(surface()?.getAttribute("data-adaptive-popup-mode")).toBe("dialog");
+  });
+});
+
+describe("AdaptivePopup drawer contract (LC-48 / DG-OVL-01 / overlay ground)", () => {
+  beforeEach(() => {
+    setViewportWidth(1440);
+  });
+
+  it("traps focus in the drawer and restores it to the opener on close (LC-48)", async () => {
+    function RestoreHarness() {
+      const [open, setOpen] = useState(false);
+      return (
+        <AdaptivePopup
+          open={open}
+          onOpenChange={setOpen}
+          face="drawer"
+          title="Edit Profile"
+          trigger={<Button>Open Popup</Button>}
+        >
+          <input aria-label="Name" />
+        </AdaptivePopup>
+      );
+    }
+    const result = renderWithProviders(<RestoreHarness />);
+    const trigger = result.container.querySelector("[role='button']") as HTMLElement;
+    trigger.focus();
+    press(trigger);
+    await waitFor(() => expect(surface()?.getAttribute("data-adaptive-popup-mode")).toBe("drawer"));
+    const frame = dialog() as HTMLElement;
+    expect(frame.contains(document.activeElement)).toBe(true);
+    fireEvent.keyDown(document, { key: "Escape" });
+    await waitFor(() => expect(dialog()).toBeNull());
+    await waitFor(() => expect(document.activeElement).toBe(trigger));
+  });
+
+  it("Escape dismisses the drawer (DG-OVL-01; AdaptivePopup is not a destructive alertdialog)", async () => {
+    renderWithProviders(<OpenPopup face="drawer" />);
+    await waitFor(() => expect(surface()?.getAttribute("data-adaptive-popup-mode")).toBe("drawer"));
+    fireEvent.keyDown(document, { key: "Escape", code: "Escape" });
+    await waitFor(() => expect(dialog()).toBeNull());
+  });
+
+  it("grounds on $background and paints overlay elevation, not Button $1", async () => {
+    renderWithProviders(
+      <>
+        <Button testID="mpo-button-control">Save</Button>
+        <OpenPopup face="drawer" />
+      </>,
+    );
+    await waitFor(() => expect(surface()).not.toBeNull());
+    const button = document.querySelector('[data-testid="mpo-button-control"]');
+    expect(button).toBeTruthy();
+    expect(surface()?.getAttribute("data-popup-ground")).toBe("$background");
+    const drawerShadow = shadowClasses(surface() as Element);
+    const buttonShadow = shadowClasses(button as Element);
+    expect(drawerShadow.length, "drawer paints an overlay shadow").toBeGreaterThan(0);
+    expect(buttonShadow.length, "Button paints the $1 control shadow").toBeGreaterThan(0);
+    expect(drawerShadow, "overlay shadow must not be Button $1").not.toEqual(buttonShadow);
+  });
+
+  it("pins to the inline-end viewport edge at zero gap", async () => {
+    renderWithProviders(<OpenPopup face="drawer" />);
+    await waitFor(() => expect(surface()).not.toBeNull());
+    expect(surface()?.getAttribute("data-drawer-gap")).toBe("0");
+    expect(surface()?.getAttribute("data-drawer-edge")).toBe("inline-end");
+  });
+
+  it("width follows sizeToWidth (sm 400 / md 600 / lg 800 / xl 1000)", async () => {
+    const widths = { sm: "400", md: "600", lg: "800", xl: "1000" } as const;
+    for (const [size, width] of Object.entries(widths)) {
+      const { unmount } = renderWithProviders(
+        <OpenPopup face="drawer" size={size as keyof typeof widths} />,
+      );
+      await waitFor(() => expect(surface()).not.toBeNull());
+      expect(surface()?.getAttribute("data-popup-width")).toBe(width);
+      unmount();
+    }
+  });
+
+  it("attached-edge corners stay 0 (CONTAINER-CAP on the free edge only)", async () => {
+    renderWithProviders(<OpenPopup face="drawer" />);
+    await waitFor(() => expect(surface()).not.toBeNull());
+    expect(surface()?.getAttribute("data-drawer-attached-radius")).toBe("0");
+  });
+});

package/src/AdaptivePopup/AdaptivePopup.stories.tsx

@@ -13,7 +13,7 @@ const meta: Meta<typeof AdaptivePopup> = {
     docs: {
       description: {
         component:
-          "A responsive popup component that renders as a bottom Sheet on mobile/small screens and a centered Dialog on desktop. Resize your browser to see the adaptive behavior.",
+          'A responsive popup that renders as a bottom Sheet at OVERLAY_BREAKPOINT and below, a centered Dialog on desktop, or an edge-anchored Drawer when face="drawer" above that breakpoint.',
       },
     },
   },
@@ -22,6 +22,10 @@ const meta: Meta<typeof AdaptivePopup> = {
       control: "select",
       options: ["sm", "md", "lg", "xl", "fullscreen"],
     },
+    face: {
+      control: "select",
+      options: ["dialog", "drawer"],
+    },
     title: { control: "text" },
     description: { control: "text" },
     showCloseButton: { control: "boolean" },
@@ -64,6 +68,43 @@ export const Main: Story = {
   },
 };
 
+export const Drawer: Story = {
+  name: "Drawer",
+  render: () => {
+    const Example = () => {
+      const [open, setOpen] = useState(false);
+      return (
+        <AdaptivePopup
+          open={open}
+          onOpenChange={setOpen}
+          face="drawer"
+          title="Edit record"
+          description="Keep the page in view while you edit."
+          trigger={<Button>Open Drawer</Button>}
+          footer={
+            <XStack gap="$2" justifyContent="flex-end">
+              <Button chromeless onPress={() => setOpen(false)}>
+                Cancel
+              </Button>
+              <Button onPress={() => setOpen(false)}>Save</Button>
+            </XStack>
+          }
+        >
+          <YStack gap="$3">
+            <Input label="Name" placeholder="Enter your name" />
+            <Input label="Email" placeholder="Enter your email" />
+            <Input label="Title" placeholder="Job title" />
+            <Input label="Team" placeholder="Team" />
+            <Input label="Location" placeholder="Location" />
+            <Input label="Notes" placeholder="Notes" />
+          </YStack>
+        </AdaptivePopup>
+      );
+    };
+    return <Example />;
+  },
+};
+
 export const Sizes: Story = {
   render: () => {
     const SizeExample = ({ size }: { size: "sm" | "md" | "lg" | "xl" | "fullscreen" }) => {