@12-apps/ui 6.10.1 → 6.11.1

package/dist/form/UploadButton.js

@@ -1,433 +1,10 @@
+import "../chunk-UJP2VS2H.js";
+import {
+  UploadButton
+} from "../chunk-QKHK32TJ.js";
+import "../chunk-KPFQXOWP.js";
+import "../chunk-QWVETTIY.js";
 import "../chunk-PZ5AY32C.js";
-
-// src/components/form/UploadButton/UploadButton.tsx
-import { Box as Box2 } from "@mui/material";
-import React from "react";
-
-// src/components/form/UploadButton/UploadButton.hooks.ts
-import { useCallback, useId, useMemo, useRef, useState } from "react";
-var SIMULATED_PROGRESS_CEILING = 90;
-var SIMULATED_PROGRESS_STEP = 10;
-var SIMULATED_PROGRESS_INTERVAL_MS = 100;
-var PROGRESS_RESET_DELAY_MS = 1e3;
-var BYTES_PER_MB = 1024 * 1024;
-var INITIAL_STATE = {
-  isDragOver: false,
-  isUploading: false,
-  uploadProgress: 0,
-  error: null
-};
-function useFileValidator(maxSizeMB, validate) {
-  return useCallback(
-    (file) => {
-      if (maxSizeMB && file.size > maxSizeMB * BYTES_PER_MB) {
-        return `File size must be less than ${maxSizeMB}MB`;
-      }
-      return validate ? validate(file) : null;
-    },
-    [maxSizeMB, validate]
-  );
-}
-function useUploadRunner(onUpload, externalUploading, setState) {
-  return useCallback(
-    async (file) => {
-      if (!onUpload || externalUploading) return;
-      try {
-        setState((prev) => ({ ...prev, isUploading: true, uploadProgress: 0 }));
-        const timer = globalThis.setInterval(() => {
-          setState((prev) => {
-            if (prev.uploadProgress >= SIMULATED_PROGRESS_CEILING) {
-              globalThis.clearInterval(timer);
-              return prev;
-            }
-            return { ...prev, uploadProgress: prev.uploadProgress + SIMULATED_PROGRESS_STEP };
-          });
-        }, SIMULATED_PROGRESS_INTERVAL_MS);
-        await onUpload(file);
-        globalThis.clearInterval(timer);
-        setState((prev) => ({ ...prev, isUploading: false, uploadProgress: 100 }));
-        globalThis.setTimeout(() => {
-          setState((prev) => ({ ...prev, uploadProgress: 0 }));
-        }, PROGRESS_RESET_DELAY_MS);
-      } catch (error) {
-        setState((prev) => ({
-          ...prev,
-          isUploading: false,
-          uploadProgress: 0,
-          error: error instanceof Error ? error.message : "Upload failed"
-        }));
-      }
-    },
-    [onUpload, externalUploading, setState]
-  );
-}
-function useUploadSelection({
-  onSelect,
-  multiple,
-  onSelectMany,
-  onUpload,
-  externalUploading,
-  validateFile
-}) {
-  const [state, setState] = useState(INITIAL_STATE);
-  const runUpload = useUploadRunner(onUpload, externalUploading, setState);
-  const selectOne = useCallback(
-    (file) => {
-      const error = validateFile(file);
-      setState((prev) => ({ ...prev, error }));
-      if (error) return;
-      onSelect(file);
-      void runUpload(file);
-    },
-    [onSelect, runUpload, validateFile]
-  );
-  const selectMany = useCallback(
-    (files, accept) => {
-      const accepted = [];
-      let rejection = null;
-      for (const file of files) {
-        const error = validateFile(file);
-        if (error) rejection ?? (rejection = error);
-        else accepted.push(file);
-      }
-      setState((prev) => ({ ...prev, error: rejection }));
-      if (accepted.length === 0) return;
-      accept(accepted);
-      void (async () => {
-        for (const file of accepted) await runUpload(file);
-      })();
-    },
-    [runUpload, validateFile]
-  );
-  const handleFiles = useCallback(
-    (files) => {
-      if (files.length === 0) return;
-      if (multiple && onSelectMany) selectMany(files, onSelectMany);
-      else selectOne(files[0]);
-    },
-    [multiple, onSelectMany, selectMany, selectOne]
-  );
-  const setDragOver = useCallback((isDragOver) => {
-    setState((prev) => ({ ...prev, isDragOver }));
-  }, []);
-  return useMemo(() => ({ state, setDragOver, handleFiles }), [state, setDragOver, handleFiles]);
-}
-var swallow = (event) => {
-  event.preventDefault();
-  event.stopPropagation();
-};
-function useDragHandlers(disabled, setDragOver, handleFiles) {
-  return {
-    onDragEnter: (event) => {
-      swallow(event);
-      if (!disabled) setDragOver(true);
-    },
-    onDragLeave: (event) => {
-      swallow(event);
-      setDragOver(false);
-    },
-    onDragOver: swallow,
-    onDrop: (event) => {
-      swallow(event);
-      setDragOver(false);
-      if (!disabled) handleFiles(Array.from(event.dataTransfer.files));
-    }
-  };
-}
-function useUploadButton(props) {
-  const {
-    onSelect,
-    multiple = false,
-    onSelectMany,
-    onUpload,
-    uploading: externalUploading = false,
-    progress: externalProgress = 0,
-    maxSizeMB,
-    validate,
-    helperText,
-    errorText,
-    disabled = false
-  } = props;
-  const inputRef = useRef(null);
-  const inputId = `upload-button-${useId()}`;
-  const validateFile = useFileValidator(maxSizeMB, validate);
-  const { state, setDragOver, handleFiles } = useUploadSelection({
-    onSelect,
-    multiple,
-    onSelectMany,
-    onUpload,
-    externalUploading,
-    validateFile
-  });
-  const drag = useDragHandlers(disabled, setDragOver, handleFiles);
-  const derived = useDerivedUploadState({
-    state,
-    inputId,
-    externalUploading,
-    externalProgress,
-    errorText,
-    helperText
-  });
-  const openPicker = useCallback(() => inputRef.current?.click(), []);
-  const handleInputChange = useCallback(
-    (event) => {
-      handleFiles(Array.from(event.target.files ?? []));
-      event.target.value = "";
-    },
-    [handleFiles]
-  );
-  return { inputRef, inputId, state, drag, derived, openPicker, handleInputChange };
-}
-function useDerivedUploadState({
-  state,
-  inputId,
-  externalUploading,
-  externalProgress,
-  errorText,
-  helperText
-}) {
-  const error = errorText || state.error;
-  const helperId = helperText ? `${inputId}-helper` : void 0;
-  const errorId = error ? `${inputId}-error` : void 0;
-  return {
-    isUploading: externalUploading || state.isUploading,
-    progress: externalUploading ? externalProgress : state.uploadProgress,
-    error,
-    helperId,
-    errorId,
-    describedBy: [helperId, errorId].filter(Boolean).join(" ") || void 0
-  };
-}
-
-// src/components/form/UploadButton/UploadButton.parts.tsx
-import AttachFileOutlined from "@mui/icons-material/AttachFileOutlined";
-import CloudUploadOutlined from "@mui/icons-material/CloudUploadOutlined";
-import { Box, Button, LinearProgress, Typography, useTheme } from "@mui/material";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function UploadDropzone({
-  copy,
-  label,
-  icon,
-  disabled,
-  className,
-  dataTestId,
-  describedBy,
-  onOpen,
-  isDragOver,
-  drag
-}) {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "div",
-      ...drag,
-      onClick: onOpen,
-      sx: {
-        border: `2px dashed ${isDragOver ? theme.palette.primary.main : theme.palette.divider}`,
-        borderRadius: 2,
-        padding: 3,
-        textAlign: "center",
-        cursor: disabled ? "not-allowed" : "pointer",
-        backgroundColor: isDragOver ? `${theme.palette.primary.main}0A` : "transparent",
-        transition: "all 0.2s ease-in-out",
-        ...!disabled && {
-          "&:hover": {
-            borderColor: theme.palette.primary.main,
-            backgroundColor: `${theme.palette.primary.main}05`
-          }
-        },
-        opacity: disabled ? 0.6 : 1
-      },
-      className,
-      "data-testid": dataTestId,
-      role: "button",
-      tabIndex: disabled ? -1 : 0,
-      onKeyDown: (event) => {
-        if (event.key !== "Enter" && event.key !== " ") return;
-        event.preventDefault();
-        onOpen();
-      },
-      "aria-describedby": describedBy,
-      "aria-label": copy.dropzoneRole(label),
-      children: [
-        /* @__PURE__ */ jsx(Box, { sx: { mb: 2 }, children: icon || /* @__PURE__ */ jsx(CloudUploadOutlined, { sx: { fontSize: 48, color: "text.secondary" } }) }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { mb: 1 }, children: label }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: copy.dropzoneHint })
-      ]
-    }
-  );
-}
-var MUI_VARIANT = { outline: "outlined", ghost: "text" };
-function UploadTrigger({
-  copy,
-  label,
-  icon,
-  disabled,
-  className,
-  dataTestId,
-  describedBy,
-  onOpen,
-  variant,
-  isUploading
-}) {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: MUI_VARIANT[variant] ?? "contained",
-      disabled: disabled || isUploading,
-      onClick: onOpen,
-      startIcon: icon || /* @__PURE__ */ jsx(AttachFileOutlined, {}),
-      className,
-      "data-testid": dataTestId,
-      "aria-describedby": describedBy,
-      sx: {
-        ...variant === "ghost" && {
-          "&:hover": { backgroundColor: `${theme.palette.primary.main}08` }
-        }
-      },
-      children: isUploading ? copy.uploading : label
-    }
-  );
-}
-function UploadAnnouncer({
-  copy,
-  announceDragOver,
-  isUploading,
-  progress,
-  error
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "aria-live": "polite",
-      "aria-atomic": "true",
-      className: "sr-only",
-      style: {
-        position: "absolute",
-        left: "-10000px",
-        width: "1px",
-        height: "1px",
-        overflow: "hidden"
-      },
-      children: [
-        announceDragOver && copy.dropReady,
-        isUploading && copy.uploadInProgress(Math.round(progress)),
-        error && copy.errorAnnouncement(error)
-      ]
-    }
-  );
-}
-function UploadFeedback({
-  copy,
-  isUploading,
-  progress,
-  helperText,
-  helperId,
-  error,
-  errorId,
-  announceDragOver
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    isUploading && progress > 0 && /* @__PURE__ */ jsxs(Box, { sx: { mt: 1 }, children: [
-      /* @__PURE__ */ jsx(LinearProgress, { variant: "determinate", value: progress, sx: { borderRadius: 1 } }),
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { mt: 0.5, display: "block" }, children: copy.percentUploaded(Math.round(progress)) })
-    ] }),
-    helperText && !error && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        id: helperId,
-        variant: "caption",
-        color: "text.secondary",
-        sx: { display: "block", mt: 0.5 },
-        children: helperText
-      }
-    ),
-    error && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        id: errorId,
-        variant: "caption",
-        color: "error",
-        sx: { display: "block", mt: 0.5 },
-        role: "alert",
-        children: error
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      UploadAnnouncer,
-      {
-        copy,
-        announceDragOver,
-        isUploading,
-        progress,
-        error
-      }
-    )
-  ] });
-}
-
-// src/components/form/UploadButton/UploadButton.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var UploadButton = React.forwardRef((props, ref) => {
-  const {
-    copy,
-    variant = "default",
-    label = props.copy.buttonLabel,
-    disabled = false,
-    multiple = false,
-    accept,
-    capture,
-    helperText,
-    icon,
-    className,
-    "data-testid": dataTestId
-  } = props;
-  const { inputRef, inputId, state, drag, derived, openPicker, handleInputChange } = useUploadButton(props);
-  const trigger = {
-    copy,
-    label,
-    icon,
-    disabled,
-    className,
-    dataTestId,
-    describedBy: derived.describedBy,
-    onOpen: openPicker
-  };
-  return /* @__PURE__ */ jsxs2(Box2, { children: [
-    /* @__PURE__ */ jsx2(
-      "input",
-      {
-        ref: ref || inputRef,
-        id: inputId,
-        type: "file",
-        accept,
-        multiple,
-        capture,
-        onChange: handleInputChange,
-        style: { display: "none" },
-        disabled,
-        "aria-hidden": "true"
-      }
-    ),
-    variant === "dropzone" ? /* @__PURE__ */ jsx2(UploadDropzone, { ...trigger, isDragOver: state.isDragOver, drag }) : /* @__PURE__ */ jsx2(UploadTrigger, { ...trigger, variant, isUploading: derived.isUploading }),
-    /* @__PURE__ */ jsx2(
-      UploadFeedback,
-      {
-        copy,
-        isUploading: derived.isUploading,
-        progress: derived.progress,
-        helperText,
-        helperId: derived.helperId,
-        error: derived.error,
-        errorId: derived.errorId,
-        announceDragOver: variant === "dropzone" && state.isDragOver
-      }
-    )
-  ] });
-});
-UploadButton.displayName = "UploadButton";
 export {
   UploadButton
 };

package/dist/form/UploadButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/form/UploadButton/UploadButton.tsx","../../src/components/form/UploadButton/UploadButton.hooks.ts","../../src/components/form/UploadButton/UploadButton.parts.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport React from 'react';\n\nimport { useUploadButton } from './UploadButton.hooks';\nimport {\n  UploadDropzone,\n  UploadFeedback,\n  UploadTrigger,\n  type TriggerProps,\n} from './UploadButton.parts';\nimport type { UploadButtonProps, UploadButtonState } from './UploadButton.types';\n\n/**\n * A file picker with an optional drag-and-drop surface.\n *\n * The body here is deliberately thin: selection rules live in\n * `UploadButton.hooks`, appearance in `UploadButton.parts`. What remains is the\n * wiring — the hidden input, which trigger to render, and the feedback beneath.\n */\nconst UploadButton = React.forwardRef<HTMLInputElement, UploadButtonProps>((props, ref) => {\n  const {\n    copy,\n    variant = 'default',\n    label = props.copy.buttonLabel,\n    disabled = false,\n    multiple = false,\n    accept,\n    capture,\n    helperText,\n    icon,\n    className,\n    'data-testid': dataTestId,\n  } = props;\n  const { inputRef, inputId, state, drag, derived, openPicker, handleInputChange } =\n    useUploadButton(props);\n\n  const trigger: TriggerProps = {\n    copy,\n    label,\n    icon,\n    disabled,\n    className,\n    dataTestId,\n    describedBy: derived.describedBy,\n    onOpen: openPicker,\n  };\n\n  return (\n    <Box>\n      <input\n        ref={ref || inputRef}\n        id={inputId}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        capture={capture}\n        onChange={handleInputChange}\n        style={{ display: 'none' }}\n        disabled={disabled}\n        aria-hidden=\"true\"\n      />\n\n      {variant === 'dropzone' ? (\n        <UploadDropzone {...trigger} isDragOver={state.isDragOver} drag={drag} />\n      ) : (\n        <UploadTrigger {...trigger} variant={variant} isUploading={derived.isUploading} />\n      )}\n\n      <UploadFeedback\n        copy={copy}\n        isUploading={derived.isUploading}\n        progress={derived.progress}\n        helperText={helperText}\n        helperId={derived.helperId}\n        error={derived.error}\n        errorId={derived.errorId}\n        announceDragOver={variant === 'dropzone' && state.isDragOver}\n      />\n    </Box>\n  );\n});\n\nUploadButton.displayName = 'UploadButton';\n\nexport { UploadButton };\nexport type { UploadButtonProps, UploadButtonState };\n","import { useCallback, useId, useMemo, useRef, useState } from 'react';\nimport type React from 'react';\n\nimport type { UploadButtonProps, UploadButtonState } from './UploadButton.types';\n\n/** The props {@link useUploadButton} reads — the component's own props. */\ntype UploadButtonHookProps = UploadButtonProps;\n\n/** Percent the simulated progress creeps to while waiting on `onUpload`. */\nconst SIMULATED_PROGRESS_CEILING = 90;\nconst SIMULATED_PROGRESS_STEP = 10;\nconst SIMULATED_PROGRESS_INTERVAL_MS = 100;\nconst PROGRESS_RESET_DELAY_MS = 1000;\nconst BYTES_PER_MB = 1024 * 1024;\n\nconst INITIAL_STATE: UploadButtonState = {\n  isDragOver: false,\n  isUploading: false,\n  uploadProgress: 0,\n  error: null,\n};\n\n/** Narrowed `setState` for the pieces below. */\ntype SetState = React.Dispatch<React.SetStateAction<UploadButtonState>>;\n\n/** The size/custom validation applied to every file, in both modes. */\nfunction useFileValidator(\n  maxSizeMB: number | undefined,\n  validate: ((file: globalThis.File) => string | null) | undefined,\n): (file: globalThis.File) => string | null {\n  return useCallback(\n    (file: globalThis.File): string | null => {\n      if (maxSizeMB && file.size > maxSizeMB * BYTES_PER_MB) {\n        return `File size must be less than ${maxSizeMB}MB`;\n      }\n      return validate ? validate(file) : null;\n    },\n    [maxSizeMB, validate],\n  );\n}\n\n/**\n * The built-in upload path, reachable from BOTH selection modes.\n *\n * Kept apart from selection because it is the only asynchronous part: left\n * inline it was single-file only, which made `onUpload` a silent no-op for a\n * multi-file caller — the worst kind of contract, since nothing fails.\n */\nfunction useUploadRunner(\n  onUpload: ((file: globalThis.File) => Promise<void>) | undefined,\n  externalUploading: boolean,\n  setState: SetState,\n): (file: globalThis.File) => Promise<void> {\n  return useCallback(\n    async (file: globalThis.File) => {\n      if (!onUpload || externalUploading) return;\n      try {\n        setState((prev) => ({ ...prev, isUploading: true, uploadProgress: 0 }));\n        // The real percentage is unknowable through a bare promise, so the bar\n        // creeps to a ceiling and only completes when the promise does.\n        const timer = globalThis.setInterval(() => {\n          setState((prev) => {\n            if (prev.uploadProgress >= SIMULATED_PROGRESS_CEILING) {\n              globalThis.clearInterval(timer);\n              return prev;\n            }\n            return { ...prev, uploadProgress: prev.uploadProgress + SIMULATED_PROGRESS_STEP };\n          });\n        }, SIMULATED_PROGRESS_INTERVAL_MS);\n\n        await onUpload(file);\n\n        globalThis.clearInterval(timer);\n        setState((prev) => ({ ...prev, isUploading: false, uploadProgress: 100 }));\n        globalThis.setTimeout(() => {\n          setState((prev) => ({ ...prev, uploadProgress: 0 }));\n        }, PROGRESS_RESET_DELAY_MS);\n      } catch (error) {\n        setState((prev) => ({\n          ...prev,\n          isUploading: false,\n          uploadProgress: 0,\n          error: error instanceof Error ? error.message : 'Upload failed',\n        }));\n      }\n    },\n    [onUpload, externalUploading, setState],\n  );\n}\n\n/**\n * What {@link useUploadSelection} hands back. Module-private: the published\n * surface is {@link useUploadButton}, not the shape of its internals.\n */\ninterface UploadSelection {\n  state: UploadButtonState;\n  setDragOver: (isDragOver: boolean) => void;\n  /** Route a picked/dropped selection through validation and the callbacks. */\n  handleFiles: (files: globalThis.File[]) => void;\n}\n\ninterface UploadSelectionOptions {\n  onSelect: (file: globalThis.File) => void;\n  multiple: boolean;\n  onSelectMany?: (files: globalThis.File[]) => void;\n  onUpload?: (file: globalThis.File) => Promise<void>;\n  externalUploading: boolean;\n  validateFile: (file: globalThis.File) => string | null;\n}\n\n/**\n * Selection, validation and the optional built-in upload.\n *\n * The rendering layer only reads `state` and calls `handleFiles`; every rule\n * about what a selection means lives here.\n */\nfunction useUploadSelection({\n  onSelect,\n  multiple,\n  onSelectMany,\n  onUpload,\n  externalUploading,\n  validateFile,\n}: UploadSelectionOptions): UploadSelection {\n  const [state, setState] = useState<UploadButtonState>(INITIAL_STATE);\n  const runUpload = useUploadRunner(onUpload, externalUploading, setState);\n\n  const selectOne = useCallback(\n    (file: globalThis.File) => {\n      const error = validateFile(file);\n      setState((prev) => ({ ...prev, error }));\n      if (error) return;\n      onSelect(file);\n      void runUpload(file);\n    },\n    [onSelect, runUpload, validateFile],\n  );\n\n  /**\n   * Multi-file mode is deliberately forgiving: the valid files are handed over\n   * and the first rejection is reported alongside them, so dropping a folder\n   * that also contains a PDF imports the rest instead of refusing the lot.\n   */\n  const selectMany = useCallback(\n    (files: globalThis.File[], accept: (files: globalThis.File[]) => void) => {\n      const accepted: globalThis.File[] = [];\n      let rejection: string | null = null;\n      for (const file of files) {\n        const error = validateFile(file);\n        if (error) rejection ??= error;\n        else accepted.push(file);\n      }\n      setState((prev) => ({ ...prev, error: rejection }));\n      if (accepted.length === 0) return;\n      accept(accepted);\n      // `onUpload` applies here too, one file after another, so the prop means\n      // the same thing in both modes. Sequential because the progress bar is a\n      // single indicator — overlapping uploads would report nonsense.\n      void (async () => {\n        for (const file of accepted) await runUpload(file);\n      })();\n    },\n    [runUpload, validateFile],\n  );\n\n  const handleFiles = useCallback(\n    (files: globalThis.File[]) => {\n      if (files.length === 0) return;\n      if (multiple && onSelectMany) selectMany(files, onSelectMany);\n      else selectOne(files[0] as globalThis.File);\n    },\n    [multiple, onSelectMany, selectMany, selectOne],\n  );\n\n  const setDragOver = useCallback((isDragOver: boolean) => {\n    setState((prev) => ({ ...prev, isDragOver }));\n  }, []);\n\n  return useMemo(() => ({ state, setDragOver, handleFiles }), [state, setDragOver, handleFiles]);\n}\n\n/** Drag-and-drop wiring for the dropzone variant. */\nexport interface DragHandlers {\n  onDragEnter: (event: React.DragEvent) => void;\n  onDragLeave: (event: React.DragEvent) => void;\n  onDragOver: (event: React.DragEvent) => void;\n  onDrop: (event: React.DragEvent) => void;\n}\n\nconst swallow = (event: React.DragEvent): void => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n\nfunction useDragHandlers(\n  disabled: boolean,\n  setDragOver: (isDragOver: boolean) => void,\n  handleFiles: (files: globalThis.File[]) => void,\n): DragHandlers {\n  return {\n    onDragEnter: (event) => {\n      swallow(event);\n      if (!disabled) setDragOver(true);\n    },\n    onDragLeave: (event) => {\n      swallow(event);\n      setDragOver(false);\n    },\n    onDragOver: swallow,\n    onDrop: (event) => {\n      swallow(event);\n      setDragOver(false);\n      if (!disabled) handleFiles(Array.from(event.dataTransfer.files));\n    },\n  };\n}\n\n/** Everything the component needs, assembled from its props in one call. */\ninterface UploadButtonKit {\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  inputId: string;\n  state: UploadButtonState;\n  drag: DragHandlers;\n  derived: DerivedUploadState;\n  openPicker: () => void;\n  handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * The component's whole behaviour in one hook, so the render body stays a thin\n * piece of wiring rather than a place where rules accumulate.\n */\nexport function useUploadButton(props: UploadButtonHookProps): UploadButtonKit {\n  const {\n    onSelect,\n    multiple = false,\n    onSelectMany,\n    onUpload,\n    uploading: externalUploading = false,\n    progress: externalProgress = 0,\n    maxSizeMB,\n    validate,\n    helperText,\n    errorText,\n    disabled = false,\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputId = `upload-button-${useId()}`;\n  const validateFile = useFileValidator(maxSizeMB, validate);\n  const { state, setDragOver, handleFiles } = useUploadSelection({\n    onSelect,\n    multiple,\n    onSelectMany,\n    onUpload,\n    externalUploading,\n    validateFile,\n  });\n  const drag = useDragHandlers(disabled, setDragOver, handleFiles);\n  const derived = useDerivedUploadState({\n    state,\n    inputId,\n    externalUploading,\n    externalProgress,\n    errorText,\n    helperText,\n  });\n\n  const openPicker = useCallback(() => inputRef.current?.click(), []);\n  const handleInputChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      handleFiles(Array.from(event.target.files ?? []));\n      // Let the same file be picked twice in a row — without this the input\n      // holds the old value and re-selecting it fires no change event.\n      event.target.value = '';\n    },\n    [handleFiles],\n  );\n\n  return { inputRef, inputId, state, drag, derived, openPicker, handleInputChange };\n}\n\n/** The values the render derives from props + internal state. */\ninterface DerivedUploadState {\n  isUploading: boolean;\n  progress: number;\n  error: string | null;\n  helperId?: string;\n  errorId?: string;\n  describedBy?: string;\n}\n\n/**\n * Fold props and internal state into what the render actually shows. External\n * state wins whenever the caller drives it.\n */\nfunction useDerivedUploadState({\n  state,\n  inputId,\n  externalUploading,\n  externalProgress,\n  errorText,\n  helperText,\n}: {\n  state: UploadButtonState;\n  inputId: string;\n  externalUploading: boolean;\n  externalProgress: number;\n  errorText?: string;\n  helperText?: string;\n}): DerivedUploadState {\n  const error = errorText || state.error;\n  const helperId = helperText ? `${inputId}-helper` : undefined;\n  const errorId = error ? `${inputId}-error` : undefined;\n  return {\n    isUploading: externalUploading || state.isUploading,\n    progress: externalUploading ? externalProgress : state.uploadProgress,\n    error,\n    helperId,\n    errorId,\n    describedBy: [helperId, errorId].filter(Boolean).join(' ') || undefined,\n  };\n}\n","import AttachFileOutlined from '@mui/icons-material/AttachFileOutlined';\nimport CloudUploadOutlined from '@mui/icons-material/CloudUploadOutlined';\nimport { Box, Button, LinearProgress, Typography, useTheme } from '@mui/material';\nimport type React from 'react';\n\nimport type { DragHandlers } from './UploadButton.hooks';\nimport type { UploadButtonCopy } from '../../../copy';\nimport type { UploadButtonProps } from './UploadButton.types';\n\n/** Shared shape for the two trigger variants. */\nexport interface TriggerProps {\n  copy: UploadButtonCopy;\n  label: string;\n  icon?: React.ReactNode;\n  disabled: boolean;\n  className?: string;\n  dataTestId?: string;\n  describedBy?: string;\n  onOpen: () => void;\n}\n\n/** The drag-and-drop surface. */\nexport function UploadDropzone({\n  copy,\n  label,\n  icon,\n  disabled,\n  className,\n  dataTestId,\n  describedBy,\n  onOpen,\n  isDragOver,\n  drag,\n}: TriggerProps & { isDragOver: boolean; drag: DragHandlers }): React.ReactElement {\n  const theme = useTheme();\n  return (\n    <Box\n      component=\"div\"\n      {...drag}\n      onClick={onOpen}\n      sx={{\n        border: `2px dashed ${isDragOver ? theme.palette.primary.main : theme.palette.divider}`,\n        borderRadius: 2,\n        padding: 3,\n        textAlign: 'center',\n        cursor: disabled ? 'not-allowed' : 'pointer',\n        backgroundColor: isDragOver ? `${theme.palette.primary.main}0A` : 'transparent',\n        transition: 'all 0.2s ease-in-out',\n        ...(!disabled && {\n          '&:hover': {\n            borderColor: theme.palette.primary.main,\n            backgroundColor: `${theme.palette.primary.main}05`,\n          },\n        }),\n        opacity: disabled ? 0.6 : 1,\n      }}\n      className={className}\n      data-testid={dataTestId}\n      role=\"button\"\n      tabIndex={disabled ? -1 : 0}\n      onKeyDown={(event) => {\n        if (event.key !== 'Enter' && event.key !== ' ') return;\n        event.preventDefault();\n        onOpen();\n      }}\n      aria-describedby={describedBy}\n      aria-label={copy.dropzoneRole(label)}\n    >\n      <Box sx={{ mb: 2 }}>\n        {icon || <CloudUploadOutlined sx={{ fontSize: 48, color: 'text.secondary' }} />}\n      </Box>\n      <Typography variant=\"body1\" sx={{ mb: 1 }}>\n        {label}\n      </Typography>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {copy.dropzoneHint}\n      </Typography>\n    </Box>\n  );\n}\n\n/** MUI variant for each non-dropzone appearance. */\nconst MUI_VARIANT = { outline: 'outlined', ghost: 'text' } as const;\n\n/** The plain-button trigger. */\nexport function UploadTrigger({\n  copy,\n  label,\n  icon,\n  disabled,\n  className,\n  dataTestId,\n  describedBy,\n  onOpen,\n  variant,\n  isUploading,\n}: TriggerProps & {\n  variant: NonNullable<UploadButtonProps['variant']>;\n  isUploading: boolean;\n}): React.ReactElement {\n  const theme = useTheme();\n  return (\n    <Button\n      variant={MUI_VARIANT[variant as keyof typeof MUI_VARIANT] ?? 'contained'}\n      disabled={disabled || isUploading}\n      onClick={onOpen}\n      startIcon={icon || <AttachFileOutlined />}\n      className={className}\n      data-testid={dataTestId}\n      aria-describedby={describedBy}\n      sx={{\n        ...(variant === 'ghost' && {\n          '&:hover': { backgroundColor: `${theme.palette.primary.main}08` },\n        }),\n      }}\n    >\n      {isUploading ? copy.uploading : label}\n    </Button>\n  );\n}\n\n/** The screen-reader live region — drag, progress and error announcements. */\nfunction UploadAnnouncer({\n  copy,\n  announceDragOver,\n  isUploading,\n  progress,\n  error,\n}: {\n  copy: UploadButtonCopy;\n  announceDragOver: boolean;\n  isUploading: boolean;\n  progress: number;\n  error: string | null;\n}): React.ReactElement {\n  return (\n    <div\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      className=\"sr-only\"\n      style={{\n        position: 'absolute',\n        left: '-10000px',\n        width: '1px',\n        height: '1px',\n        overflow: 'hidden',\n      }}\n    >\n      {announceDragOver && copy.dropReady}\n      {isUploading && copy.uploadInProgress(Math.round(progress))}\n      {error && copy.errorAnnouncement(error)}\n    </div>\n  );\n}\n\n/** Progress bar, helper text, error text and the live region. */\nexport function UploadFeedback({\n  copy,\n  isUploading,\n  progress,\n  helperText,\n  helperId,\n  error,\n  errorId,\n  announceDragOver,\n}: {\n  copy: UploadButtonCopy;\n  isUploading: boolean;\n  progress: number;\n  helperText?: string;\n  helperId?: string;\n  error: string | null;\n  errorId?: string;\n  announceDragOver: boolean;\n}): React.ReactElement {\n  return (\n    <>\n      {isUploading && progress > 0 && (\n        <Box sx={{ mt: 1 }}>\n          <LinearProgress variant=\"determinate\" value={progress} sx={{ borderRadius: 1 }} />\n          <Typography variant=\"caption\" sx={{ mt: 0.5, display: 'block' }}>\n            {copy.percentUploaded(Math.round(progress))}\n          </Typography>\n        </Box>\n      )}\n\n      {helperText && !error && (\n        <Typography\n          id={helperId}\n          variant=\"caption\"\n          color=\"text.secondary\"\n          sx={{ display: 'block', mt: 0.5 }}\n        >\n          {helperText}\n        </Typography>\n      )}\n\n      {error && (\n        <Typography\n          id={errorId}\n          variant=\"caption\"\n          color=\"error\"\n          sx={{ display: 'block', mt: 0.5 }}\n          role=\"alert\"\n        >\n          {error}\n        </Typography>\n      )}\n\n      <UploadAnnouncer\n        copy={copy}\n        announceDragOver={announceDragOver}\n        isUploading={isUploading}\n        progress={progress}\n        error={error}\n      />\n    </>\n  );\n}\n"],"mappings":"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","names":["Box","jsx","jsxs","Box"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}