@multiplatform.one/forms 7.4.1 → 7.6.0

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ImageSquareIcon, XIcon } from "@phosphor-icons/react";
-import { ensureFocusVisibleRing, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { ensureFocusVisibleRing, ensureKeyboardModalityTracking, wasKeyboardFocus } from "@multiplatform.one/theme";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Image, Text, View, YStack, isWeb, styled } from "tamagui";
 import { Button } from "../../Button/index.native.js";
@@ -8,7 +8,8 @@ import { Field, FieldLayout, useFieldA11y, useFieldDescribedBy } from "../../fie
 import { Skeleton } from "../../Skeleton/index.native.js";
 import { t } from "../../shared/t.native.js";
 import { formCommonColors, formInputColors } from "../../shared/colorRamps.native.js";
-import { clampRadiusForControl, getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
+import { useIsInTableCell } from "../../shared/tableCellContext.native.js";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
 function _instanceof(left, right) {
   "@swc/helpers - instanceof";
 
@@ -64,13 +65,7 @@ function ImageControl(param) {
     showRemove,
     placeholder,
     objectFit,
-    cappedRadius,
-    borderWidth,
-    outlined,
-    elevation,
-    transition,
-    body,
-    gap,
+    knobProps,
     disabledSurface,
     onChange,
     onChangeProp,
@@ -81,6 +76,8 @@ function ImageControl(param) {
   var _ref;
   var describedBy = useFieldDescribedBy();
   var fieldA11y = useFieldA11y();
+  var inTableCell = useIsInTableCell();
+  if (typeof document !== "undefined") ensureKeyboardModalityTracking();
   var [previewUrl, setPreviewUrl] = useState(null);
   var [broken, setBroken] = useState(false);
   var [kbFrameFocus, setKbFrameFocus] = useState(false);
@@ -189,7 +186,8 @@ function ImageControl(param) {
     var file = (_e_dataTransfer_files = e.dataTransfer.files) === null || _e_dataTransfer_files === void 0 ? void 0 : _e_dataTransfer_files[0];
     if (file) applyFile(file);
   }, [canInteract, applyFile]);
-  var frameBorderWidth = isDragOver && canInteract ? Math.max(borderWidth, 2) : borderWidth;
+  var restBorderWidth = knobProps.inputSurface.borderWidth;
+  var frameBorderWidth = isDragOver && canInteract ? Math.max(restBorderWidth, 2) : restBorderWidth;
   var frameBorderColor = errorProp || isDragOver && canInteract ? errorProp ? formCommonColors.error : formCommonColors.text : formInputColors.border.base;
   var altText = typeof label === "string" && label ? label : (fieldA11y === null || fieldA11y === void 0 ? void 0 : fieldA11y.label) || t("Selected image");
   var emptyName = typeof label === "string" && label ? t("{{label}}: add image", {
@@ -197,20 +195,22 @@ function ImageControl(param) {
   }) : t("Add image");
   return /* @__PURE__ */_jsxs(YStack, {
     alignItems: "flex-start",
-    ...(gap !== null && gap !== void 0 ? gap : {
-      gap: "$2"
-    }),
+    ...knobProps.gap,
     children: [/* @__PURE__ */_jsxs(ImageFrame, {
       id,
+      "data-media-tile": "",
+      "data-radius-class": "R-SCALE",
+      "data-radius-unclamped": "",
       width: imageWidth,
       height: imageHeight,
-      borderRadius: cappedRadius,
+      ...knobProps.borderRadius,
+      ...knobProps.inputSurface,
       borderStyle: hasPreview ? "solid" : "dashed",
       borderWidth: frameBorderWidth,
       borderColor: frameBorderColor,
-      backgroundColor: outlined || hasPreview ? "transparent" : formInputColors.background.base,
-      elevation,
-      transition,
+      backgroundColor: inTableCell || knobProps.outlined || hasPreview ? "transparent" : formInputColors.background.base,
+      elevation: inTableCell ? void 0 : knobProps.elevation,
+      transition: knobProps.transition,
       ...(disabled ? disabledSurface : void 0),
       "aria-required": required || void 0,
       "aria-invalid": !!errorProp || void 0,
@@ -266,7 +266,7 @@ function ImageControl(param) {
           size: iconSize,
           color: "var(--color11)"
         }), showCaption ? /* @__PURE__ */_jsx(Text, {
-          ...body,
+          ...knobProps.body,
           color: formCommonColors.muted,
           textAlign: "center",
           numberOfLines: 2,
@@ -294,7 +294,7 @@ function ImageControl(param) {
         },
         disabled: !canInteract
       })]
-    }), showRemove && hasValue && canInteract && /* @__PURE__ */_jsx(Button, {
+    }), showRemove && hasValue && canInteract && !inTableCell && /* @__PURE__ */_jsx(Button, {
       chromeless: true,
       size: "$2",
       icon: XIcon,
@@ -335,7 +335,6 @@ function ImageField(param) {
     skeleton,
     compact
   } = param;
-  var _knobProps_borderRadius_borderWidth;
   var {
     resolvedForm,
     knobProps,
@@ -347,7 +346,6 @@ function ImageField(param) {
     compact
   });
   var resolvedValidators = useResolvedValidators(required, validators, label, name);
-  var cappedRadius = clampRadiusForControl(knobProps.borderRadius.borderRadius, 6);
   var [validationError, setValidationError] = useState();
   if (skeleton) {
     return /* @__PURE__ */_jsx(FieldLayout, {
@@ -375,13 +373,7 @@ function ImageField(param) {
     showRemove,
     placeholder,
     objectFit,
-    cappedRadius,
-    borderWidth: (_knobProps_borderRadius_borderWidth = knobProps.borderRadius.borderWidth) !== null && _knobProps_borderRadius_borderWidth !== void 0 ? _knobProps_borderRadius_borderWidth : 1,
-    outlined: knobProps.outlined,
-    elevation: knobProps.elevation,
-    transition: knobProps.transition,
-    body: knobProps.body,
-    gap: knobProps.gap,
+    knobProps,
     disabledSurface: disabled ? disabledState.surfaceKnobProps : void 0,
     onChangeProp,
     onValueChange,

package/dist/esm/fields/ImageField/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ImageSquareIcon","XIcon","ensureFocusVisibleRing","wasKeyboardFocus","useCallback","useEffect","useRef","useState","Image","Text","View","YStack","isWeb","styled","Button","Field","FieldLayout","useFieldA11y","useFieldDescribedBy","Skeleton","t","formCommonColors","formInputColors","clampRadiusForControl","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","_instanceof","left","right","Symbol","hasInstance","IMAGE_EXT","CAPTION_MIN_EDGE","ImageFrame","name","position","alignItems","justifyContent","overflow","outlineWidth","focusStyle","focusVisibleStyle","isImageFile","file","accept","type","startsWith","test","accepted","split","map","trim","toLowerCase","some","endsWith","slice","match","replace","ImageControl","param","id","label","currentValue","errorProp","required","disabled","readOnly","maxSize","imageWidth","imageHeight","showRemove","placeholder","objectFit","cappedRadius","borderWidth","outlined","elevation","transition","body","gap","disabledSurface","onChange","onChangeProp","onValueChange","onInvalid","blurHandler","_ref","describedBy","fieldA11y","previewUrl","setPreviewUrl","broken","setBroken","kbFrameFocus","setKbFrameFocus","isDragOver","setIsDragOver","fileInputRef","dragDepthRef","canInteract","File","url","URL","createObjectURL","revokeObjectURL","displayUrl","hasValue","hasPreview","minEdge","Math","min","caption","showCaption","Boolean","iconSize","max","round","emit","next","validateFile","size","sizeMB","toFixed","applyFile","invalid","openFileDialog","_fileInputRef_current","current","click","isInteractiveChild","e","target","currentTarget","closest","interactive","handleFramePress","handleFrameKeyDown","key","_e_preventDefault","preventDefault","call","handleRemove","_e_stopPropagation","stopPropagation","handleDragEnter","handleDragOver","handleDragLeave","handleDrop","_e_dataTransfer_files","dataTransfer","files","frameBorderWidth","frameBorderColor","error","text","border","base","altText","emptyName","children","width","height","borderRadius","borderStyle","borderColor","backgroundColor","background","accessibilityRole","accessibilityLabel","accessibilityHint","description","accessibilityState","outlineOffset","role","tabIndex","cursor","onFocus","onBlur","onPress","onKeyDown","onDragEnter","onDragOver","onDragLeave","onDrop","src","alt","onError","padding","color","muted","textAlign","numberOfLines","fontSize","ref","onChange2","value","length","style","display","chromeless","icon","ImageField","form","formProp","validators","labelProps","helperText","idProp","defaultValue","skeleton","compact","_knobProps_borderRadius_borderWidth","resolvedForm","knobProps","disabledState","resolvedValidators","validationError","setValidationError","variant","controlProps","surfaceKnobProps","standaloneError","field","_getFieldError","resolvedError","fieldValue","state","val","handleChange"],"sources":["index.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { ImageSquareIcon, XIcon } from \"@phosphor-icons/react\";\nimport { ensureFocusVisibleRing, wasKeyboardFocus } from \"@multiplatform.one/theme\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Image, Text, View, YStack, isWeb, styled } from \"tamagui\";\nimport { Button } from \"../../Button\";\nimport { Field, FieldLayout, useFieldA11y, useFieldDescribedBy } from \"../../fieldLayout\";\nimport { Skeleton } from \"../../Skeleton\";\nimport { t } from \"../../shared/t\";\nimport { formCommonColors, formInputColors } from \"../../shared/colorRamps\";\nimport { clampRadiusForControl, getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from \"../../shared/utils\";\nfunction _instanceof(left, right) {\n  \"@swc/helpers - instanceof\";\n  if (right != null && typeof Symbol !== \"undefined\" && right[Symbol.hasInstance]) {\n    return !!right[Symbol.hasInstance](left);\n  } else {\n    return left instanceof right;\n  }\n}\nvar IMAGE_EXT = /\\.(avif|bmp|gif|heic|heif|jpe?g|png|svg|webp)$/i;\nvar CAPTION_MIN_EDGE = 56;\nvar ImageFrame = styled(View, {\n  name: \"ImageFieldFrame\",\n  position: \"relative\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  overflow: \"hidden\",\n  outlineWidth: 0,\n  focusStyle: {\n    outlineWidth: 0\n  },\n  focusVisibleStyle: {\n    outlineWidth: 0\n  }\n});\nfunction isImageFile(file, accept) {\n  if (file.type.startsWith(\"image/\")) return true;\n  if (IMAGE_EXT.test(file.name)) return true;\n  if (!accept) return false;\n  var accepted = accept.split(\",\").map(function(type) {\n    return type.trim().toLowerCase();\n  });\n  var name = file.name.toLowerCase();\n  return accepted.some(function(type) {\n    if (type.startsWith(\".\")) return name.endsWith(type);\n    if (type.endsWith(\"/*\")) return file.type.startsWith(type.slice(0, -1));\n    return file.type === type || file.type.match(type.replace(\"*\", \".*\"));\n  });\n}\nfunction ImageControl(param) {\n  var { id, label, currentValue, errorProp, required, disabled, readOnly, accept, maxSize, imageWidth, imageHeight, showRemove, placeholder, objectFit, cappedRadius, borderWidth, outlined, elevation, transition, body, gap, disabledSurface, onChange, onChangeProp, onValueChange, onInvalid, blurHandler } = param;\n  var _ref;\n  var describedBy = useFieldDescribedBy();\n  var fieldA11y = useFieldA11y();\n  var [previewUrl, setPreviewUrl] = useState(null);\n  var [broken, setBroken] = useState(false);\n  var [kbFrameFocus, setKbFrameFocus] = useState(false);\n  var [isDragOver, setIsDragOver] = useState(false);\n  var fileInputRef = useRef(null);\n  var dragDepthRef = useRef(0);\n  var canInteract = !disabled && !readOnly;\n  useEffect(function() {\n    setBroken(false);\n    if (!_instanceof(currentValue, File) || !isWeb) {\n      setPreviewUrl(null);\n      return;\n    }\n    var url = URL.createObjectURL(currentValue);\n    setPreviewUrl(url);\n    return function() {\n      return URL.revokeObjectURL(url);\n    };\n  }, [\n    currentValue\n  ]);\n  var displayUrl = typeof currentValue === \"string\" && currentValue ? currentValue : _instanceof(currentValue, File) ? previewUrl : null;\n  var hasValue = _instanceof(currentValue, File) || typeof currentValue === \"string\" && !!currentValue;\n  var hasPreview = !!displayUrl && !broken;\n  var minEdge = Math.min(imageWidth, imageHeight);\n  var caption = placeholder === void 0 ? t(\"Add image\") : placeholder;\n  var showCaption = Boolean(caption) && !hasPreview && (placeholder !== void 0 || minEdge >= CAPTION_MIN_EDGE);\n  var iconSize = Math.max(14, Math.min(32, Math.round(minEdge * 0.28)));\n  var emit = useCallback(function(next) {\n    onInvalid === null || onInvalid === void 0 ? void 0 : onInvalid(void 0);\n    onChange === null || onChange === void 0 ? void 0 : onChange(next);\n    onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(next);\n    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(next);\n    blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();\n  }, [\n    onChange,\n    onChangeProp,\n    onValueChange,\n    onInvalid,\n    blurHandler\n  ]);\n  var validateFile = useCallback(function(file) {\n    if (maxSize && file.size > maxSize) {\n      var sizeMB = (maxSize / 1024 / 1024).toFixed(1);\n      return t(\"Image must be less than {{size}}MB\", {\n        size: sizeMB\n      });\n    }\n    if (!isImageFile(file, accept)) {\n      return t(\"File must be an image\");\n    }\n    return null;\n  }, [\n    maxSize,\n    accept\n  ]);\n  var applyFile = useCallback(function(file) {\n    var invalid = validateFile(file);\n    if (invalid) {\n      setBroken(false);\n      onInvalid === null || onInvalid === void 0 ? void 0 : onInvalid(invalid);\n      return;\n    }\n    setBroken(false);\n    emit(file);\n  }, [\n    validateFile,\n    emit,\n    onInvalid\n  ]);\n  var openFileDialog = useCallback(function() {\n    var _fileInputRef_current;\n    if (!canInteract) return;\n    (_fileInputRef_current = fileInputRef.current) === null || _fileInputRef_current === void 0 ? void 0 : _fileInputRef_current.click();\n  }, [\n    canInteract\n  ]);\n  var isInteractiveChild = useCallback(function(e) {\n    var target = e.target;\n    var current = e.currentTarget;\n    if (!(target === null || target === void 0 ? void 0 : target.closest) || !current) return false;\n    var interactive = target.closest('button, a, input, select, textarea, [role=\"button\"]');\n    return !!interactive && interactive !== current;\n  }, []);\n  var handleFramePress = useCallback(function(e) {\n    if (isInteractiveChild(e)) return;\n    openFileDialog();\n  }, [\n    isInteractiveChild,\n    openFileDialog\n  ]);\n  var handleFrameKeyDown = useCallback(function(e) {\n    if (e.target !== e.currentTarget) return;\n    if (e.key === \"Enter\" || e.key === \" \") {\n      var _e_preventDefault;\n      (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);\n      openFileDialog();\n    }\n  }, [\n    openFileDialog\n  ]);\n  var handleRemove = useCallback(function(e) {\n    var _e_stopPropagation;\n    e === null || e === void 0 ? void 0 : (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);\n    setBroken(false);\n    emit(null);\n  }, [\n    emit\n  ]);\n  var handleDragEnter = useCallback(function(e) {\n    e.preventDefault();\n    if (!canInteract) return;\n    dragDepthRef.current += 1;\n    setIsDragOver(true);\n  }, [\n    canInteract\n  ]);\n  var handleDragOver = useCallback(function(e) {\n    e.preventDefault();\n  }, []);\n  var handleDragLeave = useCallback(function(e) {\n    e.preventDefault();\n    dragDepthRef.current = Math.max(0, dragDepthRef.current - 1);\n    if (dragDepthRef.current === 0) setIsDragOver(false);\n  }, []);\n  var handleDrop = useCallback(function(e) {\n    var _e_dataTransfer_files;\n    e.preventDefault();\n    dragDepthRef.current = 0;\n    setIsDragOver(false);\n    if (!canInteract) return;\n    var file = (_e_dataTransfer_files = e.dataTransfer.files) === null || _e_dataTransfer_files === void 0 ? void 0 : _e_dataTransfer_files[0];\n    if (file) applyFile(file);\n  }, [\n    canInteract,\n    applyFile\n  ]);\n  var frameBorderWidth = isDragOver && canInteract ? Math.max(borderWidth, 2) : borderWidth;\n  var frameBorderColor = errorProp || isDragOver && canInteract ? errorProp ? formCommonColors.error : formCommonColors.text : formInputColors.border.base;\n  var altText = typeof label === \"string\" && label ? label : (fieldA11y === null || fieldA11y === void 0 ? void 0 : fieldA11y.label) || t(\"Selected image\");\n  var emptyName = typeof label === \"string\" && label ? t(\"{{label}}: add image\", {\n    label\n  }) : t(\"Add image\");\n  return /* @__PURE__ */ _jsxs(YStack, {\n    alignItems: \"flex-start\",\n    ...gap !== null && gap !== void 0 ? gap : {\n      gap: \"$2\"\n    },\n    children: [\n      /* @__PURE__ */ _jsxs(ImageFrame, {\n        id,\n        width: imageWidth,\n        height: imageHeight,\n        borderRadius: cappedRadius,\n        borderStyle: hasPreview ? \"solid\" : \"dashed\",\n        borderWidth: frameBorderWidth,\n        borderColor: frameBorderColor,\n        backgroundColor: outlined || hasPreview ? \"transparent\" : formInputColors.background.base,\n        elevation,\n        transition,\n        ...disabled ? disabledSurface : void 0,\n        \"aria-required\": required || void 0,\n        \"aria-invalid\": !!errorProp || void 0,\n        \"aria-readonly\": readOnly || void 0,\n        \"aria-disabled\": disabled || void 0,\n        \"aria-describedby\": describedBy,\n        ...!isWeb ? {\n          accessibilityRole: canInteract ? \"button\" : void 0,\n          accessibilityLabel: (_ref = fieldA11y === null || fieldA11y === void 0 ? void 0 : fieldA11y.label) !== null && _ref !== void 0 ? _ref : typeof label === \"string\" ? label : emptyName,\n          accessibilityHint: fieldA11y === null || fieldA11y === void 0 ? void 0 : fieldA11y.description,\n          accessibilityState: {\n            disabled: !!disabled\n          }\n        } : {},\n        ...kbFrameFocus ? ensureFocusVisibleRing({\n          outlineOffset: -2\n        }) : void 0,\n        ...canInteract ? {\n          role: \"button\",\n          tabIndex: 0,\n          cursor: \"pointer\",\n          onFocus: function onFocus() {\n            if (wasKeyboardFocus()) setKbFrameFocus(true);\n          },\n          onBlur: function onBlur() {\n            return setKbFrameFocus(false);\n          },\n          ...label && id ? null : {\n            \"aria-label\": emptyName\n          },\n          onPress: handleFramePress,\n          onKeyDown: handleFrameKeyDown,\n          onDragEnter: handleDragEnter,\n          onDragOver: handleDragOver,\n          onDragLeave: handleDragLeave,\n          onDrop: handleDrop\n        } : {},\n        children: [\n          hasPreview ? /* @__PURE__ */ _jsx(Image, {\n            src: displayUrl,\n            alt: altText,\n            width: imageWidth,\n            height: imageHeight,\n            objectFit,\n            onError: function onError() {\n              return setBroken(true);\n            }\n          }) : /* @__PURE__ */ _jsxs(View, {\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            gap: \"$1\",\n            padding: \"$1\",\n            children: [\n              /* @__PURE__ */ _jsx(ImageSquareIcon, {\n                size: iconSize,\n                color: \"var(--color11)\"\n              }),\n              showCaption ? /* @__PURE__ */ _jsx(Text, {\n                ...body,\n                color: formCommonColors.muted,\n                textAlign: \"center\",\n                numberOfLines: 2,\n                children: hasValue && broken ? t(\"Image failed to load\") : caption\n              }) : hasValue && broken ? /* @__PURE__ */ _jsx(Text, {\n                color: formCommonColors.muted,\n                textAlign: \"center\",\n                fontSize: \"$1\",\n                children: t(\"Image failed to load\")\n              }) : null\n            ]\n          }),\n          isWeb && /* @__PURE__ */ _jsx(\"input\", {\n            ref: fileInputRef,\n            type: \"file\",\n            accept,\n            tabIndex: -1,\n            \"aria-hidden\": true,\n            onChange: function onChange2(e) {\n              var files = e.target.files;\n              e.target.value = \"\";\n              if (!files || files.length === 0) return;\n              applyFile(files[0]);\n            },\n            style: {\n              display: \"none\"\n            },\n            disabled: !canInteract\n          })\n        ]\n      }),\n      showRemove && hasValue && canInteract && /* @__PURE__ */ _jsx(Button, {\n        chromeless: true,\n        size: \"$2\",\n        icon: XIcon,\n        \"aria-label\": t(\"Remove image\"),\n        onPress: function onPress() {\n          return handleRemove();\n        },\n        children: t(\"Remove\")\n      })\n    ]\n  });\n}\nfunction ImageField(param) {\n  var { name, form: formProp, validators, label, labelProps, helperText, error, required, disabled, readOnly, size, id: idProp, value, defaultValue, onChange: onChangeProp, onValueChange, onBlur, accept = \"image/*\", maxSize, imageWidth = 48, imageHeight = 48, showRemove = true, placeholder, objectFit = \"cover\", skeleton, compact } = param;\n  var _knobProps_borderRadius_borderWidth;\n  var { resolvedForm, knobProps, disabledState, id } = useFormField({\n    form: formProp,\n    id: idProp,\n    compact\n  });\n  var resolvedValidators = useResolvedValidators(required, validators, label, name);\n  var cappedRadius = clampRadiusForControl(knobProps.borderRadius.borderRadius, 6);\n  var [validationError, setValidationError] = useState();\n  if (skeleton) {\n    return /* @__PURE__ */ _jsx(FieldLayout, {\n      id,\n      label,\n      size,\n      knobProps,\n      children: /* @__PURE__ */ _jsx(Skeleton, {\n        variant: \"rounded\",\n        width: imageWidth,\n        height: imageHeight\n      })\n    });\n  }\n  var controlProps = {\n    id,\n    label,\n    required,\n    disabled,\n    readOnly,\n    accept,\n    maxSize,\n    imageWidth,\n    imageHeight,\n    showRemove,\n    placeholder,\n    objectFit,\n    cappedRadius,\n    borderWidth: (_knobProps_borderRadius_borderWidth = knobProps.borderRadius.borderWidth) !== null && _knobProps_borderRadius_borderWidth !== void 0 ? _knobProps_borderRadius_borderWidth : 1,\n    outlined: knobProps.outlined,\n    elevation: knobProps.elevation,\n    transition: knobProps.transition,\n    body: knobProps.body,\n    gap: knobProps.gap,\n    disabledSurface: disabled ? disabledState.surfaceKnobProps : void 0,\n    onChangeProp,\n    onValueChange,\n    onInvalid: setValidationError\n  };\n  if (!resolvedForm || !name) {\n    var standaloneError = error !== null && error !== void 0 ? error : validationError;\n    return /* @__PURE__ */ _jsx(FieldLayout, {\n      id,\n      label,\n      labelProps,\n      error: standaloneError,\n      helperText,\n      required,\n      size,\n      knobProps,\n      disabled,\n      children: /* @__PURE__ */ _jsx(ImageControl, {\n        ...controlProps,\n        currentValue: value !== null && value !== void 0 ? value : defaultValue,\n        errorProp: standaloneError\n      })\n    });\n  }\n  return /* @__PURE__ */ _jsx(Field, {\n    form: resolvedForm,\n    name,\n    defaultValue,\n    validators: resolvedValidators,\n    children: function children(field) {\n      var _getFieldError;\n      var resolvedError = (_getFieldError = getFieldError(field, error)) !== null && _getFieldError !== void 0 ? _getFieldError : validationError;\n      var fieldValue = field.state.value;\n      var blurHandler = mergeFieldHandler(field, \"handleBlur\", onBlur);\n      return /* @__PURE__ */ _jsx(FieldLayout, {\n        id,\n        label,\n        labelProps,\n        error: resolvedError,\n        helperText,\n        required,\n        size,\n        knobProps,\n        disabled,\n        children: /* @__PURE__ */ _jsx(ImageControl, {\n          ...controlProps,\n          currentValue: value !== void 0 ? value : fieldValue,\n          errorProp: resolvedError,\n          onChange: function onChange(val) {\n            return field.handleChange(val);\n          },\n          blurHandler\n        })\n      });\n    }\n  });\n}\nexport {\n  ImageField\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ImageSquareIcon","XIcon","ensureFocusVisibleRing","ensureKeyboardModalityTracking","wasKeyboardFocus","useCallback","useEffect","useRef","useState","Image","Text","View","YStack","isWeb","styled","Button","Field","FieldLayout","useFieldA11y","useFieldDescribedBy","Skeleton","t","formCommonColors","formInputColors","useIsInTableCell","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","_instanceof","left","right","Symbol","hasInstance","IMAGE_EXT","CAPTION_MIN_EDGE","ImageFrame","name","position","alignItems","justifyContent","overflow","outlineWidth","focusStyle","focusVisibleStyle","isImageFile","file","accept","type","startsWith","test","accepted","split","map","trim","toLowerCase","some","endsWith","slice","match","replace","ImageControl","param","id","label","currentValue","errorProp","required","disabled","readOnly","maxSize","imageWidth","imageHeight","showRemove","placeholder","objectFit","knobProps","disabledSurface","onChange","onChangeProp","onValueChange","onInvalid","blurHandler","_ref","describedBy","fieldA11y","inTableCell","document","previewUrl","setPreviewUrl","broken","setBroken","kbFrameFocus","setKbFrameFocus","isDragOver","setIsDragOver","fileInputRef","dragDepthRef","canInteract","File","url","URL","createObjectURL","revokeObjectURL","displayUrl","hasValue","hasPreview","minEdge","Math","min","caption","showCaption","Boolean","iconSize","max","round","emit","next","validateFile","size","sizeMB","toFixed","applyFile","invalid","openFileDialog","_fileInputRef_current","current","click","isInteractiveChild","e","target","currentTarget","closest","interactive","handleFramePress","handleFrameKeyDown","key","_e_preventDefault","preventDefault","call","handleRemove","_e_stopPropagation","stopPropagation","handleDragEnter","handleDragOver","handleDragLeave","handleDrop","_e_dataTransfer_files","dataTransfer","files","restBorderWidth","inputSurface","borderWidth","frameBorderWidth","frameBorderColor","error","text","border","base","altText","emptyName","gap","children","width","height","borderRadius","borderStyle","borderColor","backgroundColor","outlined","background","elevation","transition","accessibilityRole","accessibilityLabel","accessibilityHint","description","accessibilityState","outlineOffset","role","tabIndex","cursor","onFocus","onBlur","onPress","onKeyDown","onDragEnter","onDragOver","onDragLeave","onDrop","src","alt","onError","padding","color","body","muted","textAlign","numberOfLines","fontSize","ref","onChange2","value","length","style","display","chromeless","icon","ImageField","form","formProp","validators","labelProps","helperText","idProp","defaultValue","skeleton","compact","resolvedForm","disabledState","resolvedValidators","validationError","setValidationError","variant","controlProps","surfaceKnobProps","standaloneError","field","_getFieldError","resolvedError","fieldValue","state","val","handleChange"],"sources":["index.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { ImageSquareIcon, XIcon } from \"@phosphor-icons/react\";\nimport { ensureFocusVisibleRing, ensureKeyboardModalityTracking, wasKeyboardFocus } from \"@multiplatform.one/theme\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Image, Text, View, YStack, isWeb, styled } from \"tamagui\";\nimport { Button } from \"../../Button\";\nimport { Field, FieldLayout, useFieldA11y, useFieldDescribedBy } from \"../../fieldLayout\";\nimport { Skeleton } from \"../../Skeleton\";\nimport { t } from \"../../shared/t\";\nimport { formCommonColors, formInputColors } from \"../../shared/colorRamps\";\nimport { useIsInTableCell } from \"../../shared/tableCellContext\";\nimport { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from \"../../shared/utils\";\nfunction _instanceof(left, right) {\n  \"@swc/helpers - instanceof\";\n  if (right != null && typeof Symbol !== \"undefined\" && right[Symbol.hasInstance]) {\n    return !!right[Symbol.hasInstance](left);\n  } else {\n    return left instanceof right;\n  }\n}\nvar IMAGE_EXT = /\\.(avif|bmp|gif|heic|heif|jpe?g|png|svg|webp)$/i;\nvar CAPTION_MIN_EDGE = 56;\nvar ImageFrame = styled(View, {\n  name: \"ImageFieldFrame\",\n  position: \"relative\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  overflow: \"hidden\",\n  outlineWidth: 0,\n  focusStyle: {\n    outlineWidth: 0\n  },\n  focusVisibleStyle: {\n    outlineWidth: 0\n  }\n});\nfunction isImageFile(file, accept) {\n  if (file.type.startsWith(\"image/\")) return true;\n  if (IMAGE_EXT.test(file.name)) return true;\n  if (!accept) return false;\n  var accepted = accept.split(\",\").map(function(type) {\n    return type.trim().toLowerCase();\n  });\n  var name = file.name.toLowerCase();\n  return accepted.some(function(type) {\n    if (type.startsWith(\".\")) return name.endsWith(type);\n    if (type.endsWith(\"/*\")) return file.type.startsWith(type.slice(0, -1));\n    return file.type === type || file.type.match(type.replace(\"*\", \".*\"));\n  });\n}\nfunction ImageControl(param) {\n  var { id, label, currentValue, errorProp, required, disabled, readOnly, accept, maxSize, imageWidth, imageHeight, showRemove, placeholder, objectFit, knobProps, disabledSurface, onChange, onChangeProp, onValueChange, onInvalid, blurHandler } = param;\n  var _ref;\n  var describedBy = useFieldDescribedBy();\n  var fieldA11y = useFieldA11y();\n  var inTableCell = useIsInTableCell();\n  if (typeof document !== \"undefined\") ensureKeyboardModalityTracking();\n  var [previewUrl, setPreviewUrl] = useState(null);\n  var [broken, setBroken] = useState(false);\n  var [kbFrameFocus, setKbFrameFocus] = useState(false);\n  var [isDragOver, setIsDragOver] = useState(false);\n  var fileInputRef = useRef(null);\n  var dragDepthRef = useRef(0);\n  var canInteract = !disabled && !readOnly;\n  useEffect(function() {\n    setBroken(false);\n    if (!_instanceof(currentValue, File) || !isWeb) {\n      setPreviewUrl(null);\n      return;\n    }\n    var url = URL.createObjectURL(currentValue);\n    setPreviewUrl(url);\n    return function() {\n      return URL.revokeObjectURL(url);\n    };\n  }, [\n    currentValue\n  ]);\n  var displayUrl = typeof currentValue === \"string\" && currentValue ? currentValue : _instanceof(currentValue, File) ? previewUrl : null;\n  var hasValue = _instanceof(currentValue, File) || typeof currentValue === \"string\" && !!currentValue;\n  var hasPreview = !!displayUrl && !broken;\n  var minEdge = Math.min(imageWidth, imageHeight);\n  var caption = placeholder === void 0 ? t(\"Add image\") : placeholder;\n  var showCaption = Boolean(caption) && !hasPreview && (placeholder !== void 0 || minEdge >= CAPTION_MIN_EDGE);\n  var iconSize = Math.max(14, Math.min(32, Math.round(minEdge * 0.28)));\n  var emit = useCallback(function(next) {\n    onInvalid === null || onInvalid === void 0 ? void 0 : onInvalid(void 0);\n    onChange === null || onChange === void 0 ? void 0 : onChange(next);\n    onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(next);\n    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(next);\n    blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();\n  }, [\n    onChange,\n    onChangeProp,\n    onValueChange,\n    onInvalid,\n    blurHandler\n  ]);\n  var validateFile = useCallback(function(file) {\n    if (maxSize && file.size > maxSize) {\n      var sizeMB = (maxSize / 1024 / 1024).toFixed(1);\n      return t(\"Image must be less than {{size}}MB\", {\n        size: sizeMB\n      });\n    }\n    if (!isImageFile(file, accept)) {\n      return t(\"File must be an image\");\n    }\n    return null;\n  }, [\n    maxSize,\n    accept\n  ]);\n  var applyFile = useCallback(function(file) {\n    var invalid = validateFile(file);\n    if (invalid) {\n      setBroken(false);\n      onInvalid === null || onInvalid === void 0 ? void 0 : onInvalid(invalid);\n      return;\n    }\n    setBroken(false);\n    emit(file);\n  }, [\n    validateFile,\n    emit,\n    onInvalid\n  ]);\n  var openFileDialog = useCallback(function() {\n    var _fileInputRef_current;\n    if (!canInteract) return;\n    (_fileInputRef_current = fileInputRef.current) === null || _fileInputRef_current === void 0 ? void 0 : _fileInputRef_current.click();\n  }, [\n    canInteract\n  ]);\n  var isInteractiveChild = useCallback(function(e) {\n    var target = e.target;\n    var current = e.currentTarget;\n    if (!(target === null || target === void 0 ? void 0 : target.closest) || !current) return false;\n    var interactive = target.closest('button, a, input, select, textarea, [role=\"button\"]');\n    return !!interactive && interactive !== current;\n  }, []);\n  var handleFramePress = useCallback(function(e) {\n    if (isInteractiveChild(e)) return;\n    openFileDialog();\n  }, [\n    isInteractiveChild,\n    openFileDialog\n  ]);\n  var handleFrameKeyDown = useCallback(function(e) {\n    if (e.target !== e.currentTarget) return;\n    if (e.key === \"Enter\" || e.key === \" \") {\n      var _e_preventDefault;\n      (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);\n      openFileDialog();\n    }\n  }, [\n    openFileDialog\n  ]);\n  var handleRemove = useCallback(function(e) {\n    var _e_stopPropagation;\n    e === null || e === void 0 ? void 0 : (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);\n    setBroken(false);\n    emit(null);\n  }, [\n    emit\n  ]);\n  var handleDragEnter = useCallback(function(e) {\n    e.preventDefault();\n    if (!canInteract) return;\n    dragDepthRef.current += 1;\n    setIsDragOver(true);\n  }, [\n    canInteract\n  ]);\n  var handleDragOver = useCallback(function(e) {\n    e.preventDefault();\n  }, []);\n  var handleDragLeave = useCallback(function(e) {\n    e.preventDefault();\n    dragDepthRef.current = Math.max(0, dragDepthRef.current - 1);\n    if (dragDepthRef.current === 0) setIsDragOver(false);\n  }, []);\n  var handleDrop = useCallback(function(e) {\n    var _e_dataTransfer_files;\n    e.preventDefault();\n    dragDepthRef.current = 0;\n    setIsDragOver(false);\n    if (!canInteract) return;\n    var file = (_e_dataTransfer_files = e.dataTransfer.files) === null || _e_dataTransfer_files === void 0 ? void 0 : _e_dataTransfer_files[0];\n    if (file) applyFile(file);\n  }, [\n    canInteract,\n    applyFile\n  ]);\n  var restBorderWidth = knobProps.inputSurface.borderWidth;\n  var frameBorderWidth = isDragOver && canInteract ? Math.max(restBorderWidth, 2) : restBorderWidth;\n  var frameBorderColor = errorProp || isDragOver && canInteract ? errorProp ? formCommonColors.error : formCommonColors.text : formInputColors.border.base;\n  var altText = typeof label === \"string\" && label ? label : (fieldA11y === null || fieldA11y === void 0 ? void 0 : fieldA11y.label) || t(\"Selected image\");\n  var emptyName = typeof label === \"string\" && label ? t(\"{{label}}: add image\", {\n    label\n  }) : t(\"Add image\");\n  return /* @__PURE__ */ _jsxs(YStack, {\n    alignItems: \"flex-start\",\n    ...knobProps.gap,\n    children: [\n      /* @__PURE__ */ _jsxs(ImageFrame, {\n        id,\n        \"data-media-tile\": \"\",\n        \"data-radius-class\": \"R-SCALE\",\n        \"data-radius-unclamped\": \"\",\n        width: imageWidth,\n        height: imageHeight,\n        ...knobProps.borderRadius,\n        ...knobProps.inputSurface,\n        borderStyle: hasPreview ? \"solid\" : \"dashed\",\n        borderWidth: frameBorderWidth,\n        borderColor: frameBorderColor,\n        backgroundColor: inTableCell || knobProps.outlined || hasPreview ? \"transparent\" : formInputColors.background.base,\n        elevation: inTableCell ? void 0 : knobProps.elevation,\n        transition: knobProps.transition,\n        ...disabled ? disabledSurface : void 0,\n        \"aria-required\": required || void 0,\n        \"aria-invalid\": !!errorProp || void 0,\n        \"aria-readonly\": readOnly || void 0,\n        \"aria-disabled\": disabled || void 0,\n        \"aria-describedby\": describedBy,\n        ...!isWeb ? {\n          accessibilityRole: canInteract ? \"button\" : void 0,\n          accessibilityLabel: (_ref = fieldA11y === null || fieldA11y === void 0 ? void 0 : fieldA11y.label) !== null && _ref !== void 0 ? _ref : typeof label === \"string\" ? label : emptyName,\n          accessibilityHint: fieldA11y === null || fieldA11y === void 0 ? void 0 : fieldA11y.description,\n          accessibilityState: {\n            disabled: !!disabled\n          }\n        } : {},\n        ...kbFrameFocus ? ensureFocusVisibleRing({\n          outlineOffset: -2\n        }) : void 0,\n        ...canInteract ? {\n          role: \"button\",\n          tabIndex: 0,\n          cursor: \"pointer\",\n          onFocus: function onFocus() {\n            if (wasKeyboardFocus()) setKbFrameFocus(true);\n          },\n          onBlur: function onBlur() {\n            return setKbFrameFocus(false);\n          },\n          ...label && id ? null : {\n            \"aria-label\": emptyName\n          },\n          onPress: handleFramePress,\n          onKeyDown: handleFrameKeyDown,\n          onDragEnter: handleDragEnter,\n          onDragOver: handleDragOver,\n          onDragLeave: handleDragLeave,\n          onDrop: handleDrop\n        } : {},\n        children: [\n          hasPreview ? /* @__PURE__ */ _jsx(Image, {\n            src: displayUrl,\n            alt: altText,\n            width: imageWidth,\n            height: imageHeight,\n            objectFit,\n            onError: function onError() {\n              return setBroken(true);\n            }\n          }) : /* @__PURE__ */ _jsxs(View, {\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            gap: \"$1\",\n            padding: \"$1\",\n            children: [\n              /* @__PURE__ */ _jsx(ImageSquareIcon, {\n                size: iconSize,\n                color: \"var(--color11)\"\n              }),\n              showCaption ? /* @__PURE__ */ _jsx(Text, {\n                ...knobProps.body,\n                color: formCommonColors.muted,\n                textAlign: \"center\",\n                numberOfLines: 2,\n                children: hasValue && broken ? t(\"Image failed to load\") : caption\n              }) : hasValue && broken ? /* @__PURE__ */ _jsx(Text, {\n                color: formCommonColors.muted,\n                textAlign: \"center\",\n                fontSize: \"$1\",\n                children: t(\"Image failed to load\")\n              }) : null\n            ]\n          }),\n          isWeb && /* @__PURE__ */ _jsx(\"input\", {\n            ref: fileInputRef,\n            type: \"file\",\n            accept,\n            tabIndex: -1,\n            \"aria-hidden\": true,\n            onChange: function onChange2(e) {\n              var files = e.target.files;\n              e.target.value = \"\";\n              if (!files || files.length === 0) return;\n              applyFile(files[0]);\n            },\n            style: {\n              display: \"none\"\n            },\n            disabled: !canInteract\n          })\n        ]\n      }),\n      showRemove && hasValue && canInteract && !inTableCell && /* @__PURE__ */ _jsx(Button, {\n        chromeless: true,\n        size: \"$2\",\n        icon: XIcon,\n        \"aria-label\": t(\"Remove image\"),\n        onPress: function onPress() {\n          return handleRemove();\n        },\n        children: t(\"Remove\")\n      })\n    ]\n  });\n}\nfunction ImageField(param) {\n  var { name, form: formProp, validators, label, labelProps, helperText, error, required, disabled, readOnly, size, id: idProp, value, defaultValue, onChange: onChangeProp, onValueChange, onBlur, accept = \"image/*\", maxSize, imageWidth = 48, imageHeight = 48, showRemove = true, placeholder, objectFit = \"cover\", skeleton, compact } = param;\n  var { resolvedForm, knobProps, disabledState, id } = useFormField({\n    form: formProp,\n    id: idProp,\n    compact\n  });\n  var resolvedValidators = useResolvedValidators(required, validators, label, name);\n  var [validationError, setValidationError] = useState();\n  if (skeleton) {\n    return /* @__PURE__ */ _jsx(FieldLayout, {\n      id,\n      label,\n      size,\n      knobProps,\n      children: /* @__PURE__ */ _jsx(Skeleton, {\n        variant: \"rounded\",\n        width: imageWidth,\n        height: imageHeight\n      })\n    });\n  }\n  var controlProps = {\n    id,\n    label,\n    required,\n    disabled,\n    readOnly,\n    accept,\n    maxSize,\n    imageWidth,\n    imageHeight,\n    showRemove,\n    placeholder,\n    objectFit,\n    knobProps,\n    disabledSurface: disabled ? disabledState.surfaceKnobProps : void 0,\n    onChangeProp,\n    onValueChange,\n    onInvalid: setValidationError\n  };\n  if (!resolvedForm || !name) {\n    var standaloneError = error !== null && error !== void 0 ? error : validationError;\n    return /* @__PURE__ */ _jsx(FieldLayout, {\n      id,\n      label,\n      labelProps,\n      error: standaloneError,\n      helperText,\n      required,\n      size,\n      knobProps,\n      disabled,\n      children: /* @__PURE__ */ _jsx(ImageControl, {\n        ...controlProps,\n        currentValue: value !== null && value !== void 0 ? value : defaultValue,\n        errorProp: standaloneError\n      })\n    });\n  }\n  return /* @__PURE__ */ _jsx(Field, {\n    form: resolvedForm,\n    name,\n    defaultValue,\n    validators: resolvedValidators,\n    children: function children(field) {\n      var _getFieldError;\n      var resolvedError = (_getFieldError = getFieldError(field, error)) !== null && _getFieldError !== void 0 ? _getFieldError : validationError;\n      var fieldValue = field.state.value;\n      var blurHandler = mergeFieldHandler(field, \"handleBlur\", onBlur);\n      return /* @__PURE__ */ _jsx(FieldLayout, {\n        id,\n        label,\n        labelProps,\n        error: resolvedError,\n        helperText,\n        required,\n        size,\n        knobProps,\n        disabled,\n        children: /* @__PURE__ */ _jsx(ImageControl, {\n          ...controlProps,\n          currentValue: value !== void 0 ? value : fieldValue,\n          errorProp: resolvedError,\n          onChange: function onChange(val) {\n            return field.handleChange(val);\n          },\n          blurHandler\n        })\n      });\n    }\n  });\n}\nexport {\n  ImageField\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Input/index.mjs

@@ -1,7 +1,7 @@
-import { useRef } from "react";
-import { WarningCircleIcon } from "@phosphor-icons/react";
+import { useCallback, useRef } from "react";
+import { ClipboardIcon, WarningCircleIcon } from "@phosphor-icons/react";
 import { MIN_PRESS_TARGET, pressTargetHitSlop } from "@multiplatform.one/theme";
-import { Text } from "tamagui";
+import { isWeb, Text } from "tamagui";
 import { Skeleton } from "../../Skeleton/index.mjs";
 import { resolveFieldInputProps } from "../../fieldDefaults.mjs";
 import { Field, FieldLayout } from "../../fieldLayout.mjs";
@@ -10,6 +10,30 @@ import { getFieldError, getFieldHeight, mergeFieldHandler, useFormField, useReso
 import { Input as InputParts, useForwardFocus } from "../../InputParts/index.mjs";
 import { LinkCell } from "../../utils/LinkCell.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+const INPUT_FIELD_RING_STYLE_ID = "mp-input-field-ring-offset";
+function ensureInputFieldRingOffset() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(INPUT_FIELD_RING_STYLE_ID)) return;
+  const tag = document.createElement("style");
+  tag.id = INPUT_FIELD_RING_STYLE_ID;
+  tag.textContent = `[data-mp-input-field][data-mp-ring="inset"]:has(input:focus),
+[data-mp-input-field][data-mp-ring="inset"]:has(textarea:focus),
+[data-mp-input-field][data-mp-ring="inset"]:has([data-mp-input-area]:focus),
+[data-mp-input-field][data-mp-ring="inset"]:focus-visible {
+  outline-offset: 0px !important;
+}`;
+  document.head.appendChild(tag);
+}
+const COPY_LABEL = "Copy to clipboard";
+async function writeClipboard(text) {
+  try {
+    if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) return false;
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    return false;
+  }
+}
 function Input({
   name,
   form: formProp,
@@ -46,7 +70,9 @@ function Input({
   children,
   skeleton,
   compact,
-  chromeless
+  chromeless,
+  copy,
+  onCopyResult
 }) {
   const {
     resolvedForm,
@@ -60,6 +86,7 @@ function Input({
   });
   const inputRef = useRef(null);
   const focusTrigger = useForwardFocus(inputRef);
+  if (isWeb) ensureInputFieldRingOffset();
   const resolvedValidators = useResolvedValidators(required, validators, label, name);
   const purposeInputProps = resolveFieldInputProps(purpose, autoComplete);
   const resolvedSize = size ?? knobProps.sizeToken;
@@ -74,6 +101,10 @@ function Input({
     "data-visual-height": String(visualHeight),
     "data-press-floor": belowFloor ? "slop" : "box",
     "data-ring-target": "box",
+    "data-radius-class": "DEFAULT",
+    "data-radius-part": "Input",
+    "data-ring-offset": "0",
+    "data-mp-input-field": "true",
     ...(belowFloor ? {
       hitSlop: pressTargetHitSlop(visualHeight)
     } : void 0)
@@ -93,7 +124,11 @@ function Input({
   const layoutBind = {
     id,
     label: visibleLabel,
-    labelProps,
+    // R7 / §6.1: label is weight 400. Consumer labelProps still eject last.
+    labelProps: {
+      fontWeight: "400",
+      ...labelProps
+    },
     helperText,
     required,
     disabled,
@@ -107,6 +142,15 @@ function Input({
   const areaName = visibleLabel || !resolvedAriaLabel ? void 0 : {
     "aria-label": resolvedAriaLabel
   };
+  const handleCopy = useCallback(async text => {
+    const ok = await writeClipboard(text);
+    onCopyResult?.(ok);
+  }, [onCopyResult]);
+  const identifierProps = copy ? {
+    fontFamily: "$mono",
+    letterSpacing: 0,
+    "data-register": "identifier"
+  } : void 0;
   if (skeleton) {
     return /* @__PURE__ */jsx(FieldLayout, {
       ...layoutBind,
@@ -130,99 +174,138 @@ function Input({
       children
     });
   }
-  const renderInputBox = (inputValue, handleChange, handleBlur, hasError) => /* @__PURE__ */jsxs(InputParts.Box, {
-    ...boxContract,
-    ...(handleBlur ? {
-      onBlur: handleBlur
-    } : void 0),
-    disabled,
-    ...chromelessProps,
-    children: [leftIcon && /* @__PURE__ */jsx(InputParts.Icon, {
-      adornment: "leading",
-      ...focusTrigger,
-      children: leftIcon
-    }), readOnly ? linkResolver ? /* @__PURE__ */jsx(LinkCell, {
-      value: inputValue,
-      linkResolver,
-      children: /* @__PURE__ */jsx(Text, {
+  const renderInputBox = (inputValue, handleChange, handleBlur, hasError) => {
+    const copyText = String(inputValue ?? "");
+    const showCopy = Boolean(copy && copyText);
+    const activateCopy = () => {
+      if (disabled) return;
+      void handleCopy(copyText);
+    };
+    return /* @__PURE__ */jsxs(InputParts.Box, {
+      ...boxContract,
+      ...(handleBlur ? {
+        onBlur: handleBlur
+      } : void 0),
+      disabled,
+      ...(showCopy ? {
+        paddingInlineEnd: 0
+      } : void 0),
+      ...chromelessProps,
+      children: [leftIcon && /* @__PURE__ */jsx(InputParts.Icon, {
+        adornment: "leading",
+        ...focusTrigger,
+        children: leftIcon
+      }), readOnly ? linkResolver ? /* @__PURE__ */jsx(LinkCell, {
+        value: inputValue,
+        linkResolver,
+        children: /* @__PURE__ */jsx(Text, {
+          id,
+          "aria-readonly": "true",
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0,
+          ...areaName,
+          ...identifierProps,
+          color: "$color",
+          children: inputValue ?? ""
+        })
+      }) : /* @__PURE__ */jsx(InputParts.Area, {
+        ref: inputRef,
+        value: inputValue ?? "",
+        readOnly: true,
         id,
         "aria-readonly": "true",
         "aria-required": required || void 0,
         "aria-invalid": hasError || void 0,
+        ...identifierProps,
+        ...areaName
+      }) : /* @__PURE__ */jsx(InputParts.Area, {
+        ref: inputRef,
+        ...(purposeInputProps.inputMode !== void 0 ? {
+          inputMode: purposeInputProps.inputMode
+        } : void 0),
+        ...(purposeInputProps.keyboardType !== void 0 ? {
+          keyboardType: purposeInputProps.keyboardType
+        } : void 0),
+        ...(purposeInputProps.autoComplete !== void 0 ? {
+          autoComplete: purposeInputProps.autoComplete
+        } : void 0),
+        ...inputProps,
+        ...identifierProps,
+        ...(multiline !== void 0 ? {
+          multiline
+        } : void 0),
+        ...(maxLength !== void 0 ? {
+          maxLength
+        } : void 0),
+        ...(keyboardType !== void 0 ? {
+          keyboardType
+        } : void 0),
+        ...(textContentType !== void 0 ? {
+          textContentType
+        } : void 0),
+        ...(autoComplete !== void 0 ? {
+          autoComplete
+        } : void 0),
+        ...(secureTextEntry !== void 0 ? {
+          secureTextEntry
+        } : void 0),
+        ...(placeholder !== void 0 ? {
+          placeholder
+        } : void 0),
+        disabled,
+        id,
+        ...(handleChange ? {
+          value: inputValue ?? ""
+        } : {
+          defaultValue: inputValue
+        }),
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0,
         ...areaName,
-        color: "$color",
-        children: inputValue ?? ""
-      })
-    }) : /* @__PURE__ */jsx(InputParts.Area, {
-      ref: inputRef,
-      value: inputValue ?? "",
-      readOnly: true,
-      id,
-      "aria-readonly": "true",
-      "aria-required": required || void 0,
-      "aria-invalid": hasError || void 0,
-      ...areaName
-    }) : /* @__PURE__ */jsx(InputParts.Area, {
-      ref: inputRef,
-      ...(purposeInputProps.inputMode !== void 0 ? {
-        inputMode: purposeInputProps.inputMode
-      } : void 0),
-      ...(purposeInputProps.keyboardType !== void 0 ? {
-        keyboardType: purposeInputProps.keyboardType
-      } : void 0),
-      ...(purposeInputProps.autoComplete !== void 0 ? {
-        autoComplete: purposeInputProps.autoComplete
-      } : void 0),
-      ...inputProps,
-      ...(multiline !== void 0 ? {
-        multiline
-      } : void 0),
-      ...(maxLength !== void 0 ? {
-        maxLength
-      } : void 0),
-      ...(keyboardType !== void 0 ? {
-        keyboardType
-      } : void 0),
-      ...(textContentType !== void 0 ? {
-        textContentType
-      } : void 0),
-      ...(autoComplete !== void 0 ? {
-        autoComplete
-      } : void 0),
-      ...(secureTextEntry !== void 0 ? {
-        secureTextEntry
-      } : void 0),
-      ...(placeholder !== void 0 ? {
-        placeholder
-      } : void 0),
-      disabled,
-      id,
-      defaultValue: inputValue,
-      "aria-required": required || void 0,
-      "aria-invalid": hasError || void 0,
-      ...areaName,
-      onChange,
-      onChangeText: text => {
-        if (disabled) return;
-        handleChange?.(text);
-        onChangeText?.(text);
-      }
-    }), rightIcon ? /* @__PURE__ */jsx(InputParts.Icon, {
-      adornment: "trailing",
-      ...(rightIconInteractive ? void 0 : focusTrigger),
-      children: rightIcon
-    }) : hasError ?
-    // M3 / Polaris / Spectrum: in-field error glyph (color is not the
-    // only channel). Omitted when the consumer owns the trailing slot.
-    /* @__PURE__ */
-    jsx(InputParts.Icon, {
-      adornment: "trailing",
-      color: formCommonColors.error,
-      children: /* @__PURE__ */jsx(WarningCircleIcon, {
-        "aria-hidden": true
-      })
-    }) : null]
-  });
+        onChange,
+        onChangeText: text => {
+          if (disabled) return;
+          handleChange?.(text);
+          onChangeText?.(text);
+        }
+      }), showCopy ? /* @__PURE__ */jsx(InputParts.Button, {
+        glyphRing: true,
+        size: resolvedSize,
+        type: "button",
+        disabled,
+        tabIndex: disabled ? -1 : 0,
+        "aria-label": COPY_LABEL,
+        hitSlop: belowFloor ? pressTargetHitSlop(visualHeight) : void 0,
+        onPress: disabled ? void 0 : activateCopy,
+        onKeyDown: e => {
+          if (disabled) return;
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            e.stopPropagation();
+            activateCopy();
+          }
+        },
+        children: /* @__PURE__ */jsx(InputParts.Icon, {
+          "aria-hidden": true,
+          children: /* @__PURE__ */jsx(ClipboardIcon, {})
+        })
+      }) : rightIcon ? /* @__PURE__ */jsx(InputParts.Icon, {
+        adornment: "trailing",
+        ...(rightIconInteractive ? void 0 : focusTrigger),
+        children: rightIcon
+      }) : hasError ?
+      // M3 / Polaris / Spectrum: in-field error glyph (color is not the
+      // only channel). Omitted when the consumer owns the trailing slot.
+      /* @__PURE__ */
+      jsx(InputParts.Icon, {
+        adornment: "trailing",
+        color: formCommonColors.error,
+        children: /* @__PURE__ */jsx(WarningCircleIcon, {
+          "aria-hidden": true
+        })
+      }) : null]
+    });
+  };
   if (!resolvedForm || !name) {
     return /* @__PURE__ */jsx(FieldLayout, {
       ...layoutBind,
@@ -262,5 +345,5 @@ Input.Info = InputParts.Info;
 Input.Meta = InputParts.Meta;
 Input.Label = InputParts.Label;
 Input.XGroup = InputParts.XGroup;
-export { Input };
+export { Input, ensureInputFieldRingOffset };
 //# sourceMappingURL=index.mjs.map