@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/fileUpload.js

@@ -0,0 +1,1483 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/elemental/FileUpload/index.ts
+var FileUpload_exports = {};
+__export(FileUpload_exports, {
+  ARCHIVE_FILE_ICON_STYLE: () => ARCHIVE_FILE_ICON_STYLE,
+  FileUpload: () => FileUpload,
+  TYPE_COLOR_FALLBACKS: () => TYPE_COLOR_FALLBACKS,
+  UNKNOWN_FILE_ICON_STYLE: () => UNKNOWN_FILE_ICON_STYLE,
+  createFileUploadId: () => createFileUploadId,
+  createFileUploadItem: () => createFileUploadItem,
+  fileUploadButtonSx: () => fileUploadButtonSx,
+  fileUploadDropzoneSx: () => fileUploadDropzoneSx,
+  fileUploadIconWellSx: () => fileUploadIconWellSx,
+  fileUploadItemSx: () => fileUploadItemSx,
+  fileUploadLibIconSx: () => fileUploadLibIconSx,
+  fileUploadRootSx: () => fileUploadRootSx,
+  fileUploadThumbSx: () => fileUploadThumbSx,
+  fileUploadTileIconWellSx: () => fileUploadTileIconWellSx,
+  fileUploadTileLibIconSx: () => fileUploadTileLibIconSx,
+  fileUploadTileListSx: () => fileUploadTileListSx,
+  fileUploadTileMediaSx: () => fileUploadTileMediaSx,
+  fileUploadTileProgressSx: () => fileUploadTileProgressSx,
+  fileUploadTileRemoveSx: () => fileUploadTileRemoveSx,
+  fileUploadTileSx: () => fileUploadTileSx,
+  formatFileSize: () => formatFileSize,
+  getFileExtension: () => getFileExtension,
+  isImageFile: () => isImageFile,
+  resolveFileIconStyle: () => resolveFileIconStyle,
+  validateFiles: () => validateFiles
+});
+module.exports = __toCommonJS(FileUpload_exports);
+
+// src/components/elemental/FileUpload/src/FileUpload.tsx
+var import_react2 = require("react");
+
+// src/_utils/_func/sx.ts
+function flattenSx(part) {
+  if (part == null || typeof part === "boolean") {
+    return [];
+  }
+  if (Array.isArray(part)) {
+    return part.flatMap(flattenSx);
+  }
+  if (typeof part === "function" || typeof part === "object") {
+    return [part];
+  }
+  return [];
+}
+function mergeSx(...parts) {
+  const list = parts.flatMap(flattenSx);
+  if (list.length === 0) {
+    return void 0;
+  }
+  if (list.length === 1) {
+    return list[0];
+  }
+  return list;
+}
+
+// src/components/elemental/Box/src/index.ts
+var import_Box = __toESM(require("@mui/material/Box"));
+var import_Stack = __toESM(require("@mui/material/Stack"));
+var import_Grid = __toESM(require("@mui/material/Grid"));
+
+// src/components/elemental/Typography/src/Typography.ts
+var import_Typography = __toESM(require("@mui/material/Typography"));
+
+// src/components/elemental/Button/src/Button/Button.tsx
+var import_Button = __toESM(require("@mui/material/Button"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function Button(p) {
+  const { children, slotProps, ...rest } = p;
+  const { sx, ...boxRest } = slotProps?.innerBox ?? {};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.default, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Box.default,
+    {
+      ...boxRest,
+      sx: mergeSx(
+        {
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          whiteSpace: "pre"
+        },
+        sx
+      ),
+      children
+    }
+  ) });
+}
+
+// src/components/elemental/Button/src/IconButton/IconButton.tsx
+var import_react = require("react");
+var import_IconButton = __toESM(require("@mui/material/IconButton"));
+
+// src/components/elemental/Tooltip/src/Tooltip/index.ts
+var import_Tooltip = __toESM(require("@mui/material/Tooltip"));
+
+// src/components/elemental/Button/src/IconButton/IconButton.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var IconButton = (0, import_react.forwardRef)(({
+  title = "",
+  children,
+  color,
+  size,
+  slotProps,
+  selected,
+  className,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_Tooltip.default,
+    {
+      title,
+      slotProps: {
+        popper: {
+          sx: {
+            textTransform: "capitalize"
+          }
+        },
+        ...slotProps?.tooltip
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Box.default, { component: "span", sx: { width: "fit-content" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_IconButton.default,
+        {
+          ref,
+          color,
+          size,
+          className: [className, selected ? "Mui-selected" : ""].filter(Boolean).join(" "),
+          ...props,
+          children
+        }
+      ) })
+    }
+  );
+});
+var IconButton_default = IconButton;
+
+// src/components/elemental/Form/src/FormLabel/FormLabel.tsx
+var import_FormLabel = __toESM(require("@mui/material/FormLabel"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function MuiFormLabel(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_FormLabel.default, { ...props });
+}
+
+// src/components/elemental/Form/src/index.ts
+var import_FormControl = __toESM(require("@mui/material/FormControl"));
+var import_FormHelperText = __toESM(require("@mui/material/FormHelperText"));
+var import_InputAdornment = __toESM(require("@mui/material/InputAdornment"));
+var import_InputLabel = __toESM(require("@mui/material/InputLabel"));
+
+// src/components/elemental/Progress/src/LinearProgress.tsx
+var import_LinearProgress = __toESM(require("@mui/material/LinearProgress"));
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var LinearProgress = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_LinearProgress.default, { ...props });
+};
+
+// src/components/Icons/MuiIcon/index.ts
+var import_ArrowRightAlt = __toESM(require("@mui/icons-material/ArrowRightAlt"));
+var import_DescriptionOutlined = __toESM(require("@mui/icons-material/DescriptionOutlined"));
+var import_Description = __toESM(require("@mui/icons-material/Description"));
+var import_PictureAsPdf = __toESM(require("@mui/icons-material/PictureAsPdf"));
+var import_AudioFile = __toESM(require("@mui/icons-material/AudioFile"));
+var import_VideoFile = __toESM(require("@mui/icons-material/VideoFile"));
+var import_TableChart = __toESM(require("@mui/icons-material/TableChart"));
+var import_FolderZip = __toESM(require("@mui/icons-material/FolderZip"));
+var import_InsertDriveFile = __toESM(require("@mui/icons-material/InsertDriveFile"));
+var import_ImageOutlined = __toESM(require("@mui/icons-material/ImageOutlined"));
+var import_LayersOutlined = __toESM(require("@mui/icons-material/LayersOutlined"));
+var import_TextFormat = __toESM(require("@mui/icons-material/TextFormat"));
+var import_Remove = __toESM(require("@mui/icons-material/Remove"));
+var import_PostAdd = __toESM(require("@mui/icons-material/PostAdd"));
+var import_ErrorOutline = __toESM(require("@mui/icons-material/ErrorOutline"));
+var import_QuestionMarkOutlined = __toESM(require("@mui/icons-material/QuestionMarkOutlined"));
+var import_MeetingRoomOutlined = __toESM(require("@mui/icons-material/MeetingRoomOutlined"));
+var import_PlaylistRemove = __toESM(require("@mui/icons-material/PlaylistRemove"));
+var import_ChecklistRtl = __toESM(require("@mui/icons-material/ChecklistRtl"));
+var import_HideImageOutlined = __toESM(require("@mui/icons-material/HideImageOutlined"));
+var import_RemoveRedEyeTwoTone = __toESM(require("@mui/icons-material/RemoveRedEyeTwoTone"));
+var import_PhotoSizeSelectLarge = __toESM(require("@mui/icons-material/PhotoSizeSelectLarge"));
+var import_LockPersonOutlined = __toESM(require("@mui/icons-material/LockPersonOutlined"));
+var import_Person = __toESM(require("@mui/icons-material/Person"));
+var import_InsertEmoticon = __toESM(require("@mui/icons-material/InsertEmoticon"));
+var import_RemoveDoneOutlined = __toESM(require("@mui/icons-material/RemoveDoneOutlined"));
+var import_Tag = __toESM(require("@mui/icons-material/Tag"));
+var import_Audiotrack = __toESM(require("@mui/icons-material/Audiotrack"));
+var import_Videocam = __toESM(require("@mui/icons-material/Videocam"));
+var import_Code = __toESM(require("@mui/icons-material/Code"));
+var import_Equalizer = __toESM(require("@mui/icons-material/Equalizer"));
+var import_PivotTableChart = __toESM(require("@mui/icons-material/PivotTableChart"));
+var import_Search = __toESM(require("@mui/icons-material/Search"));
+var import_DataObject = __toESM(require("@mui/icons-material/DataObject"));
+var import_SortByAlpha = __toESM(require("@mui/icons-material/SortByAlpha"));
+var import_ThumbUp = __toESM(require("@mui/icons-material/ThumbUp"));
+var import_AttachMoneyOutlined = __toESM(require("@mui/icons-material/AttachMoneyOutlined"));
+var import_Storage = __toESM(require("@mui/icons-material/Storage"));
+var import_WorkspacePremium = __toESM(require("@mui/icons-material/WorkspacePremium"));
+var import_Numbers = __toESM(require("@mui/icons-material/Numbers"));
+var import_Functions = __toESM(require("@mui/icons-material/Functions"));
+var import_Lightbulb = __toESM(require("@mui/icons-material/Lightbulb"));
+var import_CropRotate = __toESM(require("@mui/icons-material/CropRotate"));
+var import_PhotoSizeSelectLarge2 = __toESM(require("@mui/icons-material/PhotoSizeSelectLarge"));
+var import_CollectionsBookmark = __toESM(require("@mui/icons-material/CollectionsBookmark"));
+var import_Schedule = __toESM(require("@mui/icons-material/Schedule"));
+var import_Style = __toESM(require("@mui/icons-material/Style"));
+var import_Crop169 = __toESM(require("@mui/icons-material/Crop169"));
+var import_CropSquare = __toESM(require("@mui/icons-material/CropSquare"));
+var import_GraphicEqRounded = __toESM(require("@mui/icons-material/GraphicEqRounded"));
+var import_MemoryRounded = __toESM(require("@mui/icons-material/MemoryRounded"));
+var import_AddCircleOutlineRounded = __toESM(require("@mui/icons-material/AddCircleOutlineRounded"));
+var import_Add = __toESM(require("@mui/icons-material/Add"));
+var import_Close = __toESM(require("@mui/icons-material/Close"));
+var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"));
+var import_Autorenew = __toESM(require("@mui/icons-material/Autorenew"));
+var import_CheckCircle = __toESM(require("@mui/icons-material/CheckCircle"));
+var import_Menu = __toESM(require("@mui/icons-material/Menu"));
+var import_MoreVert = __toESM(require("@mui/icons-material/MoreVert"));
+var import_MoreHoriz = __toESM(require("@mui/icons-material/MoreHoriz"));
+var import_ContentCopy = __toESM(require("@mui/icons-material/ContentCopy"));
+var import_ContentPaste = __toESM(require("@mui/icons-material/ContentPaste"));
+var import_Cloud = __toESM(require("@mui/icons-material/Cloud"));
+var import_DownloadOutlined = __toESM(require("@mui/icons-material/DownloadOutlined"));
+var import_DownloadDoneOutlined = __toESM(require("@mui/icons-material/DownloadDoneOutlined"));
+var import_StarBorderOutlined = __toESM(require("@mui/icons-material/StarBorderOutlined"));
+var import_DeleteForever = __toESM(require("@mui/icons-material/DeleteForever"));
+var import_LayersClear = __toESM(require("@mui/icons-material/LayersClear"));
+var import_Check = __toESM(require("@mui/icons-material/Check"));
+var import_DoneAll = __toESM(require("@mui/icons-material/DoneAll"));
+var import_PowerSettingsNew = __toESM(require("@mui/icons-material/PowerSettingsNew"));
+var import_Send = __toESM(require("@mui/icons-material/Send"));
+var import_ZoomInMap = __toESM(require("@mui/icons-material/ZoomInMap"));
+var import_ZoomOutMap = __toESM(require("@mui/icons-material/ZoomOutMap"));
+var import_HomeRepairService = __toESM(require("@mui/icons-material/HomeRepairService"));
+var import_Construction = __toESM(require("@mui/icons-material/Construction"));
+var import_Help = __toESM(require("@mui/icons-material/Help"));
+var import_EmojiFlags = __toESM(require("@mui/icons-material/EmojiFlags"));
+var import_Edit = __toESM(require("@mui/icons-material/Edit"));
+var import_ForkRight = __toESM(require("@mui/icons-material/ForkRight"));
+var import_Settings = __toESM(require("@mui/icons-material/Settings"));
+var import_Restore = __toESM(require("@mui/icons-material/Restore"));
+var import_EditNote = __toESM(require("@mui/icons-material/EditNote"));
+var import_HomeOutlined = __toESM(require("@mui/icons-material/HomeOutlined"));
+var import_ExitToAppOutlined = __toESM(require("@mui/icons-material/ExitToAppOutlined"));
+var import_WbSunnyOutlined = __toESM(require("@mui/icons-material/WbSunnyOutlined"));
+var import_DarkModeOutlined = __toESM(require("@mui/icons-material/DarkModeOutlined"));
+var import_AttachFileOutlined = __toESM(require("@mui/icons-material/AttachFileOutlined"));
+var import_NoteAdd = __toESM(require("@mui/icons-material/NoteAdd"));
+var import_CloudUpload = __toESM(require("@mui/icons-material/CloudUpload"));
+var import_KeyboardDoubleArrowRight = __toESM(require("@mui/icons-material/KeyboardDoubleArrowRight"));
+var import_KeyboardDoubleArrowLeft = __toESM(require("@mui/icons-material/KeyboardDoubleArrowLeft"));
+var import_KeyboardDoubleArrowRightRounded = __toESM(require("@mui/icons-material/KeyboardDoubleArrowRightRounded"));
+var import_FitScreen = __toESM(require("@mui/icons-material/FitScreen"));
+var import_Fullscreen = __toESM(require("@mui/icons-material/Fullscreen"));
+var import_Biotech = __toESM(require("@mui/icons-material/Biotech"));
+var import_Share = __toESM(require("@mui/icons-material/Share"));
+var import_FilterAlt = __toESM(require("@mui/icons-material/FilterAlt"));
+var import_Sync = __toESM(require("@mui/icons-material/Sync"));
+var import_PlayArrow = __toESM(require("@mui/icons-material/PlayArrow"));
+var import_PauseOutlined = __toESM(require("@mui/icons-material/PauseOutlined"));
+var import_Casino = __toESM(require("@mui/icons-material/Casino"));
+var import_Paid = __toESM(require("@mui/icons-material/Paid"));
+var import_Save = __toESM(require("@mui/icons-material/Save"));
+var import_StopRounded = __toESM(require("@mui/icons-material/StopRounded"));
+var import_Replay = __toESM(require("@mui/icons-material/Replay"));
+var import_AccountTree = __toESM(require("@mui/icons-material/AccountTree"));
+var import_Close2 = __toESM(require("@mui/icons-material/Close"));
+var import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"));
+var import_KeyboardArrowRight = __toESM(require("@mui/icons-material/KeyboardArrowRight"));
+var import_SearchRounded = __toESM(require("@mui/icons-material/SearchRounded"));
+var import_CloseRounded = __toESM(require("@mui/icons-material/CloseRounded"));
+var import_SortByAlphaRounded = __toESM(require("@mui/icons-material/SortByAlphaRounded"));
+var import_FilterAltOutlined = __toESM(require("@mui/icons-material/FilterAltOutlined"));
+var import_InboxOutlined = __toESM(require("@mui/icons-material/InboxOutlined"));
+var import_SearchOff = __toESM(require("@mui/icons-material/SearchOff"));
+var import_ClearRounded = __toESM(require("@mui/icons-material/ClearRounded"));
+var import_ArrowDropDownRounded = __toESM(require("@mui/icons-material/ArrowDropDownRounded"));
+var import_AccountBox = __toESM(require("@mui/icons-material/AccountBox"));
+var import_Logout = __toESM(require("@mui/icons-material/Logout"));
+var import_Login = __toESM(require("@mui/icons-material/Login"));
+var import_Dashboard = __toESM(require("@mui/icons-material/Dashboard"));
+var import_AccountTreeOutlined = __toESM(require("@mui/icons-material/AccountTreeOutlined"));
+var import_HelpOutline = __toESM(require("@mui/icons-material/HelpOutline"));
+var import_NavigateBefore = __toESM(require("@mui/icons-material/NavigateBefore"));
+var import_NavigateNext = __toESM(require("@mui/icons-material/NavigateNext"));
+var import_Person2 = __toESM(require("@mui/icons-material/Person"));
+var import_CalendarToday = __toESM(require("@mui/icons-material/CalendarToday"));
+var import_QuestionAnswerOutlined = __toESM(require("@mui/icons-material/QuestionAnswerOutlined"));
+var import_Today = __toESM(require("@mui/icons-material/Today"));
+var import_DeleteForever2 = __toESM(require("@mui/icons-material/DeleteForever"));
+var import_AdsClick = __toESM(require("@mui/icons-material/AdsClick"));
+var import_Fingerprint = __toESM(require("@mui/icons-material/Fingerprint"));
+var import_SportsEsportsOutlined = __toESM(require("@mui/icons-material/SportsEsportsOutlined"));
+var import_HelpOutlineRounded = __toESM(require("@mui/icons-material/HelpOutlineRounded"));
+var import_AccountTreeOutlined2 = __toESM(require("@mui/icons-material/AccountTreeOutlined"));
+var import_SmartToyOutlined = __toESM(require("@mui/icons-material/SmartToyOutlined"));
+var import_AcUnit = __toESM(require("@mui/icons-material/AcUnit"));
+var import_Loop = __toESM(require("@mui/icons-material/Loop"));
+var import_Pending = __toESM(require("@mui/icons-material/Pending"));
+var import_AllInclusive = __toESM(require("@mui/icons-material/AllInclusive"));
+var import_WarningOutlined = __toESM(require("@mui/icons-material/WarningOutlined"));
+var import_InfoOutlined = __toESM(require("@mui/icons-material/InfoOutlined"));
+var import_AutoAwesomeRounded = __toESM(require("@mui/icons-material/AutoAwesomeRounded"));
+var import_ErrorOutlineOutlined = __toESM(require("@mui/icons-material/ErrorOutlineOutlined"));
+var import_Download = __toESM(require("@mui/icons-material/Download"));
+
+// src/components/elemental/FileUpload/src/FileUpload.tsx
+var import_react_file_icon = require("react-file-icon");
+
+// src/components/elemental/FileUpload/src/theme.ts
+var fileUploadRootSx = {
+  "--fu-border": "var(--mui-palette-border-1)",
+  "--fu-border-hover": "var(--mui-palette-border-hover-1, var(--mui-palette-text-secondary))",
+  "--fu-border-active": "color-mix(in srgb, var(--mui-palette-text-secondary) 65%, transparent)",
+  "--fu-border-error": "var(--mui-palette-error-main)",
+  "--fu-surface": "color-mix(in srgb, var(--mui-palette-background-paper) 78%, transparent)",
+  "--fu-surface-hover": "color-mix(in srgb, var(--mui-palette-background-paper) 92%, transparent)",
+  "--fu-surface-active": "color-mix(in srgb, var(--mui-palette-primary-main) 8%, var(--mui-palette-background-paper))",
+  "--fu-item-bg": "color-mix(in srgb, var(--mui-palette-background-paper) 88%, transparent)",
+  "--fu-icon": "var(--mui-palette-text-secondary)",
+  "--fu-text": "var(--mui-palette-text-primary)",
+  "--fu-text-secondary": "var(--mui-palette-text-secondary)",
+  "--fu-shadow": "inset 0 1px 0 color-mix(in srgb, var(--mui-palette-common-white) 6%, transparent)",
+  "--fu-radius": "16px",
+  "--fu-item-radius": "12px",
+  display: "flex",
+  flexDirection: "column",
+  gap: 1,
+  width: "100%",
+  boxSizing: "border-box",
+  '[color-scheme="dark"] &': {
+    "--fu-surface": "color-mix(in srgb, var(--mui-palette-background-paper) 70%, transparent)",
+    "--fu-surface-hover": "color-mix(in srgb, var(--mui-palette-background-paper) 88%, transparent)",
+    "--fu-item-bg": "color-mix(in srgb, var(--mui-palette-background-paper) 82%, transparent)",
+    "--fu-shadow": "inset 0 1px 0 color-mix(in srgb, var(--mui-palette-common-white) 8%, transparent), 0 1px 2px rgba(0,0,0,0.18)"
+  }
+};
+var fileUploadDropzoneSx = {
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  textAlign: "center",
+  gap: 0.75,
+  px: 3,
+  py: 3.5,
+  minHeight: 140,
+  borderRadius: "var(--fu-radius)",
+  border: "1px dashed var(--fu-drop-border, var(--fu-border))",
+  backgroundColor: "var(--fu-drop-bg, var(--fu-surface))",
+  boxShadow: "var(--fu-shadow)",
+  color: "var(--fu-text-secondary)",
+  cursor: "pointer",
+  outline: "none",
+  boxSizing: "border-box",
+  transition: "border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease",
+  "&:hover": {
+    borderColor: "var(--fu-border-hover)",
+    backgroundColor: "var(--fu-surface-hover)"
+  },
+  "&:focus-visible": {
+    borderColor: "var(--fu-border-active)",
+    borderStyle: "solid"
+  },
+  '&[data-active="true"]': {
+    borderColor: "var(--fu-border-active)",
+    borderStyle: "solid",
+    backgroundColor: "var(--fu-surface-active)"
+  },
+  '&[data-error="true"]': {
+    "--fu-drop-border": "var(--fu-border-error)"
+  },
+  '&[data-disabled="true"]': {
+    opacity: 0.58,
+    cursor: "default",
+    pointerEvents: "none"
+  }
+};
+var fileUploadItemSx = {
+  display: "flex",
+  alignItems: "center",
+  gap: 1.25,
+  px: 1.25,
+  py: 1,
+  borderRadius: "var(--fu-item-radius)",
+  border: "1px solid var(--fu-border)",
+  backgroundColor: "var(--fu-item-bg)",
+  boxShadow: "var(--fu-shadow)",
+  boxSizing: "border-box",
+  minWidth: 0,
+  '&[data-status="error"]': {
+    borderColor: "color-mix(in srgb, var(--mui-palette-error-main) 55%, var(--fu-border))",
+    backgroundColor: "color-mix(in srgb, var(--mui-palette-error-main) 8%, var(--fu-item-bg))"
+  }
+};
+var fileUploadThumbSx = {
+  width: 36,
+  height: 36,
+  minWidth: 36,
+  borderRadius: "8px",
+  objectFit: "cover",
+  flexShrink: 0,
+  border: "1px solid var(--fu-border)",
+  backgroundColor: "var(--fu-item-bg)",
+  display: "block",
+  boxSizing: "border-box"
+};
+var fileUploadIconWellSx = {
+  width: 36,
+  height: 36,
+  minWidth: 36,
+  borderRadius: "8px",
+  flexShrink: 0,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  border: "1px solid var(--fu-border)",
+  backgroundColor: "color-mix(in srgb, var(--mui-palette-background-paper) 55%, transparent)",
+  boxSizing: "border-box",
+  overflow: "hidden"
+};
+var fileUploadLibIconSx = {
+  width: 24,
+  height: 30,
+  lineHeight: 0,
+  flexShrink: 0,
+  // Keep library colors vivid (no opacity / filter / color overrides).
+  color: "unset",
+  filter: "none",
+  opacity: 1,
+  "& svg": {
+    width: "100%",
+    height: "100%",
+    display: "block",
+    // Prevent inherited MUI text color from washing glyph/label fills.
+    color: "unset"
+  }
+};
+var fileUploadButtonSx = {
+  alignSelf: "flex-start",
+  textTransform: "none",
+  fontWeight: 600,
+  fontSize: "0.8125rem",
+  lineHeight: 1.25,
+  borderRadius: "10px",
+  px: 1.5,
+  py: 0.75,
+  minHeight: 36,
+  border: "1px solid var(--fu-border)",
+  backgroundColor: "var(--fu-surface)",
+  color: "var(--fu-text)",
+  boxShadow: "var(--fu-shadow)",
+  transition: "border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease",
+  "&:hover": {
+    borderColor: "var(--fu-border-hover)",
+    backgroundColor: "var(--fu-surface-hover)"
+  },
+  "&:focus-visible": {
+    borderColor: "var(--fu-border-active)",
+    outline: "none"
+  },
+  '&[data-active="true"]': {
+    borderColor: "var(--fu-border-active)",
+    backgroundColor: "var(--fu-surface-active)"
+  },
+  '&[data-error="true"]': {
+    borderColor: "var(--fu-border-error)",
+    color: "var(--fu-border-error)"
+  },
+  "&.Mui-disabled": {
+    opacity: 0.58,
+    borderColor: "var(--fu-border)",
+    color: "var(--fu-text-secondary)"
+  },
+  "& .MuiButton-startIcon": {
+    marginRight: "8px",
+    marginLeft: 0,
+    color: "var(--fu-icon)"
+  }
+};
+var fileUploadTileListSx = {
+  display: "flex",
+  flexWrap: "wrap",
+  gap: 1.25,
+  m: 0,
+  p: 0,
+  listStyle: "none"
+};
+var fileUploadTileSx = {
+  "--fu-tile-size": "80px",
+  position: "relative",
+  width: "var(--fu-tile-size)",
+  height: "var(--fu-tile-size)",
+  minWidth: "var(--fu-tile-size)",
+  borderRadius: "12px",
+  border: "1px solid var(--fu-border)",
+  backgroundColor: "var(--fu-item-bg)",
+  boxShadow: "var(--fu-shadow)",
+  boxSizing: "border-box",
+  overflow: "hidden",
+  flexShrink: 0,
+  '&[data-status="error"]': {
+    borderColor: "color-mix(in srgb, var(--mui-palette-error-main) 55%, var(--fu-border))"
+  },
+  "&:hover .fu-tile-remove, &:focus-within .fu-tile-remove": {
+    opacity: 1,
+    pointerEvents: "auto"
+  }
+};
+var fileUploadTileMediaSx = {
+  width: "100%",
+  height: "100%",
+  objectFit: "cover",
+  display: "block",
+  borderRadius: "inherit"
+};
+var fileUploadTileIconWellSx = {
+  width: "100%",
+  height: "100%",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  backgroundColor: "color-mix(in srgb, var(--mui-palette-background-paper) 55%, transparent)",
+  border: "none",
+  borderRadius: 0,
+  boxSizing: "border-box",
+  overflow: "hidden"
+};
+var fileUploadTileLibIconSx = {
+  width: 36,
+  height: 44,
+  lineHeight: 0,
+  flexShrink: 0,
+  color: "unset",
+  filter: "none",
+  opacity: 1,
+  "& svg": {
+    width: "100%",
+    height: "100%",
+    display: "block",
+    color: "unset"
+  }
+};
+var fileUploadTileRemoveSx = {
+  position: "absolute",
+  top: 4,
+  right: 4,
+  zIndex: 2,
+  width: 22,
+  height: 22,
+  p: 0,
+  opacity: 0,
+  pointerEvents: "none",
+  backgroundColor: "#fff",
+  color: "rgba(15, 23, 42, 0.72)",
+  boxShadow: "0 1px 3px rgba(0,0,0,0.22)",
+  border: "1px solid color-mix(in srgb, var(--mui-palette-common-black) 8%, transparent)",
+  transition: "opacity 140ms ease, background-color 140ms ease",
+  "&:hover": {
+    backgroundColor: "#fff",
+    color: "rgba(15, 23, 42, 0.92)"
+  },
+  "&.Mui-disabled": {
+    opacity: 0
+  }
+};
+var fileUploadTileProgressSx = {
+  position: "absolute",
+  left: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: 1,
+  height: 3,
+  borderRadius: 0,
+  backgroundColor: "color-mix(in srgb, var(--mui-palette-common-black) 25%, transparent)",
+  "& .MuiLinearProgress-bar": {
+    borderRadius: 0
+  }
+};
+
+// src/components/elemental/FileUpload/src/utils.ts
+var idSeq = 0;
+function createFileUploadId() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  idSeq += 1;
+  return `fu-${Date.now()}-${idSeq}`;
+}
+function createFileUploadItem(file) {
+  return {
+    id: createFileUploadId(),
+    file,
+    status: "idle",
+    progress: 0
+  };
+}
+function formatFileSize(bytes) {
+  if (!Number.isFinite(bytes) || bytes < 0) return "\u2014";
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  if (bytes < 1024 * 1024 * 1024) {
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+  }
+  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+}
+function parseAccept(accept) {
+  if (!accept || !accept.trim()) return [];
+  return accept.split(",").map((p) => p.trim()).filter(Boolean).map((token) => {
+    if (token.startsWith(".")) {
+      return { type: "ext", value: token.toLowerCase() };
+    }
+    return { type: "mime", value: token.toLowerCase() };
+  });
+}
+function matchesAccept(file, rules) {
+  if (rules.length === 0) return true;
+  const name = file.name.toLowerCase();
+  const mime = (file.type || "").toLowerCase();
+  return rules.some((rule) => {
+    if (rule.type === "ext") {
+      return name.endsWith(rule.value);
+    }
+    if (rule.value.endsWith("/*")) {
+      const prefix = rule.value.slice(0, -1);
+      return mime.startsWith(prefix);
+    }
+    return mime === rule.value;
+  });
+}
+function validateFiles(incoming, opts) {
+  const rules = parseAccept(opts.accept);
+  const accepted = [];
+  const rejections = [];
+  const hardCap = opts.multiple ? opts.maxFiles != null && opts.maxFiles > 0 ? opts.maxFiles : Infinity : 1;
+  for (const file of incoming) {
+    const errors = [];
+    if (!matchesAccept(file, rules)) {
+      errors.push("file-invalid-type");
+    }
+    if (opts.maxSize != null && opts.maxSize > 0 && file.size > opts.maxSize) {
+      errors.push("file-too-large");
+    }
+    if (opts.currentCount + accepted.length >= hardCap) {
+      errors.push("too-many-files");
+    }
+    if (errors.length > 0) {
+      rejections.push({ file, errors });
+    } else {
+      accepted.push(file);
+    }
+  }
+  return { accepted, rejections };
+}
+var MIME_TO_EXT = {
+  "application/pdf": "pdf",
+  "application/zip": "zip",
+  "application/x-zip-compressed": "zip",
+  "application/gzip": "gz",
+  "application/x-gzip": "gz",
+  "application/x-rar-compressed": "rar",
+  "application/vnd.rar": "rar",
+  "application/x-7z-compressed": "7z",
+  "application/x-tar": "tar",
+  "application/json": "json",
+  "application/msword": "doc",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "docx",
+  "application/vnd.ms-excel": "xls",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "xlsx",
+  "application/vnd.ms-powerpoint": "ppt",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation": "pptx",
+  "text/plain": "txt",
+  "text/csv": "csv",
+  "text/markdown": "md",
+  "image/jpeg": "jpg",
+  "image/png": "png",
+  "image/gif": "gif",
+  "image/webp": "webp",
+  "image/svg+xml": "svg",
+  "audio/mpeg": "mp3",
+  "audio/wav": "wav",
+  "video/mp4": "mp4",
+  "video/webm": "webm"
+};
+function getFileExtension(file) {
+  const name = file.name || "";
+  const dot = name.lastIndexOf(".");
+  if (dot > 0 && dot < name.length - 1) {
+    return name.slice(dot + 1).toLowerCase();
+  }
+  const mime = (file.type || "").toLowerCase();
+  return MIME_TO_EXT[mime] ?? "";
+}
+function isImageFile(file) {
+  return typeof file.type === "string" && file.type.startsWith("image/");
+}
+var EXT_ALIASES = {
+  "7z": "7zip",
+  tgz: "gz",
+  tbz: "gz",
+  tbz2: "gz"
+};
+var ARCHIVE_FILE_ICON_STYLE = {
+  type: "compressed",
+  labelColor: "#E2A903",
+  labelTextColor: "#1A1A1A",
+  labelUppercase: true,
+  foldColor: "#C48E02",
+  color: "#F6E7A8",
+  glyphColor: "rgba(40, 30, 0, 0.35)"
+};
+var ARCHIVE_EXTS = /* @__PURE__ */ new Set([
+  "zip",
+  "zipx",
+  "rar",
+  "7z",
+  "7zip",
+  "gz",
+  "tar",
+  "tgz",
+  "sitx",
+  "bz2"
+]);
+var TYPE_COLOR_FALLBACKS = {
+  "3d": {
+    type: "3d",
+    labelColor: "#5FB9AD",
+    foldColor: "#4A9E94",
+    color: "#E5F6F4"
+  },
+  acrobat: {
+    type: "acrobat",
+    labelColor: "#D93831",
+    foldColor: "#B82E28",
+    color: "#FCE8E7"
+  },
+  android: {
+    type: "android",
+    labelColor: "#3DDC84",
+    foldColor: "#2BB86A",
+    color: "#E6FBF0"
+  },
+  audio: {
+    type: "audio",
+    labelColor: "#9B59B6",
+    foldColor: "#7E3F9A",
+    color: "#F3E9F8"
+  },
+  binary: {
+    type: "binary",
+    labelColor: "#E67E22",
+    foldColor: "#C86A1A",
+    color: "#FDF0E4"
+  },
+  code: {
+    type: "code",
+    labelColor: "#3498DB",
+    foldColor: "#2A7AB0",
+    color: "#E7F3FB"
+  },
+  compressed: { ...ARCHIVE_FILE_ICON_STYLE },
+  document: {
+    type: "document",
+    labelColor: "#5B8DEF",
+    labelUppercase: true,
+    foldColor: "#4A75C9",
+    color: "#E8EEF9",
+    glyphColor: "rgba(40, 60, 120, 0.35)"
+  },
+  drive: {
+    type: "drive",
+    labelColor: "#27AE60",
+    foldColor: "#1E8A4B",
+    color: "#E5F7ED"
+  },
+  font: {
+    type: "font",
+    labelColor: "#8E44AD",
+    foldColor: "#71368A",
+    color: "#F2E8F7"
+  },
+  image: {
+    type: "image",
+    labelColor: "#1ABC9C",
+    foldColor: "#14967C",
+    color: "#E4F8F3"
+  },
+  presentation: {
+    type: "presentation",
+    labelColor: "#D35400",
+    labelUppercase: true,
+    foldColor: "#A84300",
+    color: "#FCEADE",
+    glyphColor: "rgba(120, 50, 0, 0.35)"
+  },
+  settings: {
+    type: "settings",
+    labelColor: "#16A085",
+    foldColor: "#117A65",
+    color: "#E4F6F2"
+  },
+  spreadsheet: {
+    type: "spreadsheet",
+    labelColor: "#2D7D46",
+    labelUppercase: true,
+    foldColor: "#246338",
+    color: "#E5F2EA",
+    glyphColor: "rgba(20, 60, 30, 0.35)"
+  },
+  vector: {
+    type: "vector",
+    labelColor: "#FF7F18",
+    foldColor: "#D96A12",
+    color: "#FFF0E4"
+  },
+  video: {
+    type: "video",
+    labelColor: "#E74C3C",
+    foldColor: "#C0392B",
+    color: "#FCE9E7"
+  }
+};
+var UNKNOWN_FILE_ICON_STYLE = {
+  type: "document",
+  labelColor: "#5B8DEF",
+  labelTextColor: "#FFFFFF",
+  labelUppercase: true,
+  foldColor: "#4A75C9",
+  color: "#E8EEF9",
+  glyphColor: "rgba(40, 60, 120, 0.35)"
+};
+var MONO_PAGE_COLORS = /* @__PURE__ */ new Set([
+  "",
+  "whitesmoke",
+  "#fff",
+  "#ffffff",
+  "white",
+  "#f5f5f5",
+  "#fafafa"
+]);
+function hasVividColor(style) {
+  if (typeof style.labelColor === "string" && style.labelColor.trim()) {
+    return true;
+  }
+  if (typeof style.color === "string") {
+    const c = style.color.trim().toLowerCase();
+    if (c && !MONO_PAGE_COLORS.has(c)) return true;
+  }
+  return false;
+}
+function mergeColorEnrichment(lib, enrichment) {
+  return {
+    ...enrichment,
+    ...lib,
+    labelColor: lib.labelColor ?? enrichment.labelColor,
+    labelTextColor: lib.labelTextColor ?? enrichment.labelTextColor,
+    foldColor: lib.foldColor ?? enrichment.foldColor,
+    color: lib.color ?? enrichment.color,
+    glyphColor: lib.glyphColor ?? enrichment.glyphColor,
+    labelUppercase: lib.labelUppercase ?? enrichment.labelUppercase,
+    type: lib.type ?? enrichment.type
+  };
+}
+function resolveFileIconStyle(file, defaultStyles2) {
+  const rawExt = getFileExtension(file);
+  const styleKey = (EXT_ALIASES[rawExt] ?? rawExt).toLowerCase();
+  const displayExt = rawExt || styleKey || void 0;
+  const lib = {
+    ...(styleKey ? defaultStyles2[styleKey] : void 0) ?? {}
+  };
+  const isArchive = ARCHIVE_EXTS.has(rawExt) || ARCHIVE_EXTS.has(styleKey) || lib.type === "compressed";
+  let style;
+  if (isArchive) {
+    style = { ...lib, ...ARCHIVE_FILE_ICON_STYLE };
+  } else if (hasVividColor(lib)) {
+    style = { ...lib };
+  } else if (lib.type && TYPE_COLOR_FALLBACKS[lib.type]) {
+    style = mergeColorEnrichment(lib, TYPE_COLOR_FALLBACKS[lib.type]);
+  } else {
+    style = mergeColorEnrichment(lib, UNKNOWN_FILE_ICON_STYLE);
+  }
+  return {
+    extension: displayExt,
+    styleKey,
+    style
+  };
+}
+
+// src/components/elemental/FileUpload/src/FileUpload.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function mergeSx2(...parts) {
+  const out = [];
+  for (const p of parts) {
+    if (!p) continue;
+    if (Array.isArray(p)) out.push(...p);
+    else out.push(p);
+  }
+  return out;
+}
+var FileUpload = (0, import_react2.forwardRef)(
+  function FileUpload2(props, ref) {
+    const {
+      value: valueProp,
+      defaultValue,
+      onChange,
+      onRemove,
+      onReject,
+      multiple = true,
+      accept,
+      maxSize,
+      maxFiles,
+      disabled = false,
+      hideDropzone = false,
+      disableRemove = false,
+      readOnly = false,
+      label,
+      name,
+      helperText,
+      error = false,
+      required = false,
+      variant = "dropzone",
+      itemVariant = "row",
+      buttonLabel = "Upload file",
+      dropzoneTitle = "Drag & drop files here",
+      dropzoneDescription = "or click to browse",
+      id: idProp,
+      className,
+      sx,
+      "data-testid": dataTestId = "file-upload"
+    } = props;
+    const reactId = (0, import_react2.useId)();
+    const inputId = idProp ?? `file-upload-${reactId}`;
+    const helperId = `${inputId}-helper`;
+    const inputRef = (0, import_react2.useRef)(null);
+    const isControlled = valueProp !== void 0;
+    const [uncontrolled, setUncontrolled] = (0, import_react2.useState)(
+      () => defaultValue ?? []
+    );
+    const items = (0, import_react2.useMemo)(
+      () => isControlled ? valueProp ?? [] : uncontrolled,
+      [isControlled, valueProp, uncontrolled]
+    );
+    const [active, setActive] = (0, import_react2.useState)(false);
+    const dragDepth = (0, import_react2.useRef)(0);
+    const atCapacity = (0, import_react2.useMemo)(() => {
+      if (!multiple) return items.length >= 1;
+      if (maxFiles != null && maxFiles > 0) return items.length >= maxFiles;
+      return false;
+    }, [items.length, maxFiles, multiple]);
+    const commit = (0, import_react2.useCallback)(
+      (next) => {
+        if (!isControlled) setUncontrolled(next);
+        onChange?.(next);
+      },
+      [isControlled, onChange]
+    );
+    const ingest = (0, import_react2.useCallback)(
+      (fileList) => {
+        if (disabled) return;
+        const incoming = Array.from(fileList);
+        if (incoming.length === 0) return;
+        const { accepted, rejections } = validateFiles(incoming, {
+          accept,
+          maxSize,
+          maxFiles,
+          currentCount: items.length,
+          multiple
+        });
+        if (rejections.length > 0) {
+          onReject?.(rejections);
+        }
+        if (accepted.length === 0) return;
+        const nextItems = accepted.map(createFileUploadItem);
+        if (!multiple) {
+          commit(nextItems.slice(0, 1));
+          return;
+        }
+        commit([...items, ...nextItems]);
+      },
+      [
+        accept,
+        disabled,
+        items,
+        maxFiles,
+        maxSize,
+        multiple,
+        onReject,
+        commit
+      ]
+    );
+    const handleRemove = (0, import_react2.useCallback)(
+      (item) => {
+        if (disabled) return;
+        const next = items.filter((i) => i.id !== item.id);
+        commit(next);
+        onRemove?.(item, next);
+        if (inputRef.current) inputRef.current.value = "";
+      },
+      [commit, disabled, items, onRemove]
+    );
+    const openPicker = (0, import_react2.useCallback)(() => {
+      if (disabled || atCapacity) return;
+      inputRef.current?.click();
+    }, [atCapacity, disabled]);
+    const onInputChange = (0, import_react2.useCallback)(
+      (e) => {
+        if (e.target.files) ingest(e.target.files);
+        e.target.value = "";
+      },
+      [ingest]
+    );
+    const onDragEnter = (0, import_react2.useCallback)(
+      (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (disabled || atCapacity) return;
+        dragDepth.current += 1;
+        setActive(true);
+      },
+      [atCapacity, disabled]
+    );
+    const onDragLeave = (0, import_react2.useCallback)((e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      dragDepth.current = Math.max(0, dragDepth.current - 1);
+      if (dragDepth.current === 0) setActive(false);
+    }, []);
+    const onDragOver = (0, import_react2.useCallback)((e) => {
+      e.preventDefault();
+      e.stopPropagation();
+    }, []);
+    const onDrop = (0, import_react2.useCallback)(
+      (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        dragDepth.current = 0;
+        setActive(false);
+        if (disabled || atCapacity) return;
+        if (e.dataTransfer.files?.length) {
+          ingest(e.dataTransfer.files);
+        }
+      },
+      [atCapacity, disabled, ingest]
+    );
+    const queueOnly = readOnly || hideDropzone;
+    const removeDisabled = readOnly || disableRemove || disabled;
+    const showTrigger = !queueOnly && !atCapacity;
+    const isButton = variant === "button";
+    const fileInput = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "input",
+      {
+        ref: inputRef,
+        id: inputId,
+        name,
+        type: "file",
+        accept,
+        multiple,
+        disabled,
+        onChange: onInputChange,
+        style: { display: "none" },
+        "aria-hidden": true,
+        tabIndex: -1
+      }
+    );
+    const dragHandlers = {
+      onDragEnter,
+      onDragLeave,
+      onDragOver,
+      onDrop
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      import_Box.default,
+      {
+        ref,
+        className,
+        "data-testid": dataTestId,
+        "data-variant": variant,
+        "data-readonly": readOnly || queueOnly ? "true" : void 0,
+        sx: mergeSx2(fileUploadRootSx, sx),
+        children: [
+          label ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            MuiFormLabel,
+            {
+              htmlFor: showTrigger ? inputId : void 0,
+              required,
+              error,
+              sx: {
+                mb: 0.25,
+                color: error ? "error.main" : "text.secondary",
+                fontSize: "0.8rem",
+                fontWeight: 600
+              },
+              children: label
+            }
+          ) : null,
+          fileInput,
+          showTrigger ? isButton ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            Button,
+            {
+              type: "button",
+              disableElevation: true,
+              disabled,
+              "aria-invalid": error || void 0,
+              "aria-describedby": helperText ? helperId : void 0,
+              "data-active": active ? "true" : "false",
+              "data-error": error ? "true" : "false",
+              "data-testid": `${dataTestId}-button`,
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_CloudUpload.default, { sx: { fontSize: "1.15rem" } }),
+              onClick: openPicker,
+              sx: fileUploadButtonSx,
+              ...dragHandlers,
+              children: buttonLabel
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            import_Box.default,
+            {
+              role: "button",
+              tabIndex: disabled ? -1 : 0,
+              "aria-disabled": disabled || void 0,
+              "aria-invalid": error || void 0,
+              "aria-describedby": helperText ? helperId : void 0,
+              "data-active": active ? "true" : "false",
+              "data-error": error ? "true" : "false",
+              "data-disabled": disabled ? "true" : "false",
+              "data-testid": `${dataTestId}-dropzone`,
+              sx: fileUploadDropzoneSx,
+              onClick: openPicker,
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  openPicker();
+                }
+              },
+              ...dragHandlers,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  import_CloudUpload.default,
+                  {
+                    "aria-hidden": true,
+                    sx: { fontSize: 36, color: "var(--fu-icon)", opacity: 0.9 }
+                  }
+                ),
+                typeof dropzoneTitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  import_Typography.default,
+                  {
+                    variant: "subtitle2",
+                    sx: { m: 0, color: "var(--fu-text)", fontWeight: 600 },
+                    children: dropzoneTitle
+                  }
+                ) : dropzoneTitle,
+                dropzoneDescription ? typeof dropzoneDescription === "string" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  import_Typography.default,
+                  {
+                    variant: "caption",
+                    sx: { m: 0, color: "var(--fu-text-secondary)" },
+                    children: dropzoneDescription
+                  }
+                ) : dropzoneDescription : null
+              ]
+            }
+          ) : null,
+          items.length > 0 ? itemVariant === "tile" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_Box.default,
+            {
+              component: "ul",
+              "data-testid": `${dataTestId}-list`,
+              "data-item-variant": "tile",
+              sx: fileUploadTileListSx,
+              children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                FileUploadListItem,
+                {
+                  item,
+                  disabled,
+                  disableRemove: removeDisabled,
+                  onRemove: handleRemove,
+                  testId: `${dataTestId}-item`,
+                  itemVariant: "tile"
+                },
+                item.id
+              ))
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_Stack.default,
+            {
+              component: "ul",
+              spacing: 1,
+              "data-testid": `${dataTestId}-list`,
+              "data-item-variant": "row",
+              sx: { m: 0, p: 0, listStyle: "none" },
+              children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                FileUploadListItem,
+                {
+                  item,
+                  disabled,
+                  disableRemove: removeDisabled,
+                  onRemove: handleRemove,
+                  testId: `${dataTestId}-item`,
+                  itemVariant: "row"
+                },
+                item.id
+              ))
+            }
+          ) : null,
+          helperText ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_FormHelperText.default,
+            {
+              id: helperId,
+              error,
+              sx: { mx: 0.5, mt: 0 },
+              children: helperText
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+function FileUploadTypeIcon({
+  file,
+  tile = false
+}) {
+  const resolved = resolveFileIconStyle(
+    file,
+    import_react_file_icon.defaultStyles
+  );
+  const { extension, styleKey } = resolved;
+  const iconStyle = resolved.style;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_Box.default,
+    {
+      "aria-hidden": true,
+      "data-testid": "file-upload-icon",
+      "data-ext": extension || void 0,
+      "data-style-key": styleKey || void 0,
+      sx: tile ? fileUploadTileIconWellSx : fileUploadIconWellSx,
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Box.default, { sx: tile ? fileUploadTileLibIconSx : fileUploadLibIconSx, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_react_file_icon.FileIcon,
+        {
+          fold: true,
+          radius: 3,
+          extension,
+          ...iconStyle
+        }
+      ) })
+    }
+  );
+}
+function FileUploadThumb({
+  file,
+  tile = false
+}) {
+  const [url, setUrl] = (0, import_react2.useState)(null);
+  const [previewFailed, setPreviewFailed] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(() => {
+    setPreviewFailed(false);
+    if (!isImageFile(file)) {
+      setUrl(null);
+      return;
+    }
+    const objectUrl = URL.createObjectURL(file);
+    setUrl(objectUrl);
+    return () => {
+      URL.revokeObjectURL(objectUrl);
+    };
+  }, [file]);
+  if (url && !previewFailed) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_Box.default,
+      {
+        component: "img",
+        src: url,
+        alt: "",
+        "data-testid": "file-upload-thumb",
+        sx: tile ? fileUploadTileMediaSx : fileUploadThumbSx,
+        onError: () => setPreviewFailed(true)
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FileUploadTypeIcon, { file, tile });
+}
+function FileUploadListItem({
+  item,
+  disabled,
+  disableRemove = false,
+  onRemove,
+  testId,
+  itemVariant
+}) {
+  if (itemVariant === "tile") {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      FileUploadTileItem,
+      {
+        item,
+        disabled,
+        disableRemove,
+        onRemove,
+        testId
+      }
+    );
+  }
+  const status = item.status ?? (item.error ? "error" : "idle");
+  const showProgress = status === "uploading" || typeof item.progress === "number" && item.progress > 0 && item.progress < 100 && status !== "error" && status !== "success";
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    import_Box.default,
+    {
+      component: "li",
+      "data-testid": testId,
+      "data-status": status,
+      "data-item-variant": "row",
+      sx: fileUploadItemSx,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FileUploadThumb, { file: item.file }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_Box.default, { sx: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_Typography.default,
+            {
+              variant: "body2",
+              noWrap: true,
+              title: item.file.name,
+              sx: { m: 0, fontWeight: 500, color: "var(--fu-text)" },
+              children: item.file.name
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            import_Typography.default,
+            {
+              variant: "caption",
+              sx: { m: 0, color: "var(--fu-text-secondary)" },
+              children: [
+                formatFileSize(item.file.size),
+                item.error ? ` \xB7 ${item.error}` : null,
+                status === "success" && !item.error ? " \xB7 Done" : null
+              ]
+            }
+          ),
+          showProgress ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            LinearProgress,
+            {
+              variant: "determinate",
+              value: Math.max(0, Math.min(100, item.progress ?? 0)),
+              "aria-label": `Upload progress ${item.progress ?? 0}%`,
+              sx: { mt: 0.75, height: 4, borderRadius: 2 }
+            }
+          ) : null,
+          status === "uploading" && item.progress == null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            LinearProgress,
+            {
+              "aria-label": "Uploading",
+              sx: { mt: 0.75, height: 4, borderRadius: 2 }
+            }
+          ) : null
+        ] }),
+        disableRemove ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          IconButton_default,
+          {
+            size: "small",
+            "aria-label": `Remove ${item.file.name}`,
+            disabled,
+            onClick: () => onRemove(item),
+            sx: {
+              flexShrink: 0,
+              color: "var(--fu-text-secondary)",
+              p: 0.35
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Close.default, { sx: { fontSize: "1rem" } })
+          }
+        )
+      ]
+    }
+  );
+}
+function FileUploadTileItem({
+  item,
+  disabled,
+  disableRemove = false,
+  onRemove,
+  testId
+}) {
+  const status = item.status ?? (item.error ? "error" : "idle");
+  const showProgress = status === "uploading" || typeof item.progress === "number" && item.progress > 0 && item.progress < 100 && status !== "error" && status !== "success";
+  const indeterminate = status === "uploading" && item.progress == null;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    import_Box.default,
+    {
+      component: "li",
+      "data-testid": testId,
+      "data-status": status,
+      "data-item-variant": "tile",
+      title: item.file.name,
+      sx: fileUploadTileSx,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FileUploadThumb, { file: item.file, tile: true }),
+        showProgress ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          LinearProgress,
+          {
+            variant: "determinate",
+            value: Math.max(0, Math.min(100, item.progress ?? 0)),
+            "aria-label": `Upload progress ${item.progress ?? 0}%`,
+            sx: fileUploadTileProgressSx
+          }
+        ) : null,
+        indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          LinearProgress,
+          {
+            "aria-label": "Uploading",
+            sx: fileUploadTileProgressSx
+          }
+        ) : null,
+        disableRemove ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          IconButton_default,
+          {
+            className: "fu-tile-remove",
+            size: "small",
+            "aria-label": `Remove ${item.file.name}`,
+            disabled,
+            onClick: (e) => {
+              e.stopPropagation();
+              onRemove(item);
+            },
+            sx: fileUploadTileRemoveSx,
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Close.default, { sx: { fontSize: "0.85rem" } })
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ARCHIVE_FILE_ICON_STYLE,
+  FileUpload,
+  TYPE_COLOR_FALLBACKS,
+  UNKNOWN_FILE_ICON_STYLE,
+  createFileUploadId,
+  createFileUploadItem,
+  fileUploadButtonSx,
+  fileUploadDropzoneSx,
+  fileUploadIconWellSx,
+  fileUploadItemSx,
+  fileUploadLibIconSx,
+  fileUploadRootSx,
+  fileUploadThumbSx,
+  fileUploadTileIconWellSx,
+  fileUploadTileLibIconSx,
+  fileUploadTileListSx,
+  fileUploadTileMediaSx,
+  fileUploadTileProgressSx,
+  fileUploadTileRemoveSx,
+  fileUploadTileSx,
+  formatFileSize,
+  getFileExtension,
+  isImageFile,
+  resolveFileIconStyle,
+  validateFiles
+});
+//# sourceMappingURL=fileUpload.js.map