@a-type/ui 6.1.33 → 6.1.34

package/dist/components/imageUploader/ImageUploader.d.ts

@@ -3,6 +3,8 @@ import { ButtonProps } from '../button/index.js';
 export interface ImageUploaderProps {
     value: string | null;
     onChange: (value: File | null) => void;
+    altText?: string;
+    onAltText?: (value: string) => void;
     className?: string;
     style?: CSSProperties;
     maxDimension?: number;
@@ -13,7 +15,7 @@ export interface ImageUploaderProps {
  * on the image to select a new one, or dragging a new image onto the
  * component to replace the existing one.
  */
-export declare function ImageUploaderRoot({ value, onChange: handleChange, maxDimension, children, className, ...rest }: ImageUploaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageUploaderRoot({ value, onChange: handleChange, altText, onAltText, maxDimension, children, className, ...rest }: ImageUploaderProps): import("react/jsx-runtime").JSX.Element;
 declare function ImageUploaderPrebuilt({ crossOrigin, ...props }: Omit<ImageUploaderProps, 'children'> & {
     facingMode?: 'user' | 'environment';
     crossOrigin?: ImgHTMLAttributes<HTMLImageElement>['crossOrigin'];
@@ -21,6 +23,12 @@ declare function ImageUploaderPrebuilt({ crossOrigin, ...props }: Omit<ImageUplo
 export declare function ImageUploaderFileButton({ children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare function ImageUploaderRemoveButton({ className, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function ImageUploaderDisplay({ className, ...rest }: ImgHTMLAttributes<HTMLImageElement>): import("react/jsx-runtime").JSX.Element | null;
+export interface ImageUploaderAltTextProps {
+    className?: string;
+    altText?: string;
+    onAltText?: (value: string) => void;
+}
+export declare function ImageUploaderAltText({ className, altText, onAltText, }: ImageUploaderAltTextProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function ImageUploaderEmptyControls({ children, className, }: {
     children: ReactNode;
     className?: string;
@@ -30,6 +38,7 @@ export declare const ImageUploader: typeof ImageUploaderPrebuilt & {
     FileButton: typeof ImageUploaderFileButton;
     RemoveButton: typeof ImageUploaderRemoveButton;
     Display: typeof ImageUploaderDisplay;
+    AltText: typeof ImageUploaderAltText;
     EmptyControls: typeof ImageUploaderEmptyControls;
 };
 export {};

package/dist/components/imageUploader/ImageUploader.js

@@ -11,10 +11,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import classNames, { clsx } from 'clsx';
-import { createContext, useCallback, useContext, useEffect, useId, useState, } from 'react';
+import { createContext, useCallback, useContext, useEffect, useId, useRef, useState, } from 'react';
 import { Button } from '../button/index.js';
 import { CameraDeviceSelector, CameraFullscreenButton, CameraRoot, CameraShutterButton, } from '../camera/index.js';
+import { Dialog } from '../dialog/index.js';
+import { Field } from '../forms/index.js';
 import { Icon } from '../icon/index.js';
+import { TextArea } from '../textArea/index.js';
 import cls from './ImageUploader.module.css';
 /**
  * Renders an image if one is already set, and allows either clicking
@@ -22,7 +25,7 @@ import cls from './ImageUploader.module.css';
  * component to replace the existing one.
  */
 export function ImageUploaderRoot(_a) {
-    var { value, onChange: handleChange, maxDimension, children, className } = _a, rest = __rest(_a, ["value", "onChange", "maxDimension", "children", "className"]);
+    var { value, onChange: handleChange, altText, onAltText, maxDimension, children, className } = _a, rest = __rest(_a, ["value", "onChange", "altText", "onAltText", "maxDimension", "children", "className"]);
     const inputId = useId();
     const [dragging, setDragging] = useState(false);
     const [draggingOver, setDraggingOver] = useState(false);
@@ -93,7 +96,15 @@ export function ImageUploaderRoot(_a) {
     const onFileClick = useCallback((e) => {
         e.stopPropagation();
     }, []);
-    return (_jsx(ImageUploaderContext.Provider, { value: { inputId, dragging, draggingOver, value, onChange }, children: _jsxs("div", Object.assign({ className: classNames('@mode-neutral', cls.root, className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd }, rest, { children: [_jsx("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: cls.input, id: inputId }), children] })) }));
+    return (_jsx(ImageUploaderContext.Provider, { value: {
+            inputId,
+            dragging,
+            draggingOver,
+            value,
+            onChange,
+            altText,
+            onAltText,
+        }, children: _jsxs("div", Object.assign({ className: classNames('@mode-neutral', cls.root, className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd }, rest, { children: [_jsx("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: cls.input, id: inputId }), children] })) }));
 }
 const ImageUploaderContext = createContext(null);
 function useUploaderContext() {
@@ -107,7 +118,7 @@ function ImageUploaderPrebuilt(_a) {
     var { crossOrigin = 'anonymous' } = _a, props = __rest(_a, ["crossOrigin"]);
     const [cameraOpen, setCameraOpen] = useState(false);
     const openCamera = () => setCameraOpen(true);
-    return (_jsxs(ImageUploaderRoot, Object.assign({}, props, { children: [_jsx(ImageUploaderDisplay, { crossOrigin: crossOrigin }), _jsxs(ImageUploaderEmptyControls, { children: [_jsx(ImageUploaderFileButton, {}), _jsxs(Button, { emphasis: "ghost", size: "small", onClick: openCamera, children: [_jsx(Icon, { name: "camera" }), _jsx("span", { children: "Camera" })] })] }), !props.value && cameraOpen && (_jsxs(CameraRoot, { className: cls.cameraRoot, format: "image/png", onCapture: (file) => {
+    return (_jsxs(ImageUploaderRoot, Object.assign({}, props, { children: [_jsx(ImageUploaderDisplay, { crossOrigin: crossOrigin }), (props.altText !== undefined || props.onAltText) && (_jsx(ImageUploaderAltText, {})), _jsxs(ImageUploaderEmptyControls, { children: [_jsx(ImageUploaderFileButton, {}), _jsxs(Button, { emphasis: "ghost", size: "small", onClick: openCamera, children: [_jsx(Icon, { name: "camera" }), _jsx("span", { children: "Camera" })] })] }), !props.value && cameraOpen && (_jsxs(CameraRoot, { className: cls.cameraRoot, format: "image/png", onCapture: (file) => {
                     props.onChange(file);
                     setCameraOpen(false);
                 }, facingMode: props.facingMode, children: [_jsx(CameraShutterButton, {}), _jsx(CameraDeviceSelector, {}), _jsx(CameraFullscreenButton, {}), _jsx(Button, { onClick: () => setCameraOpen(false), emphasis: "ghost", size: "small", className: cls.cameraCancelButton, children: "Cancel" })] })), _jsx(ImageUploaderRemoveButton, {})] })));
@@ -149,6 +160,38 @@ export function ImageUploaderDisplay(_a) {
     const { value } = useUploaderContext();
     return value ? (_jsx("img", Object.assign({ src: value, className: clsx(cls.imagePreview, className) }, rest))) : null;
 }
+export function ImageUploaderAltText({ className, altText, onAltText, }) {
+    const { value, altText: contextAltText, onAltText: contextOnAltText, } = useUploaderContext();
+    const finalAltText = altText !== null && altText !== void 0 ? altText : contextAltText;
+    const finalOnAltText = onAltText !== null && onAltText !== void 0 ? onAltText : contextOnAltText;
+    const enabled = finalAltText !== undefined || !!finalOnAltText;
+    const [open, setOpen] = useState(false);
+    const [innerAltText, setInnerAltText] = useState('');
+    const skipCloseResetRef = useRef(false);
+    const readOnly = !finalOnAltText;
+    const altTextFieldId = useId();
+    useEffect(() => {
+        if (open)
+            return;
+        setInnerAltText(finalAltText !== null && finalAltText !== void 0 ? finalAltText : '');
+    }, [finalAltText, open]);
+    if (!enabled || !value)
+        return null;
+    return (_jsxs(Dialog, { open: open, onOpenChange: (isOpen) => {
+            setOpen(isOpen);
+            if (!isOpen) {
+                if (skipCloseResetRef.current) {
+                    skipCloseResetRef.current = false;
+                    return;
+                }
+                setInnerAltText(finalAltText !== null && finalAltText !== void 0 ? finalAltText : '');
+            }
+        }, disableSheet: true, children: [_jsx(Dialog.Trigger, { className: clsx(cls.altTextButton, className), render: _jsx(Button, { emphasis: "light", size: "small" }), "aria-label": readOnly ? 'View alt text' : 'Edit alt text', children: "ALT" }), _jsxs(Dialog.Content, { className: cls.altTextDialog, innerClassName: cls.altTextDialogInner, children: [_jsx(Dialog.Title, { children: "Alt text" }), _jsx("img", { src: value, alt: "", className: cls.altTextDialogImage }), _jsxs(Field, { stretch: true, id: altTextFieldId, className: cls.altTextField, children: [_jsx(Field.Label, { children: "Alt text" }), _jsx(Field.Control, { render: _jsx(TextArea, { autoSize: false, rows: 4, value: innerAltText, readOnly: readOnly, onValueChange: readOnly ? undefined : setInnerAltText, className: cls.altTextInput }) })] }), finalOnAltText && (_jsxs(Dialog.Actions, { children: [_jsx(Dialog.Close, { children: "Cancel" }), _jsx(Button, { emphasis: "primary", onClick: () => {
+                                    skipCloseResetRef.current = true;
+                                    finalOnAltText(innerAltText);
+                                    setOpen(false);
+                                }, children: "Save" })] }))] })] }));
+}
 export function ImageUploaderEmptyControls({ children, className, }) {
     const { value, draggingOver } = useUploaderContext();
     if (value)
@@ -160,6 +203,7 @@ export const ImageUploader = Object.assign(ImageUploaderPrebuilt, {
     FileButton: ImageUploaderFileButton,
     RemoveButton: ImageUploaderRemoveButton,
     Display: ImageUploaderDisplay,
+    AltText: ImageUploaderAltText,
     EmptyControls: ImageUploaderEmptyControls,
 });
 //# sourceMappingURL=ImageUploader.js.map

package/dist/components/imageUploader/ImageUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EACN,aAAa,EAIb,WAAW,EACX,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,EACN,oBAAoB,EACpB,sBAAsB,EACtB,UAAU,EACV,mBAAmB,GACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,GAAG,MAAM,4BAA4B,CAAC;AAa7C;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,EASb;QATa,EACjC,KAAK,EACL,QAAQ,EAAE,YAAY,EACtB,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,SAAS,OAEW,EADjB,IAAI,cAR0B,sFASjC,CADO;IAEP,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAkC,EAAE,EAAE;QACtE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAkC,EAAE,EAAE;QACtE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAkC,EAAE,EAAE;QACrE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,WAAW,CAC3B,KAAK,EAAE,IAAiB,EAAE,EAAE;QAC3B,IAAI,CAAC,IAAI,EAAE,CAAC;YACX,YAAY,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,YAAY,EAAE,CAAC;YACzB,IAAI,OAAO,GAAG,MAAM,MAAM,CAAC,uBAAuB,CAAC,CAAC;YACpD,aAAa;YACb,OAAO,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC;YACnE,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,oBAAoB,EAAE,CAAC;gBAC/C,qEAAqE;gBACrE,kBAAkB;gBAClB,OAAO,CAAC,IAAI,CACX,+DAA+D,CAC/D,CAAC;gBACF,YAAY,CAAC,IAAI,CAAC,CAAC;gBACnB,OAAO;YACR,CAAC;YAED,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,oBAAoB,CAAC,IAAI,EAAE;gBAC7D,QAAQ,EAAE,YAAY;gBACtB,SAAS,EAAE,YAAY;gBACvB,QAAQ,EAAE,IAAI,CAAC,IAAI;aACnB,CAAC,CAAC;YACH,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACxE,CAAC;aAAM,CAAC;YACP,YAAY,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC5B,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CACzB,CAAC,CAAkC,EAAE,EAAE;QACtC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACnC,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAkC,EAAE,EAAE;QACtE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,WAAW,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAkC,EAAE,EAAE;QACpE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,WAAW,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAC/B,CAAC,CAAsC,EAAE,EAAE;QAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAqC,EAAE,EAAE;QACzE,CAAC,CAAC,eAAe,EAAE,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,KAAC,oBAAoB,CAAC,QAAQ,IAC7B,KAAK,EAAE;YACN,OAAO;YACP,QAAQ;YACR,YAAY;YACZ,KAAK;YACL,QAAQ;YACR,OAAO;YACP,SAAS;SACT,YAED,6BACC,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAC3D,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IAChB,IAAI,eAER,gBACC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,GAAG,CAAC,KAAK,EACpB,EAAE,EAAE,OAAO,GACV,EACD,QAAQ,KACJ,GACyB,CAChC,CAAC;AACH,CAAC;AAED,MAAM,oBAAoB,GAAG,aAAa,CAQhC,IAAI,CAAC,CAAC;AAChB,SAAS,kBAAkB;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACjD,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACnD,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,SAAS,qBAAqB,CAAC,EAM9B;QAN8B,EAC9B,WAAW,GAAG,WAAW,OAKzB,EAJG,KAAK,cAFsB,eAG9B,CADQ;IAKR,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACN,MAAC,iBAAiB,oBAAK,KAAK,eAC3B,KAAC,oBAAoB,IAAC,WAAW,EAAE,WAAW,GAAI,EACjD,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,CACpD,KAAC,oBAAoB,KAAG,CACxB,EAED,MAAC,0BAA0B,eAC1B,KAAC,uBAAuB,KAAG,EAC3B,MAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU,aACxD,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,oCAAmB,IACX,IACmB,EAC5B,CAAC,KAAK,CAAC,KAAK,IAAI,UAAU,IAAI,CAC9B,MAAC,UAAU,IACV,SAAS,EAAE,GAAG,CAAC,UAAU,EACzB,MAAM,EAAC,WAAW,EAClB,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;oBACnB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;oBACrB,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC,EACD,UAAU,EAAE,KAAK,CAAC,UAAU,aAE5B,KAAC,mBAAmB,KAAG,EACvB,KAAC,oBAAoB,KAAG,EACxB,KAAC,sBAAsB,KAAG,EAC1B,KAAC,MAAM,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,GAAG,CAAC,kBAAkB,uBAGzB,IACG,CACb,EACD,KAAC,yBAAyB,KAAG,KACV,CACpB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,EAAmC;QAAnC,EAAE,QAAQ,OAAyB,EAApB,KAAK,cAApB,YAAsB,CAAF;IAC3D,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,WAAW,CAAC,EAAc;YAClC,UAAU,CAAC,EAAE,CAAC,MAAM,KAAK,QAAQ,CAAC,aAAa,CAAC,CAAC;QAClD,CAAC;QACD,UAAU,CAAC,GAAG,EAAE;YACf,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAC/C,IAAI,KAAK,EAAE,CAAC;gBACX,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;gBAC7C,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;YAC7C,CAAC;QACF,CAAC,EAAE,CAAC,CAAC,CAAC;QACN,OAAO,GAAG,EAAE;YACX,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAC/C,IAAI,KAAK,EAAE,CAAC;gBACX,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;gBAChD,KAAK,CAAC,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;YAChD,CAAC;QACF,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACN,KAAC,MAAM,kBACN,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,gBAAO,OAAO,EAAE,OAAO,GAAI,EACnC,eAAe,EAAE,OAAO,IACpB,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACZ,8BACC,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,yBAAO,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,GAAQ,IACzC,CACH,IACO,CACT,CAAC;AACH,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,EAAmC;QAAnC,EAAE,SAAS,OAAwB,EAAnB,IAAI,cAApB,aAAsB,CAAF;IAC7D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACjD,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,OAAO,CACN,KAAC,MAAM,kBACN,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IACzB,IAAI,cAER,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,IACT,CACT,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EAGC;QAHD,EACpC,SAAS,OAE4B,EADlC,IAAI,cAF6B,aAGpC,CADO;IAEP,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACvC,OAAO,KAAK,CAAC,CAAC,CAAC,CACd,4BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,IAAM,IAAI,EAAI,CAC3E,CAAC,CAAC,CAAC,IAAI,CAAC;AACV,CAAC;AAQD,MAAM,UAAU,oBAAoB,CAAC,EACpC,SAAS,EACT,OAAO,EACP,SAAS,GACkB;IAC3B,MAAM,EACL,KAAK,EACL,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,gBAAgB,GAC3B,GAAG,kBAAkB,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,cAAc,CAAC;IAC/C,MAAM,cAAc,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,gBAAgB,CAAC;IACrD,MAAM,OAAO,GAAG,YAAY,KAAK,SAAS,IAAI,CAAC,CAAC,cAAc,CAAC;IAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrD,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,CAAC,cAAc,CAAC;IACjC,MAAM,cAAc,GAAG,KAAK,EAAE,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,IAAI;YAAE,OAAO;QACjB,eAAe,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IAEzB,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,CACN,MAAC,MAAM,IACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE;YACxB,OAAO,CAAC,MAAM,CAAC,CAAC;YAChB,IAAI,CAAC,MAAM,EAAE,CAAC;gBACb,IAAI,iBAAiB,CAAC,OAAO,EAAE,CAAC;oBAC/B,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;oBAClC,OAAO;gBACR,CAAC;gBACD,eAAe,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,CAAC;YACrC,CAAC;QACF,CAAC,EACD,YAAY,mBAEZ,KAAC,MAAM,CAAC,OAAO,IACd,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,SAAS,CAAC,EAC7C,MAAM,EAAE,KAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAG,gBACpC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,oBAGxC,EACjB,MAAC,MAAM,CAAC,OAAO,IACd,SAAS,EAAE,GAAG,CAAC,aAAa,EAC5B,cAAc,EAAE,GAAG,CAAC,kBAAkB,aAEtC,KAAC,MAAM,CAAC,KAAK,2BAAwB,EACrC,cAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAE,GAAG,CAAC,kBAAkB,GAAI,EAC7D,MAAC,KAAK,IAAC,OAAO,QAAC,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,CAAC,YAAY,aAC7D,KAAC,KAAK,CAAC,KAAK,2BAAuB,EACnC,KAAC,KAAK,CAAC,OAAO,IACb,MAAM,EACL,KAAC,QAAQ,IACR,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,EACrD,SAAS,EAAE,GAAG,CAAC,YAAY,GAC1B,GAEF,IACK,EACP,cAAc,IAAI,CAClB,MAAC,MAAM,CAAC,OAAO,eACd,KAAC,MAAM,CAAC,KAAK,yBAAsB,EACnC,KAAC,MAAM,IACN,QAAQ,EAAC,SAAS,EAClB,OAAO,EAAE,GAAG,EAAE;oCACb,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;oCACjC,cAAc,CAAC,YAAY,CAAC,CAAC;oCAC7B,OAAO,CAAC,KAAK,CAAC,CAAC;gCAChB,CAAC,qBAGO,IACO,CACjB,IACe,IACT,CACT,CAAC;AACH,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,EAC1C,QAAQ,EACR,SAAS,GAIT;IACA,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAErD,IAAI,KAAK;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACN,cACC,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,aAAa,EAAE,SAAS,CAAC,wBAC/B,YAAY,YAE/B,QAAQ,GACJ,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,EAAE;IACjE,IAAI,EAAE,iBAAiB;IACvB,UAAU,EAAE,uBAAuB;IACnC,YAAY,EAAE,yBAAyB;IACvC,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,oBAAoB;IAC7B,aAAa,EAAE,0BAA0B;CACzC,CAAC,CAAC"}

package/dist/components/imageUploader/ImageUploader.module.css

@@ -40,6 +40,40 @@
 	border: none;
 }
 
+.altTextButton {
+	position: absolute;
+	right: var(--m-sp-sm);
+	bottom: var(--m-sp-sm);
+	z-index: 10;
+	font-weight: var(--m-fw-bold);
+}
+
+.altTextDialog {
+	max-width: min(560px, 90vw);
+}
+
+.altTextDialogInner {
+	display: flex;
+	flex-direction: column;
+	gap: var(--m-sp-md);
+}
+
+.altTextField {
+	width: 100%;
+}
+
+.altTextInput {
+	width: 100%;
+}
+
+.altTextDialogImage {
+	width: 100%;
+	max-height: 280px;
+	object-fit: contain;
+	border-radius: var(--m-rd-md);
+	@apply --mx-bg(var(--m-surface-ambient-bg));
+}
+
 .imagePreview {
 	width: 100%;
 	height: 100%;

package/dist/components/imageUploader/ImageUploader.stories.d.ts

@@ -10,12 +10,16 @@ declare const meta: {
         FileButton: typeof import("./ImageUploader.js").ImageUploaderFileButton;
         RemoveButton: typeof import("./ImageUploader.js").ImageUploaderRemoveButton;
         Display: typeof import("./ImageUploader.js").ImageUploaderDisplay;
+        AltText: typeof import("./ImageUploader.js").ImageUploaderAltText;
         EmptyControls: typeof import("./ImageUploader.js").ImageUploaderEmptyControls;
     };
     argTypes: {
         onChange: {
             action: string;
         };
+        onAltText: {
+            action: string;
+        };
         maxDimension: {
             control: {
                 type: "number";
@@ -37,3 +41,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof ImageUploader>;
 export declare const Default: Story;
+export declare const WithAltText: Story;
+export declare const ReadOnlyAltText: Story;

package/dist/components/imageUploader/ImageUploader.stories.js

@@ -6,6 +6,7 @@ const meta = {
     component: ImageUploader,
     argTypes: {
         onChange: { action: 'change' },
+        onAltText: { action: 'alt text' },
         maxDimension: { control: { type: 'number' } },
     },
     parameters: {
@@ -19,8 +20,23 @@ export default meta;
 export const Default = {
     render: () => _jsx(ImageUploaderDemo, {}),
 };
+export const WithAltText = {
+    render: () => _jsx(ImageUploaderAltTextDemo, {}),
+};
+export const ReadOnlyAltText = {
+    render: () => _jsx(ImageUploaderReadOnlyAltTextDemo, {}),
+};
 function ImageUploaderDemo() {
     const [value, setValue] = useState(null);
     return (_jsx(ImageUploader, { onChange: (file) => file ? setValue(URL.createObjectURL(file)) : setValue(null), value: value, style: { width: 256, height: 256 } }));
 }
+function ImageUploaderAltTextDemo() {
+    const [value, setValue] = useState(null);
+    const [altText, setAltText] = useState('A scenic mountain landscape');
+    return (_jsx(ImageUploader, { onChange: (file) => file ? setValue(URL.createObjectURL(file)) : setValue(null), onAltText: setAltText, altText: altText, value: value, style: { width: 256, height: 256 } }));
+}
+function ImageUploaderReadOnlyAltTextDemo() {
+    const [value, setValue] = useState(null);
+    return (_jsx(ImageUploader, { onChange: (file) => file ? setValue(URL.createObjectURL(file)) : setValue(null), altText: "Read-only alt text", value: value, style: { width: 256, height: 256 } }));
+}
 //# sourceMappingURL=ImageUploader.stories.js.map

package/dist/components/imageUploader/ImageUploader.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader.stories.js","sourceRoot":"","sources":["../../../src/components/imageUploader/ImageUploader.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE;QACT,QAAQ,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC9B,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAC7C;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;KAClC;CACoC,CAAC;AAEvC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,iBAAiB,KAAG;CACnC,CAAC;AAEF,SAAS,iBAAiB;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,OAAO,CACN,KAAC,aAAa,IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAClB,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAE5D,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GACjC,CACF,CAAC;AACH,CAAC"}
+{"version":3,"file":"ImageUploader.stories.js","sourceRoot":"","sources":["../../../src/components/imageUploader/ImageUploader.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE;QACT,QAAQ,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC9B,SAAS,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;QACjC,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KAC7C;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;KAClC;CACoC,CAAC;AAEvC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,iBAAiB,KAAG;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IACjC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,wBAAwB,KAAG;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACrC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,gCAAgC,KAAG;CAClD,CAAC;AAEF,SAAS,iBAAiB;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,OAAO,CACN,KAAC,aAAa,IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAClB,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAE5D,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GACjC,CACF,CAAC;AACH,CAAC;AAED,SAAS,wBAAwB;IAChC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,6BAA6B,CAAC,CAAC;IAEtE,OAAO,CACN,KAAC,aAAa,IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAClB,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAE5D,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GACjC,CACF,CAAC;AACH,CAAC;AAED,SAAS,gCAAgC;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,OAAO,CACN,KAAC,aAAa,IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAClB,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAE5D,OAAO,EAAC,oBAAoB,EAC5B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GACjC,CACF,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "6.1.33",
+  "version": "6.1.34",
   "type": "module",
   "repository": {
     "url": "https://github.com/a-type/ui"

package/src/components/imageUploader/ImageUploader.module.css

@@ -40,6 +40,40 @@
 	border: none;
 }
 
+.altTextButton {
+	position: absolute;
+	right: var(--m-sp-sm);
+	bottom: var(--m-sp-sm);
+	z-index: 10;
+	font-weight: var(--m-fw-bold);
+}
+
+.altTextDialog {
+	max-width: min(560px, 90vw);
+}
+
+.altTextDialogInner {
+	display: flex;
+	flex-direction: column;
+	gap: var(--m-sp-md);
+}
+
+.altTextField {
+	width: 100%;
+}
+
+.altTextInput {
+	width: 100%;
+}
+
+.altTextDialogImage {
+	width: 100%;
+	max-height: 280px;
+	object-fit: contain;
+	border-radius: var(--m-rd-md);
+	@apply --mx-bg(var(--m-surface-ambient-bg));
+}
+
 .imagePreview {
 	width: 100%;
 	height: 100%;

package/src/components/imageUploader/ImageUploader.stories.tsx

@@ -7,6 +7,7 @@ const meta = {
 	component: ImageUploader,
 	argTypes: {
 		onChange: { action: 'change' },
+		onAltText: { action: 'alt text' },
 		maxDimension: { control: { type: 'number' } },
 	},
 	parameters: {
@@ -25,6 +26,14 @@ export const Default: Story = {
 	render: () => <ImageUploaderDemo />,
 };
 
+export const WithAltText: Story = {
+	render: () => <ImageUploaderAltTextDemo />,
+};
+
+export const ReadOnlyAltText: Story = {
+	render: () => <ImageUploaderReadOnlyAltTextDemo />,
+};
+
 function ImageUploaderDemo() {
 	const [value, setValue] = useState<string | null>(null);
 
@@ -38,3 +47,35 @@ function ImageUploaderDemo() {
 		/>
 	);
 }
+
+function ImageUploaderAltTextDemo() {
+	const [value, setValue] = useState<string | null>(null);
+	const [altText, setAltText] = useState('A scenic mountain landscape');
+
+	return (
+		<ImageUploader
+			onChange={(file) =>
+				file ? setValue(URL.createObjectURL(file)) : setValue(null)
+			}
+			onAltText={setAltText}
+			altText={altText}
+			value={value}
+			style={{ width: 256, height: 256 }}
+		/>
+	);
+}
+
+function ImageUploaderReadOnlyAltTextDemo() {
+	const [value, setValue] = useState<string | null>(null);
+
+	return (
+		<ImageUploader
+			onChange={(file) =>
+				file ? setValue(URL.createObjectURL(file)) : setValue(null)
+			}
+			altText="Read-only alt text"
+			value={value}
+			style={{ width: 256, height: 256 }}
+		/>
+	);
+}

package/src/components/imageUploader/ImageUploader.tsx

@@ -8,6 +8,7 @@ import {
 	useContext,
 	useEffect,
 	useId,
+	useRef,
 	useState,
 } from 'react';
 import { Button, ButtonProps } from '../button/index.js';
@@ -17,12 +18,17 @@ import {
 	CameraRoot,
 	CameraShutterButton,
 } from '../camera/index.js';
+import { Dialog } from '../dialog/index.js';
+import { Field } from '../forms/index.js';
 import { Icon } from '../icon/index.js';
+import { TextArea } from '../textArea/index.js';
 import cls from './ImageUploader.module.css';
 
 export interface ImageUploaderProps {
 	value: string | null;
 	onChange: (value: File | null) => void;
+	altText?: string;
+	onAltText?: (value: string) => void;
 	className?: string;
 	style?: CSSProperties;
 	maxDimension?: number;
@@ -37,6 +43,8 @@ export interface ImageUploaderProps {
 export function ImageUploaderRoot({
 	value,
 	onChange: handleChange,
+	altText,
+	onAltText,
 	maxDimension,
 	children,
 	className,
@@ -134,7 +142,15 @@ export function ImageUploaderRoot({
 
 	return (
 		<ImageUploaderContext.Provider
-			value={{ inputId, dragging, draggingOver, value, onChange }}
+			value={{
+				inputId,
+				dragging,
+				draggingOver,
+				value,
+				onChange,
+				altText,
+				onAltText,
+			}}
 		>
 			<div
 				className={classNames('@mode-neutral', cls.root, className)}
@@ -166,6 +182,8 @@ const ImageUploaderContext = createContext<{
 	draggingOver: boolean;
 	value: string | null;
 	onChange: (file: File | null) => void;
+	altText?: string;
+	onAltText?: (value: string) => void;
 } | null>(null);
 function useUploaderContext() {
 	const context = useContext(ImageUploaderContext);
@@ -188,6 +206,9 @@ function ImageUploaderPrebuilt({
 	return (
 		<ImageUploaderRoot {...props}>
 			<ImageUploaderDisplay crossOrigin={crossOrigin} />
+			{(props.altText !== undefined || props.onAltText) && (
+				<ImageUploaderAltText />
+			)}
 
 			<ImageUploaderEmptyControls>
 				<ImageUploaderFileButton />
@@ -291,6 +312,101 @@ export function ImageUploaderDisplay({
 	) : null;
 }
 
+export interface ImageUploaderAltTextProps {
+	className?: string;
+	altText?: string;
+	onAltText?: (value: string) => void;
+}
+
+export function ImageUploaderAltText({
+	className,
+	altText,
+	onAltText,
+}: ImageUploaderAltTextProps) {
+	const {
+		value,
+		altText: contextAltText,
+		onAltText: contextOnAltText,
+	} = useUploaderContext();
+	const finalAltText = altText ?? contextAltText;
+	const finalOnAltText = onAltText ?? contextOnAltText;
+	const enabled = finalAltText !== undefined || !!finalOnAltText;
+	const [open, setOpen] = useState(false);
+	const [innerAltText, setInnerAltText] = useState('');
+	const skipCloseResetRef = useRef(false);
+	const readOnly = !finalOnAltText;
+	const altTextFieldId = useId();
+
+	useEffect(() => {
+		if (open) return;
+		setInnerAltText(finalAltText ?? '');
+	}, [finalAltText, open]);
+
+	if (!enabled || !value) return null;
+
+	return (
+		<Dialog
+			open={open}
+			onOpenChange={(isOpen) => {
+				setOpen(isOpen);
+				if (!isOpen) {
+					if (skipCloseResetRef.current) {
+						skipCloseResetRef.current = false;
+						return;
+					}
+					setInnerAltText(finalAltText ?? '');
+				}
+			}}
+			disableSheet
+		>
+			<Dialog.Trigger
+				className={clsx(cls.altTextButton, className)}
+				render={<Button emphasis="light" size="small" />}
+				aria-label={readOnly ? 'View alt text' : 'Edit alt text'}
+			>
+				ALT
+			</Dialog.Trigger>
+			<Dialog.Content
+				className={cls.altTextDialog}
+				innerClassName={cls.altTextDialogInner}
+			>
+				<Dialog.Title>Alt text</Dialog.Title>
+				<img src={value} alt="" className={cls.altTextDialogImage} />
+				<Field stretch id={altTextFieldId} className={cls.altTextField}>
+					<Field.Label>Alt text</Field.Label>
+					<Field.Control
+						render={
+							<TextArea
+								autoSize={false}
+								rows={4}
+								value={innerAltText}
+								readOnly={readOnly}
+								onValueChange={readOnly ? undefined : setInnerAltText}
+								className={cls.altTextInput}
+							/>
+						}
+					/>
+				</Field>
+				{finalOnAltText && (
+					<Dialog.Actions>
+						<Dialog.Close>Cancel</Dialog.Close>
+						<Button
+							emphasis="primary"
+							onClick={() => {
+								skipCloseResetRef.current = true;
+								finalOnAltText(innerAltText);
+								setOpen(false);
+							}}
+						>
+							Save
+						</Button>
+					</Dialog.Actions>
+				)}
+			</Dialog.Content>
+		</Dialog>
+	);
+}
+
 export function ImageUploaderEmptyControls({
 	children,
 	className,
@@ -317,5 +433,6 @@ export const ImageUploader = Object.assign(ImageUploaderPrebuilt, {
 	FileButton: ImageUploaderFileButton,
 	RemoveButton: ImageUploaderRemoveButton,
 	Display: ImageUploaderDisplay,
+	AltText: ImageUploaderAltText,
 	EmptyControls: ImageUploaderEmptyControls,
 });