@multiplatform.one/forms 6.0.4 → 6.3.0

package/dist/cjs/fields/ToggleGroup/index.native.js

@@ -28,10 +28,13 @@ __export(ToggleGroup_exports, {
 });
 module.exports = __toCommonJS(ToggleGroup_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 import_Skeleton = require("../../Skeleton/index.native.js");
 var import_fieldLayout = require("../../fieldLayout.native.js");
 var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_devWarn = require("../../shared/devWarn.native.js");
 var import_utils = require("../../shared/utils.native.js");
 var ToggleItemFrame = (0, import_tamagui.styled)(import_tamagui.ToggleGroup.Item, {
   cursor: "pointer",
@@ -89,39 +92,39 @@ function getGroupedBorderRadius(index, count, orientation, radius) {
   };
   if (orientation === "horizontal") {
     return isFirst ? {
-      borderTopLeftRadius: radius,
-      borderBottomLeftRadius: radius,
-      borderTopRightRadius: zero,
-      borderBottomRightRadius: zero
+      borderStartStartRadius: radius,
+      borderEndStartRadius: radius,
+      borderStartEndRadius: zero,
+      borderEndEndRadius: zero
     } : isLast ? {
-      borderTopRightRadius: radius,
-      borderBottomRightRadius: radius,
-      borderTopLeftRadius: zero,
-      borderBottomLeftRadius: zero
+      borderStartEndRadius: radius,
+      borderEndEndRadius: radius,
+      borderStartStartRadius: zero,
+      borderEndStartRadius: zero
     } : {
       borderRadius: zero,
-      borderTopLeftRadius: zero,
-      borderTopRightRadius: zero,
-      borderBottomLeftRadius: zero,
-      borderBottomRightRadius: zero
+      borderStartStartRadius: zero,
+      borderStartEndRadius: zero,
+      borderEndStartRadius: zero,
+      borderEndEndRadius: zero
     };
   }
   return isFirst ? {
-    borderTopLeftRadius: radius,
-    borderTopRightRadius: radius,
-    borderBottomLeftRadius: zero,
-    borderBottomRightRadius: zero
+    borderStartStartRadius: radius,
+    borderStartEndRadius: radius,
+    borderEndStartRadius: zero,
+    borderEndEndRadius: zero
   } : isLast ? {
-    borderBottomLeftRadius: radius,
-    borderBottomRightRadius: radius,
-    borderTopLeftRadius: zero,
-    borderTopRightRadius: zero
+    borderEndStartRadius: radius,
+    borderEndEndRadius: radius,
+    borderStartStartRadius: zero,
+    borderStartEndRadius: zero
   } : {
     borderRadius: zero,
-    borderTopLeftRadius: zero,
-    borderTopRightRadius: zero,
-    borderBottomLeftRadius: zero,
-    borderBottomRightRadius: zero
+    borderStartStartRadius: zero,
+    borderStartEndRadius: zero,
+    borderEndStartRadius: zero,
+    borderEndEndRadius: zero
   };
 }
 function ToggleItemWithElevation(param) {
@@ -156,12 +159,14 @@ function ToggleGroup(param) {
     error,
     required,
     disabled,
+    disabledReason,
     readOnly,
     size,
     id: idProp,
     type = "single",
     value,
     defaultValue,
+    onChange,
     onValueChange,
     onBlur,
     options,
@@ -170,20 +175,83 @@ function ToggleGroup(param) {
     skeleton,
     compact
   } = param;
+  var handleValueChange = function handleValueChange2(val) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(val);
+    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(val);
+  };
   var {
     resolvedForm,
     knobProps,
     control,
     text,
     elevation,
+    disabledState,
     id
   } = (0, import_utils.useFormField)({
     form: formProp,
     id: idProp,
     compact
   });
+  var onSelectedLabel = (0, import_theme.useReadableTextOn)("$color8");
+  var [kbFocusValue, setKbFocusValue] = (0, import_react.useState)(null);
+  var [focusValue, setFocusValue] = (0, import_react.useState)(null);
+  if (import_tamagui.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
   var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
   var elevationWrapperProps = (0, import_utils.getElevationWrapperProps)(knobProps, elevation);
+  (0, import_devWarn.warnBareDisabled)({
+    component: "ToggleGroup",
+    id,
+    disabled: Boolean(disabled),
+    disabledReason,
+    skip: Boolean(skeleton)
+  });
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = (options !== null && options !== void 0 ? options : [])[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var option = _step.value;
+      var _option_disabledReason;
+      (0, import_devWarn.warnBareDisabled)({
+        component: "ToggleGroup.Item",
+        id: option.value,
+        disabled: Boolean(option.disabled) && !disabled,
+        disabledReason: (_option_disabledReason = option.disabledReason) !== null && _option_disabledReason !== void 0 ? _option_disabledReason : disabledReason,
+        skip: Boolean(skeleton)
+      });
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  var resolvedHelperText = disabled && (disabledReason === null || disabledReason === void 0 ? void 0 : disabledReason.trim()) ? disabledReason : helperText;
+  var uniqueItemReasons = [...new Set((options !== null && options !== void 0 ? options : []).filter(function (o) {
+    var _o_disabledReason;
+    return o.disabled && ((_o_disabledReason = o.disabledReason) === null || _o_disabledReason === void 0 ? void 0 : _o_disabledReason.trim());
+  }).map(function (o) {
+    return o.disabledReason.trim();
+  }))];
+  var itemReasonIdFor = function itemReasonIdFor2(reason) {
+    if (!(reason === null || reason === void 0 ? void 0 : reason.trim())) return void 0;
+    var index = uniqueItemReasons.indexOf(reason.trim());
+    return index >= 0 ? `${id}-item-reason-${index}` : void 0;
+  };
+  var optionDisabledByValue = function optionDisabledByValue2(val) {
+    var _options_find;
+    return Boolean(options === null || options === void 0 ? void 0 : (_options_find = options.find(function (o) {
+      return o.value === val;
+    })) === null || _options_find === void 0 ? void 0 : _options_find.disabled);
+  };
   if (skeleton) {
     var _ref;
     var optionCount = (_ref = options === null || options === void 0 ? void 0 : options.length) !== null && _ref !== void 0 ? _ref : 3;
@@ -215,9 +283,21 @@ function ToggleGroup(param) {
     var isSelected = function isSelected2(val) {
       return type === "multiple" ? Array.isArray(resolvedValue) && resolvedValue.includes(val) : resolvedValue === val;
     };
-    return options.map(function (option, index) {
+    var focusedIdx = focusValue ? options.findIndex(function (o) {
+      return o.value === focusValue && !(disabled || o.disabled);
+    }) : -1;
+    var firstSelectedEnabled = options.findIndex(function (o) {
+      return isSelected(o.value) && !(disabled || o.disabled);
+    });
+    var tabStopIndex = focusedIdx >= 0 ? focusedIdx : firstSelectedEnabled >= 0 ? firstSelectedEnabled : options.findIndex(function (o) {
+      return !(disabled || o.disabled);
+    });
+    return options.map(function (option2, index) {
       var groupedRadius = getGroupedBorderRadius(index, count, orientation, radius);
-      var selected = isSelected(option.value);
+      var selected = isSelected(option2.value);
+      var itemDisabled = Boolean(disabled || option2.disabled);
+      var itemDescribedBy = option2.disabled ? itemReasonIdFor(option2.disabledReason) : void 0;
+      var isTabStop = index === tabStopIndex;
       var activeColors = {
         backgroundColor: import_colorRamps.formButtonColors.border.active,
         borderColor: import_colorRamps.formButtonColors.border.active
@@ -225,7 +305,10 @@ function ToggleGroup(param) {
       return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ToggleItemWithElevation, {
         elevationWrapperProps,
         groupedRadius,
-        value: option.value,
+        value: option2.value,
+        ...(import_tamagui.isWeb ? {
+          tabIndex: isTabStop ? 0 : -1
+        } : void 0),
         size: knobProps.sizeToken,
         width: "auto",
         height: "auto",
@@ -236,16 +319,35 @@ function ToggleGroup(param) {
         borderWidth: knobProps.borderRadius.borderWidth,
         outlined: knobProps.outlined,
         animation: knobProps.transition,
-        disabled,
-        ...(selected ? activeColors : void 0),
-        ...(selected ? {
+        disabled: itemDisabled,
+        ...(itemDescribedBy ? {
+          "aria-describedby": itemDescribedBy
+        } : void 0),
+        // LC-40 DISABLED-VISIBLE (was DG-ST-03 hand-roll): segments are
+        // text-bearing chrome — a disabled segment drops the live active
+        // fill entirely (the `active` variant expands at its key position
+        // and would beat the wash), so the wash owns the chrome and the
+        // label pins to the lowest AA tier below. A SELECTED disabled
+        // segment takes the recipe's stronger selected tier so the chosen
+        // option stays visible (Axiom 6), not aria-only.
+        ...(selected && !itemDisabled ? activeColors : void 0),
+        ...(selected && !itemDisabled ? {
           active: true,
           activeStyle: activeColors
         } : void 0),
+        ...(itemDisabled ? selected ? disabledState.selectedSurfaceKnobProps : disabledState.surfaceKnobProps : void 0),
         ...(readOnly ? {
           pointerEvents: "none"
         } : void 0),
-        hoverStyle: {
+        // LC-40: no hover/press feedback while disabled — the live styles
+        // repainted the active colors over the wash (dishonest
+        // pressability signal; hovered selected segments fell below AA).
+        // Pinning the wash beats the item's intrinsic hover theme too.
+        hoverStyle: itemDisabled ? selected ? {
+          ...disabledState.selectedSurfaceKnobProps
+        } : {
+          ...disabledState.surfaceKnobProps
+        } : {
           ...(0, import_utils.stripRadiusFromStateProps)(control.hoverKnobProps),
           ...(selected ? activeColors : knobProps.outlined ? {
             backgroundColor: "transparent",
@@ -255,7 +357,11 @@ function ToggleGroup(param) {
             borderColor: import_colorRamps.formButtonColors.border.base
           })
         },
-        pressStyle: {
+        pressStyle: itemDisabled ? selected ? {
+          ...disabledState.selectedSurfaceKnobProps
+        } : {
+          ...disabledState.surfaceKnobProps
+        } : {
           ...(0, import_utils.stripRadiusFromStateProps)(control.pressKnobProps),
           ...(selected ? activeColors : knobProps.outlined ? {
             backgroundColor: "transparent",
@@ -277,22 +383,47 @@ function ToggleGroup(param) {
             ...(0, import_utils.stripRadiusFromStateProps)(control.focusVisibleKnobProps)
           }
         }),
-        children: [option.icon, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+        ...(import_tamagui.isWeb ? {
+          onFocus: function onFocus() {
+            setFocusValue(option2.value);
+            if ((0, import_theme.wasKeyboardFocus)()) setKbFocusValue(option2.value);
+          },
+          onBlur: function onBlur2() {
+            setFocusValue(function (prev) {
+              return prev === option2.value ? null : prev;
+            });
+            setKbFocusValue(function (prev) {
+              return prev === option2.value ? null : prev;
+            });
+          }
+        } : void 0),
+        ...(kbFocusValue === option2.value ? import_theme.keyboardFocusRingProps : void 0),
+        children: [option2.icon, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
           size: knobProps.sizeToken,
           userSelect: "none",
           ...knobProps.body,
+          ...(selected && !itemDisabled && onSelectedLabel ? {
+            color: onSelectedLabel
+          } : void 0),
+          ...(itemDisabled ? disabledState.textKnobProps : void 0),
           hoverStyle: text.hoverKnobProps,
           pressStyle: text.pressKnobProps,
           focusStyle: text.focusKnobProps,
           focusVisibleStyle: text.focusVisibleKnobProps,
-          children: option.label
+          children: option2.label
         })]
-      }, option.value);
+      }, option2.value);
     });
   };
   var renderToggleGroup = function renderToggleGroup2(resolvedValue, isControlled, handleChange, handleBlur, hasError) {
     var emptyValue = type === "multiple" ? [] : "";
+    var groupRing = (0, import_theme.ensureFocusVisibleRing)({
+      ...control.focusVisibleKnobProps
+    });
     var toggleProps = {
+      focusStyle: groupRing,
+      focusVisibleStyle: groupRing,
+      focusWithinStyle: groupRing,
       type,
       ...(type === "single" ? {
         disableDeactivation: true
@@ -302,10 +433,24 @@ function ToggleGroup(param) {
       } : {
         defaultValue: resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : emptyValue
       }),
-      onValueChange: function onValueChange1(val) {
+      onValueChange: function onValueChange2(val) {
         if (disabled || readOnly) return;
+        if (options) {
+          if (type === "single") {
+            if (typeof val === "string" && optionDisabledByValue(val)) return;
+          } else {
+            var prevArr = Array.isArray(resolvedValue) ? resolvedValue : [];
+            var nextArr = Array.isArray(val) ? val : [];
+            var toggled = [...nextArr.filter(function (v) {
+              return !prevArr.includes(v);
+            }), ...prevArr.filter(function (v) {
+              return !nextArr.includes(v);
+            })];
+            if (toggled.length === 1 && optionDisabledByValue(toggled[0])) return;
+          }
+        }
         handleChange === null || handleChange === void 0 ? void 0 : handleChange(val);
-        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(val);
+        handleValueChange(val);
       },
       id,
       disabled,
@@ -321,9 +466,19 @@ function ToggleGroup(param) {
       "aria-invalid": hasError || void 0,
       "aria-readonly": readOnly || void 0
     };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup, {
-      ...toggleProps,
-      children: renderContent(resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : emptyValue)
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup, {
+        ...toggleProps,
+        children: renderContent(resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : emptyValue)
+      }), uniqueItemReasons.map(function (reason, index) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+          id: `${id}-item-reason-${index}`,
+          size: "$1",
+          color: import_colorRamps.formCommonColors.muted,
+          "data-mp-disabled-reason": "true",
+          children: reason
+        }, reason);
+      })]
     });
   };
   if (!resolvedForm || !name) {
@@ -333,9 +488,12 @@ function ToggleGroup(param) {
       labelProps,
       error,
       required,
-      helperText,
+      helperText: resolvedHelperText,
       size,
       knobProps,
+      // LC-40: FieldLayout owns the dimWhole assembly dim (keepLabel pins
+      // the sibling label/helper readable) — it needs the disabled state.
+      disabled,
       children: renderToggleGroup(value !== null && value !== void 0 ? value : defaultValue, value !== void 0, void 0, onBlur, !!error)
     });
   }
@@ -352,9 +510,11 @@ function ToggleGroup(param) {
         labelProps,
         error: resolvedError,
         required,
-        helperText,
+        helperText: resolvedHelperText,
         size,
         knobProps,
+        // LC-40: see standalone branch — FieldLayout carries dimWhole.
+        disabled,
         children: renderToggleGroup(value !== void 0 ? value : field.state.value, true, function (val) {
           return field.handleChange(val);
         }, (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur), !!resolvedError)

package/dist/cjs/fields/ToggleGroup/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroup_exports","__export","ToggleGroup","module","exports","import_jsx_runtime","require","import_tamagui","import_Skeleton","import_fieldLayout","import_colorRamps","import_utils","ToggleItemFrame","styled","Item","cursor","userSelect","backgroundColor","formButtonColors","background","base","borderColor","border","borderWidth","hoverStyle","hover","pressStyle","active","variants","outlined","true","getGroupedBorderRadius","index","count","orientation","radius","zero","borderRadius","isFirst","isLast","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","ToggleItemWithElevation","param","elevationWrapperProps","groupedRadius","props","elevation","jsx","View","children","name","form","formProp","validators","label","labelProps","helperText","error","required","disabled","readOnly","size","id","idProp","type","defaultValue","onValueChange","onBlur","options","skeleton","compact","resolvedForm","knobProps","control","text","useFormField","resolvedValidators","useResolvedValidators","getElevationWrapperProps","_ref","optionCount","length","FieldLayout","XStack","gap","alignSelf","Array","from","_","i","Skeleton","variant","width","height","sizeToken","renderContent","renderContent2","resolvedValue","isSelected","isSelected2","val","isArray","includes","map","option","selected","activeColors","jsxs","minHeight","flexShrink","flexGrow","paddingHorizontal","animation","transition","activeStyle","pointerEvents","stripRadiusFromStateProps","hoverKnobProps","pressKnobProps","focusKnobProps","focusStyle","focusVisibleKnobProps","focusVisibleStyle","icon","SizableText","body","renderToggleGroup","renderToggleGroup2","isControlled","handleChange","handleBlur","hasError","emptyValue","toggleProps","disableDeactivation","onValueChange1","flexDirection","Field","children2","field","resolvedError","getFieldError","state"],"sources":["../../../../src/fields/ToggleGroup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroup_exports","__export","ToggleGroup","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_Skeleton","import_fieldLayout","import_colorRamps","import_devWarn","import_utils","ToggleItemFrame","styled","Item","cursor","userSelect","backgroundColor","formButtonColors","background","base","borderColor","border","borderWidth","hoverStyle","hover","pressStyle","active","variants","outlined","true","getGroupedBorderRadius","index","count","orientation","radius","zero","borderRadius","isFirst","isLast","borderStartStartRadius","borderEndStartRadius","borderStartEndRadius","borderEndEndRadius","ToggleItemWithElevation","param","elevationWrapperProps","groupedRadius","props","elevation","jsx","View","children","name","form","formProp","validators","label","labelProps","helperText","error","required","disabled","disabledReason","readOnly","size","id","idProp","type","defaultValue","onChange","onValueChange","onBlur","options","skeleton","compact","handleValueChange","handleValueChange2","val","resolvedForm","knobProps","control","text","disabledState","useFormField","onSelectedLabel","useReadableTextOn","kbFocusValue","setKbFocusValue","useState","focusValue","setFocusValue","isWeb","ensureKeyboardModalityTracking","resolvedValidators","useResolvedValidators","getElevationWrapperProps","warnBareDisabled","component","Boolean","skip","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","option","_option_disabledReason","err","return","resolvedHelperText","trim","uniqueItemReasons","Set","filter","o","_o_disabledReason","map","itemReasonIdFor","itemReasonIdFor2","reason","indexOf","optionDisabledByValue","optionDisabledByValue2","_options_find","find","_ref","optionCount","length","FieldLayout","XStack","gap","alignSelf","Array","from","_","i","Skeleton","variant","width","height","sizeToken","renderContent","renderContent2","resolvedValue","isSelected","isSelected2","isArray","includes","focusedIdx","findIndex","firstSelectedEnabled","tabStopIndex","option2","selected","itemDisabled","itemDescribedBy","isTabStop","activeColors","jsxs","tabIndex","minHeight","flexShrink","flexGrow","paddingHorizontal","animation","transition","activeStyle","selectedSurfaceKnobProps","surfaceKnobProps","pointerEvents","stripRadiusFromStateProps","hoverKnobProps","pressKnobProps","focusKnobProps","focusStyle","focusVisibleKnobProps","focusVisibleStyle","onFocus","wasKeyboardFocus","onBlur2","prev","keyboardFocusRingProps","icon","SizableText","body","color","textKnobProps","renderToggleGroup","renderToggleGroup2","isControlled","handleChange","handleBlur","hasError","emptyValue","groupRing","ensureFocusVisibleRing","toggleProps","focusWithinStyle","disableDeactivation","onValueChange2","prevArr","nextArr","toggled","v"],"sources":["../../../../src/fields/ToggleGroup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/formSpacing.cjs

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var formSpacing_exports = {};
+__export(formSpacing_exports, {
+  formFieldGap: () => formFieldGap,
+  formReadableMaxWidth: () => formReadableMaxWidth,
+  formSectionGap: () => formSectionGap
+});
+module.exports = __toCommonJS(formSpacing_exports);
+const formFieldGap = "$4";
+const formSectionGap = "$8";
+const formReadableMaxWidth = 560;

package/dist/cjs/formSpacing.native.js

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

package/dist/cjs/formSpacing.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","formSpacing_exports","__export","formFieldGap","formReadableMaxWidth","formSectionGap","module","exports"],"sources":["../../src/formSpacing.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAUOC,MAAM,CAAAC,OAAA,GAAAX,YAAe,CAAAK,mBAAA;AACrB,IAAAE,YAAM,OAAiB;AAGvB,IAAAE,cAAM","ignoreList":[]}

package/dist/cjs/hooks/useFocusManagement.cjs

@@ -22,6 +22,8 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var useFocusManagement_exports = {};
 __export(useFocusManagement_exports, {
+  focusFieldTarget: () => focusFieldTarget,
+  focusFirstInvalid: () => focusFirstInvalid,
   useFocusManagement: () => useFocusManagement,
   useOTPFocusManagement: () => useOTPFocusManagement,
   useSearchableDropdownFocus: () => useSearchableDropdownFocus
@@ -29,6 +31,48 @@ __export(useFocusManagement_exports, {
 module.exports = __toCommonJS(useFocusManagement_exports);
 var import_react = require("react");
 var import_tamagui = require("tamagui");
+function focusFirstInvalid(container) {
+  if (!import_tamagui.isWeb || !container || typeof container.querySelector !== "function") return null;
+  const el = container.querySelector('[aria-invalid="true"]:not([disabled]):not([aria-disabled="true"])');
+  if (!el || typeof el.focus !== "function") return null;
+  el.focus();
+  el.scrollIntoView?.({
+    block: "nearest",
+    behavior: "smooth"
+  });
+  return el;
+}
+function focusFieldTarget(container, target) {
+  if (!import_tamagui.isWeb || !container) return null;
+  const tryFocus = el => {
+    if (!el || !(el instanceof HTMLElement) || typeof el.focus !== "function") return null;
+    const nested = el.matches?.("input, textarea, select, button, [tabindex]:not([tabindex='-1']), [contenteditable='true']") ? el : el.querySelector?.("input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex='-1'])");
+    const focusable = nested ?? el;
+    focusable.focus();
+    focusable.scrollIntoView?.({
+      block: "nearest",
+      behavior: "smooth"
+    });
+    return focusable;
+  };
+  if (target.id) {
+    const byId = (typeof document !== "undefined" ? document.getElementById(target.id) : null) ?? container.querySelector(`#${cssEscape(target.id)}`);
+    const focused = tryFocus(byId);
+    if (focused) return focused;
+  }
+  if (target.name) {
+    const byName = container.querySelector(`[name="${cssEscape(target.name)}"]`);
+    const focused = tryFocus(byName);
+    if (focused) return focused;
+  }
+  return focusFirstInvalid(container);
+}
+function cssEscape(value) {
+  if (typeof CSS !== "undefined" && typeof CSS.escape === "function") {
+    return CSS.escape(value);
+  }
+  return value.replace(/[^a-zA-Z0-9_-]/g, "\\$&");
+}
 function useFocusManagement(options = {}) {
   const {
     trapFocus = false,

package/dist/cjs/hooks/useFocusManagement.native.js

@@ -24,6 +24,8 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var useFocusManagement_exports = {};
 __export(useFocusManagement_exports, {
+  focusFieldTarget: () => focusFieldTarget,
+  focusFirstInvalid: () => focusFirstInvalid,
   useFocusManagement: () => useFocusManagement,
   useOTPFocusManagement: () => useOTPFocusManagement,
   useSearchableDropdownFocus: () => useSearchableDropdownFocus
@@ -40,6 +42,51 @@ function _instanceof(left, right) {
     return left instanceof right;
   }
 }
+function focusFirstInvalid(container) {
+  var _el_scrollIntoView;
+  if (!import_tamagui.isWeb || !container || typeof container.querySelector !== "function") return null;
+  var el = container.querySelector('[aria-invalid="true"]:not([disabled]):not([aria-disabled="true"])');
+  if (!el || typeof el.focus !== "function") return null;
+  el.focus();
+  (_el_scrollIntoView = el.scrollIntoView) === null || _el_scrollIntoView === void 0 ? void 0 : _el_scrollIntoView.call(el, {
+    block: "nearest",
+    behavior: "smooth"
+  });
+  return el;
+}
+function focusFieldTarget(container, target) {
+  if (!import_tamagui.isWeb || !container) return null;
+  var tryFocus = function tryFocus2(el) {
+    var _el_matches, _el_querySelector, _focusable_scrollIntoView;
+    if (!el || !_instanceof(el, HTMLElement) || typeof el.focus !== "function") return null;
+    var nested = ((_el_matches = el.matches) === null || _el_matches === void 0 ? void 0 : _el_matches.call(el, "input, textarea, select, button, [tabindex]:not([tabindex='-1']), [contenteditable='true']")) ? el : (_el_querySelector = el.querySelector) === null || _el_querySelector === void 0 ? void 0 : _el_querySelector.call(el, "input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex='-1'])");
+    var focusable = nested !== null && nested !== void 0 ? nested : el;
+    focusable.focus();
+    (_focusable_scrollIntoView = focusable.scrollIntoView) === null || _focusable_scrollIntoView === void 0 ? void 0 : _focusable_scrollIntoView.call(focusable, {
+      block: "nearest",
+      behavior: "smooth"
+    });
+    return focusable;
+  };
+  if (target.id) {
+    var _ref;
+    var byId = (_ref = typeof document !== "undefined" ? document.getElementById(target.id) : null) !== null && _ref !== void 0 ? _ref : container.querySelector(`#${cssEscape(target.id)}`);
+    var focused = tryFocus(byId);
+    if (focused) return focused;
+  }
+  if (target.name) {
+    var byName = container.querySelector(`[name="${cssEscape(target.name)}"]`);
+    var focused1 = tryFocus(byName);
+    if (focused1) return focused1;
+  }
+  return focusFirstInvalid(container);
+}
+function cssEscape(value) {
+  if (typeof CSS !== "undefined" && typeof CSS.escape === "function") {
+    return CSS.escape(value);
+  }
+  return value.replace(/[^a-zA-Z0-9_-]/g, "\\$&");
+}
 function useFocusManagement() {
   var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   var {