themelia-react-ui 2.0.5 → 3.0.0

package/dist/upload-DMuMYJFT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-DMuMYJFT.js","names":["React","resolveComponentScale","useDensityConfig","useFormattingConfig","cn","Text","Button","AlertTitle","Alert","AlertDescription","formatFileSize","FileSize","fieldAffordanceRecipes","resolveFieldInvalid","ItemGroup","useFileDropTarget","uploadDropTargetRecipes","FilePickerInput","Dropzone","AttachmentFileIcon","AttachmentTitle","AttachmentDescription","AttachmentActions","AttachmentMedia","AttachmentContent","Attachment","React$1","React","defaultFileUploadStrings","fileName","accept","minimum","maximum","fileFingerprint","file","matchesFileAccept","fileType","part","rule","rejectionCode","rules","minSizeBytes","maxSizeBytes","validateFile","result","validateFiles","maxFiles","nextFiles","current","fingerprints","accepted","rejections","incoming","rejected","fingerprint","validateFileSelection","append","message","custom","code","strings","formatSize","rejection","hasOwnValue","props","normalizeMaximum","value","fileKey","index","assignInputRef","node","forwardedRef","SelectedFileRow","replaceLabel","removeLabel","showReplace","UploadIcon","onReplace","Trash2Icon","onRemove","FileUploadImpl","sizeProp","stringsProp","_value","_defaultValue","_onValueChange","_selectionMode","_maxFiles","ariaDescribedBy","nativeAriaInvalid","nativeInputProps","useStrings","size","defaultScale","controlled","uncontrolledFiles","setUncontrolledFiles","useState","setRejections","inputRef","useRef","rootRef","continueFocus","pickerWasFocused","generatedId","useId","files","useMemo","target","multipleProps","multiple","errorId","describedBy","hasInvalidState","invalid","commitFiles","useCallback","nextFile","bytes","locale","handleFiles","disabled","onRejectedFiles","clearNativeInput","handleRemove","fileIndex","openPicker","inputProps","picker","className","dropTargetProps","isDragging","TriangleAlert","FileUpload","forwardRef","FILE_SIZE_UNITS","defaultFormatSize","unitIndex","idCounter","generateId","getExtension","getFingerprint","createMeta","matchesAccept","name","type","extension","allowed","toErrorMap","useFiles","setFilesState","filesRef","processFiles","incomingFiles","previousFiles","replace","meta","nextRejections","id","MAX_FILE_SIZE_MB","ASPECT_RATIO_CLASSES","defaultImageUploadStrings","count","getImageUploadRejectionMessage","details","ImageUploadImpl","invalidProp","ariaLabel","ariaLabelledBy","ariaInvalidProp","inputId","allowedExtensions","parsed","item","subtype","ext","setFiles","removeAll","selected","selectOrChangeButtonLabel","filePreviewUrl","setFilePreviewUrl","acceptedExtensionsLabel","url","previewUrl","initialPreviewUrl","hasPreview","previewAlt","aspectClass","aspectRatio","imgFitClass","fit","computedMaxWidth","maxWidth","wrapperStyle","layout","inlinePreviewStyle","acceptedFile","onValueChange","handleInput","event","triggerFileDialog","remove","ImageIcon","ariaInvalid","ImageUpload","defaultAvatarUploadStrings","getAvatarUploadRejectionMessage","SIZE_PX","AvatarUploadImpl","sizes","list","initials","Camera","X","AvatarUpload"],"sources":["../src/components/base/upload/file-upload.strings.ts","../src/components/base/upload/file-upload.validation.ts","../src/components/base/upload/file-upload.tsx","../src/hooks/use-files.ts","../src/components/base/upload/image-upload.tsx","../src/components/base/upload/avatar-upload.tsx"],"sourcesContent":["export interface FileUploadStrings {\n\tinstruction: string;\n\thelper: string;\n\tbrowse: string;\n\treplace: string;\n\tremove: string;\n\tdragOver: string;\n\terrorsHeading: string;\n\treplaceFileAria: (fileName: string) => string;\n\tremoveFileAria: (fileName: string) => string;\n\tinvalidType: (fileName: string, accept: string) => string;\n\tfileTooSmall: (fileName: string, minimum: string) => string;\n\tfileTooLarge: (fileName: string, maximum: string) => string;\n\ttooManyFiles: (fileName: string, maximum: number) => string;\n\tduplicateFile: (fileName: string) => string;\n\tcustomValidationFailed: (fileName: string) => string;\n}\n\nexport const defaultFileUploadStrings: FileUploadStrings = {\n\tinstruction: 'Drag files here or click to browse',\n\thelper: '',\n\tbrowse: 'Browse files',\n\treplace: 'Replace file',\n\tremove: 'Remove file',\n\tdragOver: 'Release to select',\n\terrorsHeading: 'Some files could not be selected',\n\treplaceFileAria: (fileName) => `Replace ${fileName}`,\n\tremoveFileAria: (fileName) => `Remove ${fileName}`,\n\tinvalidType: (fileName, accept) => `${fileName} is not an accepted file type (${accept}).`,\n\tfileTooSmall: (fileName, minimum) => `${fileName} is smaller than the minimum size of ${minimum}.`,\n\tfileTooLarge: (fileName, maximum) => `${fileName} is larger than the maximum size of ${maximum}.`,\n\ttooManyFiles: (fileName, maximum) => `${fileName} exceeds the limit of ${maximum} files.`,\n\tduplicateFile: (fileName) => `${fileName} has already been selected.`,\n\tcustomValidationFailed: (fileName) => `${fileName} did not pass validation.`,\n};\n\n","import type {\n\tFileUploadRejection,\n\tFileUploadRejectionCode,\n\tFileUploadValidator,\n} from './file-upload.types';\nimport type { FileUploadStrings } from './file-upload.strings';\n\ninterface ValidateFileSelectionOptions {\n\tincoming: File[];\n\tcurrent: File[];\n\taccept?: string;\n\tminSizeBytes?: number;\n\tmaxSizeBytes?: number;\n\tmaxFiles: number;\n\tappend: boolean;\n\tvalidateFile?: FileUploadValidator;\n\tformatSize: (bytes: number) => string;\n\tstrings: FileUploadStrings;\n}\n\nexport interface FileSelectionResult {\n\taccepted: File[];\n\tnextFiles: File[];\n\trejections: FileUploadRejection[];\n}\n\nfunction fileFingerprint(file: File) {\n\treturn `${file.name}\\u0000${file.size}\\u0000${file.type}\\u0000${file.lastModified}`;\n}\n\n/** The native `accept` rule: extensions (`.pdf`), wildcards (`image/*`) and exact MIME types. An empty rule accepts every file. */\nexport function matchesFileAccept(file: File, accept?: string) {\n\tif (!accept?.trim()) return true;\n\n\tconst fileName = file.name.toLowerCase();\n\tconst fileType = file.type.toLowerCase();\n\treturn accept\n\t\t.split(',')\n\t\t.map((part) => part.trim().toLowerCase())\n\t\t.filter(Boolean)\n\t\t.some((rule) => {\n\t\t\tif (rule.startsWith('.')) return fileName.endsWith(rule);\n\t\t\tif (rule.endsWith('/*')) return fileType.startsWith(rule.slice(0, -1));\n\t\t\treturn fileType === rule;\n\t\t});\n}\n\n/** File rules shared by every upload surface. All are optional. */\nexport interface FileValidationRules {\n\t/** Native `accept` value: extensions, wildcards and MIME types, comma-separated. */\n\taccept?: string;\n\t/** Smallest accepted size in bytes. */\n\tminSizeBytes?: number;\n\t/** Largest accepted size in bytes. */\n\tmaxSizeBytes?: number;\n\t/** Most files held at once, counting those already chosen. */\n\tmaxFiles?: number;\n\t/** Return `true` to accept, `false` to reject, or a message to reject with that copy. */\n\tvalidateFile?: FileUploadValidator;\n}\n\nexport interface FileValidationRejection {\n\tfile: File;\n\t/** Stable reason; the owner supplies the copy. */\n\tcode: FileUploadRejectionCode;\n\t/** Present only when a custom validator returned its own message. */\n\tmessage?: string;\n}\n\nexport interface FileValidationResult {\n\t/** Incoming files that passed every rule, in order. */\n\taccepted: File[];\n\t/** `current` followed by `accepted`. */\n\tnextFiles: File[];\n\trejections: FileValidationRejection[];\n}\n\nfunction rejectionCode(file: File, rules: FileValidationRules): Omit<FileValidationRejection, 'file'> | undefined {\n\tconst { accept, minSizeBytes, maxSizeBytes, validateFile } = rules;\n\tif (!matchesFileAccept(file, accept)) return { code: 'invalid-type' };\n\tif (minSizeBytes !== undefined && file.size < minSizeBytes) return { code: 'too-small' };\n\tif (maxSizeBytes !== undefined && file.size > maxSizeBytes) return { code: 'too-large' };\n\tif (validateFile) {\n\t\tlet result: boolean | string;\n\t\ttry {\n\t\t\tresult = validateFile(file);\n\t\t} catch {\n\t\t\tresult = false;\n\t\t}\n\t\tif (result !== true) return typeof result === 'string' ? { code: 'custom', message: result } : { code: 'custom' };\n\t}\n\treturn undefined;\n}\n\n/**\n * The one file validator: type, size, custom rule, duplicates and count, in\n * that order. It performs no transfer and holds no copy; rejections carry a\n * stable code so each surface words them through its own strings.\n */\nexport function validateFiles(\n\tincoming: readonly File[],\n\trules: FileValidationRules = {},\n\tcurrent: readonly File[] = [],\n): FileValidationResult {\n\tconst maxFiles = rules.maxFiles ?? Number.POSITIVE_INFINITY;\n\tconst nextFiles = [...current];\n\tconst fingerprints = new Set(nextFiles.map(fileFingerprint));\n\tconst accepted: File[] = [];\n\tconst rejections: FileValidationRejection[] = [];\n\n\tfor (const file of incoming) {\n\t\tconst rejected = rejectionCode(file, rules);\n\t\tif (rejected) {\n\t\t\trejections.push({ file, ...rejected });\n\t\t\tcontinue;\n\t\t}\n\t\tconst fingerprint = fileFingerprint(file);\n\t\tif (fingerprints.has(fingerprint)) {\n\t\t\trejections.push({ file, code: 'duplicate' });\n\t\t\tcontinue;\n\t\t}\n\t\tif (nextFiles.length >= maxFiles) {\n\t\t\trejections.push({ file, code: 'too-many' });\n\t\t\tcontinue;\n\t\t}\n\t\taccepted.push(file);\n\t\tnextFiles.push(file);\n\t\tfingerprints.add(fingerprint);\n\t}\n\n\treturn { accepted, nextFiles, rejections };\n}\n\n/** FileUpload's adapter: the shared rules plus its own localized copy. */\nexport function validateFileSelection({\n\tincoming,\n\tcurrent,\n\taccept,\n\tminSizeBytes,\n\tmaxSizeBytes,\n\tmaxFiles,\n\tappend,\n\tvalidateFile,\n\tformatSize,\n\tstrings,\n}: ValidateFileSelectionOptions): FileSelectionResult {\n\tconst result = validateFiles(incoming, { accept, minSizeBytes, maxSizeBytes, maxFiles, validateFile }, append ? current : []);\n\tconst message = ({ file, code, message: custom }: FileValidationRejection) => {\n\t\tswitch (code) {\n\t\t\tcase 'invalid-type': return strings.invalidType(file.name, accept ?? '');\n\t\t\tcase 'too-small': return strings.fileTooSmall(file.name, formatSize(minSizeBytes ?? 0));\n\t\t\tcase 'too-large': return strings.fileTooLarge(file.name, formatSize(maxSizeBytes ?? 0));\n\t\t\tcase 'duplicate': return strings.duplicateFile(file.name);\n\t\t\tcase 'too-many': return strings.tooManyFiles(file.name, maxFiles);\n\t\t\tdefault: return custom ?? strings.customValidationFailed(file.name);\n\t\t}\n\t};\n\treturn {\n\t\taccepted: result.accepted,\n\t\tnextFiles: result.nextFiles,\n\t\trejections: result.rejections.map((rejection) => ({ file: rejection.file, code: rejection.code, message: message(rejection) })),\n\t};\n}\n","/**\n * FileUpload — controlled or uncontrolled local-file selection with validation.\n * The component never transfers files; consumers own upload/network behavior.\n */\nimport {\n\tforwardRef,\n\tuseCallback,\n\tuseLayoutEffect,\n\tuseId,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\ttype ForwardedRef,\n\ttype MutableRefObject,\n} from 'react';\nimport {\n\tTrash2Icon,\n\tTriangleAlert,\n\tUploadIcon,\n} from 'lucide-react';\n\nimport { Button } from '../buttons';\nimport { Alert, AlertDescription, AlertTitle } from '../feedback';\nimport {\n\tItemGroup,\n} from '../item';\nimport { Attachment, AttachmentMedia, AttachmentContent, AttachmentTitle, AttachmentDescription, AttachmentActions, AttachmentFileIcon } from '../attachment';\nimport { FileSize, formatFileSize } from '../../primitives';\nimport { Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { useFormattingConfig, useDensityConfig, type ComponentScale } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\n\nimport { Dropzone } from './dropzone';\nimport {\n\tFilePickerInput,\n\ttype FilePickerNativeInputProps,\n} from './file-picker-input';\nimport {\n\tdefaultFileUploadStrings,\n\ttype FileUploadStrings,\n} from './file-upload.strings';\nimport type {\n\tFileUploadRejection,\n\tMultipleFileUploadProps,\n\tSingleFileUploadProps,\n} from './file-upload.types';\nimport { validateFileSelection } from './file-upload.validation';\nimport { useFileDropTarget } from './use-file-drop-target';\nimport { uploadDropTargetRecipes } from './upload.recipes';\n\n/** Public discriminated single/multiple contract, declared here for docgen discoverability. */\nexport type FileUploadProps = SingleFileUploadProps | MultipleFileUploadProps;\n\nfunction hasOwnValue(props: FileUploadProps) {\n\treturn Object.prototype.hasOwnProperty.call(props, 'value');\n}\n\nfunction normalizeMaximum(value: number | undefined) {\n\tif (value === undefined) return Number.MAX_SAFE_INTEGER;\n\tif (!Number.isFinite(value)) return Number.MAX_SAFE_INTEGER;\n\treturn Math.max(1, Math.floor(value));\n}\n\nfunction fileKey(file: File, index: number) {\n\treturn `${file.name}-${file.size}-${file.type}-${file.lastModified}-${index}`;\n}\n\nfunction assignInputRef(\n\tnode: HTMLInputElement | null,\n\tlocalRef: MutableRefObject<HTMLInputElement | null>,\n\tforwardedRef: ForwardedRef<HTMLInputElement>,\n) {\n\tlocalRef.current = node;\n\tif (typeof forwardedRef === 'function') forwardedRef(node);\n\telse if (forwardedRef) forwardedRef.current = node;\n}\n\ninterface SelectedFileRowProps {\n\tfile: File;\n\tindex: number;\n\tdisabled: boolean;\n\tsize: ComponentScale;\n\tlocale?: string;\n\tstrings: FileUploadStrings;\n\tshowReplace: boolean;\n\tonReplace: () => void;\n\tonRemove: (index: number) => void;\n}\n\nfunction SelectedFileRow({\n\tfile,\n\tindex,\n\tdisabled,\n\tsize,\n\tlocale,\n\tstrings,\n\tshowReplace,\n\tonReplace,\n\tonRemove,\n}: SelectedFileRowProps) {\n\tconst replaceLabel = strings.replaceFileAria(file.name);\n\tconst removeLabel = strings.removeFileAria(file.name);\n\n\treturn (\n\t\t<Attachment\n\t\t\tvariant=\"outline\"\n\t\t\tsize={size}\n\t\t\tclassName=\"file-upload--file flex-nowrap bg-card text-card-foreground\"\n\t\t>\n\t\t\t<AttachmentMedia variant=\"icon\" className=\"file-upload--file-media self-center group-has-data-[slot=item-description]/item:self-center\">\n\t\t\t\t<AttachmentFileIcon name={file.name} />\n\t\t\t</AttachmentMedia>\n\t\t\t<AttachmentContent className=\"file-upload--file-content min-w-0\">\n\t\t\t\t<AttachmentTitle className=\"file-upload--file-name truncate\" title={file.name}>\n\t\t\t\t\t{file.name}\n\t\t\t\t</AttachmentTitle>\n\t\t\t\t<AttachmentDescription className=\"file-upload--file-size\" clamp={1}>\n\t\t\t\t\t<FileSize\n\t\t\t\t\t\tvalue={file.size}\n\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\talign=\"left\"\n\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t/>\n\t\t\t\t</AttachmentDescription>\n\t\t\t</AttachmentContent>\n\t\t\t<AttachmentActions className=\"file-upload--actions gap-space-xs\">\n\t\t\t\t{showReplace && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\ticon={UploadIcon}\n\t\t\t\t\t\taria-label={replaceLabel}\n\t\t\t\t\t\ttitle={replaceLabel}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tonClick={onReplace}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"sr-only\">\n\t\t\t\t\t\t\t{strings.replace}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t{/* Quiet at rest like the replace action; the destructive tone marks the\n\t\t\t\t    remove action only once it is hovered or focused. */}\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\ticon={Trash2Icon}\n\t\t\t\t\taria-label={removeLabel}\n\t\t\t\t\ttitle={removeLabel}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={() => onRemove(index)}\n\t\t\t\t\tclassName=\"file-upload--remove text-muted-foreground hover:text-destructive focus-visible:text-destructive\"\n\t\t\t\t>\n\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"sr-only\">\n\t\t\t\t\t\t{strings.remove}\n\t\t\t\t\t</Text>\n\t\t\t\t</Button>\n\t\t\t</AttachmentActions>\n\t\t</Attachment>\n\t);\n}\n\nfunction FileUploadImpl(\n\tprops: FileUploadProps,\n\tforwardedRef: ForwardedRef<HTMLInputElement>,\n) {\n\tconst {\n\t\taccept,\n\t\tdisabled = false,\n\t\tinvalid = false,\n\t\tsize: sizeProp,\n\t\tminSizeBytes,\n\t\tmaxSizeBytes,\n\t\tvalidateFile,\n\t\tonRejectedFiles,\n\t\tclassName,\n\t\tstrings: stringsProp,\n\t\tmultiple = false,\n\t\tvalue: _value,\n\t\tdefaultValue: _defaultValue,\n\t\tonValueChange: _onValueChange,\n\t\tselectionMode: _selectionMode,\n\t\tmaxFiles: _maxFiles,\n\t\t'aria-describedby': ariaDescribedBy,\n\t\t'aria-invalid': nativeAriaInvalid,\n\t\t...nativeInputProps\n\t} = props;\n\tconst strings = useStrings(defaultFileUploadStrings, stringsProp);\n\tconst { defaultScale } = useDensityConfig();\n\tconst { locale } = useFormattingConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\tconst controlled = hasOwnValue(props);\n\tconst [uncontrolledFiles, setUncontrolledFiles] = useState<File[]>(() => {\n\t\tif (props.multiple) return [...(props.defaultValue ?? [])];\n\t\treturn props.defaultValue ? [props.defaultValue] : [];\n\t});\n\tconst [rejections, setRejections] = useState<FileUploadRejection[]>([]);\n\tconst inputRef = useRef<HTMLInputElement | null>(null);\n\tconst rootRef = useRef<HTMLDivElement | null>(null);\n\tconst continueFocus = useRef(false);\n\tconst pickerWasFocused = useRef(false);\n\tconst generatedId = useId();\n\n\tconst files = useMemo(() => {\n\t\tif (!controlled) return uncontrolledFiles;\n\t\tif (props.multiple) return props.value ?? [];\n\t\treturn props.value ? [props.value] : [];\n\t}, [controlled, props.multiple, props.value, uncontrolledFiles]);\n\tuseLayoutEffect(() => {\n\t\tif (!continueFocus.current) return;\n\t\tconst target = rootRef.current?.querySelector<HTMLElement>('.file-upload--actions button, .file-upload--dropzone input[type=file], .file-upload--dropzone button');\n\t\tif (target) {\n\t\t\ttarget.focus();\n\t\t\tcontinueFocus.current = false;\n\t\t}\n\t}, [files]);\n\tconst multipleProps = props.multiple ? props as MultipleFileUploadProps : undefined;\n\tconst maxFiles = multiple ? normalizeMaximum(multipleProps?.maxFiles) : 1;\n\tconst append = multiple && (multipleProps?.selectionMode ?? 'append') === 'append';\n\tconst errorId = `${nativeInputProps.id ?? `file-upload-${generatedId}`}-errors`;\n\tconst describedBy = [ariaDescribedBy, rejections.length > 0 ? errorId : undefined]\n\t\t.filter(Boolean)\n\t\t.join(' ') || undefined;\n\tconst hasInvalidState = invalid || rejections.length > 0;\n\n\tconst commitFiles = useCallback((nextFiles: File[]) => {\n\t\tif (!controlled) setUncontrolledFiles(nextFiles);\n\t\tif (props.multiple) {\n\t\t\tprops.onValueChange?.(nextFiles);\n\t\t} else {\n\t\t\tconst nextFile = nextFiles[0];\n\t\t\tprops.onValueChange?.(nextFile);\n\t\t}\n\t}, [controlled, props]);\n\n\tconst formatSize = useCallback((bytes: number) => (\n\t\tformatFileSize(bytes, { locale }) ?? `${bytes} B`\n\t), [locale]);\n\n\tconst handleFiles = useCallback((incoming: File[]) => {\n\t\tif (disabled || incoming.length === 0) return false;\n\t\tconst result = validateFileSelection({\n\t\t\tincoming,\n\t\t\tcurrent: files,\n\t\t\taccept,\n\t\t\tminSizeBytes,\n\t\t\tmaxSizeBytes,\n\t\t\tmaxFiles,\n\t\t\tappend,\n\t\t\tvalidateFile,\n\t\t\tformatSize,\n\t\t\tstrings,\n\t\t});\n\n\t\tsetRejections(result.rejections);\n\t\tif (result.rejections.length > 0) onRejectedFiles?.(result.rejections);\n\t\tif (result.accepted.length === 0) return false;\n\t\tcontinueFocus.current = !multiple && (pickerWasFocused.current || Boolean(rootRef.current?.contains(document.activeElement)));\n\t\tpickerWasFocused.current = false;\n\t\tcommitFiles(result.nextFiles);\n\t\treturn result.rejections.length === 0;\n\t}, [\n\t\taccept,\n\t\tappend,\n\t\tcommitFiles,\n\t\tdisabled,\n\t\tmultiple,\n\t\tfiles,\n\t\tformatSize,\n\t\tmaxFiles,\n\t\tmaxSizeBytes,\n\t\tminSizeBytes,\n\t\tonRejectedFiles,\n\t\tstrings,\n\t\tvalidateFile,\n\t]);\n\n\tconst clearNativeInput = useCallback(() => {\n\t\tif (inputRef.current) inputRef.current.value = '';\n\t}, []);\n\n\tconst handleRemove = useCallback((index: number) => {\n\t\tif (disabled) return;\n\t\tsetRejections([]);\n\t\tclearNativeInput();\n\t\tcontinueFocus.current = Boolean(rootRef.current?.contains(document.activeElement));\n\t\tcommitFiles(files.filter((_, fileIndex) => fileIndex !== index));\n\t}, [clearNativeInput, commitFiles, disabled, files]);\n\n\tconst openPicker = useCallback(() => {\n\t\tif (!disabled) {\n\t\t\tpickerWasFocused.current = Boolean(rootRef.current?.contains(document.activeElement));\n\t\t\tinputRef.current?.click();\n\t\t}\n\t}, [disabled]);\n\n\tconst { isDragging, dropTargetProps } = useFileDropTarget({\n\t\tdisabled,\n\t\tonFiles: handleFiles,\n\t});\n\n\tconst inputProps: FilePickerNativeInputProps = {\n\t\t...(nativeInputProps as FilePickerNativeInputProps),\n\t\taccept,\n\t\tmultiple,\n\t\tdisabled,\n\t\t'aria-describedby': describedBy,\n\t\t'aria-invalid': hasInvalidState ? true : nativeAriaInvalid,\n\t};\n\n\tconst picker = (\n\t\t<Dropzone\n\t\t\tref={(node) => assignInputRef(node, inputRef, forwardedRef)}\n\t\t\tonDrop={handleFiles}\n\t\t\taccept={accept}\n\t\t\tmultiple={multiple}\n\t\t\tdisabled={disabled}\n\t\t\tinvalid={hasInvalidState}\n\t\t\tsize={size}\n\t\t\tclassName=\"file-upload--dropzone\"\n\t\t\tinputProps={inputProps}\n\t\t\tstrings={{\n\t\t\t\tinstruction: strings.instruction,\n\t\t\t\thelper: strings.helper,\n\t\t\t\tdragOver: strings.dragOver,\n\t\t\t}}\n\t\t>\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\ttone=\"secondary\"\n\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\tsize={size}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tclassName=\"disabled:opacity-100 aria-disabled:opacity-100\"\n\t\t\t\tonClick={openPicker}\n\t\t\t>\n\t\t\t\t{strings.browse}\n\t\t\t</Button>\n\t\t</Dropzone>\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={rootRef}\n\t\t\tdata-disabled={disabled || undefined}\n\t\t\tdata-invalid={hasInvalidState || undefined}\n\t\t\tclassName={cn('file-upload--component grid gap-space-md', className)}\n\t\t>\n\t\t\t{(multiple || files.length === 0) && picker}\n\n\t\t\t{!multiple && files[0] && (\n\t\t\t\t<div\n\t\t\t\t\t{...dropTargetProps}\n\t\t\t\t\tdata-dragging={isDragging || undefined}\n\t\t\t\t\tdata-invalid={hasInvalidState || undefined}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'file-upload--selected rounded-radius transition-shadow',\n\t\t\t\t\t\thasInvalidState && '[&_.file-upload--file]:border-destructive',\n\t\t\t\t\t\t!disabled && isDragging && (\n\t\t\t\t\t\t\thasInvalidState\n\t\t\t\t\t\t\t\t? uploadDropTargetRecipes.invalidDraggingRing\n\t\t\t\t\t\t\t\t: uploadDropTargetRecipes.draggingRing\n\t\t\t\t\t\t),\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<FilePickerInput\n\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\tref={(node) => assignInputRef(node, inputRef, forwardedRef)}\n\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\tclassName=\"file-upload--input\"\n\t\t\t\t\t\tonFiles={handleFiles}\n\t\t\t\t\t/>\n\t\t\t\t\t<SelectedFileRow\n\t\t\t\t\t\tfile={files[0]}\n\t\t\t\t\t\tindex={0}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\tshowReplace\n\t\t\t\t\t\tonReplace={openPicker}\n\t\t\t\t\t\tonRemove={handleRemove}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{multiple && files.length > 0 && (\n\t\t\t\t<ItemGroup className=\"file-upload--files\">\n\t\t\t\t\t{files.map((file, index) => (\n\t\t\t\t\t\t<SelectedFileRow\n\t\t\t\t\t\t\tkey={fileKey(file, index)}\n\t\t\t\t\t\t\tfile={file}\n\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\tshowReplace={false}\n\t\t\t\t\t\t\tonReplace={openPicker}\n\t\t\t\t\t\t\tonRemove={handleRemove}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</ItemGroup>\n\t\t\t)}\n\n\t\t\t{rejections.length > 0 && (\n\t\t\t\t<Alert\n\t\t\t\t\tid={errorId}\n\t\t\t\t\ttone=\"destructive\"\n\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'file-upload--errors',\n\t\t\t\t\t\tsize === 'sm' && 'p-surface-xs',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<TriangleAlert aria-hidden=\"true\" />\n\t\t\t\t\t<AlertTitle>{strings.errorsHeading}</AlertTitle>\n\t\t\t\t\t<AlertDescription>\n\t\t\t\t\t\t<ul className=\"m-0 p-0 list-none grid gap-space-2xs\">\n\t\t\t\t\t\t\t{rejections.map((rejection, index) => (\n\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\tkey={`${rejection.code}-${fileKey(rejection.file, index)}`}\n\t\t\t\t\t\t\t\t\tclassName=\"file-upload--error\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"error\">\n\t\t\t\t\t\t\t\t\t\t{rejection.message}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</AlertDescription>\n\t\t\t\t</Alert>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\n/** Selects and validates local File values without performing network uploads. */\nexport const FileUpload = forwardRef<HTMLInputElement, FileUploadProps>(FileUploadImpl);\nFileUpload.displayName = 'FileUpload';\n\nexport { defaultFileUploadStrings };\nexport type { FileUploadStrings };\nexport type {\n\tFileUploadRejection,\n\tFileUploadRejectionCode,\n\tFileUploadCommonProps,\n\tFileUploadSelectionMode,\n\tFileUploadValidator,\n\tMultipleFileUploadProps,\n\tSingleFileUploadProps,\n} from './file-upload.types';\n","import { useCallback, useRef, useState } from 'react';\n\nexport type FileRejectionCode =\n\t| 'invalid-type'\n\t| 'too-small'\n\t| 'too-large'\n\t| 'too-many'\n\t| 'duplicate'\n\t| 'custom';\n\nexport interface FileRejectionDetails {\n\textension?: string;\n\tminimumBytes?: number;\n\tmaximumBytes?: number;\n\tmaximumFiles?: number;\n\t/** Consumer-provided custom copy. The hook never manufactures a message. */\n\tcustomMessage?: string;\n}\n\nexport interface FileRejection {\n\tfile: File;\n\tcode: FileRejectionCode;\n\tdetails: FileRejectionDetails;\n}\n\nexport interface FileValidationRules {\n\tmaxSize?: number;\n\tminSize?: number;\n\tallowedExtensions?: string[];\n\t/** Native file accept specifiers, including extensions, MIME types and wildcards. */\n\taccept?: string;\n\tmaxFiles?: number;\n\tcustomValidator?: (file: File) => boolean | string;\n}\n\nexport interface FileMeta {\n\tid: string;\n\tfile: File;\n\tname: string;\n\tsize: number;\n\tformattedSize: string;\n\ttype: string;\n\textension: string;\n\tlastModified: number;\n}\n\nexport interface FileProcessingResult {\n\taccepted: FileMeta[];\n\tfiles: FileMeta[];\n\trejections: FileRejection[];\n}\n\nexport interface UseFilesReturn {\n\tfiles: FileMeta[];\n\taddFiles: (incoming: FileList | File[]) => FileProcessingResult;\n\tsetFiles: (incoming: FileList | File[]) => FileProcessingResult;\n\tremove: (id: string) => void;\n\tremoveAll: () => void;\n\tformatSize: (bytes: number) => string;\n\t/** Compatibility lookup keyed by file name. Values are typed details, never copy. */\n\tvalidationErrors: Record<string, FileRejection>;\n\trejections: FileRejection[];\n}\n\nconst FILE_SIZE_UNITS = ['B', 'KB', 'MB', 'GB', 'TB'] as const;\n\nfunction defaultFormatSize(bytes: number): string {\n\tif (!Number.isFinite(bytes) || bytes <= 0) return '0 B';\n\tconst unitIndex = Math.min(\n\t\tMath.floor(Math.log(bytes) / Math.log(1024)),\n\t\tFILE_SIZE_UNITS.length - 1,\n\t);\n\tconst value = bytes / 1024 ** unitIndex;\n\tconst formattedValue = unitIndex === 0\n\t\t? value.toFixed(0)\n\t\t: Number(value.toFixed(1)).toString();\n\treturn `${formattedValue} ${FILE_SIZE_UNITS[unitIndex]}`;\n}\n\nlet idCounter = 0;\nfunction generateId(): string {\n\tconst timestamp = Date.now().toString(36);\n\tconst count = (idCounter++).toString(36);\n\treturn `${timestamp}-${count}`;\n}\n\nfunction getExtension(file: File) {\n\treturn file.name.split('.').pop()?.toLowerCase() ?? '';\n}\n\nfunction getFingerprint(file: File) {\n\treturn `${file.name}\\u0000${file.size}\\u0000${file.type}\\u0000${file.lastModified}`;\n}\n\nfunction createMeta(file: File): FileMeta {\n\treturn {\n\t\tid: generateId(),\n\t\tfile,\n\t\tname: file.name,\n\t\tsize: file.size,\n\t\tformattedSize: defaultFormatSize(file.size),\n\t\ttype: file.type,\n\t\textension: getExtension(file),\n\t\tlastModified: file.lastModified,\n\t};\n}\n\nfunction matchesAccept(file: File, extension: string, accept: string): boolean {\n\tconst rules = accept.split(',').map(rule => rule.trim().toLowerCase()).filter(Boolean);\n\tconst name = file.name.toLowerCase();\n\tconst type = file.type.toLowerCase();\n\treturn rules.length === 0 || rules.some(rule => {\n\t\tif (rule.startsWith('.')) return name.endsWith(rule);\n\t\tif (rule.endsWith('/*')) return type.startsWith(rule.slice(0, -1));\n\t\treturn rule.includes('/') ? type === rule : extension === rule;\n\t});\n}\n\nfunction validateFile(\n\tfile: File,\n\trules?: FileValidationRules,\n): FileRejection | undefined {\n\tconst extension = getExtension(file);\n\tif (rules?.minSize !== undefined && file.size < rules.minSize) {\n\t\treturn {\n\t\t\tfile,\n\t\t\tcode: 'too-small',\n\t\t\tdetails: { minimumBytes: rules.minSize },\n\t\t};\n\t}\n\tif (rules?.maxSize !== undefined && file.size > rules.maxSize) {\n\t\treturn {\n\t\t\tfile,\n\t\t\tcode: 'too-large',\n\t\t\tdetails: { maximumBytes: rules.maxSize },\n\t\t};\n\t}\n\tif (\n\t\t(rules?.accept && !matchesAccept(file, extension, rules.accept)) ||\n\t\t(rules?.allowedExtensions &&\n\t\t\t!rules.allowedExtensions.some((allowed) => allowed.toLowerCase().replace(/^\\./, '') === extension))\n\t) {\n\t\treturn {\n\t\t\tfile,\n\t\t\tcode: 'invalid-type',\n\t\t\tdetails: { extension },\n\t\t};\n\t}\n\tif (rules?.customValidator) {\n\t\tlet result: boolean | string;\n\t\ttry {\n\t\t\tresult = rules.customValidator(file);\n\t\t} catch {\n\t\t\tresult = false;\n\t\t}\n\t\tif (result !== true) {\n\t\t\treturn {\n\t\t\t\tfile,\n\t\t\t\tcode: 'custom',\n\t\t\t\tdetails: {\n\t\t\t\t\tcustomMessage: typeof result === 'string' && result.length > 0\n\t\t\t\t\t\t? result\n\t\t\t\t\t\t: undefined,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\treturn undefined;\n}\n\nfunction toErrorMap(rejections: FileRejection[]) {\n\treturn Object.fromEntries(rejections.map((rejection) => [rejection.file.name, rejection]));\n}\n\nexport function useFiles(rules?: FileValidationRules): UseFilesReturn {\n\tconst [files, setFilesState] = useState<FileMeta[]>([]);\n\tconst filesRef = useRef<FileMeta[]>([]);\n\tconst [rejections, setRejections] = useState<FileRejection[]>([]);\n\n\tconst formatSize = useCallback(defaultFormatSize, []);\n\n\tconst processFiles = useCallback((incoming: FileList | File[], replace: boolean) => {\n\t\tconst incomingFiles = Array.isArray(incoming) ? incoming : Array.from(incoming);\n\t\tconst previousFiles = filesRef.current;\n\t\tlet nextFiles = replace ? [] : [...previousFiles];\n\t\tconst fingerprints = new Set(nextFiles.map((meta) => getFingerprint(meta.file)));\n\t\tconst accepted: FileMeta[] = [];\n\t\tconst nextRejections: FileRejection[] = [];\n\n\t\tfor (const file of incomingFiles) {\n\t\t\tconst fingerprint = getFingerprint(file);\n\t\t\tif (fingerprints.has(fingerprint)) {\n\t\t\t\tnextRejections.push({ file, code: 'duplicate', details: {} });\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst rejection = validateFile(file, rules);\n\t\t\tif (rejection) {\n\t\t\t\tnextRejections.push(rejection);\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (rules?.maxFiles !== undefined && nextFiles.length >= rules.maxFiles) {\n\t\t\t\tnextRejections.push({\n\t\t\t\t\tfile,\n\t\t\t\t\tcode: 'too-many',\n\t\t\t\t\tdetails: { maximumFiles: rules.maxFiles },\n\t\t\t\t});\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst meta = createMeta(file);\n\t\t\taccepted.push(meta);\n\t\t\tnextFiles.push(meta);\n\t\t\tfingerprints.add(fingerprint);\n\t\t}\n\t\tif (replace && accepted.length === 0 && nextRejections.length > 0) {\n\t\t\tnextFiles = previousFiles;\n\t\t}\n\n\t\tfilesRef.current = nextFiles;\n\t\tsetFilesState(nextFiles);\n\t\tsetRejections(nextRejections);\n\t\treturn { accepted, files: nextFiles, rejections: nextRejections };\n\t}, [rules]);\n\n\tconst addFiles = useCallback(\n\t\t(incoming: FileList | File[]) => processFiles(incoming, false),\n\t\t[processFiles],\n\t);\n\tconst setFiles = useCallback(\n\t\t(incoming: FileList | File[]) => processFiles(incoming, true),\n\t\t[processFiles],\n\t);\n\tconst remove = useCallback((id: string) => {\n\t\tconst nextFiles = filesRef.current.filter((file) => file.id !== id);\n\t\tfilesRef.current = nextFiles;\n\t\tsetFilesState(nextFiles);\n\t}, []);\n\tconst removeAll = useCallback(() => {\n\t\tfilesRef.current = [];\n\t\tsetFilesState([]);\n\t\tsetRejections([]);\n\t}, []);\n\n\treturn {\n\t\tfiles,\n\t\taddFiles,\n\t\tsetFiles,\n\t\tremove,\n\t\tremoveAll,\n\t\tformatSize,\n\t\tvalidationErrors: toErrorMap(rejections),\n\t\trejections,\n\t};\n}\n","/**\n * ImageUpload — preview-first image picker. Drops in a file → renders an img\n * preview with a configurable aspect ratio and fit mode. Layout can be\n * stacked (preview on top, controls below) or inline (preview alongside\n * controls). Reflects controlled `value` and reports change via `onValueChange`.\n * Strings overridable for i18n.\n */\nimport { ImageIcon } from 'lucide-react';\nimport React, { useEffect, useId, useMemo, useRef, useState, useCallback } from 'react';\nimport { Button } from '../buttons';\nimport { Text } from '../../typography';\nimport { useFiles, type FileRejection } from '../../../hooks/use-files';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { resolveFieldInvalid, type FieldControlAttributes } from '../../../lib/field-control-attributes';\nimport { useFileDropTarget } from './use-file-drop-target';\nimport { uploadDropTargetRecipes } from './upload.recipes';\n\nconst MAX_FILE_SIZE_MB = 2;\n\ntype ImageUploadAspectRatio = 'square' | 'standard' | 'widescreen' | 'portrait';\ntype ImageUploadLayout = 'stacked' | 'inline';\ntype ImageUploadFit = 'cover' | 'contain';\n\nconst ASPECT_RATIO_CLASSES: Record<ImageUploadAspectRatio, string> = {\n\t\tsquare: 'aspect-square',\n\t\tstandard: 'aspect-[4/3]',\n\t\twidescreen: 'aspect-[16/9]',\n\t\tportrait: 'aspect-[9/16]',\n};\n\nexport interface ImageUploadStrings {\n\t\tselect: string;\n\t\tchange: string;\n\t\tremove: string;\n\t\tnoSelection: string;\n\t\tkeepCurrent: string;\n\t/** Accessible description for an existing preview without a selected file name. */\n\tpreviewAlt?: string;\n\t\t/** Template for the supports-text. `{ext}` is the comma-separated allowed\n\t\t *  extensions; `{size}` is the max-size MB number. */\n\t\tsupportsTemplate: string;\n\tinvalidType: (fileName: string, extension: string) => string;\n\ttooSmall: (fileName: string, minimum: string) => string;\n\ttooLarge: (fileName: string, maximum: string) => string;\n\ttooMany: (fileName: string, maximum: number) => string;\n\tduplicate: (fileName: string) => string;\n\tcustomValidationFailed: (fileName: string) => string;\n\t\t/** Summary line when `multiple` is set and more than one file is selected.\n\t\t *  Receives the count of files beyond the displayed one — e.g. `count=3`\n\t\t *  for \"+ 3 more files\". Override to swap the English plural-`s` rule\n\t\t *  (`'+ ' + count + ' more file' + (count === 1 ? '' : 's')`) for the\n\t\t *  consumer locale. */\n\t\tmoreFiles: (count: number) => string;\n}\n\nexport const defaultImageUploadStrings: ImageUploadStrings = {\n\t\tselect: 'Select image',\n\t\tchange: 'Change image',\n\t\tremove: 'Remove',\n\t\tnoSelection: 'No file selected yet.',\n\t\tkeepCurrent: 'Current image stays until you upload a new one.',\n\tpreviewAlt: 'Selected image',\n\t\tsupportsTemplate: 'Supports {ext} files up to {size} MB.',\n\tinvalidType: (fileName, extension) => `${fileName} uses an unsupported .${extension || 'unknown'} file type.`,\n\ttooSmall: (fileName, minimum) => `${fileName} is smaller than ${minimum}.`,\n\ttooLarge: (fileName, maximum) => `${fileName} is larger than ${maximum}.`,\n\ttooMany: (fileName, maximum) => `${fileName} exceeds the limit of ${maximum} images.`,\n\tduplicate: (fileName) => `${fileName} is already selected.`,\n\tcustomValidationFailed: (fileName) => `${fileName} did not pass validation.`,\n\t\tmoreFiles: (count) => `+ ${count} more file${count === 1 ? '' : 's'}`,\n};\n\nfunction getImageUploadRejectionMessage(\n\trejection: FileRejection,\n\tstrings: ImageUploadStrings,\n\tformatSize: (bytes: number) => string,\n) {\n\tconst { file, code, details } = rejection;\n\tswitch (code) {\n\t\tcase 'invalid-type':\n\t\t\treturn strings.invalidType(file.name, details.extension ?? '');\n\t\tcase 'too-small':\n\t\t\treturn strings.tooSmall(file.name, formatSize(details.minimumBytes ?? 0));\n\t\tcase 'too-large':\n\t\t\treturn strings.tooLarge(file.name, formatSize(details.maximumBytes ?? 0));\n\t\tcase 'too-many':\n\t\t\treturn strings.tooMany(file.name, details.maximumFiles ?? 1);\n\t\tcase 'duplicate':\n\t\t\treturn strings.duplicate(file.name);\n\t\tcase 'custom':\n\t\t\treturn details.customMessage ?? strings.customValidationFailed(file.name);\n\t}\n}\n\nexport interface ImageUploadProps extends FieldControlAttributes {\n\t\t/** Accepted MIME types or extensions, as the native `accept` attribute. */\n\t\taccept?: string;\n\t\t/** Allows more than one file to be chosen. */\n\t\tmultiple?: boolean;\n\t\t/** Selected files. Controlled. */\n\t\tvalue?: File;\n\t\tonValueChange?: (file?: File) => void;\n\t\t/** Disables the control and blocks drops. */\n\t\tdisabled?: boolean;\n\t\t/** Image shown before anything is chosen — an existing upload. */\n\t\tinitialPreviewUrl?: string;\n\t\t/** Aspect ratio the preview is cropped to. */\n\t\taspectRatio?: ImageUploadAspectRatio;\n\t\t/** How the preview fills its frame — cover or contain. */\n\t\tfit?: ImageUploadFit;\n\t\t/** Caps the preview's width. */\n\t\tmaxWidth?: number | string;\n\t\t/** Arrangement of the preview and drop target. */\n\t\tlayout?: ImageUploadLayout;\n\t\t/** Applies the invalid styling. */\n\t\tinvalid?: boolean;\n\t\t/** Override default strings (button labels, helper text, supports template). */\n\t\tstrings?: StringsProp<ImageUploadStrings>;\n\t\t/** Additional classes merged onto the control root. */\n\t\tclassName?: string;\n}\n\nfunction ImageUploadImpl(\n\t\t{\n\t\taccept = '.png,.jpg,.jpeg,.gif,.svg',\n\t\tmultiple = false,\n\t\tvalue,\n\t\tonValueChange,\n\t\tdisabled,\n\t\tinitialPreviewUrl,\n\t\taspectRatio = 'square',\n\t\tfit = 'cover',\n\t\tmaxWidth,\n\t\tlayout = 'stacked',\n\t\tinvalid: invalidProp,\n\t\tstrings: stringsProp,\n\t\tclassName,\n\t\tid,\n\t\t'aria-label': ariaLabel,\n\t\t'aria-labelledby': ariaLabelledBy,\n\t\t'aria-describedby': ariaDescribedBy,\n\t\t'aria-invalid': ariaInvalidProp,\n}: ImageUploadProps,\n\t\tforwardedRef: React.ForwardedRef<HTMLInputElement>,\n) {\n\t\tconst strings = useStrings(defaultImageUploadStrings, stringsProp);\n\t\tconst { invalid, ariaInvalid } = resolveFieldInvalid(invalidProp, ariaInvalidProp);\n\t\tconst inputId = useId();\n\t\tconst inputRef = useRef<HTMLInputElement | null>(null);\n\n\t\tconst allowedExtensions = useMemo(() => {\n\t\t\t\tif (!accept) {\n\t\t\t\t\t\treturn ['png', 'jpg', 'jpeg', 'gif', 'svg'];\n\t\t\t\t}\n\n\t\t\t\tconst parsed = accept\n\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t.map((item) => item.trim())\n\t\t\t\t\t\t.map((item) => {\n\t\t\t\t\t\t\t\tif (!item) return null;\n\t\t\t\t\t\t\t\tif (item.startsWith('.')) {\n\t\t\t\t\t\t\t\t\t\treturn item.slice(1).toLowerCase();\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tif (item.includes('/')) {\n\t\t\t\t\t\t\t\t\t\tconst subtype = item.split('/')[1] ?? '';\n\t\t\t\t\t\t\t\t\t\tif (subtype === '*' || subtype.length === 0) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn subtype.replace(/\\+.*/, '').toLowerCase();\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn item.toLowerCase();\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.filter((ext): ext is string => Boolean(ext));\n\n\t\t\t\tif (parsed.length === 0) {\n\t\t\t\t\t\treturn undefined;\n\t\t\t\t}\n\n\t\t\t\treturn Array.from(new Set(parsed));\n\t\t}, [accept]);\n\n\t\tconst fileRules = useMemo(\n\t\t\t\t() => ({\n\t\t\t\t\t\tmaxFiles: multiple ? undefined : 1,\n\t\t\tmaxSize: MAX_FILE_SIZE_MB * 1024 * 1024,\n\t\t\t\t\t\tallowedExtensions,\n\t\t\t\t}),\n\t\t\t\t[multiple, allowedExtensions]\n\t\t);\n\n\t\tconst { files, setFiles, remove, removeAll, formatSize, rejections } = useFiles(fileRules);\n\n\t\t// Reflect controlled value into local preview if provided\n\t\tuseEffect(() => {\n\t\t\t\tif (value) {\n\t\t\t\t\t\tsetFiles([value]);\n\t\t\t\t} else {\n\t\t\t\t\t\tremoveAll();\n\t\t\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\t\t\tinputRef.current.value = '';\n\t\t\t\t\t\t}\n\t\t\t\t}\n\t\t}, [value, setFiles, removeAll]);\n\n\t\tconst selected = files[0];\n\tconst selectOrChangeButtonLabel = selected ? strings.change : strings.select;\n\t\tconst [filePreviewUrl, setFilePreviewUrl] = useState<string | undefined>(undefined);\n\n\t\tconst acceptedExtensionsLabel = useMemo(() => {\n\t\t\t\tif (!allowedExtensions || allowedExtensions.length === 0) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\treturn allowedExtensions.map((ext) => ext.toUpperCase()).join(', ');\n\t\t}, [allowedExtensions]);\n\n\t\tuseEffect(() => {\n\t\t\t\tconst file = selected?.file ?? value;\n\t\t\t\tif (!file) {\n\t\t\t\t\t\tsetFilePreviewUrl(undefined);\n\t\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst url = URL.createObjectURL(file);\n\t\t\t\tsetFilePreviewUrl(url);\n\t\t\t\treturn () => URL.revokeObjectURL(url);\n\t\t}, [selected, value]);\n\n\t\tconst previewUrl = filePreviewUrl ?? initialPreviewUrl;\n\t\tconst hasPreview = Boolean(previewUrl);\n\tconst previewAlt = selected?.name ?? strings.previewAlt ?? defaultImageUploadStrings.previewAlt;\n\t\tconst aspectClass = ASPECT_RATIO_CLASSES[aspectRatio] ?? ASPECT_RATIO_CLASSES.square;\n\t\tconst imgFitClass = fit === 'contain' ? 'object-contain p-space-sm' : 'object-cover';\n\t\t// Default max-width caps the preview at a sensible thumbnail size — without\n\t\t// this, an `aspect-square` preview inside a wide form column becomes a\n\t\t// huge square (`w-full` × 1:1 ratio = container width tall). Consumers\n\t\t// can override via the `maxWidth` prop.\n\t\tconst computedMaxWidth = maxWidth ? (typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth) : '240px';\n\t\tconst wrapperStyle = layout === 'inline' ? undefined : { maxWidth: computedMaxWidth };\n\t\tconst inlinePreviewStyle =\n\t\t\t\tlayout === 'inline'\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tmaxWidth: maxWidth ? computedMaxWidth : '185px',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: undefined;\n\n\t\tconst handleFiles = useCallback((incoming: File[]) => {\n\t\t\tif (disabled || incoming.length === 0) return;\n\t\t\tconst result = setFiles(incoming);\n\t\t\tconst acceptedFile = result.accepted[0]?.file;\n\t\t\tif (acceptedFile) onValueChange?.(acceptedFile);\n\t\t}, [disabled, setFiles, onValueChange]);\n\t\tconst handleInput = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\thandleFiles(Array.from(event.target.files ?? []));\n\t\t}, [handleFiles]);\n\t\tconst { isDragging, dropTargetProps } = useFileDropTarget({ disabled, onFiles: handleFiles });\n\n\t\tconst triggerFileDialog = useCallback(() => {\n\t\t\t\tif (disabled) return;\n\t\t\t\tinputRef.current?.click();\n\t\t}, [disabled]);\n\n\t\tconst handleRemove = useCallback(() => {\n\t\t\t\tif (selected) {\n\t\t\t\t\t\tremove(selected.id);\n\t\t\t\t}\n\t\t\t\tonValueChange?.(undefined);\n\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\tinputRef.current.value = '';\n\t\t\t\t}\n\t\t}, [selected, remove, onValueChange]);\n\n\t\treturn (\n\t\t\t\t<div className={cn('image-upload--component', 'grid gap-space-md', className)} style={wrapperStyle}>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tref={(node) => { inputRef.current = node; if (typeof forwardedRef === \"function\") forwardedRef(node); else if (forwardedRef) forwardedRef.current = node; }}\n\t\t\t\t\t\t\t\tid={inputId}\n\t\t\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\t\t\tclassName=\"sr-only\"\n\t\t\t\t\t\t\t\t// The visible button is the keyboard affordance; an invisible\n\t\t\t\t\t\t\t\t// second Tab stop would have no focus indicator.\n\t\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t\taria-label={selectOrChangeButtonLabel}\n\t\t\t\t\t\t\t\taccept={accept}\n\t\t\t\t\t\t\t\tmultiple={multiple}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\tonChange={handleInput}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<div className={cn(layout === 'inline' ? 'flex flex-wrap items-start gap-space-xl' : 'grid gap-space-md')}>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t{...dropTargetProps}\n\t\t\t\t\t\t\t\t\t\tdata-dragging={isDragging || undefined}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'relative overflow-hidden rounded-surface border transition-colors',\n\t\t\t\t\t\t\t\t\t\t\t\tlayout === 'inline' ? 'flex-shrink-0 w-full' : 'w-full',\n\t\t\t\t\t\t\t\t\t\t\t\taspectClass,\n\t\t\t\t\t\t\t\t\t\t\t\thasPreview\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'border-border bg-muted'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// Same dashed control boundary as Dropzone and AvatarUpload.\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'border-dashed bg-background text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuploadDropTargetRecipes.idle,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid && uploadDropTargetRecipes.invalid,\n\t\t\t\t\t\t\t\t\t\t\t\t!disabled && isDragging && uploadDropTargetRecipes.dragging\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tstyle={inlinePreviewStyle}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{hasPreview && previewUrl ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={previewUrl}\n\t\t\t\t\t\t\t\t\t\t\t\talt={previewAlt}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn('absolute inset-0 box-border h-full w-full', imgFitClass)}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"absolute inset-0 flex items-center justify-center\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ImageIcon aria-hidden className=\"size-icon-lg\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className={cn('grid gap-space-sm', layout === 'inline' && 'flex-1 min-w-0 basis-40')}>\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex flex-wrap items-center gap-space-md\">\n\t                <Button\n\t                    type=\"button\"\n\t                    id={id}\n\t                    aria-label={ariaLabel}\n\t                    aria-labelledby={ariaLabelledBy}\n\t                    aria-describedby={ariaDescribedBy}\n\t                    aria-invalid={ariaInvalid}\n\t                    tone=\"secondary\"\n\t                    buttonStyle=\"outline\"\n\t                    onClick={triggerFileDialog}\n\t                    disabled={disabled}\n\t                >\n\t                    {selectOrChangeButtonLabel}\n\t                </Button>\n\t\t\t\t\t\t\t\t\t\t\t\t{!selected && !!hasPreview && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.keepCurrent}</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t{!!acceptedExtensionsLabel && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.supportsTemplate\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.replace('{ext}', acceptedExtensionsLabel)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.replace('{size}', String(MAX_FILE_SIZE_MB))}\n\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t{!!selected && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"grid gap-space-2xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text weight=\"medium\" title={selected.name} className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{selected.name}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{selected.formattedSize}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!!multiple && files.length > 1 && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.moreFiles(files.length - 1)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttone=\"destructive\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={handleRemove}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"justify-self-start\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.remove}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t{!selected && !hasPreview && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.noSelection}</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Validation errors */}\n\t\t\t\t\t\t{rejections.length > 0 && (\n\t\t\t\t\t\t\t\t<div className=\"image-upload--errors grid gap-space-2xs\" role=\"alert\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t\t{rejections.map((rejection, index) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<Text key={`${rejection.file.name}-${rejection.code}-${index}`} size=\"xs\" type=\"error\">\n\t\t\t\t\t\t\t{getImageUploadRejectionMessage(rejection, strings, formatSize)}\n\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t);\n}\n\nconst ImageUpload = React.forwardRef<HTMLInputElement, ImageUploadProps>(ImageUploadImpl);\nImageUpload.displayName = 'ImageUpload';\n\nexport { ImageUpload };\n","import * as React from 'react';\n/**\n * AvatarUpload — round avatar picker. Click or drag a file onto the circle to\n * upload; an X button (visible on hover) clears the selection. Honours\n * controlled `value` (a `File`), and reflects an existing `initialPreviewUrl`\n * when no file is staged. Use for profile photos / org logos where the\n * preview is small and the only meaningful interaction is replace + clear.\n *\n * Pair with a separate \"remove from server\" handler if your data model\n * needs to delete a previously persisted image (this component only manages\n * the local staged file).\n *\n * Strings overridable for i18n.\n */\nimport { useCallback, useEffect, useId, useRef, useState } from 'react';\nimport type { ChangeEvent, ForwardedRef} from 'react';\nimport { Camera, X } from 'lucide-react';\nimport { Text } from '../../typography';\nimport { useFiles, type FileRejection } from '../../../hooks/use-files';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { useDensityConfig, type ComponentScale } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\nimport { resolveFieldInvalid, type FieldControlAttributes } from '../../../lib/field-control-attributes';\nimport { fieldAffordanceRecipes } from '../../../lib/field-affordance-recipes';\nimport { useFileDropTarget } from './use-file-drop-target';\nimport { uploadDropTargetRecipes } from './upload.recipes';\n\nexport type AvatarUploadSize = ComponentScale;\n\nexport interface AvatarUploadStrings {\n\tchange: string;\n\tremove: string;\n\thint: string;\n\tdragOver: string;\n\tinvalidType: (fileName: string, extension: string) => string;\n\ttooSmall: (fileName: string, minimum: string) => string;\n\ttooLarge: (fileName: string, maximum: string) => string;\n\ttooMany: (fileName: string, maximum: number) => string;\n\tduplicate: (fileName: string) => string;\n\tcustomValidationFailed: (fileName: string) => string;\n}\n\nexport const defaultAvatarUploadStrings: AvatarUploadStrings = {\n\tchange: 'Change photo',\n\tremove: 'Remove photo',\n\thint: 'Click or drop an image',\n\tdragOver: 'Drop image to upload',\n\tinvalidType: (fileName, extension) => `${fileName} uses an unsupported .${extension || 'unknown'} file type.`,\n\ttooSmall: (fileName, minimum) => `${fileName} is smaller than ${minimum}.`,\n\ttooLarge: (fileName, maximum) => `${fileName} is larger than ${maximum}.`,\n\ttooMany: (fileName, maximum) => `${fileName} exceeds the limit of ${maximum} images.`,\n\tduplicate: (fileName) => `${fileName} is already selected.`,\n\tcustomValidationFailed: (fileName) => `${fileName} did not pass validation.`,\n};\n\nfunction getAvatarUploadRejectionMessage(\n\trejection: FileRejection,\n\tstrings: AvatarUploadStrings,\n\tformatSize: (bytes: number) => string,\n) {\n\tconst { file, code, details } = rejection;\n\tswitch (code) {\n\t\tcase 'invalid-type':\n\t\t\treturn strings.invalidType(file.name, details.extension ?? '');\n\t\tcase 'too-small':\n\t\t\treturn strings.tooSmall(file.name, formatSize(details.minimumBytes ?? 0));\n\t\tcase 'too-large':\n\t\t\treturn strings.tooLarge(file.name, formatSize(details.maximumBytes ?? 0));\n\t\tcase 'too-many':\n\t\t\treturn strings.tooMany(file.name, details.maximumFiles ?? 1);\n\t\tcase 'duplicate':\n\t\t\treturn strings.duplicate(file.name);\n\t\tcase 'custom':\n\t\t\treturn details.customMessage ?? strings.customValidationFailed(file.name);\n\t}\n}\n\nexport interface AvatarUploadProps extends FieldControlAttributes {\n\t/** Selected file. Controlled. */\n\tvalue?: File;\n\tonValueChange?: (file?: File) => void;\n\t/** Image shown before anything is chosen — an existing avatar. */\n\tinitialPreviewUrl?: string;\n\t/** Accepted MIME types or extensions. */\n\taccept?: string;\n\t/** Disables the control and blocks drops. */\n\tdisabled?: boolean;\n\t/** Applies the invalid styling. */\n\tinvalid?: boolean;\n\t/** Diameter preset for the avatar. */\n\tsize?: AvatarUploadSize;\n\tclassName?: string;\n\t/** Overrides the upload and remove copy. */\n\tstrings?: StringsProp<AvatarUploadStrings>;\n\t/** Initials shown when no preview is available. */\n\tinitials?: string;\n}\n\nconst SIZE_PX: Record<AvatarUploadSize, { box: string; icon: string; remove: string }> = {\n\tsm: { box: 'size-upload-avatar-small', icon: 'size-icon', remove: 'size-control-clear' },\n\tmd: { box: 'size-upload-avatar', icon: 'size-icon-lg', remove: 'size-action' },\n\tlg: { box: 'size-upload-avatar-large', icon: 'size-icon-lg', remove: 'size-action-lg' },\n};\n\nfunction AvatarUploadImpl(\n\t{\n\tvalue,\n\tonValueChange,\n\tinitialPreviewUrl,\n\taccept = '.png,.jpg,.jpeg,.gif,.webp',\n\tdisabled = false,\n\tinvalid: invalidProp,\n\tsize: sizeProp,\n\tclassName,\n\tstrings: stringsProp,\n\tinitials,\n\tid,\n\t'aria-label': ariaLabel,\n\t'aria-labelledby': ariaLabelledBy,\n\t'aria-describedby': ariaDescribedBy,\n\t'aria-invalid': ariaInvalidProp,\n}: AvatarUploadProps,\n\tforwardedRef: ForwardedRef<HTMLInputElement>,\n) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\tconst strings = useStrings(defaultAvatarUploadStrings, stringsProp);\n\tconst inputId = useId();\n\tconst { invalid, ariaInvalid } = resolveFieldInvalid(invalidProp, ariaInvalidProp);\n\tconst inputRef = useRef<HTMLInputElement | null>(null);\n\tconst sizes = SIZE_PX[size];\n\n\tconst { files, setFiles, removeAll, formatSize, rejections } = useFiles({\n\t\tmaxFiles: 1,\n\t\taccept,\n\t});\n\n\tuseEffect(() => {\n\t\tif (value) setFiles([value]);\n\t\telse removeAll();\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [value]);\n\n\tconst selected = files[0];\n\tconst [filePreviewUrl, setFilePreviewUrl] = useState<string | undefined>(undefined);\n\n\tuseEffect(() => {\n\t\tconst file = selected?.file ?? value;\n\t\tif (!file) {\n\t\t\tsetFilePreviewUrl(undefined);\n\t\t\treturn;\n\t\t}\n\t\tconst url = URL.createObjectURL(file);\n\t\tsetFilePreviewUrl(url);\n\t\treturn () => URL.revokeObjectURL(url);\n\t}, [selected, value]);\n\n\tconst previewUrl = filePreviewUrl ?? initialPreviewUrl;\n\tconst hasPreview = Boolean(previewUrl);\n\n\tconst handleInput = useCallback(\n\t\t(e: ChangeEvent<HTMLInputElement>) => {\n\t\t\tconst list = e.target.files;\n\t\t\tif (!list || list.length === 0) return;\n\t\t\tconst result = setFiles(list);\n\t\t\tconst acceptedFile = result.accepted[0]?.file;\n\t\t\tif (acceptedFile) onValueChange?.(acceptedFile);\n\t\t\tif (inputRef.current) inputRef.current.value = '';\n\t\t},\n\t\t[onValueChange, setFiles],\n\t);\n\n\tconst handleRemove = useCallback(() => {\n\t\tremoveAll();\n\t\tonValueChange?.(undefined);\n\t\tif (inputRef.current) inputRef.current.value = '';\n\t}, [onValueChange, removeAll]);\n\n\tconst handleFiles = useCallback((incoming: File[]) => {\n\t\tconst result = setFiles(incoming);\n\t\tconst acceptedFile = result.accepted[0]?.file;\n\t\tif (acceptedFile) onValueChange?.(acceptedFile);\n\t}, [onValueChange, setFiles]);\n\tconst { isDragging, dropTargetProps } = useFileDropTarget({ disabled, onFiles: handleFiles });\n\n\treturn (\n\t\t// Intrinsic width, aligned to the field's start edge even inside a stretching stack.\n\t\t// The circle, hint and errors share that start edge, so a hint wider than the\n\t\t// circle never pushes it off the label's edge.\n\t\t<div className={cn('avatar-upload--component', 'inline-flex w-fit flex-col items-start gap-space-md self-start', className)}>\n\t\t\t<div\n\t\t\t\t{...dropTargetProps}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'group relative flex shrink-0 items-center justify-center rounded-full',\n\t\t\t\t\t'border transition-colors duration-150 outline-none',\n\t\t\t\t\t// Keyboard focus only: a pointer click on the file input draws no ring.\n\t\t\t\t\t'has-[input:focus-visible]:ring-3',\n\t\t\t\t\thasPreview\n\t\t\t\t\t\t? 'border-border bg-muted'\n\t\t\t\t\t\t: cn(\n\t\t\t\t\t\t\t\t// The empty drop target shares the upload family's dashed control boundary.\n\t\t\t\t\t\t\t\t'border-dashed bg-muted',\n\t\t\t\t\t\t\t\t!disabled && uploadDropTargetRecipes.hover,\n\t\t\t\t\t\t\t\tuploadDropTargetRecipes.idle,\n\t\t\t\t\t\t\t),\n\t\t\t\t\tinvalid ? cn(uploadDropTargetRecipes.invalid, uploadDropTargetRecipes.focus.input.invalid) : uploadDropTargetRecipes.focus.input.valid,\n\t\t\t\t\tdisabled && 'cursor-not-allowed opacity-50',\n\t\t\t\t\t!disabled && isDragging && uploadDropTargetRecipes.dragging,\n\t\t\t\t\tsizes.box,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<input\n\t\t\t\t\tid={id ?? inputId}\n\t\t\t\t\tref={(node) => { inputRef.current = node; if (typeof forwardedRef === \"function\") forwardedRef(node); else if (forwardedRef) forwardedRef.current = node; }}\n\t\t\t\t\ttype=\"file\"\n\t\t\t\t\tclassName=\"absolute inset-0 z-10 size-full cursor-pointer opacity-0 disabled:cursor-not-allowed\"\n\t\t\t\t\taria-label={ariaLabel ?? strings.change}\n\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\taria-invalid={ariaInvalid}\n\t\t\t\t\taccept={accept}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonChange={handleInput}\n\t\t\t\t/>\n\n\t\t\t\t{/* Only the visual preview is circularly clipped; removal and focus\n\t\t\t\t    remain outside that clip as space and density scale independently. */}\n\t\t\t\t<div className=\"pointer-events-none absolute inset-0 flex items-center justify-center overflow-hidden rounded-full\">\n\t\t\t\t\t{hasPreview && previewUrl ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={previewUrl}\n\t\t\t\t\t\t\talt={strings.change}\n\t\t\t\t\t\t\tclassName=\"absolute inset-0 size-full object-cover\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : initials ? (\n\t\t\t\t\t\t<Text size={size === 'sm' ? 'sm' : size === 'lg' ? 'lg' : 'base'} weight=\"medium\" lineHeight=\"none\">\n\t\t\t\t\t\t\t{initials}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Camera className={cn(sizes.icon, 'text-muted-foreground')} aria-hidden=\"true\" />\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/* Hover overlay: a plain inverse scrim, dark in both themes, keeps the\n\t\t\t\t\t    glyph legible over any photo without blurring it. */}\n\t\t\t\t\t{!disabled && hasPreview && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"absolute inset-0 hidden items-center justify-center bg-inverse-background/60 text-inverse-foreground group-hover:flex\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Camera className={sizes.icon} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{/* Remove pill */}\n\t\t\t\t{!disabled && hasPreview && (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-label={strings.remove}\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\thandleRemove();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tfieldAffordanceRecipes.target,\n\t\t\t\t\t\t\tfieldAffordanceRecipes.focus,\n\t\t\t\t\t\t\t'absolute end-0.5 top-0.5 z-10 bg-card text-card-foreground shadow-sm ring-1 ring-border',\n\t\t\t\t\t\t\t'opacity-100 transition-opacity sm:opacity-0 sm:group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100',\n\t\t\t\t\t\t\tsizes.remove,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<X className={fieldAffordanceRecipes.icon} />\n\t\t\t\t\t</button>\n\t\t\t\t)}\n\n\t\t\t\t{!disabled && !hasPreview && isDragging && (\n\t\t\t\t\t<Text size=\"xs\" weight=\"medium\" className=\"absolute inset-x-0 bottom-1.5 text-center text-primary-accent\">\n\t\t\t\t\t\t{strings.dragOver}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{!hasPreview && (\n\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t{strings.hint}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t{rejections.length > 0 && (\n\t\t\t\t<div className=\"avatar-upload--errors grid gap-space-2xs\" role=\"alert\" aria-live=\"polite\">\n\t\t\t\t\t{rejections.map((rejection, index) => (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tkey={`${rejection.file.name}-${rejection.code}-${index}`}\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\ttype=\"error\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{getAvatarUploadRejectionMessage(rejection, strings, formatSize)}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nconst AvatarUpload = React.forwardRef<HTMLInputElement, AvatarUploadProps>(AvatarUploadImpl);\nAvatarUpload.displayName = 'AvatarUpload';\n\nexport { AvatarUpload };\n"],"mappings":"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"}

package/dist/{usage-card-BeSLY0i0.js → usage-card-DDPki5P1.js}

@@ -1,15 +1,15 @@
 "use client";
-import { f as e } from "./ui-provider-C-74NVLc.js";
+import { p as e } from "./ui-provider-Bu1S-o96.js";
 import { useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-B6kKb8jB.js";
-import { n as r } from "./buttons-BedGfygC.js";
-import { c as i, o as a } from "./typography-BQnine1k.js";
-import { r as o, t as s } from "./structure-DuxKl954.js";
-import { t as c } from "./smart-card-CW0hjetE.js";
-import { i as l, t as u } from "./progress-BJhQP9WX.js";
+import { t as n } from "./utils-BVbAG2J6.js";
+import { c as r, o as i } from "./typography-C0dELqYV.js";
+import { n as a } from "./buttons-pZVgPTZn.js";
+import { r as o, t as s } from "./structure-DElaQwwN.js";
+import { t as c } from "./smart-card-C59z6KFO.js";
+import { i as l, t as u } from "./progress-RARK8AjB.js";
 import { n as d } from "./composition.recipes-COdiFhxB.js";
-import { n as f, t as p } from "./number-CRU3kGuk.js";
-import { i as m, n as h, r as g, t as _ } from "./tabs-e7ko9S2o.js";
+import { n as f, t as p } from "./number-NFWKIoiK.js";
+import { i as m, n as h, r as g, t as _ } from "./tabs-WnHfV2pM.js";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/components/blocks/analytics/usage-card/usage-card.data.ts
 function x(e) {
@@ -74,7 +74,7 @@ function D(e, t) {
 	return E[(e.color === void 0 ? t : e.color - 1) % E.length];
 }
 function O({ quota: e, strings: t, prominent: n = !1 }) {
-	let r = C(e.used, e.limit);
+	let i = C(e.used, e.limit);
 	return /* @__PURE__ */ b(s, {
 		gap: "dense",
 		className: "usage-card--quota",
@@ -86,27 +86,27 @@ function O({ quota: e, strings: t, prominent: n = !1 }) {
 				children: [
 					/* @__PURE__ */ y(p, {
 						type: "inherit",
-						value: r.used,
+						value: i.used,
 						emptyLabel: t.unavailable,
 						size: n ? "xl" : void 0,
 						weight: n ? "semibold" : "medium",
 						align: "left"
 					}),
-					!n && r.kind === "limited" && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(i, {
+					!n && i.kind === "limited" && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(r, {
 						tag: "span",
 						type: "secondary",
 						children: t.of
 					}), /* @__PURE__ */ y(p, {
-						value: r.limit,
+						value: i.limit,
 						type: "secondary",
 						align: "left"
 					})] }),
-					e.unit && /* @__PURE__ */ y(i, {
+					e.unit && /* @__PURE__ */ y(r, {
 						tag: "span",
 						type: "secondary",
 						children: e.unit
 					}),
-					n && r.used !== null && /* @__PURE__ */ y(i, {
+					n && i.used !== null && /* @__PURE__ */ y(r, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
@@ -114,29 +114,29 @@ function O({ quota: e, strings: t, prominent: n = !1 }) {
 					})
 				]
 			}),
-			n && r.kind === "limited" && /* @__PURE__ */ b(s, {
+			n && i.kind === "limited" && /* @__PURE__ */ b(s, {
 				direction: "horizontal",
 				gap: "xs",
 				align: "baseline",
-				children: [/* @__PURE__ */ y(i, {
+				children: [/* @__PURE__ */ y(r, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					children: t.of
 				}), /* @__PURE__ */ y(p, {
-					value: r.limit,
+					value: i.limit,
 					size: "xs",
 					type: "secondary",
 					align: "left"
 				})]
 			}),
-			r.kind === "unlimited" && /* @__PURE__ */ y(i, {
+			i.kind === "unlimited" && /* @__PURE__ */ y(r, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
 				children: t.unlimited
 			}),
-			r.kind === "unavailable" && r.used !== null && /* @__PURE__ */ y(i, {
+			i.kind === "unavailable" && i.used !== null && /* @__PURE__ */ y(r, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
@@ -152,7 +152,10 @@ function k({ quota: t, label: r, strings: i, categories: a }) {
 	return /* @__PURE__ */ y(u, {
 		value: o.progress ?? 0,
 		"aria-label": r,
-		getAriaValueText: () => `${h.format(o.used ?? 0)} ${i.of} ${h.format(o.limit ?? 0)} ${t.unit ?? ""} ${i.used}`,
+		getAriaValueText: () => {
+			let e = h.format(o.used ?? 0), n = h.format(o.limit ?? 0);
+			return i.formatQuotaValueText?.(e, n, t.unit) ?? `${e} ${i.of} ${n} ${t.unit ?? ""} ${i.used}`;
+		},
 		tone: o.excess ? "destructive" : "primary",
 		trackSlot: d ? /* @__PURE__ */ b(l, { children: [a?.map((e, t) => /* @__PURE__ */ y("span", {
 			"aria-hidden": "true",
@@ -166,7 +169,7 @@ function k({ quota: t, label: r, strings: i, categories: a }) {
 	});
 }
 function A({ days: e, unit: t, strings: n }) {
-	let r = w(e), o = r.values.filter((e) => e !== null).length >= 2;
+	let a = w(e), o = a.values.filter((e) => e !== null).length >= 2;
 	return /* @__PURE__ */ b(s, {
 		gap: "sm",
 		className: "usage-card--daily",
@@ -176,10 +179,10 @@ function A({ days: e, unit: t, strings: n }) {
 				justify: "between",
 				align: "baseline",
 				gap: "sm",
-				children: [/* @__PURE__ */ y(a, {
+				children: [/* @__PURE__ */ y(i, {
 					className: "text-inherit",
 					children: n.daily
-				}), r.average === null ? /* @__PURE__ */ y(i, {
+				}), a.average === null ? /* @__PURE__ */ y(r, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
@@ -191,7 +194,7 @@ function A({ days: e, unit: t, strings: n }) {
 					align: "baseline",
 					className: "usage-card--average",
 					children: [
-						/* @__PURE__ */ y(i, {
+						/* @__PURE__ */ y(r, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
@@ -199,11 +202,11 @@ function A({ days: e, unit: t, strings: n }) {
 						}),
 						/* @__PURE__ */ y(p, {
 							type: "inherit",
-							value: r.average,
+							value: a.average,
 							options: { maximumFractionDigits: 0 },
 							weight: "medium"
 						}),
-						/* @__PURE__ */ y(i, {
+						/* @__PURE__ */ y(r, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
@@ -217,11 +220,11 @@ function A({ days: e, unit: t, strings: n }) {
 				preserveAspectRatio: "none",
 				"aria-hidden": "true",
 				className: "usage-card--daily-chart h-control-lg w-full overflow-visible",
-				children: r.values.map((e, t) => e === null ? null : /* @__PURE__ */ y("rect", {
+				children: a.values.map((e, t) => e === null ? null : /* @__PURE__ */ y("rect", {
 					x: t * 10 + 1,
-					y: 40 - e / r.maximum * 40,
+					y: 40 - e / a.maximum * 40,
 					width: 8,
-					height: e / r.maximum * 40,
+					height: e / a.maximum * 40,
 					className: "fill-chart-1"
 				}, t))
 			}), /* @__PURE__ */ b(s, {
@@ -229,11 +232,11 @@ function A({ days: e, unit: t, strings: n }) {
 				justify: "between",
 				gap: "sm",
 				"aria-hidden": "true",
-				children: [/* @__PURE__ */ y(i, {
+				children: [/* @__PURE__ */ y(r, {
 					size: "xs",
 					type: "secondary",
 					children: e[0]?.label
-				}), e.length > 1 && /* @__PURE__ */ y(i, {
+				}), e.length > 1 && /* @__PURE__ */ y(r, {
 					size: "xs",
 					type: "secondary",
 					children: e[e.length - 1]?.label
@@ -258,7 +261,7 @@ function A({ days: e, unit: t, strings: n }) {
 	});
 }
 function j({ data: e, strings: t }) {
-	let r = C(e.used, e.limit), c = e.categories?.reduce((e, t) => e + (x(t.value) ?? 0), 0) ?? 0, l = r.used !== null && S(c, r.used, e.categories?.length);
+	let a = C(e.used, e.limit), c = e.categories?.reduce((e, t) => e + (x(t.value) ?? 0), 0) ?? 0, l = a.used !== null && S(c, a.used, e.categories?.length);
 	return /* @__PURE__ */ b(s, {
 		gap: "lg",
 		children: [
@@ -275,8 +278,8 @@ function j({ data: e, strings: t }) {
 							quota: e,
 							strings: t,
 							prominent: !0
-						}), r.percent !== null && /* @__PURE__ */ y(f, {
-							value: r.percent,
+						}), a.percent !== null && /* @__PURE__ */ y(f, {
+							value: a.percent,
 							scaled: !0,
 							size: "lg",
 							weight: "medium",
@@ -295,8 +298,8 @@ function j({ data: e, strings: t }) {
 						columns: 3,
 						gap: "sm",
 						className: "m-0 list-none p-0 font-sans usage-card--categories grid-cols-[minmax(0,1fr)_auto_minmax(5ch,max-content)]",
-						children: e.categories.map((e, a) => {
-							let o = x(e.value), c = r.used === null || o === null || l ? null : r.used === 0 ? 0 : o / r.used;
+						children: e.categories.map((e, i) => {
+							let o = x(e.value), c = a.used === null || o === null || l ? null : a.used === 0 ? 0 : o / a.used;
 							return /* @__PURE__ */ b("li", {
 								className: "usage-card--category col-span-full grid grid-cols-subgrid items-baseline",
 								children: [
@@ -308,8 +311,8 @@ function j({ data: e, strings: t }) {
 										className: "min-w-0",
 										children: [/* @__PURE__ */ y("span", {
 											"aria-hidden": "true",
-											className: n("size-icon-sm shrink-0 rounded-full", D(e, a))
-										}), /* @__PURE__ */ y(i, {
+											className: n("size-icon-sm shrink-0 rounded-full", D(e, i))
+										}), /* @__PURE__ */ y(r, {
 											type: "inherit",
 											tag: "span",
 											className: "break-words",
@@ -334,7 +337,7 @@ function j({ data: e, strings: t }) {
 							}, e.id);
 						})
 					}),
-					l && /* @__PURE__ */ y(i, {
+					l && /* @__PURE__ */ y(r, {
 						size: "xs",
 						type: "secondary",
 						children: t.inconsistentBreakdown
@@ -348,7 +351,7 @@ function j({ data: e, strings: t }) {
 			}),
 			!!e.resources?.length && /* @__PURE__ */ b(s, {
 				gap: "md",
-				children: [/* @__PURE__ */ y(a, {
+				children: [/* @__PURE__ */ y(i, {
 					className: "text-inherit",
 					children: t.resources
 				}), /* @__PURE__ */ y(o, {
@@ -361,7 +364,7 @@ function j({ data: e, strings: t }) {
 						role: "group",
 						"aria-label": e.label,
 						children: [
-							/* @__PURE__ */ y(i, {
+							/* @__PURE__ */ y(r, {
 								type: "secondary",
 								tag: "span",
 								size: "xs",
@@ -383,21 +386,21 @@ function j({ data: e, strings: t }) {
 		]
 	});
 }
-function M({ data: e, status: a = "ready", periods: o, period: l, onPeriodChange: u, onRetry: f, loadingSlot: v, errorSlot: x, emptySlot: S, footerAction: w, strings: E, ...D }) {
-	let O = t(T, E), k = a === "ready" && !!e, A = k ? C(e.used, e.limit) : null, M = l ?? o?.[0]?.value ?? "", N = !!o?.length, P;
-	P = a === "loading" ? /* @__PURE__ */ y("div", {
+function M({ data: e, status: i = "ready", periods: o, period: l, onPeriodChange: u, onRetry: f, loadingSlot: v, errorSlot: x, emptySlot: S, footerAction: w, strings: E, ...D }) {
+	let O = t(T, E), k = i === "ready" && !!e, A = k ? C(e.used, e.limit) : null, M = l ?? o?.[0]?.value ?? "", N = !!o?.length, P;
+	P = i === "loading" ? /* @__PURE__ */ y("div", {
 		role: "status",
-		children: v ?? /* @__PURE__ */ y(i, {
+		children: v ?? /* @__PURE__ */ y(r, {
 			type: "secondary",
 			children: O.loading
 		})
-	}) : a === "error" ? /* @__PURE__ */ b(s, {
+	}) : i === "error" ? /* @__PURE__ */ b(s, {
 		role: "alert",
 		gap: "sm",
-		children: [x ?? /* @__PURE__ */ y(i, {
+		children: [x ?? /* @__PURE__ */ y(r, {
 			type: "inherit",
 			children: O.error
-		}), f && /* @__PURE__ */ y(r, {
+		}), f && /* @__PURE__ */ y(a, {
 			tone: "secondary",
 			onClick: f,
 			children: O.retry
@@ -405,7 +408,7 @@ function M({ data: e, status: a = "ready", periods: o, period: l, onPeriodChange
 	}) : k ? /* @__PURE__ */ y(j, {
 		data: e,
 		strings: O
-	}) : /* @__PURE__ */ y("div", { children: S ?? /* @__PURE__ */ y(i, {
+	}) : /* @__PURE__ */ y("div", { children: S ?? /* @__PURE__ */ y(r, {
 		type: "secondary",
 		children: O.empty
 	}) });
@@ -424,12 +427,12 @@ function M({ data: e, status: a = "ready", periods: o, period: l, onPeriodChange
 					value: A.excess ? A.excess : A.remaining,
 					weight: "medium"
 				}),
-				e?.unit && /* @__PURE__ */ y(i, {
+				e?.unit && /* @__PURE__ */ y(r, {
 					tag: "span",
 					type: "secondary",
 					children: e.unit
 				}),
-				/* @__PURE__ */ y(i, {
+				/* @__PURE__ */ y(r, {
 					tag: "span",
 					type: "secondary",
 					children: A.excess ? O.overLimit : O.remaining
@@ -442,7 +445,7 @@ function M({ data: e, status: a = "ready", periods: o, period: l, onPeriodChange
 		className: n("usage-card--component min-w-0", D.className),
 		"data-component": "usage-card",
 		"data-slot": "usage-card",
-		"aria-busy": a === "loading" || void 0,
+		"aria-busy": i === "loading" || void 0,
 		headerAction: N ? /* @__PURE__ */ b(s, {
 			direction: "horizontal",
 			gap: d.commands,
@@ -477,4 +480,4 @@ M.displayName = "UsageCard";
 //#endregion
 export { T as n, M as t };
 
-//# sourceMappingURL=usage-card-BeSLY0i0.js.map
+//# sourceMappingURL=usage-card-DDPki5P1.js.map

package/dist/usage-card-DDPki5P1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usage-card-DDPki5P1.js","names":["NumberValue","_Fragment","useFormattingConfig","cn","Text","DisplayLabel","Button","Grid","Stack","Card","ProgressTrack","Progress","compositionRhythm","Percent","Number$1","TabsTrigger","TabsContent","TabsList","Tabs","validUsage","value","usageExceeds","actual","expected","tolerance","terms","quotaSummary","used","usedValue","limit","limitValue","kind","ratio","dailySummary","values","days","day","complete","maximum","max","sum","defaultUsageCardStrings","chartColors","categoryColor","category","index","QuotaValue","summary","quota","strings","prominent","Fragment","QuotaProgress","formatting","categories","total","segmented","denominator","unclassified","format","label","DailyUsage","charted","unit","UsageBody","data","categoryTotal","inconsistent","percent","resource","UsageCard","stringsProp","cardProps","useStrings","ready","status","selectedPeriod","period","periods","hasPeriods","body","loadingSlot","errorSlot","onRetry","emptySlot","footer","footerAction","card","item","onPeriodChange"],"sources":["../src/components/blocks/analytics/usage-card/usage-card.data.ts","../src/components/blocks/analytics/usage-card/usage-card.strings.ts","../src/components/blocks/analytics/usage-card/usage-card.tsx"],"sourcesContent":["import type { UsageCardDay } from './types';\n\nexport function validUsage(value: number | null | undefined): number | null {\n\treturn typeof value === 'number' && Number.isFinite(value) && value >= 0 ? value : null;\n}\n\n/** Account only for rounding accumulated by positive finite category additions. */\nexport function usageExceeds(actual: number, expected: number, terms = 1): boolean {\n\tif (validUsage(actual) === null || validUsage(expected) === null) return true;\n\tconst magnitude = Math.max(actual, expected);\n\tconst tolerance = magnitude * Number.EPSILON * Math.max(1, terms);\n\treturn actual - expected > tolerance;\n}\n\n/** Retain actual numbers; cap only geometry. Zero quota has no finite percentage. */\nexport function quotaSummary(usedValue: number | null, limitValue: number | null | undefined) {\n\tconst used = validUsage(usedValue);\n\tconst limit = validUsage(limitValue);\n\tconst kind = used === null ? 'unavailable' : limitValue === null ? 'unlimited' : limit === null ? 'unavailable' : 'limited';\n\tconst ratio = used !== null && limit !== null && limit > 0 ? used / limit * 100 : used === 0 && limit === 0 ? 0 : null;\n\tconst percent = ratio !== null && Number.isFinite(ratio) ? ratio : null;\n\treturn {\n\t\tkind, used, limit, percent,\n\t\tprogress: kind === 'limited' ? limit === 0 ? used === 0 ? 0 : 100 : Math.min(100, ratio ?? 0) : null,\n\t\tremaining: kind === 'limited' ? Math.max(0, (limit ?? 0) - (used ?? 0)) : null,\n\t\texcess: kind === 'limited' ? Math.max(0, (used ?? 0) - (limit ?? 0)) : null,\n\t} as const;\n}\n\nexport function dailySummary(days: readonly UsageCardDay[]) {\n\tconst values = days.map(day => validUsage(day.value));\n\tconst complete = values.length > 0 && values.every(value => value !== null);\n\tconst maximum = values.reduce<number>((max, value) => Math.max(max, value ?? 0), 0);\n\treturn {\n\t\tvalues,\n\t\t// Dividing before summing avoids overflow for finite, very large values.\n\t\taverage: complete ? values.reduce<number>((sum, value) => sum + (value ?? 0) / values.length, 0) : null,\n\t\tmaximum: maximum > 0 ? maximum : 1,\n\t};\n}\n","export interface UsageCardStrings {\n\ttitle: string;\n\tusage: string;\n\tused: string;\n\tof: string;\n\tunlimited: string;\n\tunavailable: string;\n\tremaining: string;\n\toverLimit: string;\n\tbreakdown: string;\n\tinconsistentBreakdown: string;\n\tdaily: string;\n\taverage: string;\n\tperDay: string;\n\t/** Shown in place of the daily average when a day's record is missing. Additive. */\n\taverageUnavailable?: string;\n\t/** Writes a quota's progress for assistive technology from formatted figures. Defaults to \"<used> of <limit> <unit> used\". */\n\tformatQuotaValueText?: (used: string, limit: string, unit?: string) => string;\n\tresources: string;\n\tperiods: string;\n\tloading: string;\n\terror: string;\n\tempty: string;\n\tretry: string;\n}\nexport const defaultUsageCardStrings: UsageCardStrings = {\n\ttitle: 'Usage', usage: 'Usage', used: 'used', of: 'of', unlimited: 'Unlimited',\n\tunavailable: 'Unavailable', remaining: 'remaining', overLimit: 'over limit',\n\tbreakdown: 'Usage breakdown', inconsistentBreakdown: 'Category totals exceed reported usage.',\n\tdaily: 'Daily usage', average: 'Average', perDay: 'per day', averageUnavailable: 'Average unavailable', resources: 'Resources',\n\tperiods: 'Usage period', loading: 'Loading usage', error: 'Unable to load usage',\n\tempty: 'No usage data', retry: 'Retry',\n};\n","import {compositionRhythm} from '../../../base/structure/composition.recipes';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '../../../base/buttons';\nimport { Card } from '../../../base/cards';\nimport { Progress, ProgressTrack } from '../../../base/feedback';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../../../base/navigation';\nimport { Grid, Stack } from '../../../base/structure';\nimport { Number as NumberValue, Percent } from '../../../primitives';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { useFormattingConfig } from '../../../../lib/ui-provider';\nimport { cn } from '../../../../lib/utils';\n\nimport { dailySummary, quotaSummary, usageExceeds, validUsage } from './usage-card.data';\nimport { defaultUsageCardStrings, type UsageCardStrings } from './usage-card.strings';\nimport type { UsageCardCategory, UsageCardData, UsageCardDay, UsageCardProps, UsageCardQuota } from './types';\n\nconst chartColors = ['bg-chart-1', 'bg-chart-2', 'bg-chart-3', 'bg-chart-4', 'bg-chart-5'] as const;\nfunction categoryColor(category: UsageCardCategory, index: number) {\n\treturn chartColors[(category.color === undefined ? index : category.color - 1) % chartColors.length];\n}\n\nfunction QuotaValue({ quota, strings, prominent = false }: { quota: UsageCardQuota; strings: UsageCardStrings; prominent?: boolean }) {\n\tconst summary = quotaSummary(quota.used, quota.limit);\n\treturn <Stack gap=\"dense\" className=\"usage-card--quota\">\n\t\t<Stack direction=\"horizontal\" gap=\"xs\" align=\"baseline\">\n\t\t\t<NumberValue type=\"inherit\" value={summary.used} emptyLabel={strings.unavailable} size={prominent ? 'xl' : undefined} weight={prominent ? 'semibold' : 'medium'} align=\"left\" />\n\t\t\t{!prominent && summary.kind === 'limited' && <>\n\t\t\t\t<Text tag=\"span\" type=\"secondary\">{strings.of}</Text>\n\t\t\t\t<NumberValue value={summary.limit} type=\"secondary\" align=\"left\" />\n\t\t\t</>}\n\t\t\t{quota.unit && <Text tag=\"span\" type=\"secondary\">{quota.unit}</Text>}\n\t\t\t{prominent && summary.used !== null && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.used}</Text>}\n\t\t</Stack>\n\t\t{prominent && summary.kind === 'limited' && <Stack direction=\"horizontal\" gap=\"xs\" align=\"baseline\">\n\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.of}</Text>\n\t\t\t<NumberValue value={summary.limit} size=\"xs\" type=\"secondary\" align=\"left\" />\n\t\t</Stack>}\n\t\t{summary.kind === 'unlimited' && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.unlimited}</Text>}\n\t\t{summary.kind === 'unavailable' && summary.used !== null && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.unavailable}</Text>}\n\t</Stack>;\n}\n\nfunction QuotaProgress({ quota, label, strings, categories }: { quota: UsageCardQuota; label: string; strings: UsageCardStrings; categories?: readonly UsageCardCategory[] }) {\n\tconst summary = quotaSummary(quota.used, quota.limit);\n\tconst formatting = useFormattingConfig();\n\tif (summary.kind !== 'limited') return null;\n\tconst sum = categories?.reduce((total, category) => total + (validUsage(category.value) ?? 0), 0) ?? 0;\n\tconst segmented = !!categories?.length && categories.every(category => validUsage(category.value) !== null) && !usageExceeds(sum, summary.used ?? 0, categories.length);\n\tconst maximum = Math.max(summary.limit ?? 0, summary.used ?? 0);\n\tconst denominator = maximum > 0 ? maximum : 1;\n\tconst unclassified = usageExceeds(summary.used ?? 0, sum, categories?.length) ? (summary.used ?? 0) - sum : 0;\n\tconst format = new Intl.NumberFormat(formatting.locale);\n\treturn <Progress\n\t\tvalue={summary.progress ?? 0}\n\t\taria-label={label}\n\t\tgetAriaValueText={() => {\n\t\t\tconst used = format.format(summary.used ?? 0);\n\t\t\tconst limit = format.format(summary.limit ?? 0);\n\t\t\treturn strings.formatQuotaValueText?.(used, limit, quota.unit) ?? `${used} ${strings.of} ${limit} ${quota.unit ?? ''} ${strings.used}`;\n\t\t}}\n\t\ttone={summary.excess ? 'destructive' : 'primary'}\n\t\ttrackSlot={segmented ? <ProgressTrack>\n\t\t\t{categories?.map((category, index) => <span key={category.id} aria-hidden=\"true\" className={cn('h-full shrink-0', categoryColor(category, index))} style={{ width: `${(category.value ?? 0) / denominator * 100}%` }} />)}\n\t\t\t{unclassified > 0 && <span aria-hidden=\"true\" className=\"h-full shrink-0 bg-primary\" style={{ width: `${unclassified / denominator * 100}%` }} />}\n\t\t</ProgressTrack> : undefined}\n\t/>;\n}\n\nfunction DailyUsage({ days, unit, strings }: { days: readonly UsageCardDay[]; unit?: string; strings: UsageCardStrings }) {\n\tconst summary = dailySummary(days);\n\t// A trend needs at least two recorded days; one bar stretched across the\n\t// track would read as a chart of nothing. The text equivalent keeps every day.\n\tconst charted = summary.values.filter(value => value !== null).length >= 2;\n\treturn <Stack gap=\"sm\" className=\"usage-card--daily\">\n\t\t<Stack direction=\"horizontal\" justify=\"between\" align=\"baseline\" gap=\"sm\">\n\t\t\t<DisplayLabel className=\"text-inherit\">{strings.daily}</DisplayLabel>\n\t\t\t{summary.average === null\n\t\t\t\t? <Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"usage-card--average\">{strings.averageUnavailable ?? defaultUsageCardStrings.averageUnavailable}</Text>\n\t\t\t\t: <Stack direction=\"horizontal\" gap=\"xs\" align=\"baseline\" className=\"usage-card--average\">\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.average}</Text>\n\t\t\t\t\t<NumberValue type=\"inherit\" value={summary.average} options={{ maximumFractionDigits: 0 }} weight=\"medium\" />\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">{strings.perDay}</Text>\n\t\t\t\t</Stack>}\n\t\t</Stack>\n\t\t{charted && <>\n\t\t\t<svg viewBox={`0 0 ${days.length * 10} 40`} preserveAspectRatio=\"none\" aria-hidden=\"true\" className=\"usage-card--daily-chart h-control-lg w-full overflow-visible\">\n\t\t\t\t{summary.values.map((value, index) => value === null ? null : <rect key={index} x={index * 10 + 1} y={40 - value / summary.maximum * 40} width={8} height={value / summary.maximum * 40} className=\"fill-chart-1\" />)}\n\t\t\t</svg>\n\t\t\t<Stack direction=\"horizontal\" justify=\"between\" gap=\"sm\" aria-hidden=\"true\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\">{days[0]?.label}</Text>\n\t\t\t\t{days.length > 1 && <Text size=\"xs\" type=\"secondary\">{days[days.length - 1]?.label}</Text>}\n\t\t\t</Stack>\n\t\t</>}\n\t\t<ol className=\"sr-only\" aria-label={strings.daily}>\n\t\t\t{days.map((day, index) => <li key={index}>{day.label}: <NumberValue type=\"inherit\" value={validUsage(day.value)} emptyLabel={strings.unavailable} /> {unit}</li>)}\n\t\t</ol>\n\t</Stack>;\n}\n\nfunction UsageBody({ data, strings }: { data: UsageCardData; strings: UsageCardStrings }) {\n\tconst summary = quotaSummary(data.used, data.limit);\n\tconst categoryTotal = data.categories?.reduce((total, category) => total + (validUsage(category.value) ?? 0), 0) ?? 0;\n\tconst inconsistent = summary.used !== null && usageExceeds(categoryTotal, summary.used, data.categories?.length);\n\treturn <Stack gap=\"lg\">\n\t\t<Stack gap=\"md\" className=\"usage-card--summary\">\n\t\t\t<Stack direction=\"horizontal\" justify=\"between\" align=\"start\" gap=\"sm\">\n\t\t\t\t<QuotaValue quota={data} strings={strings} prominent />\n\t\t\t\t{summary.percent !== null && <Percent value={summary.percent} scaled size=\"lg\" weight=\"medium\" type=\"secondary\" options={{ maximumFractionDigits: 0 }} />}\n\t\t\t</Stack>\n\t\t\t<QuotaProgress quota={data} label={strings.usage} strings={strings} categories={data.categories} />\n\t\t\t{!!data.categories?.length && <Grid render={<ul aria-label={strings.breakdown} />} columns={3} gap=\"sm\" className=\"m-0 list-none p-0 font-sans usage-card--categories grid-cols-[minmax(0,1fr)_auto_minmax(5ch,max-content)]\">\n\t\t\t\t{data.categories.map((category, index) => {\n\t\t\t\t\tconst value = validUsage(category.value);\n\t\t\t\t\tconst percent = summary.used === null || value === null || inconsistent ? null : summary.used === 0 ? 0 : value / summary.used;\n\t\t\t\t\treturn <li key={category.id} className=\"usage-card--category col-span-full grid grid-cols-subgrid items-baseline\">\n\t\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"sm\" align=\"center\" wrap={false} className=\"min-w-0\">\n\t\t\t\t\t\t\t<span aria-hidden=\"true\" className={cn('size-icon-sm shrink-0 rounded-full', categoryColor(category, index))} />\n\t\t\t\t\t\t\t<Text type=\"inherit\" tag=\"span\" className=\"break-words\">{category.label}</Text>\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t<NumberValue type=\"inherit\" value={value} emptyLabel={strings.unavailable} weight=\"medium\" className=\"usage-card--category-value\" />\n\t\t\t\t\t\t<Percent value={percent} emptyLabel={strings.unavailable} type=\"secondary\" options={{ maximumFractionDigits: 0 }} className=\"usage-card--category-share\" />\n\t\t\t\t\t</li>;\n\t\t\t\t})}\n\t\t\t</Grid>}\n\t\t\t{inconsistent && <Text size=\"xs\" type=\"secondary\">{strings.inconsistentBreakdown}</Text>}\n\t\t</Stack>\n\t\t{data.daily && <DailyUsage days={data.daily} unit={data.unit} strings={strings} />}\n\t\t{/* The section label heads the group; each resource names itself in the\n\t\t    compact secondary caption role so the two levels never read as peers. */}\n\t\t{!!data.resources?.length && <Stack gap=\"md\">\n\t\t\t<DisplayLabel className=\"text-inherit\">{strings.resources}</DisplayLabel>\n\t\t\t<Grid columns={1} gap=\"md\" className=\"usage-card--resources @sm/card:grid-cols-3\">\n\t\t\t\t{data.resources.map(resource => <Stack key={resource.id} gap=\"sm\" className=\"usage-card--resource min-w-0\" role=\"group\" aria-label={resource.label}>\n\t\t\t\t\t<Text type=\"secondary\" tag=\"span\" size=\"xs\">{resource.label}</Text>\n\t\t\t\t\t<QuotaValue quota={resource} strings={strings} />\n\t\t\t\t\t<QuotaProgress quota={resource} label={resource.label} strings={strings} />\n\t\t\t\t</Stack>)}\n\t\t\t</Grid>\n\t\t</Stack>}\n\t</Stack>;\n}\n\n/** App-owned usage data and period callbacks in the canonical Card composition. */\nexport function UsageCard({ data, status = 'ready', periods, period, onPeriodChange, onRetry, loadingSlot, errorSlot, emptySlot, footerAction, strings: stringsProp, ...cardProps }: UsageCardProps) {\n\tconst strings = useStrings(defaultUsageCardStrings, stringsProp);\n\tconst ready = status === 'ready' && !!data;\n\tconst summary = ready ? quotaSummary(data.used, data.limit) : null;\n\tconst selectedPeriod = period ?? periods?.[0]?.value ?? '';\n\tconst hasPeriods = !!periods?.length;\n\tlet body: ReactNode;\n\tif (status === 'loading') body = <div role=\"status\">{loadingSlot ?? <Text type=\"secondary\">{strings.loading}</Text>}</div>;\n\telse if (status === 'error') body = <Stack role=\"alert\" gap=\"sm\">{errorSlot ?? <Text type=\"inherit\">{strings.error}</Text>}{onRetry && <Button tone=\"secondary\" onClick={onRetry}>{strings.retry}</Button>}</Stack>;\n\telse if (!ready) body = <div>{emptySlot ?? <Text type=\"secondary\">{strings.empty}</Text>}</div>;\n\telse body = <UsageBody data={data} strings={strings} />;\n\tconst footer = (summary?.kind === 'limited' || footerAction) && <Stack direction=\"horizontal\" justify=\"between\" align=\"center\" gap=\"md\">\n\t\t{summary?.kind === 'limited' && <Stack direction=\"horizontal\" gap=\"xs\" align=\"baseline\">\n\t\t\t<NumberValue type=\"inherit\" value={summary.excess ? summary.excess : summary.remaining} weight=\"medium\" />\n\t\t\t{data?.unit && <Text tag=\"span\" type=\"secondary\">{data.unit}</Text>}\n\t\t\t<Text tag=\"span\" type=\"secondary\">{summary.excess ? strings.overLimit : strings.remaining}</Text>\n\t\t</Stack>}\n\t\t{footerAction}\n\t</Stack>;\n\tconst card = <Card\n\t\t{...cardProps}\n\t\ttitle={cardProps.title ?? strings.title}\n\t\tclassName={cn('usage-card--component min-w-0', cardProps.className)}\n\t\tdata-component=\"usage-card\"\n\t\tdata-slot=\"usage-card\"\n\t\taria-busy={status === 'loading' || undefined}\n\t\theaderAction={hasPeriods ? <Stack direction=\"horizontal\" gap={compositionRhythm.commands} align=\"center\" className=\"usage-card--header-actions max-w-full\">\n\t\t\t<TabsList scrollable aria-label={strings.periods}>\n\t\t\t\t{periods.map(item => <TabsTrigger key={item.value} value={item.value} disabled={item.disabled || !onPeriodChange}>{item.label}</TabsTrigger>)}\n\t\t\t</TabsList>\n\t\t\t{cardProps.headerAction}\n\t\t</Stack> : cardProps.headerAction}\n\t\tfooterSlot={footer}\n\t>\n\t\t{hasPeriods ? <TabsContent value={selectedPeriod}>{body}</TabsContent> : body}\n\t</Card>;\n\treturn hasPeriods ? <Tabs value={selectedPeriod} onValueChange={value => { if (typeof value === 'string') onPeriodChange?.(value); }} className=\"min-w-0\">{card}</Tabs> : card;\n}\n\nUsageCard.displayName = 'UsageCard';\n"],"mappings":"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"}

package/dist/use-controllable-state-BlP8SyBI.js

@@ -0,0 +1,13 @@
+"use client";
+import { useCallback as e, useState as t } from "react";
+//#region src/lib/use-controllable-state.ts
+function n({ value: n, defaultValue: r, onChange: i }) {
+	let [a, o] = t(r), s = n !== void 0, c = e((e) => {
+		s || o(e), i?.(e);
+	}, [s, i]);
+	return [s ? n : a, c];
+}
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=use-controllable-state-BlP8SyBI.js.map