@multiplatform.one/forms 7.65.2 → 7.67.0

package/dist/jsx/shared/overlaySizeClass.native.js

@@ -0,0 +1,45 @@
+"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 overlaySizeClass_exports = {};
+__export(overlaySizeClass_exports, {
+  SHEET_PANEL_WIDTH: () => SHEET_PANEL_WIDTH,
+  overlaySizeClass: () => overlaySizeClass,
+  sheetPanelWidth: () => sheetPanelWidth,
+  useOverlaySizeClass: () => useOverlaySizeClass
+});
+module.exports = __toCommonJS(overlaySizeClass_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_react_native = require("react-native");
+function overlaySizeClass(windowWidth) {
+  return windowWidth > import_theme.OVERLAY_BREAKPOINT ? "regular" : "compact";
+}
+function useOverlaySizeClass() {
+  return overlaySizeClass((0, import_react_native.useWindowDimensions)().width);
+}
+var SHEET_PANEL_WIDTH = import_theme.layoutBreakpoints.medium;
+function sheetPanelWidth(windowWidth) {
+  return Math.max(0, Math.min(SHEET_PANEL_WIDTH, windowWidth));
+}
+//# sourceMappingURL=overlaySizeClass.native.js.map

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

@@ -0,0 +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"],"sources":["../../../src/shared/overlaySizeClass.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAA2B;AAe7B,IAAAC,gBAAS,GAAAF,MAAiB,CAAAG,wBAAuC;AACtE,IAAAC,iBAAO,GAAcJ,MAAA,CAAAK,mBAAqB;AAC5C,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAEO,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAwC;EACtD,SAAOC,IAAA,IAAAD,GAAA,EACTZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAQO;AAGA,IAAAC,WAAS,GAAAA,CAAAC,EAAA,EAAAC,IAAgB,EAAAC,MAAA,EAAAC,IAA6B;EAC3D,IAAAF,IAAO,IAAK,OAAOA,IAAA,KAAS,mBAAmBA,IAAA,eAAY;IAC7D,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,G","ignoreList":[]}

package/dist/jsx/shared/sheetNavigation.mjs

@@ -0,0 +1,47 @@
+import { createContext, useContext, useSyncExternalStore } from "react";
+function createSheetNavigationStore() {
+  let pages = [];
+  const listeners = /* @__PURE__ */new Set();
+  const set = next => {
+    pages = next;
+    for (const listener of listeners) listener();
+  };
+  return {
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    },
+    getPages: () => pages,
+    has: id => pages.some(page => page.id === id),
+    push(page) {
+      set([...pages.filter(p => p.id !== page.id), page]);
+    },
+    update(page) {
+      if (!pages.some(p => p.id === page.id)) return;
+      set(pages.map(p => p.id === page.id ? page : p));
+    },
+    remove(id) {
+      if (!pages.some(p => p.id === id)) return;
+      set(pages.filter(p => p.id !== id));
+    },
+    pop() {
+      if (pages.length) set(pages.slice(0, -1));
+    }
+  };
+}
+const SheetNavigationContext = createContext(void 0);
+const SheetNavigationProvider = SheetNavigationContext.Provider;
+function useSheetNavigation() {
+  return useContext(SheetNavigationContext);
+}
+const noPages = [];
+const noSubscribe = () => () => {};
+function useSheetPages(store) {
+  return useSyncExternalStore(store?.subscribe ?? noSubscribe, store ? store.getPages : () => noPages, store ? store.getPages : () => noPages);
+}
+function useSheetPageOpen(store, id) {
+  const has = () => store?.has(id) ?? false;
+  return useSyncExternalStore(store?.subscribe ?? noSubscribe, has, has);
+}
+export { SheetNavigationProvider, createSheetNavigationStore, useSheetNavigation, useSheetPageOpen, useSheetPages };
+//# sourceMappingURL=sheetNavigation.mjs.map

package/dist/jsx/shared/sheetNavigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","useSyncExternalStore","createSheetNavigationStore","pages","listeners","Set","set","next","listener","subscribe","add","delete","getPages","has","id","some","page","push","filter","p","update","map","remove","pop","length","slice","SheetNavigationContext","SheetNavigationProvider","Provider","useSheetNavigation","noPages","noSubscribe","useSheetPages","store","useSheetPageOpen"],"sources":["../../../src/shared/sheetNavigation.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,EAAeC,UAAA,EAAYC,oBAAA,QAA4C;AAyBzE,SAASC,2BAAA,EAAmD;EACjE,IAAIC,KAAA,GAA8B,EAAC;EACnC,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAgB;EACtC,MAAMC,GAAA,GAAOC,IAAA,IAA+B;IAC1CJ,KAAA,GAAQI,IAAA;IACR,WAAWC,QAAA,IAAYJ,SAAA,EAAWI,QAAA,CAAS;EAC7C;EACA,OAAO;IACLC,UAAUD,QAAA,EAAU;MAClBJ,SAAA,CAAUM,GAAA,CAAIF,QAAQ;MACtB,OAAO,MAAMJ,SAAA,CAAUO,MAAA,CAAOH,QAAQ;IACxC;IACAI,QAAA,EAAUA,CAAA,KAAMT,KAAA;IAChBU,GAAA,EAAMC,EAAA,IAAOX,KAAA,CAAMY,IAAA,CAAMC,IAAA,IAASA,IAAA,CAAKF,EAAA,KAAOA,EAAE;IAChDG,KAAKD,IAAA,EAAM;MACTV,GAAA,CAAI,CAAC,GAAGH,KAAA,CAAMe,MAAA,CAAQC,CAAA,IAAMA,CAAA,CAAEL,EAAA,KAAOE,IAAA,CAAKF,EAAE,GAAGE,IAAI,CAAC;IACtD;IACAI,OAAOJ,IAAA,EAAM;MACX,IAAI,CAACb,KAAA,CAAMY,IAAA,CAAMI,CAAA,IAAMA,CAAA,CAAEL,EAAA,KAAOE,IAAA,CAAKF,EAAE,GAAG;MAC1CR,GAAA,CAAIH,KAAA,CAAMkB,GAAA,CAAKF,CAAA,IAAOA,CAAA,CAAEL,EAAA,KAAOE,IAAA,CAAKF,EAAA,GAAKE,IAAA,GAAOG,CAAE,CAAC;IACrD;IACAG,OAAOR,EAAA,EAAI;MACT,IAAI,CAACX,KAAA,CAAMY,IAAA,CAAMI,CAAA,IAAMA,CAAA,CAAEL,EAAA,KAAOA,EAAE,GAAG;MACrCR,GAAA,CAAIH,KAAA,CAAMe,MAAA,CAAQC,CAAA,IAAMA,CAAA,CAAEL,EAAA,KAAOA,EAAE,CAAC;IACtC;IACAS,IAAA,EAAM;MACJ,IAAIpB,KAAA,CAAMqB,MAAA,EAAQlB,GAAA,CAAIH,KAAA,CAAMsB,KAAA,CAAM,GAAG,EAAE,CAAC;IAC1C;EACF;AACF;AAEA,MAAMC,sBAAA,GAAyB3B,aAAA,CAAgD,MAAS;AAEjF,MAAM4B,uBAAA,GAA0BD,sBAAA,CAAuBE,QAAA;AAGvD,SAASC,mBAAA,EAAuD;EACrE,OAAO7B,UAAA,CAAW0B,sBAAsB;AAC1C;AAEA,MAAMI,OAAA,GAAgC,EAAC;AACvC,MAAMC,WAAA,GAAcA,CAAA,KAAM,MAAM,CAAC;AAG1B,SAASC,cAAcC,KAAA,EAA+D;EAC3F,OAAOhC,oBAAA,CACLgC,KAAA,EAAOxB,SAAA,IAAasB,WAAA,EACpBE,KAAA,GAAQA,KAAA,CAAMrB,QAAA,GAAW,MAAMkB,OAAA,EAC/BG,KAAA,GAAQA,KAAA,CAAMrB,QAAA,GAAW,MAAMkB,OACjC;AACF;AAGO,SAASI,iBAAiBD,KAAA,EAAyCnB,EAAA,EAAqB;EAC7F,MAAMD,GAAA,GAAMA,CAAA,KAAMoB,KAAA,EAAOpB,GAAA,CAAIC,EAAE,KAAK;EACpC,OAAOb,oBAAA,CAAqBgC,KAAA,EAAOxB,SAAA,IAAasB,WAAA,EAAalB,GAAA,EAAKA,GAAG;AACvE","ignoreList":[]}

package/dist/jsx/shared/sheetNavigation.native.js

@@ -0,0 +1,129 @@
+"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 sheetNavigation_exports = {};
+__export(sheetNavigation_exports, {
+  SheetNavigationProvider: () => SheetNavigationProvider,
+  createSheetNavigationStore: () => createSheetNavigationStore,
+  useSheetNavigation: () => useSheetNavigation,
+  useSheetPageOpen: () => useSheetPageOpen,
+  useSheetPages: () => useSheetPages
+});
+module.exports = __toCommonJS(sheetNavigation_exports);
+var import_react = require("react");
+function createSheetNavigationStore() {
+  var pages = [];
+  var listeners = /* @__PURE__ */new Set();
+  var set = function set2(next) {
+    pages = next;
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = listeners[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var listener = _step.value;
+        listener();
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+  };
+  return {
+    subscribe(listener) {
+      listeners.add(listener);
+      return function () {
+        return listeners.delete(listener);
+      };
+    },
+    getPages: function getPages() {
+      return pages;
+    },
+    has: function has(id) {
+      return pages.some(function (page) {
+        return page.id === id;
+      });
+    },
+    push(page) {
+      set([...pages.filter(function (p) {
+        return p.id !== page.id;
+      }), page]);
+    },
+    update(page) {
+      if (!pages.some(function (p) {
+        return p.id === page.id;
+      })) return;
+      set(pages.map(function (p) {
+        return p.id === page.id ? page : p;
+      }));
+    },
+    remove(id) {
+      if (!pages.some(function (p) {
+        return p.id === id;
+      })) return;
+      set(pages.filter(function (p) {
+        return p.id !== id;
+      }));
+    },
+    pop() {
+      if (pages.length) set(pages.slice(0, -1));
+    }
+  };
+}
+var SheetNavigationContext = (0, import_react.createContext)(void 0);
+var SheetNavigationProvider = SheetNavigationContext.Provider;
+function useSheetNavigation() {
+  return (0, import_react.useContext)(SheetNavigationContext);
+}
+var noPages = [];
+var noSubscribe = function noSubscribe2() {
+  return function () {};
+};
+function useSheetPages(store) {
+  var _ref;
+  return (0, import_react.useSyncExternalStore)((_ref = store === null || store === void 0 ? void 0 : store.subscribe) !== null && _ref !== void 0 ? _ref : noSubscribe, store ? store.getPages : function () {
+    return noPages;
+  }, store ? store.getPages : function () {
+    return noPages;
+  });
+}
+function useSheetPageOpen(store, id) {
+  var _ref;
+  var has = function has2() {
+    var _ref2;
+    return (_ref2 = store === null || store === void 0 ? void 0 : store.has(id)) !== null && _ref2 !== void 0 ? _ref2 : false;
+  };
+  return (0, import_react.useSyncExternalStore)((_ref = store === null || store === void 0 ? void 0 : store.subscribe) !== null && _ref !== void 0 ? _ref : noSubscribe, has, has);
+}
+//# sourceMappingURL=sheetNavigation.native.js.map

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

@@ -0,0 +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","sheetNavigation_exports","SheetNavigationProvider","createSheetNavigationStore","useSheetNavigation","useSheetPageOpen","useSheetPages","module","exports","import_react","require","pages","listeners","Set","set","set2","next","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","listener","err","return"],"sources":["../../../src/shared/sheetNavigation.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAyBF,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAA;AACd,IAAAC,gBAAmC,GAAAF,MAAA,CAAAG,wBAAA;AACnC,IAAAC,iBAAkB,GAAAJ,MAAA,CAAAK,mBAAoB;AACtC,IAAAC,YAAa,GAAAN,MAA+B,CAAAO,SAAA,CAAAC,cAAA;AAC1C,IAAAC,QAAQ,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACR,SAAAC,IAAW,IAAAD,GAAA,EACbZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACA;AAAO,IACLC,WAAU,GAAAA,CAAAC,EAAA,EAAAC,IAAU,EAAAC,MAAA,EAAAC,IAAA;EAClB,IAAAF,IAAA,WAAcA,IAAA,KAAQ,mBAAAA,IAAA;IACtB,SAAOG,GAAA,IAAMhB,iBAAiB,CAAAa,IAAA,GAChC,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACAnB,SAAU,CAAAiB,EAAM,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;EACgC,OAC3CE,EAAA;AACH;AAAoD,IACtDM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACAE,uBAAa;AACXhB,QAAA,CAAAgB,uBAAyB;EACzBC,uBAAe,EAAOA,CAAA,KAAEA,uBAA2B;EAAAC,0BACrD,EAAAA,CAAA,KAAAA,0BAAA;EAAAC,kBACW,EAAAA,CAAA,KAAAA,kBAAA;EACTC,gBAAW,EAAAA,CAAA,KAAMA,gBAAoB;EACrCC,aAAI,EAAMA,CAAA,KAAOA;AAAmB;AACtCC,MACA,CAAAC,OAAM,GAAAV,YAAA,CAAAG,uBAAA;AACJ,IAAAQ,YAAU,GAAAC,OAAQ,QAAU;AAAY,SAC1CP,2BAAA;EACF,IAAAQ,KAAA;EACF,IAAAC,SAAA,sBAAAC,GAAA;EAEA,IAAMC,GAAA,YAAAC,KAAAC,IAAA,EAAyB;IAExBL,KAAM,GAAAK,IAAA;IAGN,IAAAC,yBAAgE;MAAAC,iBAAA;MAAAC,cAAA;IACrE;MACF,SAAAC,SAAA,GAAAR,SAAA,CAAAS,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAJ,IAAA,IAAAQ,IAAA,GAAAP,yBAAA;QAEM,IAAAQ,QAAiC,GAAAF,KAAA,CAAAvB,KAAA;QACjCyB,QAAA;MAA2B;IAG1B,SAASC,GAAA;MACdR,iBAAO;MACLC,cAAO,GAAAO,GAAa;IACpB,UAAQ;MACR;QACF,KAAAT,yBAAA,IAAAG,SAAA,CAAAO,MAAA;UACFP,SAAA,CAAAO,MAAA;QAGO;MACL,UAAY;QACZ,IAAOT,iBAAA,EAAqB;UAC9B,MAAAC,cAAA","ignoreList":[]}

package/dist/jsx/shared/systemControlModules.gnome.mjs

@@ -0,0 +1,8 @@
+function loadSystemSlider() {
+  return null;
+}
+function loadSystemSegmentedControl() {
+  return null;
+}
+export { loadSystemSegmentedControl, loadSystemSlider };
+//# sourceMappingURL=systemControlModules.gnome.mjs.map

package/dist/jsx/shared/systemControlModules.gnome.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["loadSystemSlider","loadSystemSegmentedControl"],"sources":["../../../src/shared/systemControlModules.gnome.ts"],"sourcesContent":[null],"mappings":"AAGO,SAASA,iBAAA,EAAiD;EAC/D,OAAO;AACT;AAEO,SAASC,2BAAA,EAAqE;EACnF,OAAO;AACT","ignoreList":[]}

package/dist/jsx/shared/systemControlModules.gnome.native.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var systemControlModules_gnome_exports = {};
+__export(systemControlModules_gnome_exports, {
+  loadSystemSegmentedControl: () => loadSystemSegmentedControl,
+  loadSystemSlider: () => loadSystemSlider
+});
+module.exports = __toCommonJS(systemControlModules_gnome_exports);
+function loadSystemSlider() {
+  return null;
+}
+function loadSystemSegmentedControl() {
+  return null;
+}
+//# sourceMappingURL=systemControlModules.gnome.native.js.map

package/dist/jsx/shared/systemControlModules.gnome.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all"],"sources":["../../../src/shared/systemControlModules.gnome.ts"],"sourcesContent":[null],"mappings":"AAGO,YAAS;;AACd,IAAAA,SAAO,GAAAC,MAAA,CAAAC,cAAA;AACT,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAEO,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAAqE;AACnF,IAAAC,YAAO,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACT,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA","ignoreList":[]}

package/dist/jsx/shared/systemControlModules.mjs

@@ -0,0 +1,8 @@
+function loadSystemSlider() {
+  return null;
+}
+function loadSystemSegmentedControl() {
+  return null;
+}
+export { loadSystemSegmentedControl, loadSystemSlider };
+//# sourceMappingURL=systemControlModules.mjs.map

package/dist/jsx/shared/systemControlModules.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["loadSystemSlider","loadSystemSegmentedControl"],"sources":["../../../src/shared/systemControlModules.ts"],"sourcesContent":[null],"mappings":"AAGO,SAASA,iBAAA,EAAiD;EAC/D,OAAO;AACT;AAEO,SAASC,2BAAA,EAAqE;EACnF,OAAO;AACT","ignoreList":[]}

package/dist/jsx/shared/systemControlModules.native.js

@@ -0,0 +1,77 @@
+"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 systemControlModules_native_exports = {};
+__export(systemControlModules_native_exports, {
+  loadSystemModule: () => loadSystemModule,
+  loadSystemSegmentedControl: () => loadSystemSegmentedControl,
+  loadSystemSlider: () => loadSystemSlider
+});
+module.exports = __toCommonJS(systemControlModules_native_exports);
+var import_react_native = require("react-native");
+function hasNativeView(name, registry) {
+  try {
+    var _registry_hasViewManagerConfig;
+    return Boolean((_registry_hasViewManagerConfig = registry.hasViewManagerConfig) === null || _registry_hasViewManagerConfig === void 0 ? void 0 : _registry_hasViewManagerConfig.call(registry, name));
+  } catch (unused) {
+    return false;
+  }
+}
+function loadSystemModule(requireModule, viewName) {
+  var registry = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : import_react_native.UIManager;
+  try {
+    var _requireModule;
+    var component = (_requireModule = requireModule()) === null || _requireModule === void 0 ? void 0 : _requireModule.default;
+    return component && hasNativeView(viewName, registry) ? component : null;
+  } catch (unused) {
+    return null;
+  }
+}
+var slider;
+var segmentedControl;
+function loadSystemSlider() {
+  if (slider === void 0) {
+    slider = loadSystemModule(function () {
+      try {
+        return require("@react-native-community/slider");
+      } catch (unused) {
+        return void 0;
+      }
+    }, "RNCSlider");
+  }
+  return slider;
+}
+function loadSystemSegmentedControl() {
+  if (segmentedControl === void 0) {
+    segmentedControl = loadSystemModule(function () {
+      try {
+        return require("@react-native-segmented-control/segmented-control");
+      } catch (unused) {
+        return void 0;
+      }
+    }, "RNCSegmentedControl");
+  }
+  return segmentedControl;
+}
+//# sourceMappingURL=systemControlModules.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["systemControlModules_native_exports","__export","loadSystemModule","loadSystemSegmentedControl","loadSystemSlider","module","exports","__toCommonJS","import_react_native","require","hasNativeView","name","registry","_registry_hasViewManagerConfig","Boolean","hasViewManagerConfig","call","unused","requireModule","viewName","arguments","length","UIManager","_requireModule","component","default","slider","segmentedControl"],"sources":["../../../src/shared/systemControlModules.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mCAAA;AAAAC,QAAA,CAAAD,mCAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,0BAAA,EAAAA,CAAA,KAAAA,0BAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAP,mCAAA;AAAA,IAAAQ,mBAAA,GAA0BC,OAAA;AAUtB,SAASC,cAAcC,IAAA,EAAMC,QAAA,EAAU;EACvC,IAAI;IACA,IAAIC,8BAAA;IACJ,OAAOC,OAAA,EAASD,8BAAA,GAAiCD,QAAA,CAASG,oBAAA,MAA0B,QAAQF,8BAAA,KAAmC,SAAS,SAASA,8BAAA,CAA+BG,IAAA,CAAKJ,QAAA,EAAUD,IAAI,CAAC;EACxM,SAASM,MAAA,EAAQ;IACb,OAAO;EACX;AACJ;AACO,SAASf,iBAAiBgB,aAAA,EAAeC,QAAA,EAAU;EACtD,IAAIP,QAAA,GAAWQ,SAAA,CAAUC,MAAA,GAAS,KAAKD,SAAA,CAAU,CAAC,MAAM,SAASA,SAAA,CAAU,CAAC,IAAIZ,mBAAA,CAAAc,SAAA;EAChF,IAAI;IACA,IAAIC,cAAA;IACJ,IAAIC,SAAA,IAAaD,cAAA,GAAiBL,aAAA,CAAc,OAAO,QAAQK,cAAA,KAAmB,SAAS,SAASA,cAAA,CAAeE,OAAA;IACnH,OAAOD,SAAA,IAAad,aAAA,CAAcS,QAAA,EAAUP,QAAQ,IAAIY,SAAA,GAAY;EACxE,SAASP,MAAA,EAAQ;IACb,OAAO;EACX;AACJ;AACA,IAAIS,MAAA;AACJ,IAAIC,gBAAA;AACG,SAASvB,iBAAA,EAAmB;EAC/B,IAAIsB,MAAA,KAAW,QAAW;IACtBA,MAAA,GAASxB,gBAAA,CAAiB,YAAW;MACjC,IAAI;QACA,OAAOO,OAAA,CAAQ,gCAAgC;MACnD,SAASQ,MAAA,EAAQ;QACb,OAAO;MACX;IACJ,GAAG,WAAW;EAClB;EACA,OAAOS,MAAA;AACX;AACO,SAASvB,2BAAA,EAA6B;EACzC,IAAIwB,gBAAA,KAAqB,QAAW;IAChCA,gBAAA,GAAmBzB,gBAAA,CAAiB,YAAW;MAC3C,IAAI;QACA,OAAOO,OAAA,CAAQ,mDAAmD;MACtE,SAASQ,MAAA,EAAQ;QACb,OAAO;MACX;IACJ,GAAG,qBAAqB;EAC5B;EACA,OAAOU,gBAAA;AACX","ignoreList":[]}

package/dist/jsx/shared/systemControls.mjs

@@ -0,0 +1,19 @@
+import { Platform } from "react-native-web";
+import { isDarkThemeName } from "@multiplatform.one/theme";
+import { useTheme, useThemeName } from "tamagui";
+import { Switch } from "react-native-web";
+function systemControlPlatform() {
+  return Platform.OS === "ios" || Platform.OS === "android" ? Platform.OS : null;
+}
+function useThemeLiteral() {
+  const theme = useTheme();
+  return token => {
+    const value = theme[token.startsWith("$") ? token.slice(1) : token]?.val;
+    return typeof value === "string" ? value : void 0;
+  };
+}
+function useSystemControlScheme() {
+  return isDarkThemeName(useThemeName()) ? "dark" : "light";
+}
+export { Switch as SystemSwitchView, systemControlPlatform, useSystemControlScheme, useThemeLiteral };
+//# sourceMappingURL=systemControls.mjs.map

package/dist/jsx/shared/systemControls.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","isDarkThemeName","useTheme","useThemeName","Switch","systemControlPlatform","OS","useThemeLiteral","theme","token","value","startsWith","slice","val","useSystemControlScheme"],"sources":["../../../src/shared/systemControls.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,QAAA,QAAgB;AACzB,SAASC,eAAA,QAAuB;AAChC,SAASC,QAAA,EAAUC,YAAA,QAAoB;AASvC,SAAmBC,MAAA,QAAwB;AAEpC,SAASC,sBAAA,EAA+C;EAC7D,OAAOL,QAAA,CAASM,EAAA,KAAO,SAASN,QAAA,CAASM,EAAA,KAAO,YAAYN,QAAA,CAASM,EAAA,GAAK;AAC5E;AAGO,SAASC,gBAAA,EAAyD;EACvE,MAAMC,KAAA,GAAQN,QAAA,CAAS;EACvB,OAAQO,KAAA,IAAU;IAChB,MAAMC,KAAA,GAAQF,KAAA,CAAMC,KAAA,CAAME,UAAA,CAAW,GAAG,IAAIF,KAAA,CAAMG,KAAA,CAAM,CAAC,IAAIH,KAAK,GAAGI,GAAA;IACrE,OAAO,OAAOH,KAAA,KAAU,WAAWA,KAAA,GAAQ;EAC7C;AACF;AAGO,SAASI,uBAAA,EAA2C;EACzD,OAAOb,eAAA,CAAgBE,YAAA,CAAa,CAAC,IAAI,SAAS;AACpD","ignoreList":[]}

package/dist/jsx/shared/systemControls.native.js

@@ -0,0 +1,51 @@
+"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 systemControls_exports = {};
+__export(systemControls_exports, {
+  SystemSwitchView: () => import_react_native2.Switch,
+  systemControlPlatform: () => systemControlPlatform,
+  useSystemControlScheme: () => useSystemControlScheme,
+  useThemeLiteral: () => useThemeLiteral
+});
+module.exports = __toCommonJS(systemControls_exports);
+var import_react_native = require("react-native");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_react_native2 = require("react-native");
+function systemControlPlatform() {
+  return import_react_native.Platform.OS === "ios" || import_react_native.Platform.OS === "android" ? import_react_native.Platform.OS : null;
+}
+function useThemeLiteral() {
+  var theme = (0, import_tamagui.useTheme)();
+  return function (token) {
+    var _theme_;
+    var value = (_theme_ = theme[token.startsWith("$") ? token.slice(1) : token]) === null || _theme_ === void 0 ? void 0 : _theme_.val;
+    return typeof value === "string" ? value : void 0;
+  };
+}
+function useSystemControlScheme() {
+  return (0, import_theme.isDarkThemeName)((0, import_tamagui.useThemeName)()) ? "dark" : "light";
+}
+//# sourceMappingURL=systemControls.native.js.map

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

@@ -0,0 +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/shared/systemControls.ts"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAuB;AAChC,IAAAC,gBAAmB,GAAAF,MAAA,CAAAG,wBAAoB;AASvC,IAAAC,iBAAmB,GAAwBJ,MAAA,CAAAK,mBAAA;AAEpC,IAAAC,YAAS,GAAAN,MAAA,CAAAO,SAA+C,CAAAC,cAAA;AAC7D,IAAAC,QAAO,GAAAA,CAAAC,MAAS,EAAAC,GAAO;EACzB,SAAAC,IAAA,IAAAD,GAAA,EAGOZ,SAAS,CAAAW,MAAA,EAAAE,IAAA,EAAyD;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACvE;AACA,IAAAC,WAAQ,GAAAA,CAAAC,EAAU,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAChB,IAAAF,IAAM,WAAQA,IAAM,KAAM,YAAW,OAAOA,IAAA,KAAM,UAAW,EAAK;IAClE,SAAOG,GAAA,IAAOhB,iBAAU,CAAAa,IAAW,GACrC,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACFnB,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;EAGO;EACL,OAAOE,EAAA;AACT","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/forms",
-  "version": "7.65.2",
+  "version": "7.67.0",
   "description": "Cross-platform form components with URL state management",
   "keywords": [
     "cross-platform",
@@ -57,10 +57,10 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.20",
-    "@multiplatform.one/platform": "^7.65.2",
-    "@multiplatform.one/router": "^7.65.2",
-    "@multiplatform.one/table-primitives": "^7.65.2",
-    "@multiplatform.one/theme": "^7.65.2",
+    "@multiplatform.one/platform": "^7.67.0",
+    "@multiplatform.one/router": "^7.67.0",
+    "@multiplatform.one/table-primitives": "^7.67.0",
+    "@multiplatform.one/theme": "^7.67.0",
     "@phosphor-icons/react": "^2.1.10",
     "@tamagui/get-font-sized": "2.7.6",
     "@tamagui/get-token": "2.7.6",
@@ -80,9 +80,9 @@
   },
   "devDependencies": {
     "@expo/ui": "~55.0.17",
-    "@multiplatform.one/config": "7.65.2",
-    "@multiplatform.one/storybook": "7.65.2",
-    "@multiplatform.one/test-utils": "7.65.2",
+    "@multiplatform.one/config": "7.67.0",
+    "@multiplatform.one/storybook": "7.67.0",
+    "@multiplatform.one/test-utils": "7.67.0",
     "@tamagui/build": "2.7.6",
     "@tamagui/config": "2.7.6",
     "@tamagui/vite-plugin": "2.7.6",
@@ -106,6 +106,8 @@
   "peerDependencies": {
     "@expo/ui": "*",
     "@react-native-community/datetimepicker": ">=8.0.1",
+    "@react-native-community/slider": ">=4.5.0",
+    "@react-native-segmented-control/segmented-control": ">=2.5.0",
     "expo-document-picker": "*",
     "expo-haptics": "55.0.17",
     "expo-image-picker": "*",
@@ -125,6 +127,12 @@
     "@react-native-community/datetimepicker": {
       "optional": true
     },
+    "@react-native-community/slider": {
+      "optional": true
+    },
+    "@react-native-segmented-control/segmented-control": {
+      "optional": true
+    },
     "expo-document-picker": {
       "optional": true
     },

package/src/FloatingPanel/FloatingPanel.menuFace.native.spec.tsx

@@ -7,12 +7,14 @@ import { renderWithProviders } from "@multiplatform.one/test-utils";
 import { act } from "@testing-library/react";
 import { useState, type ReactNode } from "react";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { Text } from "tamagui";
+import { Text, XStack, YStack } from "tamagui";
 import { OverlayStackProvider } from "../shared/overlayStack";
-import type { CompactFace } from "./compactFace";
+import { MENU_MIN_WIDTH, type CompactFace } from "./compactFace";
 import { FloatingPanel } from "./index.native";
 import { panelViewportPadding } from "./useFloatingPanel";
 
+const win = vi.hoisted(() => ({ width: 390 }));
+
 vi.mock("react-native-web", async (importOriginal) => {
   const actual = await importOriginal<typeof import("react-native")>();
   return {
@@ -20,7 +22,7 @@ vi.mock("react-native-web", async (importOriginal) => {
     ActionSheetIOS: undefined,
     Modal: ({ children, visible }: { children: ReactNode; visible: boolean }) =>
       visible ? children : null,
-    useWindowDimensions: () => ({ width: 390, height: 844, scale: 3, fontScale: 1 }),
+    useWindowDimensions: () => ({ width: win.width, height: 844, scale: 3, fontScale: 1 }),
   };
 });
 
@@ -28,6 +30,7 @@ let trigger = { x: 20, y: 240, width: 120, height: 44 };
 beforeEach(() => {
   vi.useFakeTimers();
   trigger = { x: 20, y: 240, width: 120, height: 44 };
+  win.width = 390;
   // RN-web's measureInWindow reads the node's client rect on a timer.
   vi.spyOn(HTMLElement.prototype, "getBoundingClientRect").mockImplementation(() => ({
     x: trigger.x,
@@ -120,6 +123,16 @@ describe("FloatingPanel native menu face (FZ-7830)", () => {
     expect(row.getAttribute("aria-expanded")).toBe("true");
   });
 
+  it("keeps its shadow: an inner view clips, not the elevated surface (FZ-8116)", () => {
+    const result = renderWithProviders(<Menu face="menu" />);
+    tap(result.getByRole("button", { name: "Stack actions" }));
+    const surface = document.querySelector('[data-testid="floating-panel-menu-surface"]');
+    const clip = document.querySelector('[data-testid="floating-panel-menu-clip"]');
+    expect(surface?.contains(clip)).toBe(true);
+    expect(surface?.className).not.toContain("_ox-hidden");
+    expect(clip?.className).toContain("_ox-hidden");
+  });
+
   it("closes when the repeated trigger row is pressed", () => {
     const result = renderWithProviders(<Menu face="menu" />);
     tap(result.getByRole("button", { name: "Stack actions" }));
@@ -193,3 +206,60 @@ describe("FloatingPanel native menu face (FZ-7830)", () => {
     expect(sheet()).toBeNull();
   });
 });
+
+/** The SHC account menu's shape: an avatar-sized trigger over rows that fill their width. */
+function AccountMenu() {
+  const [open, setOpen] = useState(false);
+  return (
+    <FloatingPanel
+      open={open}
+      onOpenChange={setOpen}
+      compactFace="menu"
+      anchorMode="attach"
+      triggerEcho={false}
+      triggerSizing="content"
+      contentPadding="none"
+      trigger={<Text>A</Text>}
+      triggerA11y={{ label: "Account" }}
+    >
+      <XStack testID="identity-row" width="100%">
+        <YStack flex={1} minWidth={0}>
+          <Text numberOfLines={1}>Clay Risser</Text>
+          <Text numberOfLines={1}>clayrisser@gmail.com</Text>
+        </YStack>
+      </XStack>
+      <Text>Sign out</Text>
+    </FloatingPanel>
+  );
+}
+
+describe("FloatingPanel native menu face width (FZ-8220)", () => {
+  it("opens rows with no intrinsic width at the platform minimum, not the trigger's 44pt", () => {
+    trigger = { x: 336, y: 52, width: 44, height: 44 };
+    const result = renderWithProviders(<AccountMenu />);
+    tap(result.getByRole("button", { name: "Account" }));
+    const panel = menu() as HTMLElement;
+    expect(MENU_MIN_WIDTH).toBe(250);
+    expect(panel.style.minWidth).toBe(`${MENU_MIN_WIDTH}px`);
+    expect(panel.style.maxWidth).toBe(`${390 - 2 * panelViewportPadding}px`);
+    layout(panel, MENU_MIN_WIDTH, 160);
+    expect(panel.style.left).toBe(`${390 - panelViewportPadding - MENU_MIN_WIDTH}px`);
+    expect(panel.style.top).toBe(`${52 + 44}px`);
+    expect(echo()).toBeNull();
+  });
+
+  it("clamps the minimum to the screen less its margins on a narrow window", () => {
+    win.width = 240;
+    trigger = { x: 186, y: 52, width: 44, height: 44 };
+    const result = renderWithProviders(<AccountMenu />);
+    tap(result.getByRole("button", { name: "Account" }));
+    expect(menu()?.style.minWidth).toBe(`${240 - 2 * panelViewportPadding}px`);
+  });
+
+  it("keeps a trigger wider than the minimum as the floor", () => {
+    trigger = { x: 20, y: 240, width: 320, height: 44 };
+    const result = renderWithProviders(<Menu face="menu" />);
+    tap(result.getByRole("button", { name: "Stack actions" }));
+    expect(menu()?.style.minWidth).toBe("320px");
+  });
+});