@multiplatform.one/forms 6.1.0 → 6.3.0

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

@@ -0,0 +1,41 @@
+"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 capabilityPreflight_exports = {};
+__export(capabilityPreflight_exports, {
+  queryPermissionState: () => queryPermissionState
+});
+module.exports = __toCommonJS(capabilityPreflight_exports);
+async function queryPermissionState(name) {
+  try {
+    var _navigator_permissions_query, _navigator_permissions;
+    var status = await ((_navigator_permissions = navigator.permissions) === null || _navigator_permissions === void 0 ? void 0 : (_navigator_permissions_query = _navigator_permissions.query) === null || _navigator_permissions_query === void 0 ? void 0 : _navigator_permissions_query.call(_navigator_permissions, {
+      name
+    }));
+    var state = status === null || status === void 0 ? void 0 : status.state;
+    if (state === "granted" || state === "denied" || state === "prompt") return state;
+  } catch (unused) {}
+  return "unknown";
+}
+//# sourceMappingURL=capabilityPreflight.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","capabilityPreflight_exports","__export","queryPermissionState","module","exports","name","_navigator_permissions_query","_navigator_permissions","status","navigator","permissions","query","call","state","unused"],"sources":["../../../src/shared/capabilityPreflight.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAaAC,MAAA,CAAAC,OAAA,GAAsBT,YAAA,CAAAK,2BAEkC;AACtD,eAAIE,qBAAAG,IAAA;EACF;IAAoD,IAClDC,4BAAA,EAAAC,sBAAA;IACF,IAACC,MAAA,WAAAD,sBAAA,GAAAE,SAAA,CAAAC,WAAA,cAAAH,sBAAA,wBAAAD,4BAAA,GAAAC,sBAAA,CAAAI,KAAA,cAAAL,4BAAA,uBAAAA,4BAAA,CAAAM,IAAA,CAAAL,sBAAA;MACDF;IACA;IACF,IAAAQ,KAAQ,GAAAL,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAK,KAAA;IAER,IAAAA,KAAA,kBAAAA,KAAA,iBAAAA,KAAA,sBAAAA,KAAA;EACA,SAAOC,MAAA,GACT","ignoreList":[]}

package/dist/cjs/shared/colorRamps.cjs

@@ -26,7 +26,8 @@ __export(colorRamps_exports, {
   formCardColors: () => formCardColors,
   formCommonColors: () => formCommonColors,
   formControlColors: () => formControlColors,
-  formInputColors: () => formInputColors
+  formInputColors: () => formInputColors,
+  formSwitchColors: () => formSwitchColors
 });
 module.exports = __toCommonJS(colorRamps_exports);
 const formButtonColors = {
@@ -40,31 +41,53 @@ const formButtonColors = {
     hover: "$color6",
     active: "$color8"
   },
+  // Legibility floor (SB-R-01): low-accent labels clamp to the $color11
+  // tier — $color7 measured 1.29:1 on the button surface.
   textLow: {
-    base: "$color7",
-    hover: "$color7",
-    active: "$color10"
+    base: "$color11",
+    hover: "$color11",
+    active: "$color12"
   }
 };
 const formInputColors = {
   background: {
-    base: "$color3",
+    base: "$color2",
+    // Still the active/selected highlight for option lists (Combobox, Calendar,
+    // TimeColumn) -- inputs themselves no longer shift background on focus.
     focus: "$color4"
   },
   border: {
-    base: "$color7",
-    focus: "$color8"
+    base: "$borderColor",
+    hover: "$borderColorHover",
+    focus: "$borderColorFocus"
   }
 };
 const formControlColors = {
   background: "$color5",
   border: "$color7",
+  /**
+   * Control BOUNDARY tier (DF-06 / WCAG 1.4.11): the outline that must carry
+   * a control's shape against the page needs ≥3:1 — `border` ($color7)
+   * measured 1.52:1 light / 1.69:1 dark vs page, fine as an inner seam but
+   * invisible as the only edge. $color10 is the muted-ink tier (≥3:1 on
+   * color1/2 in both schemes). Radio rings use this; single-border controls
+   * that rely on their outline alone should too.
+   */
+  boundary: "$color10",
   thumb: {
     base: "$color10",
     hover: "$color9",
     press: "$color11"
   }
 };
+const formSwitchColors = {
+  track: {
+    on: "$accentBackground",
+    off: "$color5"
+  },
+  thumb: "$color1",
+  thumbBorder: "$borderColor"
+};
 const formCardColors = {
   background: {
     base: "$color2",
@@ -77,8 +100,15 @@ const formCardColors = {
   }
 };
 const formCommonColors = {
-  muted: "$color7",
+  // Placeholder/muted tier climbed the ramp again (SB-R-03/04 → interact
+  // resweep): $color7 measured 1.44-1.69:1 and $color10 3.95-4.36:1 as
+  // Select/FileUpload/AwesomeBar placeholder-tier text — under the 4.5:1
+  // AA floor for normal text. Step 11 is the lowest passing step; the muted
+  // tier now differentiates from `text` by weight/size, not color.
+  muted: "$color11",
   text: "$color11",
-  error: "$red10",
+  // Same AA reason as componentColors.semantic: $red10 is under 4.5:1 for
+  // small error text on color1/2 surfaces.
+  error: "$red11",
   divider: "$color8"
 };

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

@@ -28,7 +28,8 @@ __export(colorRamps_exports, {
   formCardColors: () => formCardColors,
   formCommonColors: () => formCommonColors,
   formControlColors: () => formControlColors,
-  formInputColors: () => formInputColors
+  formInputColors: () => formInputColors,
+  formSwitchColors: () => formSwitchColors
 });
 module.exports = __toCommonJS(colorRamps_exports);
 var formButtonColors = {
@@ -42,31 +43,53 @@ var formButtonColors = {
     hover: "$color6",
     active: "$color8"
   },
+  // Legibility floor (SB-R-01): low-accent labels clamp to the $color11
+  // tier — $color7 measured 1.29:1 on the button surface.
   textLow: {
-    base: "$color7",
-    hover: "$color7",
-    active: "$color10"
+    base: "$color11",
+    hover: "$color11",
+    active: "$color12"
   }
 };
 var formInputColors = {
   background: {
-    base: "$color3",
+    base: "$color2",
+    // Still the active/selected highlight for option lists (Combobox, Calendar,
+    // TimeColumn) -- inputs themselves no longer shift background on focus.
     focus: "$color4"
   },
   border: {
-    base: "$color7",
-    focus: "$color8"
+    base: "$borderColor",
+    hover: "$borderColorHover",
+    focus: "$borderColorFocus"
   }
 };
 var formControlColors = {
   background: "$color5",
   border: "$color7",
+  /**
+  * Control BOUNDARY tier (DF-06 / WCAG 1.4.11): the outline that must carry
+  * a control's shape against the page needs ≥3:1 — `border` ($color7)
+  * measured 1.52:1 light / 1.69:1 dark vs page, fine as an inner seam but
+  * invisible as the only edge. $color10 is the muted-ink tier (≥3:1 on
+  * color1/2 in both schemes). Radio rings use this; single-border controls
+  * that rely on their outline alone should too.
+  */
+  boundary: "$color10",
   thumb: {
     base: "$color10",
     hover: "$color9",
     press: "$color11"
   }
 };
+var formSwitchColors = {
+  track: {
+    on: "$accentBackground",
+    off: "$color5"
+  },
+  thumb: "$color1",
+  thumbBorder: "$borderColor"
+};
 var formCardColors = {
   background: {
     base: "$color2",
@@ -79,9 +102,16 @@ var formCardColors = {
   }
 };
 var formCommonColors = {
-  muted: "$color7",
+  // Placeholder/muted tier climbed the ramp again (SB-R-03/04 → interact
+  // resweep): $color7 measured 1.44-1.69:1 and $color10 3.95-4.36:1 as
+  // Select/FileUpload/AwesomeBar placeholder-tier text — under the 4.5:1
+  // AA floor for normal text. Step 11 is the lowest passing step; the muted
+  // tier now differentiates from `text` by weight/size, not color.
+  muted: "$color11",
   text: "$color11",
-  error: "$red10",
+  // Same AA reason as componentColors.semantic: $red10 is under 4.5:1 for
+  // small error text on color1/2 surfaces.
+  error: "$red11",
   divider: "$color8"
 };
 //# sourceMappingURL=colorRamps.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","colorRamps_exports","__export","formButtonColors","formCardColors","formCommonColors","formControlColors","formInputColors","module","exports","background","base","hover","active","border","textLow","focus","thumb","press","muted","text","error","divider"],"sources":["../../../src/shared/colorRamps.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAM,CAAAC,OAAA,GAAAb,YAAmB,CAAAK,kBAAA;AAAA,IAC9BE,gBAAY;EAAAO,UACJ;IACNC,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACA;EAAQC,MACN,EAAM;IACNH,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACA;EAASE,OACP,EAAM;IACNJ,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACF;AAEO;AAAwB,IAC7BN,eAAY;EAAAG,UACJ;IACNC,IAAA,WAAO;IACTK,KAAA;EACA;EAAQF,MACN,EAAM;IACNH,IAAA,WAAO;IACTK,KAAA;EACF;AAEO;AAA0B,IAC/BV,iBAAY;EACZI,UAAQ;EACRI,MAAA,EAAO;EAAAG,KACL;IACAN,IAAA,YAAO;IACPC,KAAA,EAAO;IACTM,KAAA;EACF;AAEO;AAAuB,IAC5Bd,cAAY;EAAAM,UACJ;IACNC,IAAA,WAAQ;IACVE,MAAA;EACA;EAAQC,MACN,EAAM;IACNH,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACF;AAEO;AAAyB,IAC9BR,gBAAO;EACPc,KAAA,EAAM;EACNC,IAAA,YAAO;EACPC,KAAA,UAAS;EACXC,OAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","colorRamps_exports","__export","formButtonColors","formCardColors","formCommonColors","formControlColors","formInputColors","formSwitchColors","module","exports","background","base","hover","active","border","textLow","focus","boundary","thumb","press","track","on","off","thumbBorder","muted","text","error","divider"],"sources":["../../../src/shared/colorRamps.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAM,CAAAC,OAAA,GAAAd,YAAmB,CAAAK,kBAAA;AAAA,IAC9BE,gBAAY;EAAAQ,UACJ;IACNC,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACA;EAAQC,MACN,EAAM;IACNH,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EAAA;EAAA;EAGA;EAASE,OACP,EAAM;IACNJ,IAAA,YAAO;IACPC,KAAA,YAAQ;IACVC,MAAA;EACF;AAEO;AAAwB,IAC7BP,eAAY;EAAAI,UACJ;IAAAC,IAAA;IAAA;IAGN;IACFK,KAAA;EACA;EAAQF,MACN,EAAM;IACNH,IAAA,gBAAO;IACPC,KAAA,EAAO;IACTI,KAAA;EACF;AAEO;AAA0B,IAC/BX,iBAAY;EACZK,UAAQ;EAAAI,MAAA;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAURG,QAAO;EAAAC,KACL;IACAP,IAAA,YAAO;IACPC,KAAA,EAAO;IACTO,KAAA;EACF;AAMO;AAAyB,IAC9BZ,gBAAO;EAAAa,KACL,EAAI;IACJC,EAAA,qBAAK;IACPC,GAAA;EACA;EACAJ,KAAA,WAAa;EACfK,WAAA;AAEO;AAAuB,IAC5BpB,cAAY;EAAAO,UACJ;IACNC,IAAA,WAAQ;IACVE,MAAA;EACA;EAAQC,MACN,EAAM;IACNH,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACF;AAEO;AAAyB,IAAAT,gBAAA;EAAA;EAAA;EAAA;EAAA;EAM9B;EACAoB,KAAA,EAAM;EAAAC,IAAA;EAAA;EAGN;EACAC,KAAA,UAAS;EACXC,OAAA","ignoreList":[]}

package/dist/cjs/shared/devWarn.cjs

@@ -0,0 +1,35 @@
+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 devWarn_exports = {};
+__export(devWarn_exports, {
+  __resetDevWarnSeen: () => import_theme.__resetDevWarnSeen,
+  devWarn: () => import_theme.devWarn,
+  warnBannedErrorWords: () => import_theme.warnBannedErrorWords,
+  warnBareDisabled: () => import_theme.warnBareDisabled,
+  warnPlaceholderAsLabel: () => import_theme.warnPlaceholderAsLabel,
+  warnPositiveTabIndex: () => import_theme.warnPositiveTabIndex,
+  warnSelectTooFewOptions: () => import_theme.warnSelectTooFewOptions,
+  warnTooltipOnDisabled: () => import_theme.warnTooltipOnDisabled
+});
+module.exports = __toCommonJS(devWarn_exports);
+var import_theme = require("@multiplatform.one/theme");

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

@@ -0,0 +1,38 @@
+"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 devWarn_exports = {};
+__export(devWarn_exports, {
+  __resetDevWarnSeen: () => import_theme.__resetDevWarnSeen,
+  devWarn: () => import_theme.devWarn,
+  warnBannedErrorWords: () => import_theme.warnBannedErrorWords,
+  warnBareDisabled: () => import_theme.warnBareDisabled,
+  warnPlaceholderAsLabel: () => import_theme.warnPlaceholderAsLabel,
+  warnPositiveTabIndex: () => import_theme.warnPositiveTabIndex,
+  warnSelectTooFewOptions: () => import_theme.warnSelectTooFewOptions,
+  warnTooltipOnDisabled: () => import_theme.warnTooltipOnDisabled
+});
+module.exports = __toCommonJS(devWarn_exports);
+var import_theme = require("@multiplatform.one/theme");
+//# sourceMappingURL=devWarn.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","devWarn_exports","__export","__resetDevWarnSeen","import_theme","devWarn","warnBannedErrorWords","warnBareDisabled","warnPlaceholderAsLabel","warnPositiveTabIndex","warnSelectTooFewOptions","warnTooltipOnDisabled","module","exports"],"sources":["../../../src/shared/devWarn.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAC,YAAA,CAAAD,kBAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAD,YAAA,CAAAC,OAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAF,YAAA,CAAAE,oBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAH,YAAA,CAAAG,gBAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAJ,YAAA,CAAAI,sBAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAL,YAAA,CAAAK,oBAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAN,YAAA,CAAAM,uBAAA;EAAAC,qBAAA,EAAAA,CAAA,KAAAP,YAAA,CAAAO;AAAA;AAIAC,MAAA,CAAAC,OAAA,GAAAjB,YAWO,CAAAK,eAAA","ignoreList":[]}

package/dist/cjs/shared/focusManagement.cjs

@@ -0,0 +1,107 @@
+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 focusManagement_exports = {};
+__export(focusManagement_exports, {
+  useReturnFocusOnClose: () => useReturnFocusOnClose,
+  useSheetModalFocus: () => useSheetModalFocus
+});
+module.exports = __toCommonJS(focusManagement_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+const FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+const canUseDom = () => import_tamagui.isWeb && typeof document !== "undefined";
+function focusIsDropped(insideEl) {
+  const ae = document.activeElement;
+  if (!ae || ae === document.body || ae === document.documentElement) return true;
+  if (insideEl?.contains(ae)) return true;
+  return false;
+}
+function useCaptureOnOpen(open) {
+  const prevRef = (0, import_react.useRef)(null);
+  const wasOpenRef = (0, import_react.useRef)(false);
+  if (canUseDom()) {
+    if (open && !wasOpenRef.current) {
+      prevRef.current = document.activeElement;
+    }
+    wasOpenRef.current = open;
+  }
+  return prevRef;
+}
+function restoreLater(prevRef, insideRef) {
+  const restore = () => {
+    const target = prevRef.current;
+    if (!target || !target.isConnected) return;
+    if (focusIsDropped(insideRef?.current ?? null)) target.focus();
+  };
+  requestAnimationFrame(() => requestAnimationFrame(restore));
+  setTimeout(restore, 320);
+}
+function useReturnFocusOnClose(open) {
+  const prevRef = useCaptureOnOpen(open);
+  (0, import_react.useEffect)(() => {
+    if (!canUseDom() || !open) return;
+    return () => restoreLater(prevRef);
+  }, [open, prevRef]);
+}
+function useSheetModalFocus(open, frameRef) {
+  const prevRef = useCaptureOnOpen(open);
+  (0, import_react.useEffect)(() => {
+    if (!canUseDom() || !open) return;
+    const frame = frameRef.current;
+    if (!frame || typeof frame.addEventListener !== "function") {
+      return () => restoreLater(prevRef, frameRef);
+    }
+    const focusIn = () => {
+      if (frame.contains(document.activeElement)) return;
+      const first = frame.querySelector(FOCUSABLE);
+      (first ?? frame).focus({
+        preventScroll: true
+      });
+    };
+    const raf = requestAnimationFrame(() => requestAnimationFrame(focusIn));
+    const onKeyDown = e => {
+      if (e.key !== "Tab") return;
+      const focusables = Array.from(frame.querySelectorAll(FOCUSABLE)).filter(el => el.offsetWidth > 0 || el.offsetHeight > 0);
+      if (!focusables.length) {
+        e.preventDefault();
+        return;
+      }
+      const first = focusables[0];
+      const last = focusables[focusables.length - 1];
+      const current = document.activeElement;
+      if (e.shiftKey && (current === first || current === frame)) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && current === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    frame.addEventListener("keydown", onKeyDown);
+    return () => {
+      cancelAnimationFrame(raf);
+      frame.removeEventListener("keydown", onKeyDown);
+      restoreLater(prevRef, frameRef);
+    };
+  }, [open, frameRef, prevRef]);
+}

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

@@ -0,0 +1,123 @@
+"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 focusManagement_exports = {};
+__export(focusManagement_exports, {
+  useReturnFocusOnClose: () => useReturnFocusOnClose,
+  useSheetModalFocus: () => useSheetModalFocus
+});
+module.exports = __toCommonJS(focusManagement_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+var canUseDom = function canUseDom2() {
+  return import_tamagui.isWeb && typeof document !== "undefined";
+};
+function focusIsDropped(insideEl) {
+  var ae = document.activeElement;
+  if (!ae || ae === document.body || ae === document.documentElement) return true;
+  if (insideEl === null || insideEl === void 0 ? void 0 : insideEl.contains(ae)) return true;
+  return false;
+}
+function useCaptureOnOpen(open) {
+  var prevRef = (0, import_react.useRef)(null);
+  var wasOpenRef = (0, import_react.useRef)(false);
+  if (canUseDom()) {
+    if (open && !wasOpenRef.current) {
+      prevRef.current = document.activeElement;
+    }
+    wasOpenRef.current = open;
+  }
+  return prevRef;
+}
+function restoreLater(prevRef, insideRef) {
+  var restore = function restore2() {
+    var _ref;
+    var target = prevRef.current;
+    if (!target || !target.isConnected) return;
+    if (focusIsDropped((_ref = insideRef === null || insideRef === void 0 ? void 0 : insideRef.current) !== null && _ref !== void 0 ? _ref : null)) target.focus();
+  };
+  requestAnimationFrame(function () {
+    return requestAnimationFrame(restore);
+  });
+  setTimeout(restore, 320);
+}
+function useReturnFocusOnClose(open) {
+  var prevRef = useCaptureOnOpen(open);
+  (0, import_react.useEffect)(function () {
+    if (!canUseDom() || !open) return;
+    return function () {
+      return restoreLater(prevRef);
+    };
+  }, [open, prevRef]);
+}
+function useSheetModalFocus(open, frameRef) {
+  var prevRef = useCaptureOnOpen(open);
+  (0, import_react.useEffect)(function () {
+    if (!canUseDom() || !open) return;
+    var frame = frameRef.current;
+    if (!frame || typeof frame.addEventListener !== "function") {
+      return function () {
+        return restoreLater(prevRef, frameRef);
+      };
+    }
+    var focusIn = function focusIn2() {
+      if (frame.contains(document.activeElement)) return;
+      var first = frame.querySelector(FOCUSABLE);
+      (first !== null && first !== void 0 ? first : frame).focus({
+        preventScroll: true
+      });
+    };
+    var raf = requestAnimationFrame(function () {
+      return requestAnimationFrame(focusIn);
+    });
+    var onKeyDown = function onKeyDown2(e) {
+      if (e.key !== "Tab") return;
+      var focusables = Array.from(frame.querySelectorAll(FOCUSABLE)).filter(function (el) {
+        return el.offsetWidth > 0 || el.offsetHeight > 0;
+      });
+      if (!focusables.length) {
+        e.preventDefault();
+        return;
+      }
+      var first = focusables[0];
+      var last = focusables[focusables.length - 1];
+      var current = document.activeElement;
+      if (e.shiftKey && (current === first || current === frame)) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && current === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    frame.addEventListener("keydown", onKeyDown);
+    return function () {
+      cancelAnimationFrame(raf);
+      frame.removeEventListener("keydown", onKeyDown);
+      restoreLater(prevRef, frameRef);
+    };
+  }, [open, frameRef, prevRef]);
+}
+//# sourceMappingURL=focusManagement.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","focusManagement_exports","__export","useReturnFocusOnClose","useSheetModalFocus","module","exports","import_react","require","import_tamagui","FOCUSABLE","canUseDom","canUseDom2","isWeb","document","focusIsDropped","insideEl","ae","activeElement","body","documentElement","contains","useCaptureOnOpen","open","prevRef","useRef","wasOpenRef","current","restoreLater","insideRef","restore","restore2","_ref","target","isConnected","focus","requestAnimationFrame","setTimeout","useEffect","frameRef","frame","addEventListener","focusIn","focusIn2","first","querySelector","preventScroll","raf","onKeyDown","onKeyDown2","e","key","focusables","Array","from","querySelectorAll","filter","el","offsetWidth","offsetHeight","length","preventDefault","last"],"sources":["../../../src/shared/focusManagement.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/shared/t.cjs

@@ -0,0 +1,50 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var t_exports = {};
+__export(t_exports, {
+  t: () => t
+});
+module.exports = __toCommonJS(t_exports);
+var import_i18next = __toESM(require("i18next"));
+function interpolate(template, options) {
+  if (!options) return template;
+  return template.replace(/\{\{(\w+)\}\}/g, (_, key) => options[key] != null ? String(options[key]) : `{{${key}}}`);
+}
+function t(key, options) {
+  if (import_i18next.default?.isInitialized) {
+    const translated = import_i18next.default.t(key, options);
+    if (typeof translated === "string" && translated.length > 0) return translated;
+  }
+  return interpolate(key, options);
+}

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var t_exports = {};
+__export(t_exports, {
+  t: () => t
+});
+module.exports = __toCommonJS(t_exports);
+var import_i18next = __toESM(require("i18next"));
+function interpolate(template, options) {
+  if (!options) return template;
+  return template.replace(/\{\{(\w+)\}\}/g, function (_, key) {
+    return options[key] != null ? String(options[key]) : `{{${key}}}`;
+  });
+}
+function t(key, options) {
+  if (import_i18next.default === null || import_i18next.default === void 0 ? void 0 : import_i18next.default.isInitialized) {
+    var translated = import_i18next.default.t(key, options);
+    if (typeof translated === "string" && translated.length > 0) return translated;
+  }
+  return interpolate(key, options);
+}
+//# sourceMappingURL=t.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","t_exports","__export","t","module","exports","import_i18next","__toESM","require","interpolate","template","options","replace","_","key","String","default","isInitialized","translated","length"],"sources":["../../../src/shared/t.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,SAAA;AAAAC,QAAA,CAAAD,SAAA;EAAAE,CAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiB,CAAAK,SAAA;AAIjB,IAAAK,cAAS,GAAYC,OAAA,CAAAC,OAAkB,UAA4B;AACjE,SAAKC,WAASA,CAAAC,QAAO,EAAAC,OAAA;EACrB,KAAAA,OAAO,SAASD,QAAA;EAAA,OAAQA,QAAA,CAAAE,OAAA,6BAAAC,CAAA,EAAAC,GAAA;IAAkB,OAAIH,OAC5C,CAAAG,GAAA,KAAW,OAAKC,MAAO,CAAAJ,OAAO,CAAAG,GAAA,EAAQ,GAAG,KAAKA,GAAA,IAAK;EACrD;AACF;AAOO,SAASX,EAAEW,GAAA,EAAaH,OAAA,EAA4B;EACzD,IAAIL,cAAA,CAAAU,OAAA,KAAM,QAAAV,cAAe,CAAAU,OAAA,uBAAAV,cAAA,CAAAU,OAAA,CAAAC,aAAA;IACvB,IAAAC,UAAM,GAAAZ,cAAsB,CAAAU,OAAA,CAAAb,CAAA,CAAKW,GAAE,EAAAH,OAAK;IACxC,IAAI,OAAOO,UAAA,KAAe,YAAYA,UAAA,CAAWC,MAAA,GAAS,GAAG,OAAOD,UAAA;EACtE;EACA,OAAOT,WAAA,CAAYK,GAAA,EAAKH,OAAO;AACjC","ignoreList":[]}