@multiplatform.one/forms 6.1.0 → 6.3.0

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

@@ -28,6 +28,7 @@ __export(TimePicker_exports, {
 });
 module.exports = __toCommonJS(TimePicker_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_Skeleton = require("../../Skeleton/index.native.js");
@@ -35,8 +36,17 @@ var import_fieldLayout = require("../../fieldLayout.native.js");
 var import_FloatingPanel = require("../../FloatingPanel/index.native.js");
 var import_InputParts = require("../../InputParts/index.native.js");
 var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_t = require("../../shared/t.native.js");
 var import_TimeColumn = require("../../shared/TimeColumn.native.js");
 var import_utils = require("../../shared/utils.native.js");
+var suppressBoxFocusRing = {
+  focused: false,
+  setFocused: function setFocused(_val) {}
+};
+var timeStringRegex = /^([01]?\d|2[0-3]):[0-5]\d(:[0-5]\d)?$/;
+function isValidTimeString(value) {
+  return timeStringRegex.test(value.trim());
+}
 function parseTimeString(value) {
   if (!value) return {
     h: 0,
@@ -148,7 +158,7 @@ function TimePickerPopoverContent(param) {
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumnSeparator, {
       knobProps
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-      label: "Sec",
+      label: (0, import_t.t)("Sec"),
       values: secondValues,
       selected: s,
       onChange: function onChange1(newS) {
@@ -163,7 +173,7 @@ function TimePickerPopoverContent(param) {
       alignItems: "flex-start",
       justifyContent: "center",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-        label: "Hour",
+        label: (0, import_t.t)("Hour"),
         values: hours24,
         selected: h,
         onChange: function onChange1(newH) {
@@ -173,7 +183,7 @@ function TimePickerPopoverContent(param) {
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumnSeparator, {
         knobProps
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-        label: "Min",
+        label: (0, import_t.t)("Min"),
         values: minuteValues,
         selected: m,
         onChange: function onChange1(newM) {
@@ -204,7 +214,7 @@ function TimePickerPopoverContent(param) {
     alignItems: "flex-start",
     justifyContent: "center",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-      label: "Hour",
+      label: (0, import_t.t)("Hour"),
       values: hours12,
       selected: display12H,
       onChange: handleHourChange,
@@ -212,7 +222,7 @@ function TimePickerPopoverContent(param) {
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumnSeparator, {
       knobProps
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-      label: "Min",
+      label: (0, import_t.t)("Min"),
       values: minuteValues,
       selected: m,
       onChange: function onChange1(newM) {
@@ -238,7 +248,7 @@ function TimePicker(param) {
     required,
     size,
     id: idProp,
-    value = "",
+    value: valueProp,
     defaultValue,
     onChange,
     onBlur,
@@ -247,7 +257,7 @@ function TimePicker(param) {
     timeFormat = "12h",
     minuteStep = 5,
     showSeconds = false,
-    placeholder = "Select time",
+    placeholder = (0, import_t.t)("Select time"),
     clockIcon,
     skeleton,
     compact
@@ -255,6 +265,7 @@ function TimePicker(param) {
   var {
     resolvedForm,
     knobProps,
+    control,
     id
   } = (0, import_utils.useFormField)({
     form: formProp,
@@ -263,10 +274,26 @@ function TimePicker(param) {
   });
   var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
   var [open, setOpen] = (0, import_react.useState)(false);
+  var areaFocusRing = (0, import_theme.ensureFocusVisibleRing)({
+    ...control.focusVisibleKnobProps,
+    outlineOffset: -2
+  });
+  var [internalValue, setInternalValue] = (0, import_react.useState)(function () {
+    var _ref;
+    return (_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : "";
+  });
+  (0, import_react.useEffect)(function () {
+    if (valueProp === void 0) return;
+    setInternalValue(valueProp);
+  }, [valueProp]);
+  var value = internalValue;
+  var valueIsInvalid = !!value.trim() && !isValidTimeString(value);
+  var formatError = valueIsInvalid ? (0, import_t.t)("Invalid time value") : void 0;
   var displayValue = (0, import_react.useMemo)(function () {
-    return formatTimeDisplay(value, timeFormat, showSeconds);
-  }, [value, timeFormat, showSeconds]);
+    return valueIsInvalid ? "" : formatTimeDisplay(value, timeFormat, showSeconds);
+  }, [value, valueIsInvalid, timeFormat, showSeconds]);
   var handleChange = (0, import_react.useCallback)(function (time, fieldChange) {
+    setInternalValue(time);
     fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(time);
     onChange === null || onChange === void 0 ? void 0 : onChange(time);
   }, [onChange]);
@@ -275,6 +302,9 @@ function TimePicker(param) {
       size: size || knobProps.sizeToken,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input.Box, {
         theme: hasError ? "red" : void 0,
+        // Elevation is an overlay recipe: it belongs on the open panel, never
+        // on the closed text-field trigger.
+        elevation: void 0,
         ...(disabled ? {
           opacity: 0.5,
           pointerEvents: "none"
@@ -284,15 +314,23 @@ function TimePicker(param) {
             adornment: "leading",
             children: clockIcon
           })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
-          readOnly: true,
-          value: triggerValue,
-          placeholder,
-          disabled,
-          color: import_colorRamps.formCommonColors.text,
-          "aria-readonly": readOnly || void 0,
-          "aria-required": required || void 0,
-          "aria-invalid": hasError || void 0
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.FocusContext.Provider, {
+          ...suppressBoxFocusRing,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+            readOnly: true,
+            id,
+            value: triggerValue,
+            placeholder,
+            disabled,
+            color: import_colorRamps.formCommonColors.text,
+            focusStyle: areaFocusRing,
+            focusVisibleStyle: areaFocusRing,
+            "aria-labelledby": label ? `${id}-label` : void 0,
+            "aria-label": label ? void 0 : (0, import_t.t)("Time"),
+            "aria-readonly": readOnly || void 0,
+            "aria-required": required || void 0,
+            "aria-invalid": hasError || void 0
+          })
         })]
       })
     });
@@ -325,22 +363,25 @@ function TimePicker(param) {
       id,
       label,
       labelProps,
-      error,
+      error: error || formatError,
       helperText,
       required,
       size,
       knobProps,
       onBlur,
-      children: readOnly ? renderTrigger(displayValue, !!error) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
+      // LC-40: FieldLayout owns the dimWhole assembly dim (keepLabel pins
+      // the sibling label/helper readable) — it needs the disabled state.
+      disabled,
+      children: readOnly ? renderTrigger(displayValue, !!error || valueIsInvalid) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
         open,
         onOpenChange: setOpen,
         disabled,
         scrollable: true,
         sizing: "fill",
         fitContent: true,
-        trigger: renderTrigger(displayValue, !!error),
-        children: panelContent(value, function (t) {
-          return handleChange(t);
+        trigger: renderTrigger(displayValue, !!error || valueIsInvalid),
+        children: panelContent(value, function (time) {
+          return handleChange(time);
         })
       })
     });
@@ -354,27 +395,31 @@ function TimePicker(param) {
       var _field_state_value;
       var resolvedError = (0, import_utils.getFieldError)(field, error);
       var fieldValue = (_field_state_value = field.state.value) !== null && _field_state_value !== void 0 ? _field_state_value : "";
-      var fieldDisplay = formatTimeDisplay(fieldValue, timeFormat, showSeconds);
+      var fieldIsInvalid = !!fieldValue.trim() && !isValidTimeString(fieldValue);
+      var fieldFormatError = fieldIsInvalid ? (0, import_t.t)("Invalid time value") : void 0;
+      var fieldDisplay = fieldIsInvalid ? "" : formatTimeDisplay(fieldValue, timeFormat, showSeconds);
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
         id,
         label,
         labelProps,
-        error: resolvedError,
+        error: resolvedError || fieldFormatError,
         helperText,
         required,
         size,
         knobProps,
         onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
-        children: readOnly ? renderTrigger(fieldDisplay, !!resolvedError) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
+        // LC-40: see standalone branch — FieldLayout carries dimWhole.
+        disabled,
+        children: readOnly ? renderTrigger(fieldDisplay, !!resolvedError || fieldIsInvalid) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
           open,
           onOpenChange: setOpen,
           disabled,
           scrollable: true,
           sizing: "fill",
           fitContent: true,
-          trigger: renderTrigger(fieldDisplay, !!resolvedError),
-          children: panelContent(fieldValue, function (t) {
-            return handleChange(t, function (v) {
+          trigger: renderTrigger(fieldDisplay, !!resolvedError || fieldIsInvalid),
+          children: panelContent(fieldValue, function (time) {
+            return handleChange(time, function (v) {
               return field.handleChange(v);
             });
           })

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TimePicker_exports","__export","TimePicker","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_Skeleton","import_fieldLayout","import_FloatingPanel","import_InputParts","import_colorRamps","import_TimeColumn","import_utils","parseTimeString","h","m","s","parts","split","Math","max","min","Number","parseInt","toTimeString","base","String","padStart","formatTimeDisplay","format","showSeconds","secSuffix","period","displayH","hours24","generateRange","hours12","secondValues","AmPmColumn","param","selected","onChange","knobProps","jsxs","YStack","alignItems","gap","children","jsx","Text","fontSize","body","color","formCommonColors","muted","textTransform","letterSpacing","borderRadius","backgroundColor","formInputColors","background","borderWidth","inputSurface","borderColor","border","overflow","map","isSelected","View","height","width","justifyContent","cursor","focus","hoverStyle","onPress","transition","animation","fontWeight","text","TimePickerPopoverContent","timeFormat","minuteStep","minuteValues","useMemo","makeTime","useCallback","newH","newM","newS","secondsColumn","Fragment","TimeColumnSeparator","TimeColumn","label","values","onChange1","XStack","display12H","handleHourChange","handleHourChange2","newDisplayH","h24","handlePeriodChange","handlePeriodChange2","newPeriod","name","form","formProp","validators","labelProps","helperText","error","required","size","id","idProp","defaultValue","onBlur","disabled","readOnly","placeholder","clockIcon","skeleton","compact","resolvedForm","useFormField","resolvedValidators","useResolvedValidators","open","setOpen","useState","displayValue","handleChange","time","fieldChange","renderTrigger","renderTrigger2","triggerValue","hasError","Input","sizeToken","Box","theme","opacity","pointerEvents","Section","Icon","adornment","Area","panelContent","panelContent2","currentValue","onValueChange","FieldLayout","Skeleton","variant","FloatingPanel","onOpenChange","scrollable","sizing","fitContent","trigger","t","Field","field","_field_state_value","resolvedError","getFieldError","fieldValue","state","fieldDisplay","mergeFieldHandler","v"],"sources":["../../../../src/fields/TimePicker/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TimePicker_exports","__export","TimePicker","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_Skeleton","import_fieldLayout","import_FloatingPanel","import_InputParts","import_colorRamps","import_t","import_TimeColumn","import_utils","suppressBoxFocusRing","focused","setFocused","_val","timeStringRegex","isValidTimeString","test","trim","parseTimeString","h","m","s","parts","split","Math","max","min","Number","parseInt","toTimeString","base","String","padStart","formatTimeDisplay","format","showSeconds","secSuffix","period","displayH","hours24","generateRange","hours12","secondValues","AmPmColumn","param","selected","onChange","knobProps","jsxs","YStack","alignItems","gap","children","jsx","Text","fontSize","body","color","formCommonColors","muted","textTransform","letterSpacing","borderRadius","backgroundColor","formInputColors","background","borderWidth","inputSurface","borderColor","border","overflow","map","isSelected","View","height","width","justifyContent","cursor","focus","hoverStyle","onPress","transition","animation","fontWeight","text","TimePickerPopoverContent","timeFormat","minuteStep","minuteValues","useMemo","makeTime","useCallback","newH","newM","newS","secondsColumn","Fragment","TimeColumnSeparator","TimeColumn","label","t","values","onChange1","XStack","display12H","handleHourChange","handleHourChange2","newDisplayH","h24","handlePeriodChange","handlePeriodChange2","newPeriod","name","form","formProp","validators","labelProps","helperText","error","required","size","id","idProp","valueProp","defaultValue","onBlur","disabled","readOnly","placeholder","clockIcon","skeleton","compact","resolvedForm","control","useFormField","resolvedValidators","useResolvedValidators","open","setOpen","useState","areaFocusRing","ensureFocusVisibleRing","focusVisibleKnobProps","outlineOffset","internalValue","setInternalValue","_ref","useEffect","valueIsInvalid","formatError","displayValue","handleChange","time","fieldChange","renderTrigger","renderTrigger2","triggerValue","hasError","Input","sizeToken","Box","theme","elevation","opacity","pointerEvents","Section","Icon","adornment","FocusContext","Provider","Area","focusStyle","focusVisibleStyle","panelContent","panelContent2","currentValue","onValueChange","FieldLayout","Skeleton","variant","FloatingPanel","onOpenChange","scrollable","sizing","fitContent","trigger","Field","field","_field_state_value","resolvedError","getFieldError","fieldValue","state","fieldIsInvalid","fieldFormatError","fieldDisplay","mergeFieldHandler"],"sources":["../../../../src/fields/TimePicker/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -25,10 +25,13 @@ __export(ToggleGroup_exports, {
   ToggleGroup: () => ToggleGroup
 });
 module.exports = __toCommonJS(ToggleGroup_exports);
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_Skeleton = require("../../Skeleton/index.cjs");
 var import_fieldLayout = require("../../fieldLayout.cjs");
 var import_colorRamps = require("../../shared/colorRamps.cjs");
+var import_devWarn = require("../../shared/devWarn.cjs");
 var import_utils = require("../../shared/utils.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const ToggleItemFrame = (0, import_tamagui.styled)(import_tamagui.ToggleGroup.Item, {
@@ -87,39 +90,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({
@@ -152,12 +155,14 @@ function ToggleGroup({
   error,
   required,
   disabled,
+  disabledReason,
   readOnly,
   size,
   id: idProp,
   type = "single",
   value,
   defaultValue,
+  onChange,
   onValueChange,
   onBlur,
   options,
@@ -166,20 +171,53 @@ function ToggleGroup({
   skeleton,
   compact
 }) {
+  const handleValueChange = val => {
+    onChange?.(val);
+    onValueChange?.(val);
+  };
   const {
     resolvedForm,
     knobProps,
     control,
     text,
     elevation,
+    disabledState,
     id
   } = (0, import_utils.useFormField)({
     form: formProp,
     id: idProp,
     compact
   });
+  const onSelectedLabel = (0, import_theme.useReadableTextOn)("$color8");
+  const [kbFocusValue, setKbFocusValue] = (0, import_react.useState)(null);
+  const [focusValue, setFocusValue] = (0, import_react.useState)(null);
+  if (import_tamagui.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
   const resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
   const elevationWrapperProps = (0, import_utils.getElevationWrapperProps)(knobProps, elevation);
+  (0, import_devWarn.warnBareDisabled)({
+    component: "ToggleGroup",
+    id,
+    disabled: Boolean(disabled),
+    disabledReason,
+    skip: Boolean(skeleton)
+  });
+  for (const option of options ?? []) {
+    (0, import_devWarn.warnBareDisabled)({
+      component: "ToggleGroup.Item",
+      id: option.value,
+      disabled: Boolean(option.disabled) && !disabled,
+      disabledReason: option.disabledReason ?? disabledReason,
+      skip: Boolean(skeleton)
+    });
+  }
+  const resolvedHelperText = disabled && disabledReason?.trim() ? disabledReason : helperText;
+  const uniqueItemReasons = [...new Set((options ?? []).filter(o => o.disabled && o.disabledReason?.trim()).map(o => o.disabledReason.trim()))];
+  const itemReasonIdFor = reason => {
+    if (!reason?.trim()) return void 0;
+    const index = uniqueItemReasons.indexOf(reason.trim());
+    return index >= 0 ? `${id}-item-reason-${index}` : void 0;
+  };
+  const optionDisabledByValue = val => Boolean(options?.find(o => o.value === val)?.disabled);
   if (skeleton) {
     const optionCount = options?.length ?? 3;
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
@@ -206,9 +244,15 @@ function ToggleGroup({
     const radius = knobProps.borderRadius.borderRadius;
     const count = options.length;
     const isSelected = val => type === "multiple" ? Array.isArray(resolvedValue) && resolvedValue.includes(val) : resolvedValue === val;
+    const focusedIdx = focusValue ? options.findIndex(o => o.value === focusValue && !(disabled || o.disabled)) : -1;
+    const firstSelectedEnabled = options.findIndex(o => isSelected(o.value) && !(disabled || o.disabled));
+    const tabStopIndex = focusedIdx >= 0 ? focusedIdx : firstSelectedEnabled >= 0 ? firstSelectedEnabled : options.findIndex(o => !(disabled || o.disabled));
     return options.map((option, index) => {
       const groupedRadius = getGroupedBorderRadius(index, count, orientation, radius);
       const selected = isSelected(option.value);
+      const itemDisabled = Boolean(disabled || option.disabled);
+      const itemDescribedBy = option.disabled ? itemReasonIdFor(option.disabledReason) : void 0;
+      const isTabStop = index === tabStopIndex;
       const activeColors = {
         backgroundColor: import_colorRamps.formButtonColors.border.active,
         borderColor: import_colorRamps.formButtonColors.border.active
@@ -217,6 +261,9 @@ function ToggleGroup({
         elevationWrapperProps,
         groupedRadius,
         value: option.value,
+        ...(import_tamagui.isWeb ? {
+          tabIndex: isTabStop ? 0 : -1
+        } : void 0),
         size: knobProps.sizeToken,
         width: "auto",
         height: "auto",
@@ -227,16 +274,24 @@ function ToggleGroup({
         borderWidth: knobProps.borderRadius.borderWidth,
         outlined: knobProps.outlined,
         animation: knobProps.transition,
-        disabled,
-        ...(selected ? activeColors : void 0),
-        ...(selected ? {
+        disabled: itemDisabled,
+        ...(itemDescribedBy ? {
+          "aria-describedby": itemDescribedBy
+        } : void 0),
+        ...(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: {
+        hoverStyle: itemDisabled ? selected ? {
+          ...disabledState.selectedSurfaceKnobProps
+        } : {
+          ...disabledState.surfaceKnobProps
+        } : {
           ...(0, import_utils.stripRadiusFromStateProps)(control.hoverKnobProps),
           ...(selected ? activeColors : knobProps.outlined ? {
             backgroundColor: "transparent",
@@ -246,7 +301,11 @@ function ToggleGroup({
             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",
@@ -268,10 +327,25 @@ function ToggleGroup({
             ...(0, import_utils.stripRadiusFromStateProps)(control.focusVisibleKnobProps)
           }
         }),
+        ...(import_tamagui.isWeb ? {
+          onFocus: () => {
+            setFocusValue(option.value);
+            if ((0, import_theme.wasKeyboardFocus)()) setKbFocusValue(option.value);
+          },
+          onBlur: () => {
+            setFocusValue(prev => prev === option.value ? null : prev);
+            setKbFocusValue(prev => prev === option.value ? null : prev);
+          }
+        } : void 0),
+        ...(kbFocusValue === option.value ? import_theme.keyboardFocusRingProps : void 0),
         children: [option.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,
@@ -283,7 +357,13 @@ function ToggleGroup({
   };
   const renderToggleGroup = (resolvedValue, isControlled, handleChange, handleBlur, hasError) => {
     const emptyValue = type === "multiple" ? [] : "";
+    const groupRing = (0, import_theme.ensureFocusVisibleRing)({
+      ...control.focusVisibleKnobProps
+    });
     const toggleProps = {
+      focusStyle: groupRing,
+      focusVisibleStyle: groupRing,
+      focusWithinStyle: groupRing,
       type,
       ...(type === "single" ? {
         disableDeactivation: true
@@ -295,8 +375,18 @@ function ToggleGroup({
       }),
       onValueChange: val => {
         if (disabled || readOnly) return;
+        if (options) {
+          if (type === "single") {
+            if (typeof val === "string" && optionDisabledByValue(val)) return;
+          } else {
+            const prevArr = Array.isArray(resolvedValue) ? resolvedValue : [];
+            const nextArr = Array.isArray(val) ? val : [];
+            const toggled = [...nextArr.filter(v => !prevArr.includes(v)), ...prevArr.filter(v => !nextArr.includes(v))];
+            if (toggled.length === 1 && optionDisabledByValue(toggled[0])) return;
+          }
+        }
         handleChange?.(val);
-        onValueChange?.(val);
+        handleValueChange(val);
       },
       id,
       disabled,
@@ -312,9 +402,17 @@ function ToggleGroup({
       "aria-invalid": hasError || void 0,
       "aria-readonly": readOnly || void 0
     };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup, {
-      ...toggleProps,
-      children: renderContent(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 ?? emptyValue)
+      }), uniqueItemReasons.map((reason, index) => /* @__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) {
@@ -324,9 +422,10 @@ function ToggleGroup({
       labelProps,
       error,
       required,
-      helperText,
+      helperText: resolvedHelperText,
       size,
       knobProps,
+      disabled,
       children: renderToggleGroup(value ?? defaultValue, value !== void 0, void 0, onBlur, !!error)
     });
   }
@@ -343,9 +442,10 @@ function ToggleGroup({
         labelProps,
         error: resolvedError,
         required,
-        helperText,
+        helperText: resolvedHelperText,
         size,
         knobProps,
+        disabled,
         children: renderToggleGroup(value !== void 0 ? value : field.state.value, true, val => field.handleChange(val), (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur), !!resolvedError)
       });
     }