@multiplatform.one/forms 6.7.0 → 7.1.0

package/dist/esm/Form/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useUrlState","useResolvedKnobs","useForm","createContext","useContext","useEffect","useMemo","useRef","Form","TamaguiForm","isWeb","ErrorSummary","collectFormFieldErrors","RequiredMarkingContext","mapHouseRequiredMarking","resolveEffectiveValidateOn","resolveEffectiveValidateOn2","remapValidatorsForTiming","FormContext","useFormContext","defaultValidateContext","validateOn","hasSubmitted","FormValidateContext","useFormValidate","AutoErrorSummary","param","form","title","formElement","Subscribe","selector","state","_state_submissionAttempts","fieldMeta","submissionAttempts","children","param2","errors","length","FormValidateProvider","children1","Provider","value","providedForm","formOptions","onSubmit","syncWithUrl","urlDebounceMs","submitText","_submitText","showErrorSummary","errorSummaryTitle","tamaguiFormProps","knobProps","requiredMarkMode","requiredMarking","formAutofocusOn","formAutofocus","urlState","setUrlState","defaultValues","debounceMs","onSubmitRef","current","formElementRef","didAutofocusRef","defaultForm","onSubmit2","formApi","meta","subscription","store","subscribe","values","unsubscribe","handleSubmit","e","preventDefault","stopPropagation","isSubmitting","setFormRef","setFormRef2","node","_ref","_node_querySelector","el","tagName","querySelector","call","formEl","first","focus","mode","ref"],"sources":["../../../src/Form/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useUrlState","Preset","useResolvedKnobs","useForm","createContext","useContext","useEffect","useMemo","useRef","Form","TamaguiForm","XStack","YStack","isWeb","ErrorSummary","collectFormFieldErrors","RequiredMarkingContext","mapHouseRequiredMarking","resolveEffectiveValidateOn","resolveEffectiveValidateOn2","remapValidatorsForTiming","FormContext","useFormContext","defaultValidateContext","validateOn","hasSubmitted","FormValidateContext","useFormValidate","AutoErrorSummary","param","form","title","formElement","Subscribe","selector","state","_state_submissionAttempts","fieldMeta","submissionAttempts","children","param2","errors","length","FormValidateProvider","children1","Provider","value","providedForm","formOptions","onSubmit","syncWithUrl","urlDebounceMs","submitText","_submitText","showErrorSummary","errorSummaryTitle","compact","tamaguiFormProps","knobProps","requiredMarkMode","requiredMarking","formAutofocusOn","formAutofocus","urlState","setUrlState","defaultValues","debounceMs","onSubmitRef","current","formElementRef","didAutofocusRef","defaultForm","onSubmit2","formApi","meta","subscription","store","subscribe","values","unsubscribe","handleSubmit","e","preventDefault","stopPropagation","isSubmitting","setFormRef","setFormRef2","node","_ref","_node_querySelector","el","tagName","querySelector","call","formEl","first","focus","formNode","mode","ref","gap","density","size","width","minWidth","flex","overrides","FormActions","resolvedGap","String","alignSelf","alignItems","flexWrap"],"sources":["../../../src/Form/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/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/esm/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/esm/FormGrid.native.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Children, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { XStack, YStack, isWeb, useMedia } from "tamagui";
 var FORM_GRID_COLLAPSE_WIDTH = 480;
 function resolveWideColumns(columns, maxColumns) {
@@ -9,21 +10,33 @@ function FormGrid(param) {
   var {
     columns = 1,
     maxColumns = 2,
-    gap = 16,
+    gap,
+    compact,
     children
   } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs(compact === void 0 ? void 0 : {
+    compact
+  });
+  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;
   var 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
   });
 }
@@ -32,6 +45,8 @@ function FormGridWeb(param) {
     columns,
     maxColumns,
     gap,
+    density,
+    size,
     children
   } = param;
   var ref = useRef(null);
@@ -69,17 +84,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__ */_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
   });
@@ -87,7 +107,10 @@ function FormGridWeb(param) {
 function FormGridNative(param) {
   var {
     columns,
+    maxColumns,
     gap,
+    density,
+    size,
     children
   } = param;
   var media = useMedia();
@@ -115,15 +138,21 @@ function FormGridNative(param) {
   }
   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(function (row, rowIndex) {
       return /* @__PURE__ */_jsx(XStack, {
         gap,
         children: row.map(function (child, colIndex) {
           return /* @__PURE__ */_jsx(YStack, {
             flex: 1,
+            minWidth: 0,
             children: child
           }, colIndex);
         })

package/dist/esm/FormGrid.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Children","useEffect","useLayoutEffect","useRef","useState","XStack","YStack","isWeb","useMedia","FORM_GRID_COLLAPSE_WIDTH","resolveWideColumns","columns","maxColumns","Math","min","FormGrid","param","gap","children","wideColumns","FormGridWeb","FormGridNative","ref","containerWide","setContainerWide","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","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","handler","handler2","viewportWide","gtSm","childArray","toArray","rows","i","length","push","slice"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Children","useEffect","useLayoutEffect","useRef","useState","useResolvedKnobs","XStack","YStack","isWeb","useMedia","FORM_GRID_COLLAPSE_WIDTH","resolveWideColumns","columns","maxColumns","Math","min","FormGrid","param","gap","compact","children","knobProps","resolvedGap","wideColumns","FormGridWeb","density","size","FormGridNative","ref","containerWide","setContainerWide","el","current","update","update2","width","getBoundingClientRect","ResizeObserver","onResize","onResize2","window","addEventListener","removeEventListener","ro","entries","_ref","_entries_","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","String","minWidth","media","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","handler","handler2","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/esm/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/esm/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/esm/FormSection.native.js

@@ -10,12 +10,15 @@ function FormSection(param) {
     maxWidth = formReadableMaxWidth,
     gap,
     testID,
-    fieldset = true
+    fieldset = true,
+    compact
   } = param;
   var useFieldset = fieldset && isWeb;
   var {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs(compact === void 0 ? void 0 : {
+    compact
+  });
   var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;
   return /* @__PURE__ */_jsxs(YStack, {
     ...(useFieldset ? {
@@ -24,6 +27,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%",
@@ -40,8 +45,8 @@ function FormSection(param) {
     } : {}),
     children: [label ? useFieldset ? /* @__PURE__ */_jsx(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,
@@ -51,8 +56,8 @@ function FormSection(param) {
       },
       children: label
     }) : /* @__PURE__ */_jsx(Text, {
-      fontWeight: "600",
-      fontSize: "$5",
+      ...knobProps.label,
+      ...knobProps.heading,
       role: "heading",
       "aria-level": 3,
       children: label
@@ -72,6 +77,8 @@ function FormSectionStack(param) {
   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/esm/FormSection.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","Text","YStack","isWeb","formReadableMaxWidth","formFieldGap","formReadableMaxWidth2","formSectionGap","FormSection","param","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,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAwB;AACjC,SAASC,gBAAc,kCAAa;AACpC,SAASC,IAAA,EAAAC,MAAA,EAAAC,KAAA,iBAA4B;AA8HrC,SAASC,oBAAc;AA7EnB,SAwBMC,YAxBN,EAAAD,oBAAA,IAAAE,qBAAA,EAAAC,cAAA;AAbG,SAASC,YAAYC,KAAA;EAC1B;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA,GAAAR,oBAAA;IAAAS,GAAA;IAAAC,MAAA;IAAAC,QAAA;EAAA,IAAAN,KAAA;EACA,IAAAO,WAAA,GAAAD,QAAA,IAAAZ,KAAA;EACA;IAAAc;EAAW,IAAAjB,gBAAA;EACX,IAAAkB,WAAA,GAAAL,GAAA,aAAAA,GAAA,cAAAA,GAAA,GAAAI,SAAA,CAAAJ,GAAA,CAAAA,GAAA;EACA,sBAAAd,KAAA,CAAAG,MAAA;IACA,IAAAc,WAAW;MACQG,MAAA;IACnB,IAAM;IACN,uBAAsB;IACtB,mBAAoB,EAAAH,WAAO,GAAU,KAAI;IAEzC,gBACE,EAAAI,MAAA,CAAAF,WAAA;IAAC,eAAAJ,MAAA;IAAAD,GAAA,EAAAK,WAAA;IAAAG,KACM;IAAiDT,QACtD,EAAAA,QAAA,YAAsB,YAAAA,QAAA;IAAAU,SACtB,EAAAV,QAAA,KAAmB,eAAc,IAAK;IAAA;IACJ,IAClCI,WAAA,GAAa;MACbO,KAAK;QACLC,WAAM;QACNC,MAAA,EAAU;QACVC,QAAA,EAAW;QAEVC,OAAI;MACD;IACS,MACL;IAAahB,QACb,GAAQD,KACR,GAAAM,WAAU,kBAAAnB,IAAA,CAAAI,IAAA;MAAAkB,MACV,UAAS;MACXS,UAAA;MACFC,QACC;MAEJ;MAAAN,KAAA;QAEII,OAAA;QAAAG,YAAA;QAAAC,KACC,QAAO;QAAAV,KACP;MAAW;MACFV,QAET,EAAAD;IAAmE,oBAElEb,IAAA,CAAAI,IAAA;MAAA2B,UAAA;MACHC,QAEA;MAKHG,IAAA;MAAA;MAAArB,QAAA,EAAAD;IACH,WAEJC,QAAA;EAoBO;AACL;AACA,IAAAsB,QAAM,GAAAzB,WAAc;AACpB,SACE0B,iBAAAzB,KAAA;EAAA,IAAC;IAAAE,QAAA;IAAAE;EAAA,IAAAJ,KAAA;EAAA;IAAAQ;EAAA,IAAAjB,gBAAA;EAAA,IACCkB,WAAA,GAAAL,GAAA,aAAAA,GAA4B,cAAAA,GAAA,GAAAI,SAAA,CAAAkB,KAAA,CAAAtB,GAAA;EAAA,OAC5B,eAAAhB,IAAkB,CAAAK,MAAO;IAAW,6BAC/B;IAAA,kBACC,EAAAkB,MAAA,CAAAF,WAAA;IAAAL,GAEL,EAAAK,WAAA;IAAAG,KAAA;IACHV;EAEJ","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","Text","YStack","isWeb","formReadableMaxWidth","formFieldGap","formReadableMaxWidth2","formSectionGap","FormSection","param","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,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAwB;AACjC,SAASC,gBAAc,kCAAa;AACpC,SAASC,IAAA,EAAAC,MAAA,EAAAC,KAAA,iBAA4B;AAqIrC,SAASC,oBAAc;AAjFnB,SA0BMC,YA1BN,EAAAD,oBAAA,IAAAE,qBAAA,EAAAC,cAAA;AAdG,SAASC,YAAYC,KAAA;EAC1B;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA,GAAAR,oBAAA;IAAAS,GAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAP,KAAA;EACA,IAAAQ,WAAA,GAAAF,QAAA,IAAAZ,KAAA;EACA;IAAAe;EAAW,IAAAlB,gBAAA,CAAAgB,OAAA;IACXA;EACA;EACA,IAAAG,WAAW,GAAAN,GAAA,aAAAA,GAAA,cAAAA,GAAA,GAAAK,SAAA,CAAAL,GAAA,CAAAA,GAAA;EACX,sBAAAd,KAAA,CAAAG,MAAA;IACmB,IAAAe,WAAA;MACnBG,MAAM;IACN,IAAM,EAAE;IACR,uBAAoB,EAAO;IAE3B,mBACE,EAAAH,WAAA;IAAC,kBAAAI,MAAA,CAAAF,WAAA;IAAA,gBAAAD,SAAA,CAAAI,OAAA;IAAA,WACM,EAAAJ,SAAgB,CAAAK,IAAA;IAAiC,aACtD,EAAAT,MAAA;IAAsBD,GACtB,EAAAM,WAAA;IAAsCK,KACtC;IAAkCZ,QAClC,EAAAA,QAAc,YAAU,YAAAA,QAAA;IAAAa,SACxB,EAAAb,QAAW,YAAU;IAAA;IACR,IACbK,WAAK;MACLS,KAAA,EAAM;QACNC,WAAU;QACVC,MAAA,GAAW;QAEVC,QAAI;QAECC,OAAO;MAAA;IACQ,MACb;IAAQnB,QACR,GAAUD,KACV,GAAAO,WAAS,kBAAApB,IAAA,CAAAI,IAAA;MACXmB,MAAA;MACF,GACCF,SAAA,CAAAR,KAAA;MAEJ,GAAAQ,SAAA,CAAAa,OAAA;MAAA;MAEGL,KAAC;QAAAI,OAAA;QAAAE,YACQ;QAAAC,KACH;QAAUT,KACV;MAAU;MAEqDb,QAElE,EAAAD;IAAA,oBAAAb,IAAA,CAAAI,IAAA;MACH,GAAAiB,SAEA,CAAAR,KAAA;MAKH,GAAAQ,SAAA,CAAAa,OAAA;MAAAG,IAAA;MAAA;MACHvB,QAAA,EAAAD;IAEJ,WAMaC,QAAA;EAeX;AACA;AACA,IAAAwB,QACE,GAAA3B,WAAA;AAAA,SAAC4B,iBAAA3B,KAAA;EAAA;IAAAE,QAAA;IAAAE;EAAA,IAAAJ,KAAA;EAAA,IACC;IAAAS;EAAA,IAAAlB,gBAA4B;EAAA,IAC5BmB,WAAA,GAAAN,GAAA,KAAkB,QAAOA,GAAA,KAAW,SAAAA,GAAA,GAAAK,SAAA,CAAAmB,KAAA,CAAAxB,GAAA;EAAA,OACpC,eAAchB,IAAA,CAAAK,MAAU;IAAA,6BACH;IAAA,kBAChB,EAAAmB,MAAA,CAAAF,WAAA;IAAA,cACC,EAAAD,SAAA,CAAAI,OAAA;IAAA,WAEL,EAAAJ,SAAA,CAAAK,IAAA;IAAAV,GAAA,EAAAM,WAAA;IACHK,KAAA;IAEJb","ignoreList":[]}