@multiplatform.one/forms 6.1.0 → 6.3.0

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

@@ -1,13 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from "react";
+import { ensureFocusVisibleRing } from "@multiplatform.one/theme";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { Text, View, XStack, YStack } from "tamagui";
 import { Skeleton } from "../../Skeleton/index.native.js";
 import { Field, FieldLayout } from "../../fieldLayout.native.js";
 import { FloatingPanel } from "../../FloatingPanel/index.native.js";
-import { Input as InputParts } from "../../InputParts/index.native.js";
+import { FocusContext, Input as InputParts } from "../../InputParts/index.native.js";
 import { formCommonColors, formInputColors } from "../../shared/colorRamps.native.js";
+import { t } from "../../shared/t.native.js";
 import { TimeColumn, TimeColumnSeparator, generateRange } from "../../shared/TimeColumn.native.js";
 import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../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,
@@ -119,7 +129,7 @@ function TimePickerPopoverContent(param) {
     children: [/* @__PURE__ */_jsx(TimeColumnSeparator, {
       knobProps
     }), /* @__PURE__ */_jsx(TimeColumn, {
-      label: "Sec",
+      label: t("Sec"),
       values: secondValues,
       selected: s,
       onChange: function onChange1(newS) {
@@ -134,7 +144,7 @@ function TimePickerPopoverContent(param) {
       alignItems: "flex-start",
       justifyContent: "center",
       children: [/* @__PURE__ */_jsx(TimeColumn, {
-        label: "Hour",
+        label: t("Hour"),
         values: hours24,
         selected: h,
         onChange: function onChange1(newH) {
@@ -144,7 +154,7 @@ function TimePickerPopoverContent(param) {
       }), /* @__PURE__ */_jsx(TimeColumnSeparator, {
         knobProps
       }), /* @__PURE__ */_jsx(TimeColumn, {
-        label: "Min",
+        label: t("Min"),
         values: minuteValues,
         selected: m,
         onChange: function onChange1(newM) {
@@ -175,7 +185,7 @@ function TimePickerPopoverContent(param) {
     alignItems: "flex-start",
     justifyContent: "center",
     children: [/* @__PURE__ */_jsx(TimeColumn, {
-      label: "Hour",
+      label: t("Hour"),
       values: hours12,
       selected: display12H,
       onChange: handleHourChange,
@@ -183,7 +193,7 @@ function TimePickerPopoverContent(param) {
     }), /* @__PURE__ */_jsx(TimeColumnSeparator, {
       knobProps
     }), /* @__PURE__ */_jsx(TimeColumn, {
-      label: "Min",
+      label: t("Min"),
       values: minuteValues,
       selected: m,
       onChange: function onChange1(newM) {
@@ -209,7 +219,7 @@ function TimePicker(param) {
     required,
     size,
     id: idProp,
-    value = "",
+    value: valueProp,
     defaultValue,
     onChange,
     onBlur,
@@ -218,7 +228,7 @@ function TimePicker(param) {
     timeFormat = "12h",
     minuteStep = 5,
     showSeconds = false,
-    placeholder = "Select time",
+    placeholder = t("Select time"),
     clockIcon,
     skeleton,
     compact
@@ -226,6 +236,7 @@ function TimePicker(param) {
   var {
     resolvedForm,
     knobProps,
+    control,
     id
   } = useFormField({
     form: formProp,
@@ -234,10 +245,26 @@ function TimePicker(param) {
   });
   var resolvedValidators = useResolvedValidators(required, validators, label, name);
   var [open, setOpen] = useState(false);
+  var areaFocusRing = ensureFocusVisibleRing({
+    ...control.focusVisibleKnobProps,
+    outlineOffset: -2
+  });
+  var [internalValue, setInternalValue] = useState(function () {
+    var _ref;
+    return (_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : "";
+  });
+  useEffect(function () {
+    if (valueProp === void 0) return;
+    setInternalValue(valueProp);
+  }, [valueProp]);
+  var value = internalValue;
+  var valueIsInvalid = !!value.trim() && !isValidTimeString(value);
+  var formatError = valueIsInvalid ? t("Invalid time value") : void 0;
   var displayValue = useMemo(function () {
-    return formatTimeDisplay(value, timeFormat, showSeconds);
-  }, [value, timeFormat, showSeconds]);
+    return valueIsInvalid ? "" : formatTimeDisplay(value, timeFormat, showSeconds);
+  }, [value, valueIsInvalid, timeFormat, showSeconds]);
   var handleChange = 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]);
@@ -246,6 +273,9 @@ function TimePicker(param) {
       size: size || knobProps.sizeToken,
       children: /* @__PURE__ */_jsxs(InputParts.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"
@@ -255,15 +285,23 @@ function TimePicker(param) {
             adornment: "leading",
             children: clockIcon
           })
-        }), /* @__PURE__ */_jsx(InputParts.Area, {
-          readOnly: true,
-          value: triggerValue,
-          placeholder,
-          disabled,
-          color: formCommonColors.text,
-          "aria-readonly": readOnly || void 0,
-          "aria-required": required || void 0,
-          "aria-invalid": hasError || void 0
+        }), /* @__PURE__ */_jsx(FocusContext.Provider, {
+          ...suppressBoxFocusRing,
+          children: /* @__PURE__ */_jsx(InputParts.Area, {
+            readOnly: true,
+            id,
+            value: triggerValue,
+            placeholder,
+            disabled,
+            color: formCommonColors.text,
+            focusStyle: areaFocusRing,
+            focusVisibleStyle: areaFocusRing,
+            "aria-labelledby": label ? `${id}-label` : void 0,
+            "aria-label": label ? void 0 : t("Time"),
+            "aria-readonly": readOnly || void 0,
+            "aria-required": required || void 0,
+            "aria-invalid": hasError || void 0
+          })
         })]
       })
     });
@@ -296,22 +334,25 @@ function TimePicker(param) {
       id,
       label,
       labelProps,
-      error,
+      error: error || formatError,
       helperText,
       required,
       size,
       knobProps,
       onBlur,
-      children: readOnly ? renderTrigger(displayValue, !!error) : /* @__PURE__ */_jsx(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__ */_jsx(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);
         })
       })
     });
@@ -325,27 +366,31 @@ function TimePicker(param) {
       var _field_state_value;
       var resolvedError = 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 ? t("Invalid time value") : void 0;
+      var fieldDisplay = fieldIsInvalid ? "" : formatTimeDisplay(fieldValue, timeFormat, showSeconds);
       return /* @__PURE__ */_jsx(FieldLayout, {
         id,
         label,
         labelProps,
-        error: resolvedError,
+        error: resolvedError || fieldFormatError,
         helperText,
         required,
         size,
         knobProps,
         onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
-        children: readOnly ? renderTrigger(fieldDisplay, !!resolvedError) : /* @__PURE__ */_jsx(FloatingPanel, {
+        // LC-40: see standalone branch — FieldLayout carries dimWhole.
+        disabled,
+        children: readOnly ? renderTrigger(fieldDisplay, !!resolvedError || fieldIsInvalid) : /* @__PURE__ */_jsx(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/esm/fields/TimePicker/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCallback","useMemo","useState","Text","View","XStack","YStack","Skeleton","Field","FieldLayout","FloatingPanel","Input","InputParts","formCommonColors","formInputColors","TimeColumn","TimeColumnSeparator","generateRange","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","parseTimeString","value","h","m","s","parts","split","Math","max","min","Number","parseInt","toTimeString","base","String","padStart","formatTimeDisplay","format","showSeconds","secSuffix","period","displayH","hours24","hours12","secondValues","AmPmColumn","param","selected","onChange","knobProps","alignItems","gap","children","fontSize","body","color","muted","textTransform","letterSpacing","borderRadius","backgroundColor","background","borderWidth","inputSurface","borderColor","border","overflow","map","isSelected","height","width","justifyContent","cursor","focus","hoverStyle","onPress","transition","animation","fontWeight","text","TimePickerPopoverContent","timeFormat","minuteStep","minuteValues","makeTime","newH","newM","newS","secondsColumn","label","values","onChange1","display12H","handleHourChange","handleHourChange2","newDisplayH","h24","handlePeriodChange","handlePeriodChange2","newPeriod","TimePicker","name","form","formProp","validators","labelProps","helperText","error","required","size","id","idProp","defaultValue","onBlur","disabled","readOnly","placeholder","clockIcon","skeleton","compact","resolvedForm","resolvedValidators","open","setOpen","displayValue","handleChange","time","fieldChange","renderTrigger","renderTrigger2","triggerValue","hasError","sizeToken","Box","theme","opacity","pointerEvents","Section","Icon","adornment","Area","panelContent","panelContent2","currentValue","onValueChange","variant","onOpenChange","scrollable","sizing","fitContent","trigger","t","field","_field_state_value","resolvedError","fieldValue","state","fieldDisplay","v"],"sources":["../../../../src/fields/TimePicker/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ensureFocusVisibleRing","useCallback","useEffect","useMemo","useState","Text","View","XStack","YStack","Skeleton","Field","FieldLayout","FloatingPanel","FocusContext","Input","InputParts","formCommonColors","formInputColors","t","TimeColumn","TimeColumnSeparator","generateRange","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","suppressBoxFocusRing","focused","setFocused","_val","timeStringRegex","isValidTimeString","value","test","trim","parseTimeString","h","m","s","parts","split","Math","max","min","Number","parseInt","toTimeString","base","String","padStart","formatTimeDisplay","format","showSeconds","secSuffix","period","displayH","hours24","hours12","secondValues","AmPmColumn","param","selected","onChange","knobProps","alignItems","gap","children","fontSize","body","color","muted","textTransform","letterSpacing","borderRadius","backgroundColor","background","borderWidth","inputSurface","borderColor","border","overflow","map","isSelected","height","width","justifyContent","cursor","focus","hoverStyle","onPress","transition","animation","fontWeight","text","TimePickerPopoverContent","timeFormat","minuteStep","minuteValues","makeTime","newH","newM","newS","secondsColumn","label","values","onChange1","display12H","handleHourChange","handleHourChange2","newDisplayH","h24","handlePeriodChange","handlePeriodChange2","newPeriod","TimePicker","name","form","formProp","validators","labelProps","helperText","error","required","size","id","idProp","valueProp","defaultValue","onBlur","disabled","readOnly","placeholder","clockIcon","skeleton","compact","resolvedForm","control","resolvedValidators","open","setOpen","areaFocusRing","focusVisibleKnobProps","outlineOffset","internalValue","setInternalValue","_ref","valueIsInvalid","formatError","displayValue","handleChange","time","fieldChange","renderTrigger","renderTrigger2","triggerValue","hasError","sizeToken","Box","theme","elevation","opacity","pointerEvents","Section","Icon","adornment","Provider","Area","focusStyle","focusVisibleStyle","panelContent","panelContent2","currentValue","onValueChange","variant","onOpenChange","scrollable","sizing","fitContent","trigger","field","_field_state_value","resolvedError","fieldValue","state","fieldIsInvalid","fieldFormatError","fieldDisplay"],"sources":["../../../../src/fields/TimePicker/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAA8B,IAAAC,SAAA;AAEvC,SAASC,sBAAa,QAAW,0BAAyB;AAE1D,SAASC,WAAM,EAAMC,SAAQ,EAAAC,OAAA,EAAAC,QAAc;AAC3C,SAASC,IAAA,EAAAC,IAAA,EAAAC,MAAgB,EAAAC,MAAA;AACzB,SAASC,QAAO,wCAAmB;AACnC,SAASC,KAAA,EAAAC,WAAA,QAAqB;AAC9B,SAASC,aAAA,QAAc,qCAA2B;AAClD,SAASC,YAAA,EAAAC,KAAkB,IAAAC,UAAA,QAAuB;AAClD,SAASC,gBAAS,EAAAC,eAAA;AAClB,SAASC,CAAA,kCAAY;AACrB,SAAAC,UAAA,EAAAC,mBAAA,EAAAC,aAAA;AAAA,SACEC,aAAA,EAAAC,iBAAA,EAAAC,YAAA,EAAAC,qBAAA;AAAA,IACAC,oBAAA;EACAC,OAAA;EACAC,UAAA,WAAAA,WAAAC,IAAA;AA6DE;AAjDJ,IAAAC,eAAM,0CAAsD;AAAmB,SAAEC,kBAAAC,KAAA;EAEjF,OAAMF,eAAkB,CAAAG,IAAA,CAAAD,KAAA,CAAAE,IAAA;AAExB;AACE,SAAOC,gBAAgBH,KAAK;EAC9B,KAAAA,KAAA;IAEAI,CAAA;IACEC,CAAA,EAAK;IACLC,CAAA;EACA;EAAO,IACLC,KAAG,GAAKP,KAAO,CAAAQ,KAAK,IAAI;EAA8C,OACnE;IACHJ,CAAA,EAAGK,IAAA,CAAKC,GAAA,CAAI,GAAGD,IAAA,CAAKE,GAAA,CAAI,IAAIC,MAAA,CAAOC,QAAA,CAASN,KAAA,CAAM,CAAC,KAAK,KAAK,EAAE,KAAK,CAAC,CAAC;IACxEF,CAAA,EAAAI,IAAA,CAAAC,GAAA,IAAAD,IAAA,CAAAE,GAAA,KAAAC,MAAA,CAAAC,QAAA,CAAAN,KAAA;IACFD,CAAA,EAAAG,IAAA,CAAAC,GAAA,IAAAD,IAAA,CAAAE,GAAA,KAAAC,MAAA,CAAAC,QAAA,CAAAN,KAAA;EAEA;AACE;AACA,SAAOO,YAAMA,CAAAV,CAAA,EAAYC,CAAA,EAAGC,CAAA,EAAI;EAClC,IAAAS,IAAA,MAAAC,MAAA,CAAAZ,CAAA,EAAAa,QAAA,YAAAD,MAAA,CAAAX,CAAA,EAAAY,QAAA;EAEA,OAASX,CAAA,iBAAkBS,IAAA,IAAeC,MAAA,CAAoBV,CAAA,EAAAW,QAAA,EAA8B,WAAAF,IAAA;AAC1F;AACA,SAAMG,iBAAcA,CAAAlB,KAAA,EAAAmB,MAAgB,EAAAC,WAAK;EACzC,KAAApB,KAAM,SAAY;EAClB,IAAI;IAAAI,CAAA;IAAAC,CAAA;IAAAC;EAAA,CAAW,GAAAH,eAAO,CAAAH,KAAA;EACpB,IAAAqB,SAAU,GAAAD,WAAa,GAAK,IAAGJ,MAAA,CAAAV,CAAS,EAAAW,QAAA;EAC1C,IAAAE,MAAA;IACA,OAAM,GAAAL,YAAc,CAAKV,CAAA,EAAAC,CAAA,IAAOgB,SAAA;EAChC;EACA,IAAAC,MAAU,GAAAlB,CAAA,IAAQ,KAAI,OAAQ,IAAE;EAClC,IAAAmB,QAAA,GAAAnB,CAAA,cAAAA,CAAA,QAAAA,CAAA,QAAAA,CAAA;EAEA,OAAM,GAAAmB,QAAU,IAAAP,MAAc,CAAAX,CAAA,CAAG,CAAAY,QAAE,WAAAI,SAAA,IAAAC,MAAA;AACnC;AACA,IAAAE,OAAM,GAAAnC,aAAe;AAErB,IAAAoC,OAAS,GAAApC,aAAW;AAAA,IAClBqC,YAAA,GAAArC,aAAA;AAAA,SACAsC,WAAAC,KAAA;EACA;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAH,KAAA;EACF,OAIG,eAAA/D,KAAA,CAAAW,MAAA;IACDwD,UACE;IACEC,GAAA;IAAAC,QAAC,kBAAAvE,IAAA,CAAAU,IAAA;MACC8D,QAAA,EAAS;MACR,GAAGJ,SAAA,CAAUK,IAAA;MACdC,KAAA,EAAOrD,gBAAA,CAAiBsD,KAAA;MACxBC,aAAA,EAAc;MACdC,aAAA,EAAe;MAEdN,QAAA;IAAA,IACH,eAAAvE,IAAA,CAAAa,MAAA;MACA,GAAAuD,SAAA,CAAAU,YAAA;MAACC,eAAA,EAAAzD,eAAA,CAAA0D,UAAA,CAAA5B,IAAA;MAAA6B,WAAA,EAAAb,SAAA,CAAAc,YAAA,CAAAD,WAAA;MACEE,WAAG,EAAU7D,eAAA,CAAA8D,MAAA,CAAAhC,IAAA;MACdiC,QAAA,UAAiB;MACjBd,QAAA,GACA,MACA,KAEE,CAAAe,GAAA,WAAC3B,MAAU,EAAY;QACvB,IAAA4B,UAAM,GAAA5B,MAAa,KAAAO,QAAW;QAC9B,OACE,eAAAlE,IAAA,CAAAW,IAAA;UAAC6E,MAAA;UAAAC,KAAA;UAAApB,UAES;UAAAqB,cACD;UAAAC,MACP,WAAW;UAAAZ,eACX,EAAAQ,UAAe,GAAAjE,eAAA,CAAA0D,UAAA,CAAAY,KAAA;UAAAC,UACR;YACPd,eAAA,EAAiBzD,eAAa,CAAA0D,UAAA,CAAAY;UAAmC;UACDE,OAChE,WAAeA,QAAA,EAAS;YACvB,OAAI3B,QAAU,CAAAR,MAAA;UAAmD;UAElE,IAAAS,SAAC,CAAA2B,UAAA;YAAAC,SAAA,EAAA5B,SAAA,CAAA2B;UAAA,SACC;UAASxB,QACR,EAAG,eAAUvE,IAAA,CAAAU,IAAA;YAAA8D,QACd;YAAiC,GAAAJ,SAC1B,CAAAK,IAAA;YAAsDwB,UAE5D,EAAAV,UAAA;YAAAb,KAAA,EAAAa,UAAA,GAAAlE,gBAAA,CAAA6E,IAAA,GAAA7E,gBAAA,CAAAsD,KAAA;YACHJ,QAAA,EAAAZ;UAAA;QAAA,GAlBKA,MAAA;MAAA;IAmBP,EAEJ;EAAC,EACH;AAAA;AAGN,SAAAwC,yBAAAlC,KAAA;EAEA;IAAA5B,KAAS;IAAA8B,QAAA;IAAAC,SAAyB;IAAAgC,UAAA;IAAAC,UAAA;IAAA5C;EAAA,IAAAQ,KAAA;EAChC;IAAAxB,CAAA;IAAAC,CAAA;IAAAC;EAAA,IAAAH,eAAA,CAAAH,KAAA;EACA,IAAAiE,YAAA,GAAA9F,OAAA;IACA,OAAAkB,aAAA,QAAA2E,UAAA;EACA,IACAA,UAAA,CACA;EACF,IAOGE,QAAA,GAAAjG,WAAA,WAAAkG,IAAA,EAAAC,IAAA,EAAAC,IAAA;IACD,OAAQjD,WAAY,GAAAN,YAAA,CAAgBqD,IAAA,EAAKC,IAAA,EAAAC,IAAA,IAAAvD,YAAA,CAAAqD,IAAA,EAAAC,IAAA;EACzC,IAEAhD,WAAM,CAAW,CACf;EACwE,IACvEkD,aAAW,GAAAlD,WAAA,mBAAAvD,KAAA,CAAAE,SAAA;IACdmE,QAAA,GAEA,eAAMvE,IAAgB,CAAAyB,mBACpB;MACE2C;IACA,IAAC,eAAApE,IAAA,CAAAwB,UAAA;MAAAoF,KAAA,EAAArF,CAAA;MACCsF,MAAA,EAAO9C,YAAO;MACdG,QAAQ,EAAAvB,CAAA;MACRwB,QAAA,EAAU,SAAA2C,UAAAJ,IAAA;QACV,OAAAvC,QAAW,CAAAoC,QAAS,CAAA9D,CAAA,EAASC,CAAA,EAAAgE,IAAA,CAAS;MACtC;MAAAtC;IACF;EAIJ;EACE,IAAAgC,UACE;IACE,sBAAAlG,KAAA,CAAAU,MAAA;MAAA0D,GAAC;MAAAD,UAAA;MAAAqB,cACU,UAAM;MAAAnB,QACf,GAAQ,eACEvE,IAAA,CAAAwB,UAAA;QACVoF,KAAA,EAAArF,CAAA,OAAW;QACXsF,MAAA,EAAAhD,OAAA;QAAAK,QAAA,EAAAzB,CAAA;QACF0B,QAAA,WAAA2C,UAAAN,IAAA;UACA,OAAArC,QAAC,CAAAoC,QAAA,CAAAC,IAAA,EAAA9D,CAAA,EAAAC,CAAA,EAAoB;QACrB;QAACyB;MAAA,mBACepE,IAAA,CAAAyB,mBAAA;QACd2C;MAAQ,EACR,EAAU,eACCpE,IAAA,CAAAwB,UAAkB;QAC7BoF,KAAA,EAAArF,CAAA;QAAAsF,MAAA,EAAAP,YAAA;QACFpC,QAAA,EAAAxB,CAAA;QACCyB,QAAA,WAAA2C,UAAAL,IAAA;UACH,OAAAtC,QAAA,CAAAoC,QAAA,CAAA9D,CAAA,EAAAgE,IAAA,EAAA9D,CAAA;QAEJ;QAEMyB;MACA,IAEAuC,aAAA;IAEJ;EACE;EAA+B,IACjChD,MAAO,GAAAlB,CAAA;EACL,IAAAsE,UAAM,GAAAtE,CAAA,SAAgB,KAAKA,CAAA,GAAK,KAAAA,CAAA,QAAcA,CAAA;EAAA,IAChDuE,gBAAA,YAAAC,kBAAAC,WAAA;IACA,IAAAC,GAAA,GAASD,WAAS;IACpB,IAAAvD,MAAA;MAEAwD,GAAM,GAAAD,WAAA,OAAsB,OAAAA,WAA2B;IACrD,OAAI;MACJC,GAAA,GAAMD,WAAO,UAAc,KAAQA,WAAU,GAAI;IACjD;IACF/C,QAAA,CAAAoC,QAAA,CAAAY,GAAA,EAAAzE,CAAA,EAAAC,CAAA;EAEA;EAEI,IAAAyE,kBAAA,YAAAC,oBAAAC,SAAA;IAAA,IAACA,SAAA,KAAA3D,MAAA;IAAA,IAAA6C,IAAA,GAAAc,SAAA,YAAA7E,CAAA,SAAAA,CAAA,QAAAA,CAAA,GAAAA,CAAA,QAAAA,CAAA,QAAAA,CAAA;IAAA0B,QACC,CAAAoC,QAAS,CAAAC,IAAM,EAAA9D,CAAA,EAAAC,CAAA;EAAA;EACP,OACR,eAAUzC,KAAA,CAAAU,MAAA;IAAA0D,GAAA,EACV;IAAUD,UACV;IAAAqB,cAAA;IACFnB,QAAA,GACA,eAAAvE,IAAC,CAAAwB,UAAA;MACDoF,KAAA,EAAArF,CAAA;MAACsF,MAAA,EAAA/C,OAAA;MAAAI,QAAA,EAAA6C,UAAA;MACC5C,QAAO,EAAE6C,gBAAK;MACd5C;IAAQ,EACR,EAAU,eACCpE,IAAA,CAAAyB,mBAA2B;MACtC2C;IAAA,IACF,eAAApE,IAAA,CAAAwB,UAAA;MACCoF,KAAA,EAAArF,CAAA;MACDsF,MAAA,EAAAP,YAAC;MACHpC,QAAA,EAAAxB,CAAA;MAEJyB,QAAA,WAAA2C,UAAAL,IAAA;QAkCgB,OAAAtC,QAAW,CAAAoC,QAAA,CAAA9D,CAAA,EAAAgE,IAAA,EAAA9D,CAAA;MACzB;MACMyB;IACN,IACAuC,aAAA,EACA,eAAA3G,IAAA,CAAAgE,UAAA;MACAE,QAAA,EAAAP,MAAA;MACAQ,QAAA,EAAAiD,kBAAA;MACAhD;IACA;EAEA;AAAO;AACP,SACAmD,WAAAtD,KAAA;EACA;IAAAuD,IAAA;IAAAC,IAAA,EAAAC,QAAA;IAAAC,UAAA;IAAAf,KAAA;IAAAgB,UAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,EAAA,EAAAC,MAAA;IAAA7F,KAAA,EAAA8F,SAAA;IAAAC,YAAA;IAAAjE,QAAA;IAAAkE,MAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAnC,UAAA;IAAAC,UAAA;IAAA5C,WAAA;IAAA+E,WAAA,GAAAjH,CAAA;IAAAkH,SAAA;IAAAC,QAAA;IAAAC;EAAA,IAAA1E,KAAA;EACA;IAAA2E,YAAA;IAAAxE,SAAA;IAAAyE,OAAA;IAAAZ;EAAA,IAAApG,YAAA;IACA4F,IAAA,EAAAC,QAAA;IACAO,EAAA,EAAAC,MAAA;IACAS;EACA;EACA,IAAAG,kBAAgB,GAAAhH,qBAAa,CAAAiG,QAAA,EAAAJ,UAAA,EAAAf,KAAA,EAAAY,IAAA;EAC7B,KAAAuB,IAAA,EAAAC,OAAA,IAAAvI,QAAA;EACA,IAAAwI,aAAA,GAAA5I,sBAAA;IACA,GAAAwI,OAAA,CAAAK,qBAAA;IACkBC,aAAA;EAClB;EAA8D,IAC5D,CAAAC,aAAM,EAAAC,gBAAA,IAAA5I,QAAA;IACN,IAAI6I,IAAA;IACJ,QAAAA,IAAA,GAAAnB,SAAA,aAAAA,SAAA,cAAAA,SAAA,GAAAC,YAAA,cAAAkB,IAAA,cAAAA,IAAA;EACF,CAAC;EACD/I,SAAM;IACN,IAAM4H,SAAO,KAAO,KAAI;IAExBkB,gBAAM,CAAAlB,SAAgB;EAAuB,GAC3C,CACAA,SAAA,CACD;EACD,IAAA9F,KAAO,GAAA+G,aAAe;EAEtB,IAAAG,cAAgB,KAAAlH,KAAA,CAAAE,IAAA,OAAAH,iBAAA,CAAAC,KAAA;EACd,IAAAmH,WAAI,GAAAD,cAAyB,GAAAhI,CAAA;EAC7B,IAAAkI,YAAA,GAAiBjJ,OAAA,aAAS;IAC5B,OAAI+I,cAAU,QAAAhG,iBAAA,CAAAlB,KAAA,EAAA+D,UAAA,EAAA3C,WAAA;EACd,IACApB,KAAM,EACNkH,cAAM,EAENnD,UAAM,EACJ3C,WAAO,CAAsE,CAC7E;EACF,IAAAiG,YAAA,GAAApJ,WAAA,WAAAqJ,IAAA,EAAAC,WAAA;IAEAP,gBAAM,CAAAM,IAAe;IACnBC,WAAe,aAAmCA,WAAA,uBAAAA,WAAA,CAAAD,IAAA;IAChDxF,QAAA,aAAiBA,QAAI,uBAAAA,QAAA,CAAAwF,IAAA;EACrB,IACAxF,QAAA,CAAe,CACjB;EAAA,IACC0F,aAAQ,YAAAC,eAAAC,YAAA,EAAAC,QAAA;IACX,sBAAAhK,IAAA,CAAAoB,UAAA;MAEA4G,IAAM,EAAAA,IAAA,IAAA5D,SAAiB,CAAA6F,SAAsB;MAExC1F,QAAA,EAAW,eAAArE,KAAA,CAAAkB,UAAA,CAAA8I,GAAA;QAAXC,KAAA,EAAAH,QAAA;QACC;QAGA;QACCI,SAAI,OAAa;QAEjB,IAAA9B,QAAA;UAAA+B,OAAA,KACC;UAIFC,aAAA;QACE,IAAC;QAAW/F,QAAX,GAAAkE,SACC,IAAQ,eAAAzI,IAAA,CAAAoB,UAAA,CAAAmJ,OAAA;UACRhG,QAAA,iBAAAvE,IAAA,CAAAoB,UAAA,CAAAoJ,IAAA;YACAC,SAAO;YACPlG,QAAA,EAAAkE;UACA;QAAA,EACA,EAAwB,eACZzI,IAAA,CAAAkB,YAAA,CAAAwJ,QAAA;UACZ,GAAA3I,oBAAmB;UACnBwC,QAAA,iBAAiBvE,IAAW,CAAAoB,UAAE,CAAAuJ,IAAW;YACzCpC,QAAA,MAAY;YACZN,EAAA;YACA5F,KAAA,EAAA0H,YAAe;YACfvB,WAAA;YAA0BF,QAAA;YAE9B5D,KAAA,EAAArD,gBAAA,CAAA6E,IAAA;YAAA0E,UAAA,EAAA3B,aAAA;YAAA4B,iBAAA,EAAA5B,aAAA;YAEJ,mBAAArC,KAAA,MAAAqB,EAAA;YAGI,YAAgB,EAAArB,KAAA,QAAsB,IAAArF,CAAA;YACzC,iBAAAgH,QAAA;YAAA,iBAAAR,QAAA;YACQ,gBAAgBiC,QAAA;UACvB;QACA;MAEA;IAAA,EACA;EAAA;EACF,IAAAc,YAAA,YAAAC,cAAAC,YAAA,EAAAC,aAAA;IAIF,OAAI,eAAUjL,IAAA,CAAAmG,wBAAA;MACZ9D,KACE,EAAA2I,YAAA,WAAC;MAIL7G,QAAA,EAAA8G,aAAA;MAEI7G,SAAC;MACHgC,UACE;MAACC,UAAA;MAAA5C;IAAA;EACC;EACA,IAAAiF,QACA;IAAA,OACA,eAAgB1I,IAAA,CAAAgB,WAAA;MAAAiH,EAChB;MAAArB,KACA;MAAAoB,IACA;MAAA5D,SACA;MAAAG,QACA,iBAAAvE,IAAA,CAAAc,QAAA;QAGAoK,OAAA;QAECzF,KAAA;QAGCD,MAAC,EAAApB,SAAA,CAAA6F;MAAA;IAAA;EACC;EACc,KAAArB,YACd,KAAApB,IAAA;IAAA,sBACUxH,IAAA,CAAAgB,WAAA;MAAAiH,EAAA;MACHrB,KAAA;MACGgB,UACV;MAA8DE,KAAA,EAE7DA,KAAA,IAAA0B,WAAA;MAAgD3B,UAAA;MAAAE,QACnD;MAAAC,IAAA;MAEJ5D,SAAA;MAEJiE,MAAA;MAEA;MACG;MAAAC,QAAA;MACC/D,QAAM,EAAAgE,QAAA,GAAAsB,aAAA,CAAAJ,YAAA,IAAA3B,KAAA,IAAAyB,cAAA,mBAAAvJ,IAAA,CAAAiB,aAAA;QACN8H,IAAA;QACAoC,YAAA,EAAAnC,OAAA;QACAV,QAAA;QAEC8C,UAAC;QACAC,MAAM;QACNC,UAAM;QACNC,OAAM,EAAA1B,aAAA,CAAiBJ,YAAE,EAAW,EAAA3B,KAAK,IAAMyB,cAAA;QAC/ChF,QAAM,EAAAuG,YAAA,CAAAzI,KAAmB,YAAAsH,IAAiB,EAAE;UAC5C,OAAMD,YAAe,CAAAC,IAAA;QAGrB;MACE;IAAC;EAAA;EACC,sBACA3J,IAAA,CAAAe,KAAA;IAAA0G,IAAA,EAAAmB,YACA;IAAApB,IAAA;IACwBY,YACxB;IAAAT,UACA,EAAAmB,kBAAA;IAAAvE,QACA,WAAAA,SAAAiH,KAAA;MAAA,IAAAC,kBACA;MAAA,IAAAC,aACQ,GAAA/J,aAAkB,CAAA6J,KAAO,EAAA1D,KAAA;MAAoB,IAAA6D,UAErD,IAAAF,kBAAA,GAAAD,KAAA,CAAAI,KAAA,CAAAvJ,KAAA,cAAAoJ,kBAAA,cAAAA,kBAAA;MAAA,IAAAI,cAEC,KAAAF,UACC,CAAApJ,IAAA,MAAc,CAAAH,iBAAgB,CAAAuJ,UAAA,CAAiB;MAE/C,IAAAG,gBAAC,GAAAD,cAAA,GAAAtK,CAAA;MAAA,IAAAwK,YAAA,GAAAF,cAAA,QAAAtI,iBAAA,CAAAoI,UAAA,EAAAvF,UAAA,EAAA3C,WAAA;MAAA,sBACCzD,IAAA,CAAAgB,WAAA;QAAAiH,EAAA;QACcrB,KAAA;QACdgB,UACA;QAAUE,KAAA,EAAA4D,aACH,IAAAI,gBAAA;QAAAjE,UACP;QAAUE,QACV;QAAsEC,IAAA;QAErE5D,SAAA;QAAaiE,MAAA,EAAAzG,iBACZ,CAAA4J,KAAA,EAAa,YAAO,EAAMnD,MAAM;QAAe;QACjDC,QAAA;QAAA/D,QACF,EAAAgE,QAAA,GAAAsB,aAAA,CAAAkC,YAAA,IAAAL,aAAA,IAAAG,cAAA,mBAAA7L,IAAA,CAAAiB,aAAA;UAAA8H,IAAA;UAEJoC,YAAA,EAAAnC,OAAA;UAEJV,QAAA;UAAA8C,UAAA;UACFC,MAAA;UAEJC,UAAA","ignoreList":[]}

package/dist/esm/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)
       });
     }