@multiplatform.one/forms 7.4.1 → 7.6.0

package/dist/jsx/fields/Input/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","Input_exports","Input","module","exports","import_jsx_runtime","require","import_react","import_react2","import_theme","import_tamagui","import_Skeleton","import_fieldDefaults","import_fieldLayout","import_colorRamps","import_utils","import_InputParts","import_LinkCell","param","form","formProp","validators","label","labelProps","labelHidden","ariaLabel","helperText","error","required","disabled","size","id","idProp","defaultValue","onChange","onChangeText","onBlur","secureTextEntry","placeholder","multiline","maxLength","keyboardType","textContentType","autoComplete","purpose","readOnly","linkResolver","leftIcon","rightIcon","rightIconInteractive","inputProps","children","skeleton","compact","chromeless","resolvedForm","knobProps","control","useFormField","inputRef","useRef","focusTrigger","useForwardFocus","resolvedValidators","useResolvedValidators","purposeInputProps","resolveFieldInputProps","resolvedSize","sizeToken","visualHeight","getFieldHeight","belowFloor","MIN_PRESS_TARGET","visibleLabel","resolvedAriaLabel","boxContract","density","String","hitSlop","pressTargetHitSlop","chromelessProps","borderWidth","backgroundColor","hoverStyle","borderColor","hoverKnobProps","focusStyle","focusKnobProps","layoutBind","areaName","jsx","FieldLayout","Skeleton","variant","width","height","theme","renderInputBox","renderInputBox2","inputValue","handleChange","handleBlur","hasError","jsxs","Box","Icon","adornment","LinkCell","Text","color","Area","ref","inputMode","onChangeText1","text","formCommonColors","WarningCircleIcon","Field"],"sources":["../../../../src/fields/Input/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","Input_exports","Input","ensureInputFieldRingOffset","module","exports","import_jsx_runtime","require","import_react","import_react2","import_theme","import_tamagui","import_Skeleton","import_fieldDefaults","import_fieldLayout","import_colorRamps","import_utils","import_InputParts","import_LinkCell","INPUT_FIELD_RING_STYLE_ID","document","getElementById","tag","createElement","id","textContent","head","appendChild","COPY_LABEL","writeClipboard","text","_navigator_clipboard","navigator","clipboard","writeText","unused","param","form","formProp","validators","label","labelProps","labelHidden","ariaLabel","helperText","error","required","disabled","size","idProp","defaultValue","onChange","onChangeText","onBlur","secureTextEntry","placeholder","multiline","maxLength","keyboardType","textContentType","autoComplete","purpose","readOnly","linkResolver","leftIcon","rightIcon","rightIconInteractive","inputProps","children","skeleton","compact","chromeless","copy","onCopyResult","resolvedForm","knobProps","control","useFormField","inputRef","useRef","focusTrigger","useForwardFocus","isWeb","resolvedValidators","useResolvedValidators","purposeInputProps","resolveFieldInputProps","resolvedSize","sizeToken","visualHeight","getFieldHeight","belowFloor","MIN_PRESS_TARGET","visibleLabel","resolvedAriaLabel","boxContract","density","String","hitSlop","pressTargetHitSlop","chromelessProps","borderWidth","backgroundColor","hoverStyle","borderColor","hoverKnobProps","focusStyle","focusKnobProps","layoutBind","fontWeight","areaName","handleCopy","useCallback","ok","identifierProps","fontFamily","letterSpacing","jsx","FieldLayout","Skeleton","variant","width","height","theme","renderInputBox","renderInputBox2","inputValue","handleChange","handleBlur","hasError","copyText","showCopy","Boolean","activateCopy","activateCopy2","jsxs","Box","paddingInlineEnd","Icon","adornment","LinkCell","Text","color","Area","ref","inputMode","onChangeText1","Button","glyphRing","type","tabIndex","onPress","onKeyDown","e","preventDefault","stopPropagation","ClipboardIcon","formCommonColors","WarningCircleIcon","Field","children2","field","resolvedError","getFieldError","mergeFieldHandler","state","Section","Info","Meta","Label","XGroup"],"sources":["index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Input_exports = {};\n__export(Input_exports, {\n  Input: () => Input,\n  ensureInputFieldRingOffset: () => ensureInputFieldRingOffset\n});\nmodule.exports = __toCommonJS(Input_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_react2 = require(\"@phosphor-icons/react\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_tamagui = require(\"tamagui\");\nvar import_Skeleton = require(\"../../Skeleton\");\nvar import_fieldDefaults = require(\"../../fieldDefaults\");\nvar import_fieldLayout = require(\"../../fieldLayout\");\nvar import_colorRamps = require(\"../../shared/colorRamps\");\nvar import_utils = require(\"../../shared/utils\");\nvar import_InputParts = require(\"../../InputParts\");\nvar import_LinkCell = require(\"../../utils/LinkCell\");\nvar INPUT_FIELD_RING_STYLE_ID = \"mp-input-field-ring-offset\";\nfunction ensureInputFieldRingOffset() {\n  if (typeof document === \"undefined\") return;\n  if (document.getElementById(INPUT_FIELD_RING_STYLE_ID)) return;\n  var tag = document.createElement(\"style\");\n  tag.id = INPUT_FIELD_RING_STYLE_ID;\n  tag.textContent = `[data-mp-input-field][data-mp-ring=\"inset\"]:has(input:focus),\n[data-mp-input-field][data-mp-ring=\"inset\"]:has(textarea:focus),\n[data-mp-input-field][data-mp-ring=\"inset\"]:has([data-mp-input-area]:focus),\n[data-mp-input-field][data-mp-ring=\"inset\"]:focus-visible {\n  outline-offset: 0px !important;\n}`;\n  document.head.appendChild(tag);\n}\nvar COPY_LABEL = \"Copy to clipboard\";\nasync function writeClipboard(text) {\n  try {\n    var _navigator_clipboard;\n    if (typeof navigator === \"undefined\" || !((_navigator_clipboard = navigator.clipboard) === null || _navigator_clipboard === void 0 ? void 0 : _navigator_clipboard.writeText)) return false;\n    await navigator.clipboard.writeText(text);\n    return true;\n  } catch (unused) {\n    return false;\n  }\n}\nfunction Input(param) {\n  var { name, form: formProp, validators, label, labelProps, labelHidden, \"aria-label\": ariaLabel, helperText, error, required, disabled, size, id: idProp, value, defaultValue, onChange, onChangeText, onBlur, secureTextEntry, placeholder, multiline, maxLength, keyboardType, textContentType, autoComplete, purpose, readOnly, linkResolver, leftIcon, rightIcon, rightIconInteractive, inputProps, children, skeleton, compact, chromeless, copy, onCopyResult } = param;\n  var { resolvedForm, knobProps, control, id } = (0, import_utils.useFormField)({\n    form: formProp,\n    id: idProp,\n    compact\n  });\n  var inputRef = (0, import_react.useRef)(null);\n  var focusTrigger = (0, import_InputParts.useForwardFocus)(inputRef);\n  if (import_tamagui.isWeb) ensureInputFieldRingOffset();\n  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);\n  var purposeInputProps = (0, import_fieldDefaults.resolveFieldInputProps)(purpose, autoComplete);\n  var resolvedSize = size !== null && size !== void 0 ? size : knobProps.sizeToken;\n  var visualHeight = (0, import_utils.getFieldHeight)(resolvedSize);\n  var belowFloor = visualHeight < import_theme.MIN_PRESS_TARGET;\n  var visibleLabel = labelHidden ? void 0 : label;\n  var resolvedAriaLabel = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : labelHidden && typeof label === \"string\" ? label : void 0;\n  var boxContract = {\n    size: resolvedSize,\n    \"data-density\": knobProps.density,\n    \"data-size\": String(resolvedSize),\n    \"data-visual-height\": String(visualHeight),\n    \"data-press-floor\": belowFloor ? \"slop\" : \"box\",\n    \"data-ring-target\": \"box\",\n    \"data-radius-class\": \"DEFAULT\",\n    \"data-radius-part\": \"Input\",\n    \"data-ring-offset\": \"0\",\n    \"data-mp-input-field\": \"true\",\n    ...belowFloor ? {\n      hitSlop: (0, import_theme.pressTargetHitSlop)(visualHeight)\n    } : void 0\n  };\n  var chromelessProps = chromeless ? {\n    borderWidth: 0,\n    backgroundColor: \"transparent\",\n    hoverStyle: {\n      borderColor: \"transparent\",\n      ...control.hoverKnobProps\n    },\n    focusStyle: {\n      borderColor: \"transparent\",\n      ...control.focusKnobProps\n    }\n  } : void 0;\n  var layoutBind = {\n    id,\n    label: visibleLabel,\n    // R7 / §6.1: label is weight 400. Consumer labelProps still eject last.\n    labelProps: {\n      fontWeight: \"400\",\n      ...labelProps\n    },\n    helperText,\n    required,\n    disabled,\n    size: resolvedSize,\n    knobProps,\n    purpose,\n    autoComplete,\n    placeholder,\n    \"aria-label\": resolvedAriaLabel\n  };\n  var areaName = visibleLabel || !resolvedAriaLabel ? void 0 : {\n    \"aria-label\": resolvedAriaLabel\n  };\n  var handleCopy = (0, import_react.useCallback)(async function(text) {\n    var ok = await writeClipboard(text);\n    onCopyResult === null || onCopyResult === void 0 ? void 0 : onCopyResult(ok);\n  }, [\n    onCopyResult\n  ]);\n  var identifierProps = copy ? {\n    fontFamily: \"$mono\",\n    letterSpacing: 0,\n    \"data-register\": \"identifier\"\n  } : void 0;\n  if (skeleton) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {\n      ...layoutBind,\n      error,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input, {\n        size: resolvedSize,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {\n          variant: \"rounded\",\n          width: \"100%\",\n          height: visualHeight\n        })\n      })\n    });\n  }\n  if (children) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input, {\n      size: resolvedSize,\n      ...error ? {\n        theme: \"red\"\n      } : void 0,\n      children\n    });\n  }\n  var renderInputBox = function renderInputBox2(inputValue, handleChange, handleBlur, hasError) {\n    var copyText = String(inputValue !== null && inputValue !== void 0 ? inputValue : \"\");\n    var showCopy = Boolean(copy && copyText);\n    var activateCopy = function activateCopy2() {\n      if (disabled) return;\n      void handleCopy(copyText);\n    };\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_InputParts.Input.Box, {\n      ...boxContract,\n      ...handleBlur ? {\n        onBlur: handleBlur\n      } : void 0,\n      // LC-40: the Box owns the disabled chrome treatment (read-only renders\n      // its own branch below and never dims).\n      disabled,\n      ...showCopy ? {\n        paddingInlineEnd: 0\n      } : void 0,\n      ...chromelessProps,\n      children: [\n        leftIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {\n          adornment: \"leading\",\n          ...focusTrigger,\n          children: leftIcon\n        }),\n        readOnly ? linkResolver ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LinkCell.LinkCell, {\n          value: inputValue,\n          linkResolver,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n            id,\n            \"aria-readonly\": \"true\",\n            \"aria-required\": required || void 0,\n            \"aria-invalid\": hasError || void 0,\n            ...areaName,\n            ...identifierProps,\n            color: \"$color\",\n            children: inputValue !== null && inputValue !== void 0 ? inputValue : \"\"\n          })\n        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {\n          ref: inputRef,\n          value: inputValue !== null && inputValue !== void 0 ? inputValue : \"\",\n          readOnly: true,\n          id,\n          \"aria-readonly\": \"true\",\n          \"aria-required\": required || void 0,\n          \"aria-invalid\": hasError || void 0,\n          ...identifierProps,\n          ...areaName\n        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {\n          ref: inputRef,\n          ...purposeInputProps.inputMode !== void 0 ? {\n            inputMode: purposeInputProps.inputMode\n          } : void 0,\n          ...purposeInputProps.keyboardType !== void 0 ? {\n            keyboardType: purposeInputProps.keyboardType\n          } : void 0,\n          ...purposeInputProps.autoComplete !== void 0 ? {\n            autoComplete: purposeInputProps.autoComplete\n          } : void 0,\n          ...inputProps,\n          ...identifierProps,\n          ...multiline !== void 0 ? {\n            multiline\n          } : void 0,\n          ...maxLength !== void 0 ? {\n            maxLength\n          } : void 0,\n          ...keyboardType !== void 0 ? {\n            keyboardType\n          } : void 0,\n          ...textContentType !== void 0 ? {\n            textContentType\n          } : void 0,\n          ...autoComplete !== void 0 ? {\n            autoComplete\n          } : void 0,\n          ...secureTextEntry !== void 0 ? {\n            secureTextEntry\n          } : void 0,\n          ...placeholder !== void 0 ? {\n            placeholder\n          } : void 0,\n          disabled,\n          id,\n          ...handleChange ? {\n            value: inputValue !== null && inputValue !== void 0 ? inputValue : \"\"\n          } : {\n            defaultValue: inputValue\n          },\n          \"aria-required\": required || void 0,\n          \"aria-invalid\": hasError || void 0,\n          ...areaName,\n          onChange,\n          onChangeText: function onChangeText1(text) {\n            if (disabled) return;\n            handleChange === null || handleChange === void 0 ? void 0 : handleChange(text);\n            onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);\n          }\n        }),\n        showCopy ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Button, {\n          glyphRing: true,\n          size: resolvedSize,\n          type: \"button\",\n          disabled,\n          tabIndex: disabled ? -1 : 0,\n          \"aria-label\": COPY_LABEL,\n          hitSlop: belowFloor ? (0, import_theme.pressTargetHitSlop)(visualHeight) : void 0,\n          onPress: disabled ? void 0 : activateCopy,\n          onKeyDown: function onKeyDown(e) {\n            if (disabled) return;\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault();\n              e.stopPropagation();\n              activateCopy();\n            }\n          },\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {\n            \"aria-hidden\": true,\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.ClipboardIcon, {})\n          })\n        }) : rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {\n          adornment: \"trailing\",\n          ...rightIconInteractive ? void 0 : focusTrigger,\n          children: rightIcon\n        }) : hasError ? (\n          // M3 / Polaris / Spectrum: in-field error glyph (color is not the\n          // only channel). Omitted when the consumer owns the trailing slot.\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {\n            adornment: \"trailing\",\n            color: import_colorRamps.formCommonColors.error,\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.WarningCircleIcon, {\n              \"aria-hidden\": true\n            })\n          })\n        ) : null\n      ]\n    });\n  };\n  if (!resolvedForm || !name) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {\n      ...layoutBind,\n      error,\n      onBlur,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input, {\n        size: resolvedSize,\n        children: renderInputBox(value !== null && value !== void 0 ? value : defaultValue, void 0, void 0, !!error)\n      })\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {\n    form: resolvedForm,\n    name,\n    defaultValue,\n    validators: resolvedValidators,\n    children: function children2(field) {\n      var resolvedError = (0, import_utils.getFieldError)(field, error);\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {\n        ...layoutBind,\n        error: resolvedError,\n        onBlur: (0, import_utils.mergeFieldHandler)(field, \"handleBlur\", onBlur),\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input, {\n          size: resolvedSize,\n          children: renderInputBox(field.state.value, function(text) {\n            return field.handleChange(text);\n          }, void 0, !!resolvedError)\n        })\n      });\n    }\n  });\n}\nInput.Icon = import_InputParts.Input.Icon;\nInput.Box = import_InputParts.Input.Box;\nInput.Area = import_InputParts.Input.Area;\nInput.Section = import_InputParts.Input.Section;\nInput.Button = import_InputParts.Input.Button;\nInput.Info = import_InputParts.Input.Info;\nInput.Meta = import_InputParts.Input.Meta;\nInput.Label = import_InputParts.Input.Label;\nInput.XGroup = import_InputParts.Input.XGroup;\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,12 +8,46 @@ import { ScrollArrow } from "../../shared/floatingList.mjs";
 import { Skeleton } from "../../Skeleton/index.mjs";
 import { zIndex } from "../../shared/zIndex.mjs";
 import { useFloatingPanel, panelTransition } from "../../FloatingPanel/index.mjs";
-import { Field } from "../../fieldLayout.mjs";
+import { Field, FieldLayout } from "../../fieldLayout.mjs";
 import { getFieldError, getFieldHeight, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
 import { t } from "../../shared/t.mjs";
-import { Input as InputParts } from "../../InputParts/index.mjs";
 import { TextArea } from "../TextArea/index.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function parseMentionValue(raw) {
+  if (typeof raw === "string") return {
+    text: raw,
+    mentions: []
+  };
+  if (raw && typeof raw === "object" && !Array.isArray(raw)) {
+    const o = raw;
+    return {
+      text: typeof o.text === "string" ? o.text : "",
+      mentions: Array.isArray(o.mentions) ? o.mentions : []
+    };
+  }
+  return {
+    text: "",
+    mentions: []
+  };
+}
+function mentionValuesEqual(a, b) {
+  return a.text === b.text && JSON.stringify(a.mentions) === JSON.stringify(b.mentions);
+}
+function MentionFieldSync({
+  fieldValue,
+  current,
+  disabled,
+  onAdopt,
+  children
+}) {
+  useEffect(() => {
+    if (disabled || fieldValue === void 0) return;
+    const next = parseMentionValue(fieldValue);
+    if (mentionValuesEqual(next, current)) return;
+    onAdopt(next);
+  }, [fieldValue, disabled]);
+  return children;
+}
 const blurCloseDelayMs = 150;
 const zeroWidthSpace = "\u200B";
 const helperFontSizeMap = {
@@ -47,7 +81,7 @@ const MentionSuggestionItem = styled(XStack, {
     }
   }
 });
-const MEDIA_SLOT = 28;
+const MEDIA_SLOT_FALLBACK = 32;
 const SLUG_ID = /^[A-Za-z][\w.-]*$/;
 function MentionMatchText({
   text,
@@ -118,7 +152,8 @@ function MentionInput(props) {
     onBlur,
     skeleton,
     compact,
-    id: idProp
+    id: idProp,
+    value: valueProp
   } = useProps(props);
   const {
     resolvedForm,
@@ -135,8 +170,9 @@ function MentionInput(props) {
   const maxHeight = maxHeightProp ?? getFieldHeight(resolvedSizeToken, 8);
   const minRows = Math.max(1, Math.round(minHeight / 20));
   const maxRows = Math.max(minRows, Math.round(maxHeight / 20));
-  const [text, setText] = useState("");
-  const [mentionList, setMentionList] = useState([]);
+  const initialValue = parseMentionValue(valueProp !== void 0 ? valueProp : defaultValue);
+  const [text, setText] = useState(initialValue.text);
+  const [mentionList, setMentionList] = useState(initialValue.mentions);
   const [showSuggestions, setShowSuggestions] = useState(false);
   const [currentTrigger, setCurrentTrigger] = useState(null);
   const [searchQuery, setSearchQuery] = useState("");
@@ -148,6 +184,27 @@ function MentionInput(props) {
   const prevQueryRef = useRef("");
   const blurTimeoutRef = useRef(null);
   const fieldRef = useRef(null);
+  const isControlled = valueProp !== void 0;
+  const displayed = isControlled ? parseMentionValue(valueProp) : {
+    text,
+    mentions: mentionList
+  };
+  const mediaSlot = knobProps.nestedControl.px ?? MEDIA_SLOT_FALLBACK;
+  const adoptValue = useCallback(next => {
+    setText(next.text);
+    setMentionList(next.mentions);
+  }, []);
+  const emit = useCallback(next => {
+    if (!isControlled) adoptValue(next);
+    onChange?.(next);
+    onTextChange?.(next.text);
+    fieldRef.current?.handleChange(next);
+  }, [adoptValue, isControlled, onChange, onTextChange]);
+  useEffect(() => {
+    if (valueProp === void 0) return;
+    const next = parseMentionValue(valueProp);
+    adoptValue(next);
+  }, [valueProp, adoptValue]);
   const triggerMap = useMemo(() => {
     const map = /* @__PURE__ */new Map();
     for (const config of mentions) {
@@ -205,12 +262,6 @@ function MentionInput(props) {
   const {
     getFloatingProps
   } = useInteractions([dismiss]);
-  useEffect(() => {
-    fieldRef.current?.handleChange({
-      text,
-      mentions: mentionList
-    });
-  }, [text, mentionList]);
   useEffect(() => {
     return () => {
       if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
@@ -251,13 +302,14 @@ function MentionInput(props) {
     return null;
   }, []);
   const handleTextChange = useCallback(newText => {
-    const oldText = text;
+    const oldText = displayed.text;
     const lengthDiff = newText.length - oldText.length;
     const webElement = getWebTextAreaElement();
     const domCaret = webElement && typeof webElement.selectionStart === "number" ? webElement.selectionStart : null;
     const editPosition = domCaret !== null ? Math.max(0, domCaret - Math.max(0, lengthDiff)) : prevCursorRef.current;
+    let nextMentions = displayed.mentions;
     if (lengthDiff !== 0) {
-      setMentionList(prev => prev.map(m => ({
+      nextMentions = displayed.mentions.map(m => ({
         ...m
       })).filter(mention => {
         const mentionEnd = mention.position + mention.length;
@@ -269,24 +321,25 @@ function MentionInput(props) {
           return actualText === expectedText;
         }
         return false;
-      }));
+      });
     }
-    setText(newText);
+    emit({
+      text: newText,
+      mentions: nextMentions
+    });
     const estimatedCursor = domCaret !== null ? domCaret : Math.max(0, Math.min(editPosition + Math.max(0, lengthDiff), newText.length));
     prevCursorRef.current = estimatedCursor;
     setCursorPosition(estimatedCursor);
     updateTriggerState(newText, estimatedCursor);
-    onChange?.(newText);
-    onTextChange?.(newText);
-  }, [text, updateTriggerState, onChange, onTextChange, getWebTextAreaElement]);
+  }, [displayed, emit, updateTriggerState, getWebTextAreaElement]);
   const handleSelectionChange = useCallback(event => {
     const selection = event?.nativeEvent?.selection;
     if (selection) {
       prevCursorRef.current = selection.start;
       setCursorPosition(selection.start);
-      updateTriggerState(text, selection.start);
+      updateTriggerState(displayed.text, selection.start);
     }
-  }, [text, updateTriggerState]);
+  }, [displayed.text, updateTriggerState]);
   const handleWebSelect = useCallback(() => {
     const el = getWebTextAreaElement();
     if (!el || typeof el.selectionStart !== "number") return;
@@ -297,13 +350,13 @@ function MentionInput(props) {
   }, [getWebTextAreaElement, updateTriggerState]);
   const insertMention = useCallback(item => {
     if (!currentTrigger) return;
-    const triggerInfo = checkForTrigger(text, cursorPosition);
+    const triggerInfo = checkForTrigger(displayed.text, cursorPosition);
     if (!triggerInfo) return;
     const {
       wordStart
     } = triggerInfo;
-    const beforeMention = text.slice(0, wordStart);
-    const afterMention = text.slice(cursorPosition);
+    const beforeMention = displayed.text.slice(0, wordStart);
+    const afterMention = displayed.text.slice(cursorPosition);
     const mentionText = `${currentTrigger}${item.display}`;
     const config = triggerMap.get(currentTrigger);
     const insertSpace = config?.insertSpace !== false;
@@ -311,7 +364,7 @@ function MentionInput(props) {
     const insertedLength = mentionText.length + (insertSpace ? 1 : 0);
     const oldLength = cursorPosition - wordStart;
     const positionDiff = insertedLength - oldLength;
-    const adjustedMentions = mentionList.map(m => m.position > wordStart ? {
+    const adjustedMentions = displayed.mentions.map(m => m.position > wordStart ? {
       ...m,
       position: m.position + positionDiff
     } : m);
@@ -323,16 +376,16 @@ function MentionInput(props) {
       length: mentionText.length
     };
     const newCursorPos = wordStart + mentionText.length + (insertSpace ? 1 : 0);
-    setText(newText);
-    setMentionList([...adjustedMentions, newMention]);
+    emit({
+      text: newText,
+      mentions: [...adjustedMentions, newMention]
+    });
     setCursorPosition(newCursorPos);
     prevCursorRef.current = newCursorPos;
     setShowSuggestions(false);
     setCurrentTrigger(null);
     prevQueryRef.current = "";
     onMentionSelect?.(item, currentTrigger);
-    onChange?.(newText);
-    onTextChange?.(newText);
     setTimeout(() => {
       const el = getWebTextAreaElement();
       if (el) {
@@ -342,22 +395,23 @@ function MentionInput(props) {
         textAreaRef.current?.focus();
       }
     }, 0);
-  }, [text, cursorPosition, currentTrigger, checkForTrigger, triggerMap, mentionList, onMentionSelect, onChange, onTextChange, getWebTextAreaElement]);
+  }, [displayed, cursorPosition, currentTrigger, checkForTrigger, triggerMap, onMentionSelect, emit, getWebTextAreaElement]);
   const removeMention = useCallback(mention => {
-    const before = text.slice(0, mention.position);
-    const after = text.slice(mention.position + mention.length);
+    const before = displayed.text.slice(0, mention.position);
+    const after = displayed.text.slice(mention.position + mention.length);
     const newText = before + after;
     const removedLen = mention.length;
-    setText(newText);
-    setMentionList(prev => prev.filter(m => !(m.position === mention.position && m.id === mention.id)).map(m => m.position > mention.position ? {
+    const nextMentions = displayed.mentions.filter(m => !(m.position === mention.position && m.id === mention.id)).map(m => m.position > mention.position ? {
       ...m,
       position: m.position - removedLen
-    } : m));
+    } : m);
+    emit({
+      text: newText,
+      mentions: nextMentions
+    });
     const newCursor = mention.position;
     setCursorPosition(newCursor);
     prevCursorRef.current = newCursor;
-    onChange?.(newText);
-    onTextChange?.(newText);
     updateTriggerState(newText, newCursor);
     setTimeout(() => {
       const el = getWebTextAreaElement();
@@ -366,13 +420,13 @@ function MentionInput(props) {
         el.setSelectionRange(newCursor, newCursor);
       }
     }, 0);
-  }, [text, onChange, onTextChange, updateTriggerState, getWebTextAreaElement]);
+  }, [displayed, emit, updateTriggerState, getWebTextAreaElement]);
   const handleKeyDown = useCallback(event => {
     const key = event.key || event.nativeEvent?.key;
     const webElement = getWebTextAreaElement();
     const caret = webElement && typeof webElement.selectionStart === "number" ? webElement.selectionStart : cursorPosition;
     if (key === "Backspace" || key === "Delete") {
-      const mention = mentionForDelete(mentionList, caret, key);
+      const mention = mentionForDelete(displayed.mentions, caret, key);
       if (mention) {
         event.preventDefault?.();
         removeMention(mention);
@@ -410,7 +464,7 @@ function MentionInput(props) {
         setShowSuggestions(false);
         break;
     }
-  }, [showSuggestions, currentTrigger, suggestions, selectedIndex, insertMention, mentionList, cursorPosition, removeMention, getWebTextAreaElement]);
+  }, [showSuggestions, currentTrigger, suggestions, selectedIndex, insertMention, displayed, cursorPosition, removeMention, getWebTextAreaElement]);
   const itemRefs = useRef([]);
   useEffect(() => {
     if (!hasSuggestions) return;
@@ -474,9 +528,9 @@ function MentionInput(props) {
     mirror.style.padding = style.padding;
     mirror.style.border = style.border;
     mirror.style.boxSizing = style.boxSizing;
-    mirror.textContent = text.slice(0, cursorPosition);
+    mirror.textContent = displayed.text.slice(0, cursorPosition);
     const marker = document.createElement("span");
-    marker.textContent = text[cursorPosition] || zeroWidthSpace;
+    marker.textContent = displayed.text[cursorPosition] || zeroWidthSpace;
     mirror.appendChild(marker);
     document.body.appendChild(mirror);
     try {
@@ -498,7 +552,7 @@ function MentionInput(props) {
     } finally {
       document.body.removeChild(mirror);
     }
-  }, [getWebTextAreaElement, text, cursorPosition]);
+  }, [getWebTextAreaElement, displayed.text, cursorPosition]);
   useEffect(() => {
     const el = getWebTextAreaElement();
     if (el) panel.triggerRef.current = el;
@@ -510,13 +564,18 @@ function MentionInput(props) {
       getBoundingClientRect: () => rect
     });
     panel.update();
-  }, [triggerActive, cursorPosition, text]);
+  }, [triggerActive, cursorPosition, displayed.text]);
   const suggestionListId = `${id}-suggestions`;
   const selectedOptionId = hasSuggestions && suggestions[selectedIndex] ? `${id}-option-${suggestions[selectedIndex].id}` : void 0;
+  const {
+    style: elevatedSurfaceStyle,
+    ...elevatedSurfaceProps
+  } = panel.knobProps.elevatedSurface;
   const floatingDropdown = panel.mounted ? /* @__PURE__ */jsxs(YStack, {
     ...getFloatingProps({
       ref: panel.refs.setFloating,
       style: {
+        ...elevatedSurfaceStyle,
         position: panel.strategy,
         top: panel.y ?? 0,
         left: panel.x ?? 0,
@@ -532,7 +591,7 @@ function MentionInput(props) {
     }),
     outlineWidth: 0,
     pointerEvents: panel.visible ? "auto" : "none",
-    ...panel.knobProps.elevatedSurface,
+    ...elevatedSurfaceProps,
     borderRadius: panel.dropdownRadius,
     padding: 0,
     maxHeight: suggestionsMaxHeight,
@@ -566,13 +625,14 @@ function MentionInput(props) {
         "data-keyboard-ring": keyboardRing ? "true" : void 0,
         ...(keyboardRing ? keyboardFocusRingProps : void 0),
         children: [suggestionsHaveMedia && /* @__PURE__ */jsx(YStack, {
-          width: MEDIA_SLOT,
-          height: MEDIA_SLOT,
+          width: mediaSlot,
+          height: mediaSlot,
           alignItems: "center",
           justifyContent: "center",
           flexShrink: 0,
+          "data-media-slot": mediaSlot,
           children: /* @__PURE__ */jsxs(Avatar, {
-            size: "$2",
+            size: mediaSlot,
             circular: true,
             children: [item.avatar ? /* @__PURE__ */jsx(Avatar.Image, {
               src: item.avatar
@@ -629,6 +689,7 @@ function MentionInput(props) {
     helperText,
     required,
     size,
+    compact,
     onBlur: (...args) => {
       handleBlurInternal(...args);
       if (fieldBlurHandler) {
@@ -637,7 +698,7 @@ function MentionInput(props) {
         onBlur?.(...args);
       }
     },
-    value: text,
+    value: displayed.text,
     onChangeText: handleTextChange,
     placeholder,
     autoResize,
@@ -659,17 +720,21 @@ function MentionInput(props) {
     }
   });
   if (skeleton) {
-    return /* @__PURE__ */jsxs(InputParts, {
-      size: size || knobProps.sizeToken,
-      children: [label && /* @__PURE__ */jsx(Skeleton, {
-        variant: "text",
-        width: "30%",
-        height: 14
-      }), /* @__PURE__ */jsx(Skeleton, {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      disabled,
+      children: /* @__PURE__ */jsx(Skeleton, {
         variant: "rounded",
         width: "100%",
         height: minHeight
-      })]
+      })
     });
   }
   if (!resolvedForm || !name) {
@@ -690,10 +755,19 @@ function MentionInput(props) {
           handleChange: field.handleChange
         };
         const resolvedError = getFieldError(field, errorProp);
-        return mentionTextArea(resolvedError, mergeFieldHandler(field, "handleBlur", onBlur));
+        return /* @__PURE__ */jsx(MentionFieldSync, {
+          fieldValue: field.state.value,
+          current: {
+            text,
+            mentions: mentionList
+          },
+          disabled: isControlled,
+          onAdopt: adoptValue,
+          children: mentionTextArea(resolvedError, mergeFieldHandler(field, "handleBlur", onBlur))
+        });
       }
     }), floatingDropdown]
   });
 }
-export { MentionInput };
+export { MentionInput, parseMentionValue };
 //# sourceMappingURL=index.mjs.map