@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/{chunk-T6AMRENK.mjs → chunk-YRW5NKD7.mjs}

@@ -1,20 +1,15 @@
+import {
+  FileUpload
+} from "./chunk-4SSJY32J.mjs";
 import {
   MuiModal
-} from "./chunk-UDREPVEY.mjs";
+} from "./chunk-RVSMEZE3.mjs";
 import {
-  CircularProgress,
-  LinearProgress
+  CircularProgress
 } from "./chunk-WYYP3Y34.mjs";
 import {
   useAlert
-} from "./chunk-EKPULYPU.mjs";
-import {
-  FileThumbnail
-} from "./chunk-AAH2O24U.mjs";
-import {
-  Button,
-  IconButton_default
-} from "./chunk-JIU5GVM7.mjs";
+} from "./chunk-YIJ5QVJ6.mjs";
 import {
   default100 as default7,
   default101 as default8,
@@ -23,49 +18,22 @@ import {
   default57 as default5,
   default95 as default6
 } from "./chunk-ZVFYOXDE.mjs";
+import {
+  Button,
+  IconButton_default
+} from "./chunk-D4XPNSSI.mjs";
 import {
   default as default3
 } from "./chunk-4RPFRNXG.mjs";
 import {
-  default as default2,
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+import {
   mergeSx
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-AFLEG5ZC.mjs";
 
 // src/components/compound/Process/src/ProcessModal.tsx
-import { useState as useState3, useEffect as useEffect4, useCallback as useCallback2 } from "react";
-
-// src/components/compound/Process/src/ProcessItem.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var ProcessItem = ({ file, progress }) => {
-  const isComplete = progress >= 100;
-  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", gap: 2, alignItems: "center", mb: 2, p: 1, border: "1px solid", borderColor: "var(--process-item-border)", borderRadius: 1 }, children: [
-    /* @__PURE__ */ jsx(FileThumbnail, { file, size: 48 }),
-    /* @__PURE__ */ jsxs(default2, { sx: { flex: 1, minWidth: 0 }, children: [
-      /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", justifyContent: "space-between", mb: 0.5 }, children: [
-        /* @__PURE__ */ jsx(default3, { variant: "body2", noWrap: true, sx: { fontWeight: 500 }, children: file.filename }),
-        /* @__PURE__ */ jsx(default3, { variant: "caption", sx: { pl: 0.5, color: "var(--process-item-secondary-color)" }, children: file.displaySize })
-      ] }),
-      /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-        /* @__PURE__ */ jsx(
-          LinearProgress,
-          {
-            variant: "determinate",
-            value: progress,
-            sx: {
-              flex: 1,
-              height: 6
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxs(default3, { variant: "caption", sx: { minWidth: 35, textAlign: "right", color: "var(--process-item-secondary-color)" }, children: [
-          Math.round(progress),
-          "%"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(default2, { sx: { display: "flex", alignItems: "center", width: 24, justifyContent: "center" }, children: isComplete && /* @__PURE__ */ jsx(default5, { color: "success", fontSize: "small" }) })
-  ] });
-};
+import { useState as useState3, useEffect as useEffect4, useCallback as useCallback2, useMemo as useMemo3 } from "react";
 
 // src/components/compound/Process/src/hooks/useProgressTracking.ts
 import { useState, useEffect, useMemo, useCallback } from "react";
@@ -73,10 +41,10 @@ function useProgressTracking(files, observerRef) {
   const [progressMap, setProgressMap] = useState(/* @__PURE__ */ new Map());
   const handleProgress = useCallback((file, progress) => {
     setProgressMap((prev) => {
-      if (prev.get(file.filename) === progress) return prev;
-      const newMap = new Map(prev);
-      newMap.set(file.filename, progress);
-      return newMap;
+      if (prev.get(file.id) === progress) return prev;
+      const next = new Map(prev);
+      next.set(file.id, progress);
+      return next;
     });
   }, []);
   useEffect(() => {
@@ -92,7 +60,7 @@ function useProgressTracking(files, observerRef) {
   }, [progressMap, files, observerRef]);
   const allComplete = useMemo(() => {
     if (files.length === 0) return false;
-    return files.every((f) => (progressMap.get(f.filename) || 0) >= 100);
+    return files.every((f) => (progressMap.get(f.id) || 0) >= 100);
   }, [files, progressMap]);
   return { progressMap, handleProgress, allComplete };
 }
@@ -102,7 +70,7 @@ import React, { useRef, useEffect as useEffect3, useMemo as useMemo2 } from "rea
 
 // src/components/compound/Process/src/ProcessAlert.tsx
 import { useEffect as useEffect2, useState as useState2 } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ProcessAlertContent = ({
   allComplete,
   fileCount,
@@ -110,11 +78,11 @@ var ProcessAlertContent = ({
   onMaximize,
   minimized
 }) => {
-  return /* @__PURE__ */ jsxs2(default2, { sx: { display: "flex", alignItems: "center", gap: 2, minWidth: 280 }, children: [
-    /* @__PURE__ */ jsx2(default2, { sx: { display: "flex", alignItems: "center", justifyContent: "center" }, children: allComplete ? /* @__PURE__ */ jsx2(default5, {}) : /* @__PURE__ */ jsx2(CircularProgress, { variant: "determinate", value: totalProgress, size: 24, thickness: 5 }) }),
-    /* @__PURE__ */ jsxs2(default2, { sx: { flex: 1, minWidth: 0 }, children: [
-      /* @__PURE__ */ jsx2(default3, { variant: "subtitle2", sx: { fontWeight: 600, lineHeight: 1.2 }, children: allComplete ? "Uploads complete" : "Uploading files..." }),
-      !allComplete && /* @__PURE__ */ jsxs2(default3, { variant: "caption", display: "block", sx: { opacity: 0.8 }, children: [
+  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 2, minWidth: 280 }, children: [
+    /* @__PURE__ */ jsx(default2, { sx: { display: "flex", alignItems: "center", justifyContent: "center" }, children: allComplete ? /* @__PURE__ */ jsx(default5, {}) : /* @__PURE__ */ jsx(CircularProgress, { variant: "determinate", value: totalProgress, size: 24, thickness: 5 }) }),
+    /* @__PURE__ */ jsxs(default2, { sx: { flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ jsx(default3, { variant: "subtitle2", sx: { fontWeight: 600, lineHeight: 1.2 }, children: allComplete ? "Uploads complete" : "Uploading files..." }),
+      !allComplete && /* @__PURE__ */ jsxs(default3, { variant: "caption", display: "block", sx: { opacity: 0.8 }, children: [
         fileCount,
         " item",
         fileCount !== 1 ? "s" : "",
@@ -123,7 +91,7 @@ var ProcessAlertContent = ({
         "%"
       ] })
     ] }),
-    minimized && /* @__PURE__ */ jsx2(IconButton_default, { size: "small", onClick: onMaximize, title: "Maximize", sx: { color: "inherit" }, children: /* @__PURE__ */ jsx2(default6, {}) })
+    minimized && /* @__PURE__ */ jsx(IconButton_default, { size: "small", onClick: onMaximize, title: "Maximize", sx: { color: "inherit" }, children: /* @__PURE__ */ jsx(default6, {}) })
   ] });
 };
 var ProcessAlertObserver = ({ observer, onMaximize }) => {
@@ -134,7 +102,7 @@ var ProcessAlertObserver = ({ observer, onMaximize }) => {
     });
   }, [observer]);
   const allComplete = state.fileCount > 0 && state.totalProgress >= 100;
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     ProcessAlertContent,
     {
       allComplete,
@@ -232,11 +200,11 @@ function useProcessAlert({
 var processModalRootSx = {
   "--process-description-color": "var(--mui-palette-text-secondary)",
   "--process-item-secondary-color": "var(--mui-palette-text-secondary)",
-  "--process-item-border": "var(--mui-palette-divider)"
+  "--process-item-border": "var(--mui-palette-border-1)"
 };
 
 // src/components/compound/Process/src/ProcessModal.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var useDefaultProgress = () => 0;
 var ProcessLogicRunner = ({
   file,
@@ -260,7 +228,8 @@ var ProcessModal = ({
   onStop,
   minimizable = false,
   minimizePlacement = "bottom-right",
-  autoClose = false
+  autoClose = false,
+  itemVariant = "row"
 }) => {
   const [open, setOpen] = openProps;
   const [minimized, setMinimized] = useState3(false);
@@ -272,7 +241,22 @@ var ProcessModal = ({
     minimizePlacement,
     onMaximize: handleMaximize
   });
-  const { progressMap, handleProgress, allComplete } = useProgressTracking(files, observerRef);
+  const { progressMap, handleProgress, allComplete } = useProgressTracking(
+    files,
+    observerRef
+  );
+  const queueValue = useMemo3(
+    () => files.map((file) => {
+      const progress = progressMap.get(file.id) ?? 0;
+      const clamped = Math.max(0, Math.min(100, progress));
+      return {
+        ...file,
+        progress: clamped,
+        status: clamped >= 100 ? "success" : "uploading"
+      };
+    }),
+    [files, progressMap]
+  );
   useEffect4(() => {
     if (autoClose && allComplete && open) {
       const timer = setTimeout(() => {
@@ -290,8 +274,8 @@ var ProcessModal = ({
     setOpen(false);
   };
   if (!open) return null;
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    files.map((file) => /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    files.map((file) => /* @__PURE__ */ jsx2(
       ProcessLogicRunner,
       {
         file,
@@ -299,9 +283,9 @@ var ProcessModal = ({
         onProgress: handleProgress,
         paused
       },
-      file.filename
+      file.id
     )),
-    minimized ? null : /* @__PURE__ */ jsx3(
+    minimized ? null : /* @__PURE__ */ jsx2(
       MuiModal,
       {
         openProps,
@@ -316,61 +300,113 @@ var ProcessModal = ({
             title: "Minimize"
           } : void 0
         },
-        children: /* @__PURE__ */ jsxs3(default2, { sx: mergeSx({ py: 2 }, processModalRootSx), children: [
-          description && /* @__PURE__ */ jsx3(default3, { variant: "body2", sx: { mb: 3, color: "var(--process-description-color)" }, children: description }),
-          /* @__PURE__ */ jsx3(default2, { sx: { display: "flex", flexDirection: "column", gap: 1, maxHeight: "60vh", overflowY: "auto" }, children: files.map((file) => /* @__PURE__ */ jsx3(
-            ProcessItem,
+        children: /* @__PURE__ */ jsxs2(default2, { sx: mergeSx({ py: 2 }, processModalRootSx), children: [
+          description ? /* @__PURE__ */ jsx2(
+            default3,
             {
-              file,
-              progress: progressMap.get(file.filename) || 0
-            },
-            file.filename
-          )) }),
-          /* @__PURE__ */ jsxs3(default2, { sx: { mt: 3, display: "flex", justifyContent: "flex-end", gap: 2 }, children: [
-            !allComplete && /* @__PURE__ */ jsxs3(Fragment, { children: [
-              onStop && /* @__PURE__ */ jsx3(
-                Button,
-                {
-                  variant: "outlined",
-                  color: "error",
-                  startIcon: /* @__PURE__ */ jsx3(default9, {}),
-                  onClick: handleStop,
-                  children: "Stop"
-                }
-              ),
-              onPause && /* @__PURE__ */ jsx3(
-                Button,
+              variant: "body2",
+              sx: { mb: 3, color: "var(--process-description-color)" },
+              children: description
+            }
+          ) : null,
+          /* @__PURE__ */ jsx2(
+            default2,
+            {
+              sx: {
+                maxHeight: "60vh",
+                overflowY: "auto"
+              },
+              children: /* @__PURE__ */ jsx2(
+                FileUpload,
                 {
-                  variant: "outlined",
-                  color: "warning",
-                  startIcon: paused ? /* @__PURE__ */ jsx3(default7, {}) : /* @__PURE__ */ jsx3(default8, {}),
-                  onClick: handlePauseToggle,
-                  children: paused ? "Resume" : "Pause"
+                  value: queueValue,
+                  readOnly: true,
+                  hideDropzone: true,
+                  disableRemove: true,
+                  itemVariant,
+                  "data-testid": "process-file-queue"
                 }
               )
-            ] }),
-            allComplete && /* @__PURE__ */ jsx3(
-              Button,
-              {
-                variant: "contained",
-                onClick: () => setOpen(false),
-                disabled: !allComplete && !onStop,
-                startIcon: /* @__PURE__ */ jsx3(default5, {}),
-                color: "success",
-                children: "Done"
-              }
-            )
-          ] })
+            }
+          ),
+          /* @__PURE__ */ jsxs2(
+            default2,
+            {
+              sx: { mt: 3, display: "flex", justifyContent: "flex-end", gap: 2 },
+              children: [
+                !allComplete ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                  onStop ? /* @__PURE__ */ jsx2(
+                    Button,
+                    {
+                      variant: "outlined",
+                      color: "error",
+                      startIcon: /* @__PURE__ */ jsx2(default9, {}),
+                      onClick: handleStop,
+                      children: "Stop"
+                    }
+                  ) : null,
+                  onPause ? /* @__PURE__ */ jsx2(
+                    Button,
+                    {
+                      variant: "outlined",
+                      color: "warning",
+                      startIcon: paused ? /* @__PURE__ */ jsx2(default7, {}) : /* @__PURE__ */ jsx2(default8, {}),
+                      onClick: handlePauseToggle,
+                      children: paused ? "Resume" : "Pause"
+                    }
+                  ) : null
+                ] }) : null,
+                allComplete ? /* @__PURE__ */ jsx2(
+                  Button,
+                  {
+                    variant: "contained",
+                    onClick: () => setOpen(false),
+                    disabled: !allComplete && !onStop,
+                    startIcon: /* @__PURE__ */ jsx2(default5, {}),
+                    color: "success",
+                    children: "Done"
+                  }
+                ) : null
+              ]
+            }
+          )
         ] })
       }
     )
   ] });
 };
 
+// src/components/compound/Process/src/ProcessItem.tsx
+import { useMemo as useMemo4 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ProcessItem = ({ file, progress }) => {
+  const value = useMemo4(() => {
+    const clamped = Math.max(0, Math.min(100, progress));
+    return [
+      {
+        ...file,
+        progress: clamped,
+        status: clamped >= 100 ? "success" : "uploading"
+      }
+    ];
+  }, [file, progress]);
+  return /* @__PURE__ */ jsx3(
+    FileUpload,
+    {
+      value,
+      readOnly: true,
+      hideDropzone: true,
+      disableRemove: true,
+      itemVariant: "row",
+      "data-testid": "process-item"
+    }
+  );
+};
+
 export {
-  ProcessItem,
   ProcessAlertContent,
   ProcessAlertObserver,
-  ProcessModal
+  ProcessModal,
+  ProcessItem
 };
-//# sourceMappingURL=chunk-T6AMRENK.mjs.map
+//# sourceMappingURL=chunk-YRW5NKD7.mjs.map

package/dist/chunk-YRW5NKD7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/Process/src/ProcessModal.tsx","../src/components/compound/Process/src/hooks/useProgressTracking.ts","../src/components/compound/Process/src/hooks/useProcessAlert.ts","../src/components/compound/Process/src/ProcessAlert.tsx","../src/components/compound/Process/src/_utils/ProgressObserver.ts","../src/components/compound/Process/src/theme.ts","../src/components/compound/Process/src/ProcessItem.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo } from 'react'\nimport { Box } from '@/ele/Box'\nimport { Typography } from '@/ele/Typography'\nimport { Button } from '@/ele/Button'\nimport {\n  PauseIcon,\n  PlayIcon,\n  StopIcon,\n  RemoveIcon as MinimizeIcon,\n  CheckCircleIcon,\n} from '@/icons/MuiIcon'\nimport { MuiModal } from '@/ele/Modal'\nimport {\n  FileUpload,\n  type FileUploadItem,\n} from '@/ele/FileUpload'\nimport { ProcessModalProps, ProgressHook } from './types'\nimport { useProgressTracking, useProcessAlert } from './hooks'\nimport { processModalRootSx } from './theme'\nimport { mergeSx } from '@/_utils/_func'\n\nconst useDefaultProgress: ProgressHook = () => 0\n\nconst ProcessLogicRunner = ({\n  file,\n  useProgress,\n  onProgress,\n  paused,\n}: {\n  file: FileUploadItem\n  useProgress: ProgressHook\n  onProgress: (file: FileUploadItem, progress: number) => void\n  paused: boolean\n}) => {\n  const progress = useProgress(file, paused)\n  useEffect(() => {\n    onProgress(file, progress)\n  }, [file, progress, onProgress])\n  return null\n}\n\nexport const ProcessModal: React.FC<ProcessModalProps> = ({\n  openProps,\n  files,\n  title = 'Uploading Documents',\n  description = 'Please wait while we upload your files.',\n  useProgress = useDefaultProgress,\n  onPause,\n  onStop,\n  minimizable = false,\n  minimizePlacement = 'bottom-right',\n  autoClose = false,\n  itemVariant = 'row',\n}) => {\n  const [open, setOpen] = openProps\n  const [minimized, setMinimized] = useState(false)\n  const [paused, setPaused] = useState(false)\n\n  const handleMaximize = useCallback(() => setMinimized(false), [])\n\n  const { observerRef } = useProcessAlert({\n    open,\n    minimized,\n    minimizePlacement,\n    onMaximize: handleMaximize,\n  })\n\n  const { progressMap, handleProgress, allComplete } = useProgressTracking(\n    files,\n    observerRef,\n  )\n\n  const queueValue = useMemo<FileUploadItem[]>(\n    () =>\n      files.map((file) => {\n        const progress = progressMap.get(file.id) ?? 0\n        const clamped = Math.max(0, Math.min(100, progress))\n        return {\n          ...file,\n          progress: clamped,\n          status: clamped >= 100 ? 'success' : 'uploading',\n        }\n      }),\n    [files, progressMap],\n  )\n\n  useEffect(() => {\n    if (autoClose && allComplete && open) {\n      const timer = setTimeout(() => {\n        setOpen(false)\n      }, 1000)\n      return () => clearTimeout(timer)\n    }\n  }, [autoClose, allComplete, open, setOpen])\n\n  const handlePauseToggle = () => {\n    setPaused(!paused)\n    if (onPause) onPause()\n  }\n\n  const handleStop = () => {\n    if (onStop) onStop()\n    setOpen(false)\n  }\n\n  if (!open) return null\n\n  return (\n    <>\n      {files.map((file) => (\n        <ProcessLogicRunner\n          key={file.id}\n          file={file}\n          useProgress={useProgress}\n          onProgress={handleProgress}\n          paused={paused}\n        />\n      ))}\n\n      {minimized ? null : (\n        <MuiModal\n          openProps={openProps}\n          title={title}\n          size={{ w: 500 }}\n          slots={{\n            closeIcon: minimizable ? MinimizeIcon : undefined,\n          }}\n          slotProps={{\n            closeButton: minimizable\n              ? {\n                  onClick: () => setMinimized(true),\n                  title: 'Minimize',\n                }\n              : undefined,\n          }}\n        >\n          <Box sx={mergeSx({ py: 2 }, processModalRootSx)}>\n            {description ? (\n              <Typography\n                variant=\"body2\"\n                sx={{ mb: 3, color: 'var(--process-description-color)' }}\n              >\n                {description}\n              </Typography>\n            ) : null}\n\n            <Box\n              sx={{\n                maxHeight: '60vh',\n                overflowY: 'auto',\n              }}\n            >\n              <FileUpload\n                value={queueValue}\n                readOnly\n                hideDropzone\n                disableRemove\n                itemVariant={itemVariant}\n                data-testid=\"process-file-queue\"\n              />\n            </Box>\n\n            <Box\n              sx={{ mt: 3, display: 'flex', justifyContent: 'flex-end', gap: 2 }}\n            >\n              {!allComplete ? (\n                <>\n                  {onStop ? (\n                    <Button\n                      variant=\"outlined\"\n                      color=\"error\"\n                      startIcon={<StopIcon />}\n                      onClick={handleStop}\n                    >\n                      Stop\n                    </Button>\n                  ) : null}\n                  {onPause ? (\n                    <Button\n                      variant=\"outlined\"\n                      color=\"warning\"\n                      startIcon={paused ? <PlayIcon /> : <PauseIcon />}\n                      onClick={handlePauseToggle}\n                    >\n                      {paused ? 'Resume' : 'Pause'}\n                    </Button>\n                  ) : null}\n                </>\n              ) : null}\n\n              {allComplete ? (\n                <Button\n                  variant=\"contained\"\n                  onClick={() => setOpen(false)}\n                  disabled={!allComplete && !onStop}\n                  startIcon={<CheckCircleIcon />}\n                  color=\"success\"\n                >\n                  Done\n                </Button>\n              ) : null}\n            </Box>\n          </Box>\n        </MuiModal>\n      )}\n    </>\n  )\n}\n","import { useState, useEffect, useMemo, useCallback } from 'react'\nimport type React from 'react'\nimport type { FileUploadItem } from '@/ele/FileUpload'\nimport { ProgressObserver } from '../_utils/ProgressObserver'\n\nexport function useProgressTracking(\n  files: FileUploadItem[],\n  observerRef: React.RefObject<ProgressObserver>,\n) {\n  const [progressMap, setProgressMap] = useState<Map<string, number>>(new Map())\n\n  const handleProgress = useCallback((file: FileUploadItem, progress: number) => {\n    setProgressMap((prev) => {\n      if (prev.get(file.id) === progress) return prev\n      const next = new Map(prev)\n      next.set(file.id, progress)\n      return next\n    })\n  }, [])\n\n  useEffect(() => {\n    if (files.length === 0) return\n    let total = 0\n    let completed = 0\n    progressMap.forEach((v) => {\n      total += v\n      if (v >= 100) completed++\n    })\n    const avg = Math.round(total / files.length)\n    observerRef.current.update(files.length, completed, avg)\n  }, [progressMap, files, observerRef])\n\n  const allComplete = useMemo(() => {\n    if (files.length === 0) return false\n    return files.every((f) => (progressMap.get(f.id) || 0) >= 100)\n  }, [files, progressMap])\n\n  return { progressMap, handleProgress, allComplete }\n}\n","import React, { useRef, useEffect, useMemo } from 'react';\nimport { SnackbarKey } from 'notistack';\nimport { useAlert, type AlertOptions } from '@/compound/Alert';\nimport { ProcessAlertObserver } from '../ProcessAlert';\nimport { ProgressObserver } from '../_utils/ProgressObserver';\nimport type { ProcessModalProps } from '../types';\n\ninterface UseProcessAlertParams {\n    open: boolean;\n    minimized: boolean;\n    minimizePlacement: NonNullable<ProcessModalProps['minimizePlacement']>;\n    onMaximize: () => void;\n}\n\nexport function useProcessAlert({\n    open,\n    minimized,\n    minimizePlacement,\n    onMaximize,\n}: UseProcessAlertParams) {\n    const { enqueueInfo, closeSnackbar } = useAlert();\n    const observerRef = useRef(new ProgressObserver());\n    const snackbarIdRef = useRef<SnackbarKey | null>(null);\n\n    const alertAnchorOrigin = useMemo<NonNullable<AlertOptions['anchorOrigin']>>(() => (\n        {\n            'bottom-right': { vertical: 'bottom', horizontal: 'right' },\n            'bottom-left': { vertical: 'bottom', horizontal: 'left' },\n            'top-right': { vertical: 'top', horizontal: 'right' },\n            'top-left': { vertical: 'top', horizontal: 'left' },\n        } as const\n    )[minimizePlacement], [minimizePlacement]);\n\n    // Sync minimized state to observer\n    useEffect(() => {\n        observerRef.current.setMinimized(minimized);\n    }, [minimized]);\n\n    // Alert open/close lifecycle\n    useEffect(() => {\n        if (open) {\n            if (!snackbarIdRef.current) {\n                const message = React.createElement(ProcessAlertObserver, {\n                    observer: observerRef.current,\n                    onMaximize,\n                });\n                const result = enqueueInfo(message, {\n                    autoHideDuration: null,\n                    icon: null,\n                    anchorOrigin: alertAnchorOrigin,\n                });\n                if (result.success) {\n                    snackbarIdRef.current = result.data;\n                }\n            }\n        } else {\n            if (snackbarIdRef.current) {\n                closeSnackbar(snackbarIdRef.current);\n                snackbarIdRef.current = null;\n            }\n        }\n    }, [alertAnchorOrigin, closeSnackbar, enqueueInfo, open, onMaximize]);\n\n    // Cleanup on unmount\n    useEffect(() => {\n        return () => {\n            if (snackbarIdRef.current) {\n                closeSnackbar(snackbarIdRef.current);\n                snackbarIdRef.current = null;\n            }\n        };\n    }, [closeSnackbar]);\n\n    return { observerRef };\n}\n","import { useEffect, useState } from 'react';\nimport { Box } from '@/ele/Box';\nimport { Typography } from '@/ele/Typography';\nimport { IconButton } from '@/ele/Button';\nimport { FullscreenIcon, CheckCircleIcon } from '@/icons/MuiIcon';\nimport { CircularProgress } from '@/ele/Progress';\nimport { ProgressObserver } from './_utils/ProgressObserver';\n\n// The display component (stateless mostly)\nexport const ProcessAlertContent = ({ \n    allComplete, \n    fileCount, \n    totalProgress, \n    onMaximize,\n    minimized\n}: { \n    allComplete: boolean; \n    fileCount: number; \n    totalProgress: number; \n    onMaximize: () => void;\n    minimized: boolean;\n}) => {\n    return (\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, minWidth: 280 }}>\n            {/* We don't render Icon here because MuiAlertVariant/Info handles the main icon usually. \n                However, user might want the progress circle AS the icon. \n                But MuiAlertVariant renders 'icon' prop.\n                We are inside 'message'.\n            */}\n            <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\n                 {/* Explicitly show progress here, assuming we replace or hide the default Alert icon via props if needed, or just show standard info icon + this progress */}\n                 {allComplete ? <CheckCircleIcon /> : <CircularProgress variant=\"determinate\" value={totalProgress} size={24} thickness={5} />}\n            </Box>\n            \n            <Box sx={{ flex: 1, minWidth: 0 }}>\n                <Typography variant=\"subtitle2\" sx={{ fontWeight: 600, lineHeight: 1.2 }}>\n                    {allComplete ? \"Uploads complete\" : \"Uploading files...\"}\n                </Typography>\n                {!allComplete && (\n                    <Typography variant=\"caption\" display=\"block\" sx={{ opacity: 0.8 }}>\n                        {fileCount} item{fileCount !== 1 ? 's' : ''} • {totalProgress}%\n                    </Typography>\n                )}\n            </Box>\n\n            {minimized && (\n                <IconButton size=\"small\" onClick={onMaximize} title=\"Maximize\" sx={{ color: 'inherit' }}>\n                    <FullscreenIcon />\n                </IconButton>\n            )}\n        </Box>\n    );\n};\n\n// The observer wrapper\nexport const ProcessAlertObserver = ({ observer, onMaximize }: { observer: ProgressObserver, onMaximize: () => void }) => {\n    const [state, setState] = useState({ fileCount: 0, completedCount: 0, totalProgress: 0, minimized: false });\n\n    useEffect(() => {\n        return observer.subscribe((newState) => {\n            setState(newState);\n        });\n    }, [observer]);\n\n    // Derived\n    const allComplete = state.fileCount > 0 && state.totalProgress >= 100;\n\n    return (\n        <ProcessAlertContent \n            allComplete={allComplete}\n            fileCount={state.fileCount}\n            totalProgress={state.totalProgress}\n            onMaximize={onMaximize}\n            minimized={state.minimized}\n        />\n    );\n};\n","export interface ProgressState {\n    fileCount: number;\n    completedCount: number;\n    totalProgress: number;\n    minimized: boolean;\n}\n\nexport type ProgressListener = (state: ProgressState) => void;\n\nexport class ProgressObserver {\n    private listeners: ProgressListener[] = [];\n    private state: ProgressState = {\n        fileCount: 0,\n        completedCount: 0,\n        totalProgress: 0,\n        minimized: false\n    };\n\n    subscribe(listener: ProgressListener) {\n        this.listeners.push(listener);\n        // Immediate callback with current state\n        listener(this.state);\n        return () => {\n            this.listeners = this.listeners.filter(l => l !== listener);\n        };\n    }\n\n    update(fileCount: number, completedCount: number, totalProgress: number) {\n        this.state = { ...this.state, fileCount, completedCount, totalProgress };\n        this.notify();\n    }\n\n    setMinimized(minimized: boolean) {\n        this.state = { ...this.state, minimized };\n        this.notify();\n    }\n\n    private notify() {\n        this.listeners.forEach(l => l(this.state));\n    }\n}\n","import type { SxProps, Theme } from '@mui/material/styles'\n\n/**\n * Root-level CSS variable aliases for the ProcessModal compound component.\n * File queue styling comes from elemental FileUpload (soft quiet rows/tiles).\n */\nexport const processModalRootSx: SxProps<Theme> = {\n  '--process-description-color': 'var(--mui-palette-text-secondary)',\n  '--process-item-secondary-color': 'var(--mui-palette-text-secondary)',\n  '--process-item-border': 'var(--mui-palette-border-1)',\n}\n","'use client'\nimport React, { useMemo } from 'react'\nimport {\n  FileUpload,\n  type FileUploadItem,\n} from '@/ele/FileUpload'\n\nexport type ProcessItemProps = {\n  file: FileUploadItem\n  progress: number\n}\n\n/**\n * Single-file progress row — soft FileUpload readOnly queue item.\n * Prefer ProcessModal's batched FileUpload list for multi-file UIs.\n */\nexport const ProcessItem: React.FC<ProcessItemProps> = ({ file, progress }) => {\n  const value = useMemo<FileUploadItem[]>(() => {\n    const clamped = Math.max(0, Math.min(100, progress))\n    return [\n      {\n        ...file,\n        progress: clamped,\n        status: clamped >= 100 ? 'success' : 'uploading',\n      },\n    ]\n  }, [file, progress])\n\n  return (\n    <FileUpload\n      value={value}\n      readOnly\n      hideDropzone\n      disableRemove\n      itemVariant=\"row\"\n      data-testid=\"process-item\"\n    />\n  )\n}\n"],"mappings":"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","names":["useState","useEffect","useCallback","useMemo","useEffect","useMemo","useEffect","useState","default","useState","useEffect","useMemo","useEffect","jsx","jsxs","useEffect","useState","useCallback","useMemo","default","useMemo","jsx","useMemo"]}

package/dist/chunk-ZMJKG2UI.mjs

@@ -0,0 +1,71 @@
+import {
+  default115 as default4
+} from "./chunk-ZVFYOXDE.mjs";
+import {
+  default as default3
+} from "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+
+// src/components/elemental/EmptyState/src/theme.ts
+var emptyStateRootSx = {
+  "--empty-icon-color": "var(--mui-palette-text-secondary)",
+  "--empty-border": "var(--mui-palette-border-1)",
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  textAlign: "center",
+  gap: 1,
+  px: 3,
+  py: 4,
+  borderRadius: "16px",
+  border: "1px dashed var(--empty-border)",
+  backgroundColor: "color-mix(in srgb, var(--mui-palette-background-paper) 70%, transparent)",
+  boxSizing: "border-box",
+  minHeight: 160
+};
+
+// src/components/elemental/EmptyState/src/EmptyState.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function EmptyState({
+  icon,
+  title,
+  description,
+  action,
+  sx
+}) {
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      role: "status",
+      "data-testid": "empty-state",
+      sx: [emptyStateRootSx, ...Array.isArray(sx) ? sx : sx ? [sx] : []],
+      children: [
+        /* @__PURE__ */ jsx(
+          default2,
+          {
+            "aria-hidden": true,
+            sx: {
+              color: "var(--empty-icon-color)",
+              display: "flex",
+              fontSize: 40,
+              lineHeight: 1,
+              opacity: 0.85
+            },
+            children: icon ?? /* @__PURE__ */ jsx(default4, { sx: { fontSize: 40 } })
+          }
+        ),
+        typeof title === "string" ? /* @__PURE__ */ jsx(default3, { variant: "subtitle1", sx: { m: 0, fontWeight: 600 }, children: title }) : title,
+        description ? typeof description === "string" ? /* @__PURE__ */ jsx(default3, { variant: "body2", color: "text.secondary", sx: { m: 0, maxWidth: 360 }, children: description }) : description : null,
+        action ? /* @__PURE__ */ jsx(default2, { sx: { mt: 0.5 }, children: action }) : null
+      ]
+    }
+  );
+}
+
+export {
+  EmptyState
+};
+//# sourceMappingURL=chunk-ZMJKG2UI.mjs.map

package/dist/chunk-ZMJKG2UI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/EmptyState/src/theme.ts","../src/components/elemental/EmptyState/src/EmptyState.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles'\n\nexport const emptyStateRootSx: SxProps<Theme> = {\n  '--empty-icon-color': 'var(--mui-palette-text-secondary)',\n  '--empty-border': 'var(--mui-palette-border-1)',\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  textAlign: 'center',\n  gap: 1,\n  px: 3,\n  py: 4,\n  borderRadius: '16px',\n  border: '1px dashed var(--empty-border)',\n  backgroundColor: 'color-mix(in srgb, var(--mui-palette-background-paper) 70%, transparent)',\n  boxSizing: 'border-box',\n  minHeight: 160,\n}\n","'use client'\nimport type React from 'react'\nimport { Box } from '@/ele/Box'\nimport { Typography } from '@/ele/Typography'\nimport { InboxOutlinedIcon } from '@/icons/MuiIcon'\nimport { emptyStateRootSx } from './theme'\n\nexport type EmptyStateProps = {\n  icon?: React.ReactNode\n  title: React.ReactNode\n  description?: React.ReactNode\n  action?: React.ReactNode\n  sx?: React.ComponentProps<typeof Box>['sx']\n}\n\n/**\n * Soft empty placeholder with optional icon, description, and action.\n */\nexport function EmptyState({\n  icon,\n  title,\n  description,\n  action,\n  sx,\n}: EmptyStateProps) {\n  return (\n    <Box\n      role=\"status\"\n      data-testid=\"empty-state\"\n      sx={[emptyStateRootSx, ...(Array.isArray(sx) ? sx : sx ? [sx] : [])] as never}\n    >\n      <Box\n        aria-hidden\n        sx={{\n          color: 'var(--empty-icon-color)',\n          display: 'flex',\n          fontSize: 40,\n          lineHeight: 1,\n          opacity: 0.85,\n        }}\n      >\n        {icon ?? <InboxOutlinedIcon sx={{ fontSize: 40 }} />}\n      </Box>\n      {typeof title === 'string' ? (\n        <Typography variant=\"subtitle1\" sx={{ m: 0, fontWeight: 600 }}>\n          {title}\n        </Typography>\n      ) : (\n        title\n      )}\n      {description ? (\n        typeof description === 'string' ? (\n          <Typography variant=\"body2\" color=\"text.secondary\" sx={{ m: 0, maxWidth: 360 }}>\n            {description}\n          </Typography>\n        ) : (\n          description\n        )\n      ) : null}\n      {action ? <Box sx={{ mt: 0.5 }}>{action}</Box> : null}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAEO,IAAM,mBAAmC;AAAA,EAC9C,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,WAAW;AACb;;;ACQI,SAea,KAfb;AARG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,IAAI,CAAC,kBAAkB,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAC,CAAE;AAAA,MAEnE;AAAA;AAAA,UAACA;AAAA,UAAA;AAAA,YACC,eAAW;AAAA,YACX,IAAI;AAAA,cACF,OAAO;AAAA,cACP,SAAS;AAAA,cACT,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,SAAS;AAAA,YACX;AAAA,YAEC,kBAAQ,oBAACA,UAAA,EAAkB,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA;AAAA,QACpD;AAAA,QACC,OAAO,UAAU,WAChB,oBAACA,UAAA,EAAW,SAAQ,aAAY,IAAI,EAAE,GAAG,GAAG,YAAY,IAAI,GACzD,iBACH,IAEA;AAAA,QAED,cACC,OAAO,gBAAgB,WACrB,oBAACA,UAAA,EAAW,SAAQ,SAAQ,OAAM,kBAAiB,IAAI,EAAE,GAAG,GAAG,UAAU,IAAI,GAC1E,uBACH,IAEA,cAEA;AAAA,QACH,SAAS,oBAACA,UAAA,EAAI,IAAI,EAAE,IAAI,IAAI,GAAI,kBAAO,IAAS;AAAA;AAAA;AAAA,EACnD;AAEJ;","names":["default"]}

package/dist/confirm.d.mts

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { ReactNode } from 'react';
+
+type ConfirmOptions = {
+    title: ReactNode;
+    body?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    /** Styles primary as destructive (error). */
+    danger?: boolean;
+};
+type ConfirmDialogProps = ConfirmOptions & {
+    open: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+    /** Disable buttons while an async confirm is in flight. */
+    loading?: boolean;
+};
+type ConfirmRequest = ConfirmOptions & {
+    resolve: (value: boolean) => void;
+};
+
+/**
+ * Soft confirm modal. Esc and Cancel resolve as cancel.
+ * Use controlled props, or the promise-style `confirm()` helper.
+ */
+declare function ConfirmDialog({ open, title, body, confirmLabel, cancelLabel, danger, loading, onConfirm, onCancel, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element | null;
+
+type ConfirmProviderProps = {
+    children?: React.ReactNode;
+};
+/**
+ * Host for the imperative confirm() helper.
+ */
+declare function ConfirmProvider({ children }: ConfirmProviderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Promise-style confirm. Resolves true on primary, false on Cancel/Esc/backdrop.
+ * Requires ConfirmProvider (mounted by ThemeProvider by default).
+ *
+ * @example
+ * const ok = await confirm({ title: 'Delete?', body: 'Cannot undo.', danger: true })
+ */
+declare function confirm(options: ConfirmOptions): Promise<boolean>;
+
+declare function useConfirm(): (options: ConfirmOptions) => Promise<boolean>;
+
+export { ConfirmDialog, type ConfirmDialogProps, type ConfirmOptions, ConfirmProvider, type ConfirmRequest, confirm, useConfirm };

package/dist/confirm.d.ts

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { ReactNode } from 'react';
+
+type ConfirmOptions = {
+    title: ReactNode;
+    body?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    /** Styles primary as destructive (error). */
+    danger?: boolean;
+};
+type ConfirmDialogProps = ConfirmOptions & {
+    open: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+    /** Disable buttons while an async confirm is in flight. */
+    loading?: boolean;
+};
+type ConfirmRequest = ConfirmOptions & {
+    resolve: (value: boolean) => void;
+};
+
+/**
+ * Soft confirm modal. Esc and Cancel resolve as cancel.
+ * Use controlled props, or the promise-style `confirm()` helper.
+ */
+declare function ConfirmDialog({ open, title, body, confirmLabel, cancelLabel, danger, loading, onConfirm, onCancel, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element | null;
+
+type ConfirmProviderProps = {
+    children?: React.ReactNode;
+};
+/**
+ * Host for the imperative confirm() helper.
+ */
+declare function ConfirmProvider({ children }: ConfirmProviderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Promise-style confirm. Resolves true on primary, false on Cancel/Esc/backdrop.
+ * Requires ConfirmProvider (mounted by ThemeProvider by default).
+ *
+ * @example
+ * const ok = await confirm({ title: 'Delete?', body: 'Cannot undo.', danger: true })
+ */
+declare function confirm(options: ConfirmOptions): Promise<boolean>;
+
+declare function useConfirm(): (options: ConfirmOptions) => Promise<boolean>;
+
+export { ConfirmDialog, type ConfirmDialogProps, type ConfirmOptions, ConfirmProvider, type ConfirmRequest, confirm, useConfirm };