@multiplatform.one/forms 6.1.0 → 6.4.0

package/dist/jsx/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/jsx/fields/TimePicker/index.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","TimePicker_exports","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","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"],"sources":["../../../../src/fields/TimePicker/index.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","TimePicker_exports","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","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"],"sources":["../../../../src/fields/TimePicker/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/ToggleGroup/index.mjs

@@ -1,9 +1,12 @@
-import { SizableText, ToggleGroup as TamaguiToggleGroup, View, XStack, styled } from "tamagui";
+import { useState } from "react";
+import { ensureFocusVisibleRing, ensureKeyboardModalityTracking, keyboardFocusRingProps, useReadableTextOn, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { SizableText, ToggleGroup as TamaguiToggleGroup, View, XStack, isWeb, styled } from "tamagui";
 import { Skeleton } from "../../Skeleton/index.mjs";
 import { Field, FieldLayout } from "../../fieldLayout.mjs";
-import { formButtonColors } from "../../shared/colorRamps.mjs";
+import { formButtonColors, formCommonColors } from "../../shared/colorRamps.mjs";
+import { warnBareDisabled } from "../../shared/devWarn.mjs";
 import { getElevationWrapperProps, getFieldError, mergeFieldHandler, stripRadiusFromStateProps, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const ToggleItemFrame = styled(TamaguiToggleGroup.Item, {
   cursor: "pointer",
   userSelect: "none",
@@ -60,39 +63,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({
@@ -125,12 +128,14 @@ function ToggleGroup({
   error,
   required,
   disabled,
+  disabledReason,
   readOnly,
   size,
   id: idProp,
   type = "single",
   value,
   defaultValue,
+  onChange,
   onValueChange,
   onBlur,
   options,
@@ -139,20 +144,53 @@ function ToggleGroup({
   skeleton,
   compact
 }) {
+  const handleValueChange = val => {
+    onChange?.(val);
+    onValueChange?.(val);
+  };
   const {
     resolvedForm,
     knobProps,
     control,
     text,
     elevation,
+    disabledState,
     id
   } = useFormField({
     form: formProp,
     id: idProp,
     compact
   });
+  const onSelectedLabel = useReadableTextOn("$color8");
+  const [kbFocusValue, setKbFocusValue] = useState(null);
+  const [focusValue, setFocusValue] = useState(null);
+  if (isWeb) ensureKeyboardModalityTracking();
   const resolvedValidators = useResolvedValidators(required, validators, label, name);
   const elevationWrapperProps = getElevationWrapperProps(knobProps, elevation);
+  warnBareDisabled({
+    component: "ToggleGroup",
+    id,
+    disabled: Boolean(disabled),
+    disabledReason,
+    skip: Boolean(skeleton)
+  });
+  for (const option of options ?? []) {
+    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__ */jsx(FieldLayout, {
@@ -179,9 +217,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: formButtonColors.border.active,
         borderColor: formButtonColors.border.active
@@ -190,6 +234,9 @@ function ToggleGroup({
         elevationWrapperProps,
         groupedRadius,
         value: option.value,
+        ...(isWeb ? {
+          tabIndex: isTabStop ? 0 : -1
+        } : void 0),
         size: knobProps.sizeToken,
         width: "auto",
         height: "auto",
@@ -200,16 +247,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
+        } : {
           ...stripRadiusFromStateProps(control.hoverKnobProps),
           ...(selected ? activeColors : knobProps.outlined ? {
             backgroundColor: "transparent",
@@ -219,7 +274,11 @@ function ToggleGroup({
             borderColor: formButtonColors.border.base
           })
         },
-        pressStyle: {
+        pressStyle: itemDisabled ? selected ? {
+          ...disabledState.selectedSurfaceKnobProps
+        } : {
+          ...disabledState.surfaceKnobProps
+        } : {
           ...stripRadiusFromStateProps(control.pressKnobProps),
           ...(selected ? activeColors : knobProps.outlined ? {
             backgroundColor: "transparent",
@@ -241,10 +300,25 @@ function ToggleGroup({
             ...stripRadiusFromStateProps(control.focusVisibleKnobProps)
           }
         }),
+        ...(isWeb ? {
+          onFocus: () => {
+            setFocusValue(option.value);
+            if (wasKeyboardFocus()) setKbFocusValue(option.value);
+          },
+          onBlur: () => {
+            setFocusValue(prev => prev === option.value ? null : prev);
+            setKbFocusValue(prev => prev === option.value ? null : prev);
+          }
+        } : void 0),
+        ...(kbFocusValue === option.value ? keyboardFocusRingProps : void 0),
         children: [option.icon, /* @__PURE__ */jsx(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,
@@ -256,7 +330,13 @@ function ToggleGroup({
   };
   const renderToggleGroup = (resolvedValue, isControlled, handleChange, handleBlur, hasError) => {
     const emptyValue = type === "multiple" ? [] : "";
+    const groupRing = ensureFocusVisibleRing({
+      ...control.focusVisibleKnobProps
+    });
     const toggleProps = {
+      focusStyle: groupRing,
+      focusVisibleStyle: groupRing,
+      focusWithinStyle: groupRing,
       type,
       ...(type === "single" ? {
         disableDeactivation: true
@@ -268,8 +348,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,
@@ -285,9 +375,17 @@ function ToggleGroup({
       "aria-invalid": hasError || void 0,
       "aria-readonly": readOnly || void 0
     };
-    return /* @__PURE__ */jsx(TamaguiToggleGroup, {
-      ...toggleProps,
-      children: renderContent(resolvedValue ?? emptyValue)
+    return /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsx(TamaguiToggleGroup, {
+        ...toggleProps,
+        children: renderContent(resolvedValue ?? emptyValue)
+      }), uniqueItemReasons.map((reason, index) => /* @__PURE__ */jsx(SizableText, {
+        id: `${id}-item-reason-${index}`,
+        size: "$1",
+        color: formCommonColors.muted,
+        "data-mp-disabled-reason": "true",
+        children: reason
+      }, reason))]
     });
   };
   if (!resolvedForm || !name) {
@@ -297,9 +395,10 @@ function ToggleGroup({
       labelProps,
       error,
       required,
-      helperText,
+      helperText: resolvedHelperText,
       size,
       knobProps,
+      disabled,
       children: renderToggleGroup(value ?? defaultValue, value !== void 0, void 0, onBlur, !!error)
     });
   }
@@ -316,9 +415,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), mergeFieldHandler(field, "handleBlur", onBlur), !!resolvedError)
       });
     }