@multiplatform.one/forms 6.6.0 → 7.0.0

package/dist/jsx/FormGrid.mjs

@@ -1,4 +1,5 @@
 import { Children, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { XStack, YStack, isWeb, useMedia } from "tamagui";
 import { jsx } from "react/jsx-runtime";
 const FORM_GRID_COLLAPSE_WIDTH = 480;
@@ -8,21 +9,33 @@ function resolveWideColumns(columns, maxColumns) {
 function FormGrid({
   columns = 1,
   maxColumns = 2,
-  gap = 16,
+  gap,
+  compact,
   children
 }) {
+  const {
+    knobProps
+  } = useResolvedKnobs(compact === void 0 ? void 0 : {
+    compact
+  });
+  const resolvedGap = gap ?? knobProps.gap.gap;
   const wideColumns = resolveWideColumns(columns, maxColumns);
   if (isWeb) {
     return /* @__PURE__ */jsx(FormGridWeb, {
       columns: wideColumns,
       maxColumns,
-      gap,
+      gap: resolvedGap,
+      density: knobProps.density,
+      size: knobProps.size,
       children
     });
   }
   return /* @__PURE__ */jsx(FormGridNative, {
     columns: wideColumns,
-    gap,
+    maxColumns,
+    gap: resolvedGap,
+    density: knobProps.density,
+    size: knobProps.size,
     children
   });
 }
@@ -30,6 +43,8 @@ function FormGridWeb({
   columns,
   maxColumns,
   gap,
+  density,
+  size,
   children
 }) {
   const ref = useRef(null);
@@ -59,24 +74,32 @@ function FormGridWeb({
   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", {
+  return /* @__PURE__ */jsx(YStack, {
     ref,
     "data-mpo-form-grid": "",
     "data-columns": effectiveColumns,
     "data-max-columns": maxColumns,
     "data-requested-columns": columns,
+    "data-gap": String(gap),
+    "data-density": density,
+    "data-size": size,
+    gap,
+    width: "100%",
+    minWidth: 0,
     style,
     children
   });
 }
 function FormGridNative({
   columns,
+  maxColumns,
   gap,
+  density,
+  size,
   children
 }) {
   const media = useMedia();
@@ -98,13 +121,19 @@ function FormGridNative({
   }
   return /* @__PURE__ */jsx(YStack, {
     gap,
+    width: "100%",
+    "data-mpo-form-grid": "",
     "data-columns": effectiveColumns,
-    "data-max-columns": columns,
+    "data-max-columns": maxColumns,
     "data-requested-columns": columns,
+    "data-gap": String(gap),
+    "data-density": density,
+    "data-size": size,
     children: rows.map((row, rowIndex) => /* @__PURE__ */jsx(XStack, {
       gap,
       children: row.map((child, colIndex) => /* @__PURE__ */jsx(YStack, {
         flex: 1,
+        minWidth: 0,
         children: child
       }, colIndex))
     }, rowIndex))

package/dist/jsx/FormGrid.mjs.map

@@ -1 +1 @@
-{"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":"AAAA,SACEA,QAAA,EACAC,SAAA,EACAC,eAAA,EACAC,MAAA,EACAC,QAAA,QAGK;AACP,SAASC,MAAA,EAAQC,MAAA,EAAQC,KAAA,EAAOC,QAAA,QAAgB;AA4C1C,SAAAC,GAAA;AAzCC,MAAMC,wBAAA,GAA2B;AAoBxC,SAASC,mBACPC,OAAA,EACAC,UAAA,EACiB;EACjB,OAAOC,IAAA,CAAKC,GAAA,CAAIH,OAAA,EAASC,UAAU;AACrC;AAWO,SAASG,SAAS;EAAEJ,OAAA,GAAU;EAAGC,UAAA,GAAa;EAAGI,GAAA,GAAM;EAAIC;AAAS,GAAkB;EAC3F,MAAMC,WAAA,GAAcR,kBAAA,CAAmBC,OAAA,EAASC,UAAU;EAE1D,IAAIN,KAAA,EAAO;IACT,OACE,eAAAE,GAAA,CAACW,WAAA;MAAYR,OAAA,EAASO,WAAA;MAAaN,UAAA;MAAwBI,GAAA;MACxDC;IAAA,CACH;EAEJ;EAEA,OACE,eAAAT,GAAA,CAACY,cAAA;IAAeT,OAAA,EAASO,WAAA;IAAaF,GAAA;IACnCC;EAAA,CACH;AAEJ;AAEA,SAASE,YAAY;EACnBR,OAAA;EACAC,UAAA;EACAI,GAAA;EACAC;AACF,GAKG;EACD,MAAMI,GAAA,GAAMnB,MAAA,CAAuB,IAAI;EACvC,MAAM,CAACoB,aAAA,EAAeC,gBAAgB,IAAIpB,QAAA,CAAS,IAAI;EAEvDF,eAAA,CAAgB,MAAM;IACpB,MAAMuB,EAAA,GAAKH,GAAA,CAAII,OAAA;IACf,IAAI,CAACD,EAAA,IAAMb,OAAA,IAAW,GAAG;MACvBY,gBAAA,CAAiB,IAAI;MACrB;IACF;IAEA,MAAMG,MAAA,GAAUC,KAAA,IAAkB;MAChCJ,gBAAA,CAAiBI,KAAA,IAASlB,wBAAwB;IACpD;IAEAiB,MAAA,CAAOF,EAAA,CAAGI,qBAAA,CAAsB,EAAED,KAAK;IAEvC,IAAI,OAAOE,cAAA,KAAmB,aAAa;MACzC,MAAMC,QAAA,GAAWA,CAAA,KAAMJ,MAAA,CAAOF,EAAA,CAAGI,qBAAA,CAAsB,EAAED,KAAK;MAC9DI,MAAA,CAAOC,gBAAA,CAAiB,UAAUF,QAAQ;MAC1C,OAAO,MAAMC,MAAA,CAAOE,mBAAA,CAAoB,UAAUH,QAAQ;IAC5D;IAEA,MAAMI,EAAA,GAAK,IAAIL,cAAA,CAAgBM,OAAA,IAAY;MACzC,MAAMR,KAAA,GAAQQ,OAAA,CAAQ,CAAC,GAAGC,WAAA,CAAYT,KAAA,IAASH,EAAA,CAAGI,qBAAA,CAAsB,EAAED,KAAA;MAC1ED,MAAA,CAAOC,KAAK;IACd,CAAC;IACDO,EAAA,CAAGG,OAAA,CAAQb,EAAE;IACb,OAAO,MAAMU,EAAA,CAAGI,UAAA,CAAW;EAC7B,GAAG,CAAC3B,OAAO,CAAC;EAEZ,MAAM4B,gBAAA,GAAoC5B,OAAA,IAAW,KAAK,CAACW,aAAA,GAAgB,IAAIX,OAAA;EAE/E,MAAM6B,KAAA,GAAuB;IAC3BC,OAAA,EAAS;IACTzB,GAAA,EAAK,GAAGA,GAAG;IACX0B,mBAAA,EAAqB,UAAUH,gBAAgB;IAAA;IAE/CI,aAAA,EAAehC,OAAA,GAAU,IAAI,gBAAgB;EAC/C;EAEA,OACE,eAAAH,GAAA,CAAC;IACCa,GAAA;IACA,sBAAmB;IACnB,gBAAckB,gBAAA;IACd,oBAAkB3B,UAAA;IAClB,0BAAwBD,OAAA;IACxB6B,KAAA;IAECvB;EAAA,CACH;AAEJ;AAEA,SAASG,eAAe;EACtBT,OAAA;EACAK,GAAA;EACAC;AACF,GAIG;EACD,MAAM2B,KAAA,GAAQrC,QAAA,CAAS;EAIvB,MAAMsC,eAAA,GACJ,OAAOd,MAAA,KAAW,eAClB,OAAOA,MAAA,CAAOC,gBAAA,KAAqB,cACnC,OAAOD,MAAA,CAAOe,UAAA,KAAe;EAG/B,MAAM,CAACC,eAAA,EAAiBC,kBAAkB,IAAI7C,QAAA,CAAS,MACrD0C,eAAA,GAAkBd,MAAA,CAAOe,UAAA,IAAcrC,wBAAA,GAA2B,IACpE;EAEAT,SAAA,CAAU,MAAM;IACd,IAAI,CAAC6C,eAAA,EAAiB;IACtB,MAAMI,OAAA,GAAUA,CAAA,KAAMD,kBAAA,CAAmBjB,MAAA,CAAOe,UAAA,IAAcrC,wBAAwB;IACtFwC,OAAA,CAAQ;IACRlB,MAAA,CAAOC,gBAAA,CAAiB,UAAUiB,OAAO;IACzC,OAAO,MAAMlB,MAAA,CAAOE,mBAAA,CAAoB,UAAUgB,OAAO;EAC3D,GAAG,CAACJ,eAAe,CAAC;EAEpB,MAAMK,YAAA,GAAeL,eAAA,GAAkBE,eAAA,GAAkBH,KAAA,CAAMO,IAAA,KAAS;EACxE,MAAMZ,gBAAA,GAAoC5B,OAAA,IAAW,KAAK,CAACuC,YAAA,GAAe,IAAIvC,OAAA;EAE9E,MAAMyC,UAAA,GAAarD,QAAA,CAASsD,OAAA,CAAQpC,QAAQ;EAC5C,MAAMqC,IAAA,GAAsB,EAAC;EAC7B,SAASC,CAAA,GAAI,GAAGA,CAAA,GAAIH,UAAA,CAAWI,MAAA,EAAQD,CAAA,IAAKhB,gBAAA,EAAkB;IAC5De,IAAA,CAAKG,IAAA,CAAKL,UAAA,CAAWM,KAAA,CAAMH,CAAA,EAAGA,CAAA,GAAIhB,gBAAgB,CAAC;EACrD;EAEA,OACE,eAAA/B,GAAA,CAACH,MAAA;IACCW,GAAA;IACA,gBAAcuB,gBAAA;IACd,oBAAkB5B,OAAA;IAClB,0BAAwBA,OAAA;IAEvBM,QAAA,EAAAqC,IAAA,CAAKK,GAAA,CAAI,CAACC,GAAA,EAAKC,QAAA,KACd,eAAArD,GAAA,CAACJ,MAAA;MAAsBY,GAAA;MACpBC,QAAA,EAAA2C,GAAA,CAAID,GAAA,CAAI,CAACG,KAAA,EAAOC,QAAA,KACf,eAAAvD,GAAA,CAACH,MAAA;QAAsB2D,IAAA,EAAM;QAC1B/C,QAAA,EAAA6C;MAAA,GADUC,QAEb,CACD;IAAA,GALUF,QAMb,CACD;EAAA,CACH;AAEJ","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","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","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

@@ -30,6 +30,7 @@ __export(FormGrid_exports, {
 module.exports = __toCommonJS(FormGrid_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var FORM_GRID_COLLAPSE_WIDTH = 480;
 function resolveWideColumns(columns, maxColumns) {
@@ -39,21 +40,33 @@ function FormGrid(param) {
   var {
     columns = 1,
     maxColumns = 2,
-    gap = 16,
+    gap,
+    compact,
     children
   } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {
+    compact
+  });
+  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;
   var wideColumns = resolveWideColumns(columns, maxColumns);
   if (import_tamagui.isWeb) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormGridWeb, {
       columns: wideColumns,
       maxColumns,
-      gap,
+      gap: resolvedGap,
+      density: knobProps.density,
+      size: knobProps.size,
       children
     });
   }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormGridNative, {
     columns: wideColumns,
-    gap,
+    maxColumns,
+    gap: resolvedGap,
+    density: knobProps.density,
+    size: knobProps.size,
     children
   });
 }
@@ -62,6 +75,8 @@ function FormGridWeb(param) {
     columns,
     maxColumns,
     gap,
+    density,
+    size,
     children
   } = param;
   var ref = (0, import_react.useRef)(null);
@@ -99,17 +114,22 @@ function FormGridWeb(param) {
   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", {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     ref,
     "data-mpo-form-grid": "",
     "data-columns": effectiveColumns,
     "data-max-columns": maxColumns,
     "data-requested-columns": columns,
+    "data-gap": String(gap),
+    "data-density": density,
+    "data-size": size,
+    gap,
+    width: "100%",
+    minWidth: 0,
     style,
     children
   });
@@ -117,7 +137,10 @@ function FormGridWeb(param) {
 function FormGridNative(param) {
   var {
     columns,
+    maxColumns,
     gap,
+    density,
+    size,
     children
   } = param;
   var media = (0, import_tamagui.useMedia)();
@@ -145,15 +168,21 @@ function FormGridNative(param) {
   }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     gap,
+    width: "100%",
+    "data-mpo-form-grid": "",
     "data-columns": effectiveColumns,
-    "data-max-columns": columns,
+    "data-max-columns": maxColumns,
     "data-requested-columns": columns,
+    "data-gap": String(gap),
+    "data-density": density,
+    "data-size": size,
     children: rows.map(function (row, rowIndex) {
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
         gap,
         children: row.map(function (child, colIndex) {
           return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
             flex: 1,
+            minWidth: 0,
             children: child
           }, colIndex);
         })

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_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":[]}
+{"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","gtSm","childArray","Children","toArray","rows","i","length","push","slice"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/FormSection.mjs

@@ -9,12 +9,15 @@ function FormSection({
   maxWidth = formReadableMaxWidth,
   gap,
   testID,
-  fieldset = true
+  fieldset = true,
+  compact
 }) {
   const useFieldset = fieldset && isWeb;
   const {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs(compact === void 0 ? void 0 : {
+    compact
+  });
   const resolvedGap = gap ?? knobProps.gap.gap;
   return /* @__PURE__ */jsxs(YStack, {
     ...(useFieldset ? {
@@ -23,6 +26,8 @@ function FormSection({
     "data-mpo-form-section": "",
     "data-mpo-fieldset": useFieldset ? "" : void 0,
     "data-field-gap": String(resolvedGap),
+    "data-density": knobProps.density,
+    "data-size": knobProps.size,
     "data-testid": testID,
     gap: resolvedGap,
     width: "100%",
@@ -38,8 +43,8 @@ function FormSection({
     } : {}),
     children: [label ? useFieldset ? /* @__PURE__ */jsx(Text, {
       render: "legend",
-      fontWeight: "600",
-      fontSize: "$5",
+      ...knobProps.label,
+      ...knobProps.heading,
       style: {
         padding: 0,
         marginBottom: 0,
@@ -48,8 +53,8 @@ function FormSection({
       },
       children: label
     }) : /* @__PURE__ */jsx(Text, {
-      fontWeight: "600",
-      fontSize: "$5",
+      ...knobProps.label,
+      ...knobProps.heading,
       role: "heading",
       "aria-level": 3,
       children: label
@@ -68,6 +73,8 @@ function FormSectionStack({
   return /* @__PURE__ */jsx(YStack, {
     "data-mpo-form-section-stack": "",
     "data-section-gap": String(resolvedGap),
+    "data-density": knobProps.density,
+    "data-size": knobProps.size,
     gap: resolvedGap,
     width: "100%",
     children

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","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":[]}
+{"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":[]}

package/dist/jsx/FormSection.native.js

@@ -44,12 +44,15 @@ function FormSection(param) {
     maxWidth = import_formSpacing.formReadableMaxWidth,
     gap,
     testID,
-    fieldset = true
+    fieldset = true,
+    compact
   } = param;
   var useFieldset = fieldset && import_tamagui.isWeb;
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {
+    compact
+  });
   var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     ...(useFieldset ? {
@@ -58,6 +61,8 @@ function FormSection(param) {
     "data-mpo-form-section": "",
     "data-mpo-fieldset": useFieldset ? "" : void 0,
     "data-field-gap": String(resolvedGap),
+    "data-density": knobProps.density,
+    "data-size": knobProps.size,
     "data-testid": testID,
     gap: resolvedGap,
     width: "100%",
@@ -74,8 +79,8 @@ function FormSection(param) {
     } : {}),
     children: [label ? useFieldset ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       render: "legend",
-      fontWeight: "600",
-      fontSize: "$5",
+      ...knobProps.label,
+      ...knobProps.heading,
       // legend is inline by default; stretch to a full heading row
       style: {
         padding: 0,
@@ -85,8 +90,8 @@ function FormSection(param) {
       },
       children: label
     }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontWeight: "600",
-      fontSize: "$5",
+      ...knobProps.label,
+      ...knobProps.heading,
       role: "heading",
       "aria-level": 3,
       children: label
@@ -106,6 +111,8 @@ function FormSectionStack(param) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     "data-mpo-form-section-stack": "",
     "data-section-gap": String(resolvedGap),
+    "data-density": knobProps.density,
+    "data-size": knobProps.size,
     gap: resolvedGap,
     width: "100%",
     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","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":[]}
+{"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":[]}