@multiplatform.one/forms 7.4.1 → 7.6.0

package/dist/jsx/FormGrid.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Children","useEffect","useLayoutEffect","useRef","useState","useResolvedKnobs","XStack","YStack","isWeb","useMedia","jsx","FORM_GRID_COLLAPSE_WIDTH","resolveWideColumns","columns","maxColumns","Math","min","FormGrid","gap","compact","children","knobProps","resolvedGap","wideColumns","FormGridWeb","density","size","FormGridNative","ref","containerWide","setContainerWide","el","current","update","width","getBoundingClientRect","ResizeObserver","onResize","window","addEventListener","removeEventListener","ro","entries","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","String","minWidth","media","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","handler","viewportWide","xs","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":[]}
+{"version":3,"names":["Children","useEffect","useLayoutEffect","useRef","useState","useResolvedKnobs","XStack","YStack","isWeb","useMedia","jsx","FORM_GRID_COLLAPSE_WIDTH","resolveWideColumns","columns","maxColumns","Math","min","FormGrid","gap","compact","children","knobProps","gapFragment","resolvedGap","wideColumns","FormGridWeb","density","size","FormGridNative","ref","containerWide","setContainerWide","el","current","update","width","getBoundingClientRect","ResizeObserver","onResize","window","addEventListener","removeEventListener","ro","entries","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","String","minWidth","media","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","handler","viewportWide","xs","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

@@ -49,13 +49,17 @@ function FormGrid(param) {
   } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {
     compact
   });
-  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;
+  var gapFragment = gap === void 0 ? knobProps.gap : {
+    gap
+  };
+  var resolvedGap = gapFragment.gap;
   var wideColumns = resolveWideColumns(columns, maxColumns);
   if (import_tamagui.isWeb) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormGridWeb, {
       columns: wideColumns,
       maxColumns,
       gap: resolvedGap,
+      gapFragment,
       density: knobProps.density,
       size: knobProps.size,
       children
@@ -65,6 +69,7 @@ function FormGrid(param) {
     columns: wideColumns,
     maxColumns,
     gap: resolvedGap,
+    gapFragment,
     density: knobProps.density,
     size: knobProps.size,
     children
@@ -75,6 +80,7 @@ function FormGridWeb(param) {
     columns,
     maxColumns,
     gap,
+    gapFragment,
     density,
     size,
     children
@@ -127,7 +133,7 @@ function FormGridWeb(param) {
     "data-gap": String(gap),
     "data-density": density,
     "data-size": size,
-    gap,
+    ...gapFragment,
     width: "100%",
     minWidth: 0,
     style,
@@ -139,6 +145,7 @@ function FormGridNative(param) {
     columns,
     maxColumns,
     gap,
+    gapFragment,
     density,
     size,
     children
@@ -167,7 +174,7 @@ function FormGridNative(param) {
     rows.push(childArray.slice(i, i + effectiveColumns));
   }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    gap,
+    ...gapFragment,
     width: "100%",
     "data-mpo-form-grid": "",
     "data-columns": effectiveColumns,
@@ -178,7 +185,7 @@ function FormGridNative(param) {
     "data-size": size,
     children: rows.map(function (row, rowIndex) {
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-        gap,
+        ...gapFragment,
         children: row.map(function (child, colIndex) {
           return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
             flex: 1,

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","FORM_GRID_COLLAPSE_WIDTH","FormGrid","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","resolveWideColumns","columns","maxColumns","Math","min","param","gap","compact","children","knobProps","useResolvedKnobs","resolvedGap","wideColumns","isWeb","jsx","FormGridWeb","density","size","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","YStack","String","minWidth","media","useMedia","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","useEffect","handler","handler2","viewportWide","xs","childArray","Children","toArray","rows","i","length","push","slice"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"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","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_theme","import_tamagui","resolveWideColumns","columns","maxColumns","Math","min","param","gap","compact","children","knobProps","useResolvedKnobs","gapFragment","resolvedGap","wideColumns","isWeb","jsx","FormGridWeb","density","size","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","YStack","String","minWidth","media","useMedia","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","useEffect","handler","handler2","viewportWide","xs","childArray","Children","toArray","rows","i","length","push","slice","map","row","rowIndex","XStack","child","colIndex","flex"],"sources":["FormGrid.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar FormGrid_exports = {};\n__export(FormGrid_exports, {\n  FORM_GRID_COLLAPSE_WIDTH: () => FORM_GRID_COLLAPSE_WIDTH,\n  FormGrid: () => FormGrid\n});\nmodule.exports = __toCommonJS(FormGrid_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_tamagui = require(\"tamagui\");\nvar FORM_GRID_COLLAPSE_WIDTH = 480;\nfunction resolveWideColumns(columns, maxColumns) {\n  return Math.min(columns, maxColumns);\n}\nfunction FormGrid(param) {\n  var { columns = 1, maxColumns = 2, gap, compact, children } = param;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {\n    compact\n  });\n  var gapFragment = gap === void 0 ? knobProps.gap : {\n    gap\n  };\n  var resolvedGap = gapFragment.gap;\n  var wideColumns = resolveWideColumns(columns, maxColumns);\n  if (import_tamagui.isWeb) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormGridWeb, {\n      columns: wideColumns,\n      maxColumns,\n      gap: resolvedGap,\n      gapFragment,\n      density: knobProps.density,\n      size: knobProps.size,\n      children\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormGridNative, {\n    columns: wideColumns,\n    maxColumns,\n    gap: resolvedGap,\n    gapFragment,\n    density: knobProps.density,\n    size: knobProps.size,\n    children\n  });\n}\nfunction FormGridWeb(param) {\n  var { columns, maxColumns, gap, gapFragment, density, size, children } = param;\n  var ref = (0, import_react.useRef)(null);\n  var [containerWide, setContainerWide] = (0, import_react.useState)(true);\n  (0, import_react.useLayoutEffect)(function() {\n    var el = ref.current;\n    if (!el || columns <= 1) {\n      setContainerWide(true);\n      return;\n    }\n    var update = function update2(width) {\n      setContainerWide(width >= FORM_GRID_COLLAPSE_WIDTH);\n    };\n    update(el.getBoundingClientRect().width);\n    if (typeof ResizeObserver === \"undefined\") {\n      var onResize = function onResize2() {\n        return update(el.getBoundingClientRect().width);\n      };\n      window.addEventListener(\"resize\", onResize);\n      return function() {\n        return window.removeEventListener(\"resize\", onResize);\n      };\n    }\n    var ro = new ResizeObserver(function(entries) {\n      var _ref;\n      var _entries_;\n      var width = (_ref = (_entries_ = entries[0]) === null || _entries_ === void 0 ? void 0 : _entries_.contentRect.width) !== null && _ref !== void 0 ? _ref : el.getBoundingClientRect().width;\n      update(width);\n    });\n    ro.observe(el);\n    return function() {\n      return ro.disconnect();\n    };\n  }, [\n    columns\n  ]);\n  var effectiveColumns = columns <= 1 || !containerWide ? 1 : columns;\n  var style = {\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${effectiveColumns}, minmax(0, 1fr))`,\n    // Enable container queries for consumers / CSS extensions (DG-FORM-09).\n    containerType: columns > 1 ? \"inline-size\" : void 0\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    ref,\n    \"data-mpo-form-grid\": \"\",\n    \"data-columns\": effectiveColumns,\n    \"data-max-columns\": maxColumns,\n    \"data-requested-columns\": columns,\n    \"data-gap\": String(gap),\n    \"data-density\": density,\n    \"data-size\": size,\n    ...gapFragment,\n    width: \"100%\",\n    minWidth: 0,\n    style,\n    children\n  });\n}\nfunction FormGridNative(param) {\n  var { columns, maxColumns, gap, gapFragment, density, size, children } = param;\n  var media = (0, import_tamagui.useMedia)();\n  var canUseDomResize = typeof window !== \"undefined\" && typeof window.addEventListener === \"function\" && typeof window.innerWidth === \"number\";\n  var [domViewportWide, setDomViewportWide] = (0, import_react.useState)(function() {\n    return canUseDomResize ? window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH : true;\n  });\n  (0, import_react.useEffect)(function() {\n    if (!canUseDomResize) return;\n    var handler = function handler2() {\n      return setDomViewportWide(window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH);\n    };\n    handler();\n    window.addEventListener(\"resize\", handler);\n    return function() {\n      return window.removeEventListener(\"resize\", handler);\n    };\n  }, [\n    canUseDomResize\n  ]);\n  var viewportWide = canUseDomResize ? domViewportWide : media.xs === true;\n  var effectiveColumns = columns <= 1 || !viewportWide ? 1 : columns;\n  var childArray = import_react.Children.toArray(children);\n  var rows = [];\n  for (var i = 0; i < childArray.length; i += effectiveColumns) {\n    rows.push(childArray.slice(i, i + effectiveColumns));\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    ...gapFragment,\n    width: \"100%\",\n    \"data-mpo-form-grid\": \"\",\n    \"data-columns\": effectiveColumns,\n    \"data-max-columns\": maxColumns,\n    \"data-requested-columns\": columns,\n    \"data-gap\": String(gap),\n    \"data-density\": density,\n    \"data-size\": size,\n    children: rows.map(function(row, rowIndex) {\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n        ...gapFragment,\n        children: row.map(function(child, colIndex) {\n          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n            flex: 1,\n            minWidth: 0,\n            children: child\n          }, colIndex);\n        })\n      }, rowIndex);\n    })\n  });\n}\n//# sourceMappingURL=FormGrid.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/jsx/FormSection.mjs

@@ -43,8 +43,10 @@ function FormSection({
     } : {}),
     children: [label ? useFieldset ? /* @__PURE__ */jsx(Text, {
       render: "legend",
+      "data-mpo-legend": "",
       ...knobProps.label,
-      ...knobProps.heading,
+      fontWeight: "400",
+      color: knobProps.textAccentColor,
       style: {
         padding: 0,
         marginBottom: 0,
@@ -54,14 +56,19 @@ function FormSection({
       children: label
     }) : /* @__PURE__ */jsx(Text, {
       ...knobProps.label,
-      ...knobProps.heading,
+      fontWeight: "400",
+      color: knobProps.textAccentColor,
       role: "heading",
       "aria-level": 3,
       children: label
     }) : null, children]
   });
 }
-const Fieldset = FormSection;
+function Fieldset(props) {
+  return /* @__PURE__ */jsx(FormSection, {
+    ...props
+  });
+}
 function FormSectionStack({
   children,
   gap

package/dist/jsx/FormSection.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useResolvedKnobs","Text","YStack","isWeb","formReadableMaxWidth","formFieldGap","formReadableMaxWidth2","formSectionGap","jsx","jsxs","FormSection","label","children","maxWidth","gap","testID","fieldset","compact","useFieldset","knobProps","resolvedGap","render","String","density","size","width","alignSelf","style","borderWidth","margin","minWidth","padding","heading","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;AAqIrC,SAASC,YAAA,EAAcD,oBAAA,IAAAE,qBAAA,EAAsBC,cAAA,QAAsB;AAjF/D,SA0BMC,GAAA,EA1BNC,IAAA;AAdG,SAASC,YAAY;EAC1BC,KAAA;EACAC,QAAA;EACAC,QAAA,GAAWT,oBAAA;EACXU,GAAA;EACAC,MAAA;EACAC,QAAA,GAAW;EACXC;AACF,GAAqB;EACnB,MAAMC,WAAA,GAAcF,QAAA,IAAYb,KAAA;EAChC,MAAM;IAAEgB;EAAU,IAAInB,gBAAA,CAAiBiB,OAAA,KAAY,SAAY,SAAY;IAAEA;EAAQ,CAAC;EACtF,MAAMG,WAAA,GAAcN,GAAA,IAAOK,SAAA,CAAUL,GAAA,CAAIA,GAAA;EAEzC,OACE,eAAAL,IAAA,CAACP,MAAA;IACE,IAAIgB,WAAA,GAAc;MAAEG,MAAA,EAAQ;IAAoB,IAAI,CAAC;IACtD,yBAAsB;IACtB,qBAAmBH,WAAA,GAAc,KAAK;IACtC,kBAAgBI,MAAA,CAAOF,WAAW;IAClC,gBAAcD,SAAA,CAAUI,OAAA;IACxB,aAAWJ,SAAA,CAAUK,IAAA;IACrB,eAAaT,MAAA;IACbD,GAAA,EAAKM,WAAA;IACLK,KAAA,EAAM;IACNZ,QAAA,EAAUA,QAAA,KAAa,UAAU,SAAYA,QAAA;IAC7Ca,SAAA,EAAWb,QAAA,KAAa,UAAU,SAAY;IAE7C,IAAIK,WAAA,GACD;MACES,KAAA,EAAO;QACLC,WAAA,EAAa;QACbC,MAAA,EAAQ;QACRC,QAAA,EAAU;QACVC,OAAA,EAAS;MACX;IACF,IACA,CAAC;IAEJnB,QAAA,GAAAD,KAAA,GACCO,WAAA,GACE,eAAAV,GAAA,CAACP,IAAA;MACCoB,MAAA,EAAO;MACN,GAAGF,SAAA,CAAUR,KAAA;MACb,GAAGQ,SAAA,CAAUa,OAAA;MAEdL,KAAA,EAAO;QAAEI,OAAA,EAAS;QAAGE,YAAA,EAAc;QAAGC,KAAA,EAAO;QAAQT,KAAA,EAAO;MAAO;MAElEb,QAAA,EAAAD;IAAA,CACH,IAEA,eAAAH,GAAA,CAACP,IAAA;MAAM,GAAGkB,SAAA,CAAUR,KAAA;MAAQ,GAAGQ,SAAA,CAAUa,OAAA;MAASG,IAAA,EAAK;MAAU,cAAY;MAC1EvB,QAAA,EAAAD;IAAA,CACH,IAEA,MACHC,QAAA;EAAA,CACH;AAEJ;AAMO,MAAMwB,QAAA,GAAW1B,WAAA;AAcjB,SAAS2B,iBAAiB;EAAEzB,QAAA;EAAUE;AAAI,GAA0B;EACzE,MAAM;IAAEK;EAAU,IAAInB,gBAAA,CAAiB;EACvC,MAAMoB,WAAA,GAAcN,GAAA,IAAOK,SAAA,CAAUmB,KAAA,CAAMxB,GAAA;EAC3C,OACE,eAAAN,GAAA,CAACN,MAAA;IACC,+BAA4B;IAC5B,oBAAkBoB,MAAA,CAAOF,WAAW;IACpC,gBAAcD,SAAA,CAAUI,OAAA;IACxB,aAAWJ,SAAA,CAAUK,IAAA;IACrBV,GAAA,EAAKM,WAAA;IACLK,KAAA,EAAM;IAELb;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","Text","YStack","isWeb","formReadableMaxWidth","formFieldGap","formReadableMaxWidth2","formSectionGap","jsx","jsxs","FormSection","label","children","maxWidth","gap","testID","fieldset","compact","useFieldset","knobProps","resolvedGap","render","String","density","size","width","alignSelf","style","borderWidth","margin","minWidth","padding","fontWeight","color","textAccentColor","marginBottom","float","role","Fieldset","props","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;AA+IrC,SAASC,YAAA,EAAcD,oBAAA,IAAAE,qBAAA,EAAsBC,cAAA,QAAsB;AA3F/D,SA0BMC,GAAA,EA1BNC,IAAA;AAdG,SAASC,YAAY;EAC1BC,KAAA;EACAC,QAAA;EACAC,QAAA,GAAWT,oBAAA;EACXU,GAAA;EACAC,MAAA;EACAC,QAAA,GAAW;EACXC;AACF,GAAqB;EACnB,MAAMC,WAAA,GAAcF,QAAA,IAAYb,KAAA;EAChC,MAAM;IAAEgB;EAAU,IAAInB,gBAAA,CAAiBiB,OAAA,KAAY,SAAY,SAAY;IAAEA;EAAQ,CAAC;EACtF,MAAMG,WAAA,GAAcN,GAAA,IAAOK,SAAA,CAAUL,GAAA,CAAIA,GAAA;EAEzC,OACE,eAAAL,IAAA,CAACP,MAAA;IACE,IAAIgB,WAAA,GAAc;MAAEG,MAAA,EAAQ;IAAoB,IAAI,CAAC;IACtD,yBAAsB;IACtB,qBAAmBH,WAAA,GAAc,KAAK;IACtC,kBAAgBI,MAAA,CAAOF,WAAW;IAClC,gBAAcD,SAAA,CAAUI,OAAA;IACxB,aAAWJ,SAAA,CAAUK,IAAA;IACrB,eAAaT,MAAA;IACbD,GAAA,EAAKM,WAAA;IACLK,KAAA,EAAM;IACNZ,QAAA,EAAUA,QAAA,KAAa,UAAU,SAAYA,QAAA;IAC7Ca,SAAA,EAAWb,QAAA,KAAa,UAAU,SAAY;IAE7C,IAAIK,WAAA,GACD;MACES,KAAA,EAAO;QACLC,WAAA,EAAa;QACbC,MAAA,EAAQ;QACRC,QAAA,EAAU;QACVC,OAAA,EAAS;MACX;IACF,IACA,CAAC;IAEJnB,QAAA,GAAAD,KAAA,GACCO,WAAA,GACE,eAAAV,GAAA,CAACP,IAAA;MACCoB,MAAA,EAAO;MACP,mBAAgB;MACf,GAAGF,SAAA,CAAUR,KAAA;MACdqB,UAAA,EAAW;MACXC,KAAA,EAAOd,SAAA,CAAUe,eAAA;MAEjBP,KAAA,EAAO;QAAEI,OAAA,EAAS;QAAGI,YAAA,EAAc;QAAGC,KAAA,EAAO;QAAQX,KAAA,EAAO;MAAO;MAElEb,QAAA,EAAAD;IAAA,CACH,IAEA,eAAAH,GAAA,CAACP,IAAA;MACE,GAAGkB,SAAA,CAAUR,KAAA;MACdqB,UAAA,EAAW;MACXC,KAAA,EAAOd,SAAA,CAAUe,eAAA;MACjBG,IAAA,EAAK;MACL,cAAY;MAEXzB,QAAA,EAAAD;IAAA,CACH,IAEA,MACHC,QAAA;EAAA,CACH;AAEJ;AAMO,SAAS0B,SAASC,KAAA,EAAyB;EAChD,OAAO,eAAA/B,GAAA,CAACE,WAAA;IAAa,GAAG6B;EAAA,CAAO;AACjC;AAcO,SAASC,iBAAiB;EAAE5B,QAAA;EAAUE;AAAI,GAA0B;EACzE,MAAM;IAAEK;EAAU,IAAInB,gBAAA,CAAiB;EACvC,MAAMoB,WAAA,GAAcN,GAAA,IAAOK,SAAA,CAAUsB,KAAA,CAAM3B,GAAA;EAC3C,OACE,eAAAN,GAAA,CAACN,MAAA;IACC,+BAA4B;IAC5B,oBAAkBoB,MAAA,CAAOF,WAAW;IACpC,gBAAcD,SAAA,CAAUI,OAAA;IACxB,aAAWJ,SAAA,CAAUK,IAAA;IACrBV,GAAA,EAAKM,WAAA;IACLK,KAAA,EAAM;IAELb;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/jsx/FormSection.native.js

@@ -79,8 +79,10 @@ function FormSection(param) {
     } : {}),
     children: [label ? useFieldset ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       render: "legend",
+      "data-mpo-legend": "",
       ...knobProps.label,
-      ...knobProps.heading,
+      fontWeight: "400",
+      color: knobProps.textAccentColor,
       // legend is inline by default; stretch to a full heading row
       style: {
         padding: 0,
@@ -91,14 +93,19 @@ function FormSection(param) {
       children: label
     }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       ...knobProps.label,
-      ...knobProps.heading,
+      fontWeight: "400",
+      color: knobProps.textAccentColor,
       role: "heading",
       "aria-level": 3,
       children: label
     }) : null, children]
   });
 }
-var Fieldset = FormSection;
+function Fieldset(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormSection, {
+    ...props
+  });
+}
 function FormSectionStack(param) {
   var {
     children,

package/dist/jsx/FormSection.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","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","compact","useFieldset","isWeb","knobProps","useResolvedKnobs","resolvedGap","jsxs","YStack","render","String","density","size","width","alignSelf","style","borderWidth","margin","minWidth","padding","jsx","Text","heading","marginBottom"],"sources":["../../src/FormSection.tsx"],"sourcesContent":[null],"mappings":"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","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","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","compact","useFieldset","isWeb","knobProps","useResolvedKnobs","resolvedGap","jsxs","YStack","render","String","density","size","width","alignSelf","style","borderWidth","margin","minWidth","padding","jsx","Text","fontWeight","color","textAccentColor","marginBottom","float","role","props","gapLg"],"sources":["FormSection.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar FormSection_exports = {};\n__export(FormSection_exports, {\n  Fieldset: () => Fieldset,\n  FormSection: () => FormSection,\n  FormSectionStack: () => FormSectionStack,\n  formFieldGap: () => import_formSpacing2.formFieldGap,\n  formReadableMaxWidth: () => import_formSpacing2.formReadableMaxWidth,\n  formSectionGap: () => import_formSpacing2.formSectionGap\n});\nmodule.exports = __toCommonJS(FormSection_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_tamagui = require(\"tamagui\");\nvar import_formSpacing = require(\"./formSpacing\");\nvar import_formSpacing2 = require(\"./formSpacing\");\nfunction FormSection(param) {\n  var { label, children, maxWidth = import_formSpacing.formReadableMaxWidth, gap, testID, fieldset = true, compact } = param;\n  var useFieldset = fieldset && import_tamagui.isWeb;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {\n    compact\n  });\n  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    ...useFieldset ? {\n      render: \"fieldset\"\n    } : {},\n    \"data-mpo-form-section\": \"\",\n    \"data-mpo-fieldset\": useFieldset ? \"\" : void 0,\n    \"data-field-gap\": String(resolvedGap),\n    \"data-density\": knobProps.density,\n    \"data-size\": knobProps.size,\n    \"data-testid\": testID,\n    gap: resolvedGap,\n    width: \"100%\",\n    maxWidth: maxWidth === \"fluid\" ? void 0 : maxWidth,\n    alignSelf: maxWidth === \"fluid\" ? void 0 : \"flex-start\",\n    // Reset browser fieldset chrome; we own spacing via tokens.\n    ...useFieldset ? {\n      style: {\n        borderWidth: 0,\n        margin: 0,\n        minWidth: 0,\n        padding: 0\n      }\n    } : {},\n    children: [\n      label ? useFieldset ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n        render: \"legend\",\n        \"data-mpo-legend\": \"\",\n        ...knobProps.label,\n        fontWeight: \"400\",\n        color: knobProps.textAccentColor,\n        // legend is inline by default; stretch to a full heading row\n        style: {\n          padding: 0,\n          marginBottom: 0,\n          float: \"left\",\n          width: \"100%\"\n        },\n        children: label\n      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n        ...knobProps.label,\n        fontWeight: \"400\",\n        color: knobProps.textAccentColor,\n        role: \"heading\",\n        \"aria-level\": 3,\n        children: label\n      }) : null,\n      children\n    ]\n  });\n}\nfunction Fieldset(props) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormSection, {\n    ...props\n  });\n}\nfunction FormSectionStack(param) {\n  var { children, gap } = param;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\n  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gapLg.gap;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    \"data-mpo-form-section-stack\": \"\",\n    \"data-section-gap\": String(resolvedGap),\n    \"data-density\": knobProps.density,\n    \"data-size\": knobProps.size,\n    gap: resolvedGap,\n    width: \"100%\",\n    children\n  });\n}\n//# sourceMappingURL=FormSection.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/jsx/InputParts/index.mjs

@@ -2,7 +2,7 @@ import { getFontSized } from "@tamagui/get-font-sized";
 import { useEffect, useState } from "react";
 import { Pressable as RNPressable } from "react-native-web";
 import { Button as TButton, Input as TInput, Label, Text, View, XGroup, createStyledContext, getVariable, isWeb, styled, useGetThemedIcon, useTheme } from "tamagui";
-import { ensureCompositeFocusRing, ensureFocusVisibleRing, isTouchSurface, recipeFamilies, sizeRecipeBoxVariants, sizeRecipeForToken, sizeRecipeIconVariants, sizeRecipeTypeVariants, useResolvedKnobs, warnOutlineNone, warnPositiveTabIndex, warnSizeRecipeEscape } from "@multiplatform.one/theme";
+import { ensureCompositeFocusRing, ensureFocusVisibleRing, isTouchSurface, recipeFamilies, resolveGlyphPaint, sizeRecipeBoxVariants, sizeRecipeForToken, sizeRecipeIconVariants, sizeRecipeTypeVariants, textFieldInset, useResolvedKnobs, warnOutlineNone, warnPositiveTabIndex, warnSizeRecipeEscape } from "@multiplatform.one/theme";
 import { formButtonColors, formCommonColors, formInputColors } from "../shared/colorRamps.mjs";
 import { useControlGrouped } from "../shared/groupContext.mjs";
 import { useIsInTableCell } from "../shared/tableCellContext.mjs";
@@ -167,6 +167,11 @@ const inputPartsRingCss = `/* LC-71: ring on Box (adornments inside); Area never
 [data-mp-input-box] [contenteditable] {
   outline: none !important;
   box-shadow: none !important;
+}
+/* LC-84: Area is chromeless. Zero UA pad on the single-line input only \u2014
+   textarea keeps ThemedTextArea's equal padX/padY inset. */
+input[data-mp-input-area] {
+  padding: 0 !important;
 }`;
 const INPUT_PARTS_RING_STYLE_ID = "mp-input-parts-ring-anatomy";
 function ensureInputPartsFocusRing() {
@@ -253,54 +258,6 @@ const InputGroupFrame = styled(XGroup, {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });
-const nativeElevationShadow = {
-  $1: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.12,
-    // house light angle: blur = 2 x y-offset on every tier (Axiom 14)
-    shadowRadius: 2,
-    elevation: 2
-  },
-  $2: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 3
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 6,
-    elevation: 4
-  },
-  $4: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 10
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 20,
-    elevation: 8
-  }
-};
-const elevationKeyAlias = {
-  "20": "$1",
-  "28": "$2",
-  "44": "$4"
-};
-function getBoxElevationProps(token) {
-  if (token == null) return {
-    elevation: void 0
-  };
-  if (isWeb) return {
-    elevation: token
-  };
-  const key = elevationKeyAlias[String(token)] ?? String(token);
-  return nativeElevationShadow[key] || nativeElevationShadow.$2;
-}
 function wrapNativePressable(onPress, disabled, node) {
   if (isWeb || !onPress) return node;
   return /* @__PURE__ */jsx(RNPressable, {
@@ -345,7 +302,8 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
     disabled
   };
   const paintsRing = !grouped && !inTableCell;
-  const boxOverflow = paintsRing ? "hidden" : "visible";
+  const hasElevation = knobProps.elevation != null;
+  const boxOverflow = paintsRing && !(hasElevation && !isWeb) ? "hidden" : "visible";
   const ringMode = boxRingMode(boxOverflow, paintsRing);
   if (isWeb) {
     ensureCompositeFocusRing();
@@ -393,6 +351,10 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
       paddingHorizontal: paddingHorizontalProp
     } : void 0)
   };
+  const fieldInset = heightProp === "auto" ? 0 : textFieldInset(familyRecipe);
+  const insetPadProps = sizeRecipeEscaped || typeof paddingHorizontalProp !== "number" && paddingHorizontalProp != null ? void 0 : {
+    paddingHorizontal: fieldInset
+  };
   if (inTableCell) {
     return /* @__PURE__ */jsx(FocusContext.Provider, {
       focused,
@@ -410,6 +372,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
         elevation: void 0,
         ...props,
         ...passthroughSizeProps,
+        ...insetPadProps,
         ...sizeRecipeEscapeOverride,
         ...framePressProps,
         ...boxRingAttrs,
@@ -428,6 +391,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
       elevation: void 0,
       ...props,
       ...passthroughSizeProps,
+      ...insetPadProps,
       ...sizeRecipeEscapeOverride,
       ...framePressProps,
       ...boxRingAttrs,
@@ -453,8 +417,10 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
       ...knobProps.body,
       size: knobProps.sizeToken,
       ...controlFragment,
-      backgroundColor: knobProps.outlined ? "transparent" : formInputColors.background.base,
-      ...getBoxElevationProps(knobProps.elevation),
+      backgroundColor: knobProps.inputBackground,
+      ...(knobProps.elevation == null ? {
+        elevation: void 0
+      } : knobProps.elevationChrome),
       ...knobProps.borderRadius,
       ...getInputFrameTransitionProps(typeof knobProps.transition === "string" ? knobProps.transition : void 0),
       hoverStyle: {
@@ -476,6 +442,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
       }),
       ...props,
       ...passthroughSizeProps,
+      ...insetPadProps,
       ...sizeRecipeEscapeOverride,
       ...framePressProps,
       ...boxRingAttrs,
@@ -510,13 +477,35 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
     }))
   });
 });
+const KEYBOARD_TO_INPUT_MODE = {
+  "phone-pad": "tel",
+  "number-pad": "numeric",
+  "decimal-pad": "decimal",
+  "email-address": "email",
+  numeric: "numeric"
+};
+const INPUT_MODE_TO_KEYBOARD = {
+  tel: "phone-pad",
+  numeric: "number-pad",
+  decimal: "decimal-pad",
+  email: "email-address"
+};
+function mapKeyboardTypeToInputMode(keyboardType) {
+  if (!keyboardType) return void 0;
+  return KEYBOARD_TO_INPUT_MODE[keyboardType];
+}
+function mapInputModeToKeyboardType(inputMode) {
+  if (!inputMode) return void 0;
+  return INPUT_MODE_TO_KEYBOARD[inputMode];
+}
 const inputSizeVariant = (val = "$true") => {
   const recipe = sizeRecipeForToken(String(val || "$true"), {
     touch: isTouchSurface()
   });
   return {
     fontSize: recipe.fontSize,
-    paddingHorizontal: recipe.paddingHorizontal
+    // LC-84: Area is chromeless — inset lives on Input.Box / ThemedTextArea.
+    paddingHorizontal: 0
   };
 };
 const InputFrame = styled(TInput, {
@@ -525,6 +514,10 @@ const InputFrame = styled(TInput, {
   // LC-71: the Area never paints a ring. Chrome's UA :focus-visible outline
   // on <input> is the "ring cuts the control in half" defect (magnifier sits
   // outside). Kill it at rest and on focus; the Box owns the ring.
+  // LC-84: Area is chromeless — pad lives on Box (or ThemedTextArea).
+  padding: 0,
+  paddingHorizontal: 0,
+  paddingVertical: 0,
   outlineWidth: 0,
   outlineStyle: "none",
   outlineColor: "transparent",
@@ -569,6 +562,7 @@ const InputAreaImpl = InputFrame.styleable((areaProps, ref) => {
     focusStyle: focusStyleProp,
     focusVisibleStyle: focusVisibleStyleProp,
     className: classNameProp,
+    inputMode: inputModeProp,
     ...props
   } = areaProps;
   const {
@@ -579,6 +573,8 @@ const InputAreaImpl = InputFrame.styleable((areaProps, ref) => {
   const nativeA11yProps = useNativeFieldA11yProps();
   const inTableCell = useIsInTableCell();
   if (isWeb) ensureInputPartsFocusRing();
+  const resolvedInputMode = inputModeProp ?? mapKeyboardTypeToInputMode(keyboardType);
+  const resolvedKeyboardType = keyboardType ?? mapInputModeToKeyboardType(resolvedInputMode);
   return (
     // LC-06/LC-10 (UX-P12): in a table cell the flex wrapper and the raw
     // input must be allowed to shrink below the <input>'s intrinsic width
@@ -605,8 +601,13 @@ const InputAreaImpl = InputFrame.styleable((areaProps, ref) => {
         } : void 0),
         ...knobProps.body,
         type: secureTextEntry ? "password" : props.type,
-        inputMode: keyboardType === "numeric" ? "numeric" : keyboardType === "email-address" ? "email" : void 0,
-        autoComplete: textContentType === "emailAddress" ? "email" : textContentType === "password" ? "current-password" : void 0,
+        padding: 0,
+        paddingHorizontal: 0,
+        paddingVertical: 0,
+        keyboardType: resolvedKeyboardType,
+        textContentType,
+        inputMode: resolvedInputMode,
+        autoComplete: textContentType === "emailAddress" ? "email" : textContentType === "password" ? "current-password" : textContentType === "telephoneNumber" ? "tel" : textContentType === "oneTimeCode" ? "one-time-code" : void 0,
         ...props,
         ...webAreaAttrs(classNameProp),
         ...AREA_NO_OUTLINE,
@@ -668,13 +669,84 @@ const InputButton = styled(TButton, {
     }
   }
 });
-const InputButtonImpl = InputButton.styleable((props, ref) => {
+const InputGlyphButton = styled(View, {
+  name: "InputGlyphButton",
+  context: InputContext,
+  justifyContent: "center",
+  alignItems: "center",
+  backgroundColor: "transparent",
+  borderWidth: 0,
+  borderRadius: 0,
+  cursor: "pointer",
+  flexShrink: 0,
+  outlineWidth: 0,
+  focusStyle: {
+    outlineWidth: 0
+  },
+  focusVisibleStyle: {
+    outlineWidth: 0
+  },
+  variants: {
+    scaleIcon: {
+      ":number": {}
+    },
+    size: {
+      ...sizeRecipeEndCapVariants,
+      "...size": sizeRecipeEndCapFallback
+    }
+  }
+});
+const InputButtonImpl = InputButton.styleable((buttonProps, ref) => {
   const {
-    size
+    children,
+    color: colorProp,
+    glyphRing,
+    size: sizeProp,
+    tabIndex: tabIndexProp,
+    className,
+    ...props
+  } = buttonProps;
+  const {
+    size: contextSize,
+    color: contextColor
   } = InputContext.useStyledContext();
   const {
     knobProps
   } = useResolvedKnobs();
+  const theme = useTheme();
+  const size = sizeProp ?? contextSize;
+  const paint = resolveGlyphPaint(theme, colorProp ?? contextColor);
+  const getThemedIcon = useGetThemedIcon({
+    size: knobProps.controlIcon.width,
+    color: paint
+  });
+  if (glyphRing) {
+    const square2 = sizeRecipeForToken(String(size ?? "$true"), {
+      touch: isTouchSurface()
+    }).height;
+    const disabled = props.disabled === true;
+    if (isWeb) ensureCompositeFocusRing();
+    return /* @__PURE__ */jsx(InputGlyphButton, {
+      ref,
+      role: "button",
+      size,
+      height: square2,
+      width: square2,
+      paddingHorizontal: 0,
+      opacity: disabled ? 0.5 : 1,
+      ...props,
+      "aria-disabled": disabled || void 0,
+      tabIndex: tabIndexProp ?? (disabled ? -1 : 0),
+      className: isWeb ? ["mp-chip-dismiss", className].filter(Boolean).join(" ") : className ?? void 0,
+      "data-end-cap": square2,
+      children: /* @__PURE__ */jsx(View, {
+        className: isWeb ? "mp-chip-dismiss-ring" : void 0,
+        alignItems: "center",
+        justifyContent: "center",
+        children
+      })
+    });
+  }
   const square = knobProps.control.height;
   return /* @__PURE__ */jsx(InputButton, {
     ref,
@@ -682,8 +754,13 @@ const InputButtonImpl = InputButton.styleable((props, ref) => {
     height: square,
     width: square,
     paddingHorizontal: 0,
+    color: paint,
+    focusable: false,
     tabIndex: -1,
-    ...props
+    className,
+    "data-end-cap": square,
+    ...props,
+    children: getThemedIcon(children)
   });
 });
 const InputIconFrame = styled(View, {
@@ -723,7 +800,7 @@ const InputIcon = InputIconFrame.styleable((iconProps, ref) => {
   const resolvedScaleIcon = scaleIconProp ?? scaleIcon;
   const theme = useTheme();
   const rawColor = colorProp ?? contextColor;
-  const color = getVariable(rawColor ? theme[rawColor]?.get("web") ?? rawColor : theme.borderColor?.get("web"));
+  const color = getVariable(resolveGlyphPaint(theme, rawColor ? String(rawColor) : "borderColor"));
   const iconSize = knobProps.controlIcon.width * resolvedScaleIcon;
   const getThemedIcon = useGetThemedIcon({
     size: iconSize,
@@ -939,5 +1016,5 @@ const InputCompound = Object.assign(InputContainerImpl, {
   })
 });
 const Input = InputCompound;
-export { FocusContext, FocusWiredTextArea, Input, InputContainerFrame, InputContext, InputFieldMeta, InputIconFrame, InputInfo, InputLabel, boxRingMode, boxRingOffset, defaultInputGroupStyles, ensureInputPartsFocusRing, getInputFrameTransitionProps, inputPartsRingCss, inputSizeVariant, useForwardFocus };
+export { FocusContext, FocusWiredTextArea, INPUT_MODE_TO_KEYBOARD, Input, InputContainerFrame, InputContext, InputFieldMeta, InputIconFrame, InputInfo, InputLabel, KEYBOARD_TO_INPUT_MODE, boxRingMode, boxRingOffset, defaultInputGroupStyles, ensureInputPartsFocusRing, getInputFrameTransitionProps, inputPartsRingCss, inputSizeVariant, mapInputModeToKeyboardType, mapKeyboardTypeToInputMode, useForwardFocus };
 //# sourceMappingURL=index.mjs.map