@multiplatform.one/forms 6.1.0 → 6.3.0

package/dist/jsx/Form/validateOn.native.js

@@ -0,0 +1,61 @@
+"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 validateOn_exports = {};
+__export(validateOn_exports, {
+  remapValidatorsForTiming: () => remapValidatorsForTiming,
+  resolveEffectiveValidateOn: () => resolveEffectiveValidateOn
+});
+module.exports = __toCommonJS(validateOn_exports);
+function resolveEffectiveValidateOn(validateOn, hasSubmitted) {
+  if (validateOn === "submit" && hasSubmitted) {
+    return "blur-then-change";
+  }
+  return validateOn;
+}
+function composeValidator(existing, fallback) {
+  if (!existing) return fallback;
+  return function (args) {
+    var _existing;
+    return (_existing = existing(args)) !== null && _existing !== void 0 ? _existing : fallback(args);
+  };
+}
+function remapValidatorsForTiming(validators, effective) {
+  if (!validators || effective === "submit") return validators;
+  var onSubmit = validators.onSubmit;
+  if (typeof onSubmit !== "function") return validators;
+  var next = {
+    ...validators
+  };
+  var wantBlur = effective === "blur" || effective === "blur-then-change";
+  var wantChange = effective === "change" || effective === "blur-then-change";
+  if (wantBlur) {
+    next.onBlur = composeValidator(validators.onBlur, onSubmit);
+  }
+  if (wantChange) {
+    next.onChange = composeValidator(validators.onChange, onSubmit);
+  }
+  return next;
+}
+//# sourceMappingURL=validateOn.native.js.map

package/dist/jsx/Form/validateOn.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","validateOn_exports","remapValidatorsForTiming","resolveEffectiveValidateOn","module","exports","validateOn","hasSubmitted","composeValidator","existing","fallback"],"sources":["../../../src/Form/validateOn.ts"],"sourcesContent":[null],"mappings":"AAYO,YAAS;;AAId,IAAAA,SAAI,GAAAC,MAAe,CAAAC,cAAY;AAC7B,IAAAC,gBAAO,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACTC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AACA,IAAAC,YAAO,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACT,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAEA,SAASC,IAAA,IAAAD,GAAA,EAIPZ,SAAK,CAAAW,MAAU,EAAAE,IAAO;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACtB;AACF,IAAAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAMO,IAAAF,IAAS,WAAAA,IAAA,aACd,WACAA,IAAA,KACqC;IACrC,KAAK,IAAAG,GAAA,IAAAhB,iBAA4B,CAAAa,IAAA,GAEjC,IAAM,CAAAX,YAAW,CAAAe,IAAA,CAAAL,EAAW,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACxBnB,SAAO,CAAAiB,EAAA,EAAAI,GAAA,EAAa;MAAAP,GAAA,EAAAA,CAAA,KAAYI,IAAA,CAAOG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAE3C;EACA,OAAME,EAAA;AACN;AAEA,IAAAM,YAAc,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACZ,IAAAE,kBAAc;AAAAhB,QACZ,CAAAgB,kBAAW;EAAAC,wBACX,EAAAA,CAAA,KAAAA,wBAAA;EAAAC,0BACF,EAAAA,CAAA,KAAAA;AAAA,EACF;AACAC,MAAI,CAAAC,OAAA,GAAAP,YAAY,CAAAG,kBAAA;AACd,SAAKE,0BAAWA,CAAAG,UAAA,EAAAC,YAAA;EAAA,IACdD,UAAA,KAAW,YAAAC,YAAA;IAAA,OACX;EAAA;EAEJ,OAAAD,UAAA;AACA;AACF,SAAAE,iBAAAC,QAAA,EAAAC,QAAA","ignoreList":[]}

package/dist/jsx/FormGrid.mjs

@@ -1,28 +1,106 @@
-import { Children } from "react";
-import { XStack, YStack, isWeb } from "tamagui";
+import { Children, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { XStack, YStack, isWeb, useMedia } from "tamagui";
 import { jsx } from "react/jsx-runtime";
+const FORM_GRID_COLLAPSE_WIDTH = 480;
+function resolveWideColumns(columns, maxColumns) {
+  return Math.min(columns, maxColumns);
+}
 function FormGrid({
-  columns = 2,
+  columns = 1,
+  maxColumns = 2,
   gap = 16,
   children
 }) {
+  const wideColumns = resolveWideColumns(columns, maxColumns);
   if (isWeb) {
-    return /* @__PURE__ */jsx("div", {
-      style: {
-        display: "grid",
-        gridTemplateColumns: `repeat(${columns}, 1fr)`,
-        gap: `${gap}px`
-      },
+    return /* @__PURE__ */jsx(FormGridWeb, {
+      columns: wideColumns,
+      maxColumns,
+      gap,
       children
     });
   }
+  return /* @__PURE__ */jsx(FormGridNative, {
+    columns: wideColumns,
+    gap,
+    children
+  });
+}
+function FormGridWeb({
+  columns,
+  maxColumns,
+  gap,
+  children
+}) {
+  const ref = useRef(null);
+  const [containerWide, setContainerWide] = useState(true);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el || columns <= 1) {
+      setContainerWide(true);
+      return;
+    }
+    const update = width => {
+      setContainerWide(width >= FORM_GRID_COLLAPSE_WIDTH);
+    };
+    update(el.getBoundingClientRect().width);
+    if (typeof ResizeObserver === "undefined") {
+      const onResize = () => update(el.getBoundingClientRect().width);
+      window.addEventListener("resize", onResize);
+      return () => window.removeEventListener("resize", onResize);
+    }
+    const ro = new ResizeObserver(entries => {
+      const width = entries[0]?.contentRect.width ?? el.getBoundingClientRect().width;
+      update(width);
+    });
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [columns]);
+  const effectiveColumns = columns <= 1 || !containerWide ? 1 : columns;
+  const style = {
+    display: "grid",
+    gap: `${gap}px`,
+    gridTemplateColumns: `repeat(${effectiveColumns}, minmax(0, 1fr))`,
+    // Enable container queries for consumers / CSS extensions (DG-FORM-09).
+    containerType: columns > 1 ? "inline-size" : void 0
+  };
+  return /* @__PURE__ */jsx("div", {
+    ref,
+    "data-mpo-form-grid": "",
+    "data-columns": effectiveColumns,
+    "data-max-columns": maxColumns,
+    "data-requested-columns": columns,
+    style,
+    children
+  });
+}
+function FormGridNative({
+  columns,
+  gap,
+  children
+}) {
+  const media = useMedia();
+  const canUseDomResize = typeof window !== "undefined" && typeof window.addEventListener === "function" && typeof window.innerWidth === "number";
+  const [domViewportWide, setDomViewportWide] = useState(() => canUseDomResize ? window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH : true);
+  useEffect(() => {
+    if (!canUseDomResize) return;
+    const handler = () => setDomViewportWide(window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH);
+    handler();
+    window.addEventListener("resize", handler);
+    return () => window.removeEventListener("resize", handler);
+  }, [canUseDomResize]);
+  const viewportWide = canUseDomResize ? domViewportWide : media.gtSm === true;
+  const effectiveColumns = columns <= 1 || !viewportWide ? 1 : columns;
   const childArray = Children.toArray(children);
   const rows = [];
-  for (let i = 0; i < childArray.length; i += columns) {
-    rows.push(childArray.slice(i, i + columns));
+  for (let i = 0; i < childArray.length; i += effectiveColumns) {
+    rows.push(childArray.slice(i, i + effectiveColumns));
   }
   return /* @__PURE__ */jsx(YStack, {
     gap,
+    "data-columns": effectiveColumns,
+    "data-max-columns": columns,
+    "data-requested-columns": columns,
     children: rows.map((row, rowIndex) => /* @__PURE__ */jsx(XStack, {
       gap,
       children: row.map((child, colIndex) => /* @__PURE__ */jsx(YStack, {
@@ -32,5 +110,5 @@ function FormGrid({
     }, rowIndex))
   });
 }
-export { FormGrid };
+export { FORM_GRID_COLLAPSE_WIDTH, FormGrid };
 //# sourceMappingURL=FormGrid.mjs.map

package/dist/jsx/FormGrid.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Children","XStack","YStack","isWeb","jsx","FormGrid","columns","gap","children","style","display","gridTemplateColumns","childArray","toArray","rows","i","length","push","slice","map","row","rowIndex","child","colIndex","flex"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgC;AACzC,SAASC,MAAA,EAAQC,MAAA,EAAQC,KAAA,QAAa;AAqBhC,SAAAC,GAAA;AAHC,SAASC,SAAS;EAAEC,OAAA,GAAU;EAAGC,GAAA,GAAM;EAAIC;AAAS,GAAkB;EAC3E,IAAIL,KAAA,EAAO;IACT,OACE,eAAAC,GAAA,CAAC;MACCK,KAAA,EAAO;QACLC,OAAA,EAAS;QACTC,mBAAA,EAAqB,UAAUL,OAAO;QACtCC,GAAA,EAAK,GAAGA,GAAG;MACb;MAECC;IAAA,CACH;EAEJ;EAEA,MAAMI,UAAA,GAAaZ,QAAA,CAASa,OAAA,CAAQL,QAAQ;EAC5C,MAAMM,IAAA,GAAsB,EAAC;EAC7B,SAASC,CAAA,GAAI,GAAGA,CAAA,GAAIH,UAAA,CAAWI,MAAA,EAAQD,CAAA,IAAKT,OAAA,EAAS;IACnDQ,IAAA,CAAKG,IAAA,CAAKL,UAAA,CAAWM,KAAA,CAAMH,CAAA,EAAGA,CAAA,GAAIT,OAAO,CAAC;EAC5C;EAEA,OACE,eAAAF,GAAA,CAACF,MAAA;IAAOK,GAAA;IACLC,QAAA,EAAAM,IAAA,CAAKK,GAAA,CAAI,CAACC,GAAA,EAAKC,QAAA,KACd,eAAAjB,GAAA,CAACH,MAAA;MAAsBM,GAAA;MACpBC,QAAA,EAAAY,GAAA,CAAID,GAAA,CAAI,CAACG,KAAA,EAAOC,QAAA,KACf,eAAAnB,GAAA,CAACF,MAAA;QAAsBsB,IAAA,EAAM;QAC1BhB,QAAA,EAAAc;MAAA,GADUC,QAEb,CACD;IAAA,GALUF,QAMb,CACD;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["Children","useEffect","useLayoutEffect","useRef","useState","XStack","YStack","isWeb","useMedia","jsx","FORM_GRID_COLLAPSE_WIDTH","resolveWideColumns","columns","maxColumns","Math","min","FormGrid","gap","children","wideColumns","FormGridWeb","FormGridNative","ref","containerWide","setContainerWide","el","current","update","width","getBoundingClientRect","ResizeObserver","onResize","window","addEventListener","removeEventListener","ro","entries","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","media","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","handler","viewportWide","gtSm","childArray","toArray","rows","i","length","push","slice","map","row","rowIndex","child","colIndex","flex"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/FormGrid.native.js

@@ -24,35 +24,130 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var FormGrid_exports = {};
 __export(FormGrid_exports, {
+  FORM_GRID_COLLAPSE_WIDTH: () => FORM_GRID_COLLAPSE_WIDTH,
   FormGrid: () => FormGrid
 });
 module.exports = __toCommonJS(FormGrid_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
+var FORM_GRID_COLLAPSE_WIDTH = 480;
+function resolveWideColumns(columns, maxColumns) {
+  return Math.min(columns, maxColumns);
+}
 function FormGrid(param) {
   var {
-    columns = 2,
+    columns = 1,
+    maxColumns = 2,
     gap = 16,
     children
   } = param;
+  var wideColumns = resolveWideColumns(columns, maxColumns);
   if (import_tamagui.isWeb) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-      style: {
-        display: "grid",
-        gridTemplateColumns: `repeat(${columns}, 1fr)`,
-        gap: `${gap}px`
-      },
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormGridWeb, {
+      columns: wideColumns,
+      maxColumns,
+      gap,
       children
     });
   }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormGridNative, {
+    columns: wideColumns,
+    gap,
+    children
+  });
+}
+function FormGridWeb(param) {
+  var {
+    columns,
+    maxColumns,
+    gap,
+    children
+  } = param;
+  var ref = (0, import_react.useRef)(null);
+  var [containerWide, setContainerWide] = (0, import_react.useState)(true);
+  (0, import_react.useLayoutEffect)(function () {
+    var el = ref.current;
+    if (!el || columns <= 1) {
+      setContainerWide(true);
+      return;
+    }
+    var update = function update2(width) {
+      setContainerWide(width >= FORM_GRID_COLLAPSE_WIDTH);
+    };
+    update(el.getBoundingClientRect().width);
+    if (typeof ResizeObserver === "undefined") {
+      var onResize = function onResize2() {
+        return update(el.getBoundingClientRect().width);
+      };
+      window.addEventListener("resize", onResize);
+      return function () {
+        return window.removeEventListener("resize", onResize);
+      };
+    }
+    var ro = new ResizeObserver(function (entries) {
+      var _ref;
+      var _entries_;
+      var width = (_ref = (_entries_ = entries[0]) === null || _entries_ === void 0 ? void 0 : _entries_.contentRect.width) !== null && _ref !== void 0 ? _ref : el.getBoundingClientRect().width;
+      update(width);
+    });
+    ro.observe(el);
+    return function () {
+      return ro.disconnect();
+    };
+  }, [columns]);
+  var effectiveColumns = columns <= 1 || !containerWide ? 1 : columns;
+  var style = {
+    display: "grid",
+    gap: `${gap}px`,
+    gridTemplateColumns: `repeat(${effectiveColumns}, minmax(0, 1fr))`,
+    // Enable container queries for consumers / CSS extensions (DG-FORM-09).
+    containerType: columns > 1 ? "inline-size" : void 0
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    ref,
+    "data-mpo-form-grid": "",
+    "data-columns": effectiveColumns,
+    "data-max-columns": maxColumns,
+    "data-requested-columns": columns,
+    style,
+    children
+  });
+}
+function FormGridNative(param) {
+  var {
+    columns,
+    gap,
+    children
+  } = param;
+  var media = (0, import_tamagui.useMedia)();
+  var canUseDomResize = typeof window !== "undefined" && typeof window.addEventListener === "function" && typeof window.innerWidth === "number";
+  var [domViewportWide, setDomViewportWide] = (0, import_react.useState)(function () {
+    return canUseDomResize ? window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH : true;
+  });
+  (0, import_react.useEffect)(function () {
+    if (!canUseDomResize) return;
+    var handler = function handler2() {
+      return setDomViewportWide(window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH);
+    };
+    handler();
+    window.addEventListener("resize", handler);
+    return function () {
+      return window.removeEventListener("resize", handler);
+    };
+  }, [canUseDomResize]);
+  var viewportWide = canUseDomResize ? domViewportWide : media.gtSm === true;
+  var effectiveColumns = columns <= 1 || !viewportWide ? 1 : columns;
   var childArray = import_react.Children.toArray(children);
   var rows = [];
-  for (var i = 0; i < childArray.length; i += columns) {
-    rows.push(childArray.slice(i, i + columns));
+  for (var i = 0; i < childArray.length; i += effectiveColumns) {
+    rows.push(childArray.slice(i, i + effectiveColumns));
   }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     gap,
+    "data-columns": effectiveColumns,
+    "data-max-columns": columns,
+    "data-requested-columns": columns,
     children: rows.map(function (row, rowIndex) {
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
         gap,

package/dist/jsx/FormGrid.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","FormGrid_exports","FormGrid","module","exports","import_jsx_runtime","require"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAQ,CAAAC,cAAQ;AAqBnB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAHC,IAAAC,iBAAoB,GAAAJ,MAAU,CAAAK,mBAAa;AAChD,IAAAC,YAAW,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACT,IAAAC,QACE,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KAAC,IAAAC,IAAA,IAAAD,GAAA,EAAAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACQ,IAAAC,WACL,GAAAA,CAASC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IAAAF,IACT,WAAAA,IAAA,aAAqB,IAAU,OAAOA,IAAA;IAAA,SACtCG,GAAK,IAAGhB,iBAAG,CAAAa,IAAA,OACb,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAECnB,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;EAAA;EAAA,OACHE,EAAA;AAAA;AAIJ,IAAAM,YAAM,GAAAC,GAAa,IAAAR,WAAiB,CAAAhB,SAAQ;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAC5C,IAAAE,gBAA6B;AAC7BhB,QAAA,CAAAgB,gBAAoB;EAClBC,QAAK,EAAAA,CAAA,KAAKA;AAAgC,EAC5C;AAEAC,MAAA,CAAAC,OACE,GAAAN,YAAC,CAAAG,gBACE;AAWP,IAAAI,kBAAA,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","FormGrid_exports","FORM_GRID_COLLAPSE_WIDTH","FormGrid","module","exports","import_jsx_runtime","require","import_react","import_tamagui","resolveWideColumns","columns","maxColumns","Math","min","param","gap","children","wideColumns","isWeb","jsx","FormGridWeb","FormGridNative","ref","useRef","containerWide","setContainerWide","useState","useLayoutEffect","el","current","update","update2","width","getBoundingClientRect","ResizeObserver","onResize","onResize2","window","addEventListener","removeEventListener","ro","entries","_ref","_entries_","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","media","useMedia","canUseDomResize","innerWidth"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/FormSection.mjs

@@ -0,0 +1,77 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Text, YStack, isWeb } from "tamagui";
+import { formReadableMaxWidth } from "./formSpacing.mjs";
+import { formFieldGap, formReadableMaxWidth as formReadableMaxWidth2, formSectionGap } from "./formSpacing.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FormSection({
+  label,
+  children,
+  maxWidth = formReadableMaxWidth,
+  gap,
+  testID,
+  fieldset = true
+}) {
+  const useFieldset = fieldset && isWeb;
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const resolvedGap = gap ?? knobProps.gap.gap;
+  return /* @__PURE__ */jsxs(YStack, {
+    ...(useFieldset ? {
+      render: "fieldset"
+    } : {}),
+    "data-mpo-form-section": "",
+    "data-mpo-fieldset": useFieldset ? "" : void 0,
+    "data-field-gap": String(resolvedGap),
+    "data-testid": testID,
+    gap: resolvedGap,
+    width: "100%",
+    maxWidth: maxWidth === "fluid" ? void 0 : maxWidth,
+    alignSelf: maxWidth === "fluid" ? void 0 : "flex-start",
+    ...(useFieldset ? {
+      style: {
+        borderWidth: 0,
+        margin: 0,
+        minWidth: 0,
+        padding: 0
+      }
+    } : {}),
+    children: [label ? useFieldset ? /* @__PURE__ */jsx(Text, {
+      render: "legend",
+      fontWeight: "600",
+      fontSize: "$5",
+      style: {
+        padding: 0,
+        marginBottom: 0,
+        float: "left",
+        width: "100%"
+      },
+      children: label
+    }) : /* @__PURE__ */jsx(Text, {
+      fontWeight: "600",
+      fontSize: "$5",
+      role: "heading",
+      "aria-level": 3,
+      children: label
+    }) : null, children]
+  });
+}
+const Fieldset = FormSection;
+function FormSectionStack({
+  children,
+  gap
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const resolvedGap = gap ?? knobProps.gapLg.gap;
+  return /* @__PURE__ */jsx(YStack, {
+    "data-mpo-form-section-stack": "",
+    "data-section-gap": String(resolvedGap),
+    gap: resolvedGap,
+    width: "100%",
+    children
+  });
+}
+export { Fieldset, FormSection, FormSectionStack, formFieldGap, formReadableMaxWidth2 as formReadableMaxWidth, formSectionGap };
+//# sourceMappingURL=FormSection.mjs.map

package/dist/jsx/FormSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","Text","YStack","isWeb","formReadableMaxWidth","formFieldGap","formReadableMaxWidth2","formSectionGap","jsx","jsxs","FormSection","label","children","maxWidth","gap","testID","fieldset","useFieldset","knobProps","resolvedGap","render","String","width","alignSelf","style","borderWidth","margin","minWidth","padding","fontWeight","fontSize","marginBottom","float","role","Fieldset","FormSectionStack","gapLg"],"sources":["../../src/FormSection.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,gBAAA,QAAwB;AACjC,SAASC,IAAA,EAAMC,MAAA,EAAQC,KAAA,QAAa;AACpC,SAASC,oBAAA,QAA4B;AA8HrC,SAASC,YAAA,EAAcD,oBAAA,IAAAE,qBAAA,EAAsBC,cAAA,QAAsB;AA7E/D,SAwBMC,GAAA,EAxBNC,IAAA;AAbG,SAASC,YAAY;EAC1BC,KAAA;EACAC,QAAA;EACAC,QAAA,GAAWT,oBAAA;EACXU,GAAA;EACAC,MAAA;EACAC,QAAA,GAAW;AACb,GAAqB;EACnB,MAAMC,WAAA,GAAcD,QAAA,IAAYb,KAAA;EAChC,MAAM;IAAEe;EAAU,IAAIlB,gBAAA,CAAiB;EACvC,MAAMmB,WAAA,GAAcL,GAAA,IAAOI,SAAA,CAAUJ,GAAA,CAAIA,GAAA;EAEzC,OACE,eAAAL,IAAA,CAACP,MAAA;IACE,IAAIe,WAAA,GAAc;MAAEG,MAAA,EAAQ;IAAoB,IAAI,CAAC;IACtD,yBAAsB;IACtB,qBAAmBH,WAAA,GAAc,KAAK;IACtC,kBAAgBI,MAAA,CAAOF,WAAW;IAClC,eAAaJ,MAAA;IACbD,GAAA,EAAKK,WAAA;IACLG,KAAA,EAAM;IACNT,QAAA,EAAUA,QAAA,KAAa,UAAU,SAAYA,QAAA;IAC7CU,SAAA,EAAWV,QAAA,KAAa,UAAU,SAAY;IAE7C,IAAII,WAAA,GACD;MACEO,KAAA,EAAO;QACLC,WAAA,EAAa;QACbC,MAAA,EAAQ;QACRC,QAAA,EAAU;QACVC,OAAA,EAAS;MACX;IACF,IACA,CAAC;IAEJhB,QAAA,GAAAD,KAAA,GACCM,WAAA,GACE,eAAAT,GAAA,CAACP,IAAA;MACCmB,MAAA,EAAO;MACPS,UAAA,EAAW;MACXC,QAAA,EAAS;MAETN,KAAA,EAAO;QAAEI,OAAA,EAAS;QAAGG,YAAA,EAAc;QAAGC,KAAA,EAAO;QAAQV,KAAA,EAAO;MAAO;MAElEV,QAAA,EAAAD;IAAA,CACH,IAEA,eAAAH,GAAA,CAACP,IAAA;MAAK4B,UAAA,EAAW;MAAMC,QAAA,EAAS;MAAKG,IAAA,EAAK;MAAU,cAAY;MAC7DrB,QAAA,EAAAD;IAAA,CACH,IAEA,MACHC,QAAA;EAAA,CACH;AAEJ;AAMO,MAAMsB,QAAA,GAAWxB,WAAA;AAcjB,SAASyB,iBAAiB;EAAEvB,QAAA;EAAUE;AAAI,GAA0B;EACzE,MAAM;IAAEI;EAAU,IAAIlB,gBAAA,CAAiB;EACvC,MAAMmB,WAAA,GAAcL,GAAA,IAAOI,SAAA,CAAUkB,KAAA,CAAMtB,GAAA;EAC3C,OACE,eAAAN,GAAA,CAACN,MAAA;IACC,+BAA4B;IAC5B,oBAAkBmB,MAAA,CAAOF,WAAW;IACpCL,GAAA,EAAKK,WAAA;IACLG,KAAA,EAAM;IAELV;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/jsx/FormSection.native.js

@@ -0,0 +1,114 @@
+"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 FormSection_exports = {};
+__export(FormSection_exports, {
+  Fieldset: () => Fieldset,
+  FormSection: () => FormSection,
+  FormSectionStack: () => FormSectionStack,
+  formFieldGap: () => import_formSpacing2.formFieldGap,
+  formReadableMaxWidth: () => import_formSpacing2.formReadableMaxWidth,
+  formSectionGap: () => import_formSpacing2.formSectionGap
+});
+module.exports = __toCommonJS(FormSection_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_formSpacing = require("./formSpacing.native.js");
+var import_formSpacing2 = require("./formSpacing.native.js");
+function FormSection(param) {
+  var {
+    label,
+    children,
+    maxWidth = import_formSpacing.formReadableMaxWidth,
+    gap,
+    testID,
+    fieldset = true
+  } = param;
+  var useFieldset = fieldset && import_tamagui.isWeb;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...(useFieldset ? {
+      render: "fieldset"
+    } : {}),
+    "data-mpo-form-section": "",
+    "data-mpo-fieldset": useFieldset ? "" : void 0,
+    "data-field-gap": String(resolvedGap),
+    "data-testid": testID,
+    gap: resolvedGap,
+    width: "100%",
+    maxWidth: maxWidth === "fluid" ? void 0 : maxWidth,
+    alignSelf: maxWidth === "fluid" ? void 0 : "flex-start",
+    // Reset browser fieldset chrome; we own spacing via tokens.
+    ...(useFieldset ? {
+      style: {
+        borderWidth: 0,
+        margin: 0,
+        minWidth: 0,
+        padding: 0
+      }
+    } : {}),
+    children: [label ? useFieldset ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      render: "legend",
+      fontWeight: "600",
+      fontSize: "$5",
+      // legend is inline by default; stretch to a full heading row
+      style: {
+        padding: 0,
+        marginBottom: 0,
+        float: "left",
+        width: "100%"
+      },
+      children: label
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontWeight: "600",
+      fontSize: "$5",
+      role: "heading",
+      "aria-level": 3,
+      children: label
+    }) : null, children]
+  });
+}
+var Fieldset = FormSection;
+function FormSectionStack(param) {
+  var {
+    children,
+    gap
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gapLg.gap;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    "data-mpo-form-section-stack": "",
+    "data-section-gap": String(resolvedGap),
+    gap: resolvedGap,
+    width: "100%",
+    children
+  });
+}
+//# sourceMappingURL=FormSection.native.js.map

package/dist/jsx/FormSection.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","FormSection_exports","Fieldset","FormSection","FormSectionStack","formFieldGap","import_formSpacing2","formReadableMaxWidth","formSectionGap","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_formSpacing","param","label","children","maxWidth","gap","testID","fieldset","useFieldset","isWeb","knobProps","useResolvedKnobs","resolvedGap","jsxs","YStack","render","String","width","alignSelf","style","borderWidth","margin","minWidth","padding","jsx","Text","fontWeight","fontSize"],"sources":["../../src/FormSection.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}