@ceed/cds 1.2.2-next.1 → 1.2.2-next.2

package/dist/index.cjs

@@ -34,26 +34,26 @@ __export(index_exports, {
   AccordionDetails: () => AccordionDetails,
   AccordionSummary: () => AccordionSummary,
   Accordions: () => Accordions,
-  AspectRatio: () => import_joy56.AspectRatio,
+  AspectRatio: () => import_joy55.AspectRatio,
   Autocomplete: () => Autocomplete,
-  AutocompleteListbox: () => import_joy56.AutocompleteListbox,
-  AutocompleteOption: () => import_joy56.AutocompleteOption,
+  AutocompleteListbox: () => import_joy55.AutocompleteListbox,
+  AutocompleteOption: () => import_joy55.AutocompleteOption,
   Avatar: () => Avatar,
   AvatarGroup: () => import_joy9.AvatarGroup,
-  Badge: () => import_joy56.Badge,
+  Badge: () => import_joy55.Badge,
   Box: () => Box,
   Breadcrumbs: () => Breadcrumbs,
   Button: () => Button,
-  ButtonGroup: () => import_joy56.ButtonGroup,
+  ButtonGroup: () => import_joy55.ButtonGroup,
   Calendar: () => Calendar,
-  Card: () => import_joy56.Card,
-  CardActions: () => import_joy56.CardActions,
-  CardContent: () => import_joy56.CardContent,
-  CardCover: () => import_joy56.CardCover,
-  CardOverflow: () => import_joy56.CardOverflow,
+  Card: () => import_joy55.Card,
+  CardActions: () => import_joy55.CardActions,
+  CardContent: () => import_joy55.CardContent,
+  CardCover: () => import_joy55.CardCover,
+  CardOverflow: () => import_joy55.CardOverflow,
   Checkbox: () => Checkbox,
-  Chip: () => import_joy56.Chip,
-  CircularProgress: () => import_joy56.CircularProgress,
+  Chip: () => import_joy55.Chip,
+  CircularProgress: () => import_joy55.CircularProgress,
   Container: () => Container,
   CurrencyInput: () => CurrencyInput,
   DataTable: () => DataTable,
@@ -74,15 +74,15 @@ __export(index_exports, {
   InfoSign: () => InfoSign,
   Input: () => Input,
   InsetDrawer: () => InsetDrawer,
-  LinearProgress: () => import_joy56.LinearProgress,
-  Link: () => import_joy56.Link,
-  List: () => import_joy56.List,
-  ListDivider: () => import_joy56.ListDivider,
-  ListItem: () => import_joy56.ListItem,
-  ListItemButton: () => import_joy56.ListItemButton,
-  ListItemContent: () => import_joy56.ListItemContent,
-  ListItemDecorator: () => import_joy56.ListItemDecorator,
-  ListSubheader: () => import_joy56.ListSubheader,
+  LinearProgress: () => import_joy55.LinearProgress,
+  Link: () => import_joy55.Link,
+  List: () => import_joy55.List,
+  ListDivider: () => import_joy55.ListDivider,
+  ListItem: () => import_joy55.ListItem,
+  ListItemButton: () => import_joy55.ListItemButton,
+  ListItemContent: () => import_joy55.ListItemContent,
+  ListItemDecorator: () => import_joy55.ListItemDecorator,
+  ListSubheader: () => import_joy55.ListSubheader,
   Markdown: () => Markdown,
   Menu: () => Menu,
   MenuButton: () => MenuButton,
@@ -105,11 +105,11 @@ __export(index_exports, {
   RadioList: () => RadioList,
   Select: () => Select,
   Sheet: () => Sheet,
-  Skeleton: () => import_joy56.Skeleton,
-  Slider: () => import_joy56.Slider,
+  Skeleton: () => import_joy55.Skeleton,
+  Slider: () => import_joy55.Slider,
   Stack: () => import_joy7.Stack,
   Step: () => Step,
-  StepButton: () => import_joy56.StepButton,
+  StepButton: () => import_joy55.StepButton,
   StepIndicator: () => StepIndicator,
   Stepper: () => Stepper,
   Switch: () => Switch,
@@ -125,82 +125,82 @@ __export(index_exports, {
   Tooltip: () => Tooltip,
   Typography: () => Typography,
   Uploader: () => Uploader,
-  accordionClasses: () => import_joy56.accordionClasses,
-  accordionDetailsClasses: () => import_joy56.accordionDetailsClasses,
-  accordionSummaryClasses: () => import_joy56.accordionSummaryClasses,
-  accordionsClasses: () => import_joy56.accordionGroupClasses,
-  aspectRatioClasses: () => import_joy56.aspectRatioClasses,
-  autocompleteClasses: () => import_joy56.autocompleteClasses,
-  autocompleteListboxClasses: () => import_joy56.autocompleteListboxClasses,
-  autocompleteOptionClasses: () => import_joy56.autocompleteOptionClasses,
-  avatarClasses: () => import_joy56.avatarClasses,
-  avatarGroupClasses: () => import_joy56.avatarGroupClasses,
-  badgeClasses: () => import_joy56.badgeClasses,
-  boxClasses: () => import_joy56.boxClasses,
-  breadcrumbsClasses: () => import_joy56.breadcrumbsClasses,
-  buttonClasses: () => import_joy56.buttonClasses,
-  cardActionsClasses: () => import_joy56.cardActionsClasses,
-  cardClasses: () => import_joy56.cardClasses,
-  cardContentClasses: () => import_joy56.cardContentClasses,
-  cardCoverClasses: () => import_joy56.cardCoverClasses,
-  cardOverflowClasses: () => import_joy56.cardOverflowClasses,
-  checkboxClasses: () => import_joy56.checkboxClasses,
-  chipClasses: () => import_joy56.chipClasses,
-  circularProgressClasses: () => import_joy56.circularProgressClasses,
-  dialogActionsClasses: () => import_joy56.dialogActionsClasses,
-  dialogContentClasses: () => import_joy56.dialogContentClasses,
-  dialogTitleClasses: () => import_joy56.dialogTitleClasses,
-  dividerClasses: () => import_joy56.dividerClasses,
-  drawerClasses: () => import_joy56.drawerClasses,
+  accordionClasses: () => import_joy55.accordionClasses,
+  accordionDetailsClasses: () => import_joy55.accordionDetailsClasses,
+  accordionSummaryClasses: () => import_joy55.accordionSummaryClasses,
+  accordionsClasses: () => import_joy55.accordionGroupClasses,
+  aspectRatioClasses: () => import_joy55.aspectRatioClasses,
+  autocompleteClasses: () => import_joy55.autocompleteClasses,
+  autocompleteListboxClasses: () => import_joy55.autocompleteListboxClasses,
+  autocompleteOptionClasses: () => import_joy55.autocompleteOptionClasses,
+  avatarClasses: () => import_joy55.avatarClasses,
+  avatarGroupClasses: () => import_joy55.avatarGroupClasses,
+  badgeClasses: () => import_joy55.badgeClasses,
+  boxClasses: () => import_joy55.boxClasses,
+  breadcrumbsClasses: () => import_joy55.breadcrumbsClasses,
+  buttonClasses: () => import_joy55.buttonClasses,
+  cardActionsClasses: () => import_joy55.cardActionsClasses,
+  cardClasses: () => import_joy55.cardClasses,
+  cardContentClasses: () => import_joy55.cardContentClasses,
+  cardCoverClasses: () => import_joy55.cardCoverClasses,
+  cardOverflowClasses: () => import_joy55.cardOverflowClasses,
+  checkboxClasses: () => import_joy55.checkboxClasses,
+  chipClasses: () => import_joy55.chipClasses,
+  circularProgressClasses: () => import_joy55.circularProgressClasses,
+  dialogActionsClasses: () => import_joy55.dialogActionsClasses,
+  dialogContentClasses: () => import_joy55.dialogContentClasses,
+  dialogTitleClasses: () => import_joy55.dialogTitleClasses,
+  dividerClasses: () => import_joy55.dividerClasses,
+  drawerClasses: () => import_joy55.drawerClasses,
   extendTheme: () => import_joy53.extendTheme,
-  formControlClasses: () => import_joy56.formControlClasses,
-  formHelperTextClasses: () => import_joy56.formHelperTextClasses,
-  formLabelClasses: () => import_joy56.formLabelClasses,
-  gridClasses: () => import_joy56.gridClasses,
-  iconButtonClasses: () => import_joy56.iconButtonClasses,
-  inputClasses: () => import_joy56.inputClasses,
-  linearProgressClasses: () => import_joy56.linearProgressClasses,
-  linkClasses: () => import_joy56.linkClasses,
-  listClasses: () => import_joy56.listClasses,
-  listDividerClasses: () => import_joy56.listDividerClasses,
-  listItemButtonClasses: () => import_joy56.listItemButtonClasses,
-  listItemClasses: () => import_joy56.listItemClasses,
-  listItemContentClasses: () => import_joy56.listItemContentClasses,
-  listItemDecoratorClasses: () => import_joy56.listItemDecoratorClasses,
-  listSubheaderClasses: () => import_joy56.listSubheaderClasses,
-  menuButtonClasses: () => import_joy56.menuButtonClasses,
-  menuClasses: () => import_joy56.menuClasses,
-  menuItemClasses: () => import_joy56.menuItemClasses,
-  modalClasses: () => import_joy56.modalClasses,
-  modalCloseClasses: () => import_joy56.modalCloseClasses,
-  modalDialogClasses: () => import_joy56.modalDialogClasses,
-  modalOverflowClasses: () => import_joy56.modalOverflowClasses,
-  optionClasses: () => import_joy56.optionClasses,
-  radioClasses: () => import_joy56.radioClasses,
-  radioGroupClasses: () => import_joy56.radioGroupClasses,
-  selectClasses: () => import_joy56.selectClasses,
-  sheetClasses: () => import_joy56.sheetClasses,
-  skeletonClasses: () => import_joy56.skeletonClasses,
-  sliderClasses: () => import_joy56.sliderClasses,
-  stackClasses: () => import_joy56.stackClasses,
-  stepButtonClasses: () => import_joy56.stepButtonClasses,
-  stepClasses: () => import_joy56.stepClasses,
-  stepperClasses: () => import_joy56.stepperClasses,
-  switchClasses: () => import_joy56.switchClasses,
-  tabListClasses: () => import_joy56.tabListClasses,
-  tabPanelClasses: () => import_joy56.tabPanelClasses,
-  tableClasses: () => import_joy56.tableClasses,
-  tabsClasses: () => import_joy56.tabsClasses,
-  textareaClasses: () => import_joy56.textareaClasses,
+  formControlClasses: () => import_joy55.formControlClasses,
+  formHelperTextClasses: () => import_joy55.formHelperTextClasses,
+  formLabelClasses: () => import_joy55.formLabelClasses,
+  gridClasses: () => import_joy55.gridClasses,
+  iconButtonClasses: () => import_joy55.iconButtonClasses,
+  inputClasses: () => import_joy55.inputClasses,
+  linearProgressClasses: () => import_joy55.linearProgressClasses,
+  linkClasses: () => import_joy55.linkClasses,
+  listClasses: () => import_joy55.listClasses,
+  listDividerClasses: () => import_joy55.listDividerClasses,
+  listItemButtonClasses: () => import_joy55.listItemButtonClasses,
+  listItemClasses: () => import_joy55.listItemClasses,
+  listItemContentClasses: () => import_joy55.listItemContentClasses,
+  listItemDecoratorClasses: () => import_joy55.listItemDecoratorClasses,
+  listSubheaderClasses: () => import_joy55.listSubheaderClasses,
+  menuButtonClasses: () => import_joy55.menuButtonClasses,
+  menuClasses: () => import_joy55.menuClasses,
+  menuItemClasses: () => import_joy55.menuItemClasses,
+  modalClasses: () => import_joy55.modalClasses,
+  modalCloseClasses: () => import_joy55.modalCloseClasses,
+  modalDialogClasses: () => import_joy55.modalDialogClasses,
+  modalOverflowClasses: () => import_joy55.modalOverflowClasses,
+  optionClasses: () => import_joy55.optionClasses,
+  radioClasses: () => import_joy55.radioClasses,
+  radioGroupClasses: () => import_joy55.radioGroupClasses,
+  selectClasses: () => import_joy55.selectClasses,
+  sheetClasses: () => import_joy55.sheetClasses,
+  skeletonClasses: () => import_joy55.skeletonClasses,
+  sliderClasses: () => import_joy55.sliderClasses,
+  stackClasses: () => import_joy55.stackClasses,
+  stepButtonClasses: () => import_joy55.stepButtonClasses,
+  stepClasses: () => import_joy55.stepClasses,
+  stepperClasses: () => import_joy55.stepperClasses,
+  switchClasses: () => import_joy55.switchClasses,
+  tabListClasses: () => import_joy55.tabListClasses,
+  tabPanelClasses: () => import_joy55.tabPanelClasses,
+  tableClasses: () => import_joy55.tableClasses,
+  tabsClasses: () => import_joy55.tabsClasses,
+  textareaClasses: () => import_joy55.textareaClasses,
   theme: () => defaultTheme,
-  tooltipClasses: () => import_joy56.tooltipClasses,
-  typographyClasses: () => import_joy56.typographyClasses,
-  useColorScheme: () => import_joy56.useColorScheme,
-  useTheme: () => import_joy56.useTheme,
-  useThemeProps: () => import_joy56.useThemeProps
+  tooltipClasses: () => import_joy55.tooltipClasses,
+  typographyClasses: () => import_joy55.typographyClasses,
+  useColorScheme: () => import_joy55.useColorScheme,
+  useTheme: () => import_joy55.useTheme,
+  useThemeProps: () => import_joy55.useThemeProps
 });
 module.exports = __toCommonJS(index_exports);
-var import_joy56 = require("@mui/joy");
+var import_joy55 = require("@mui/joy");
 
 // src/components/Accordions/Accordions.tsx
 var import_react = __toESM(require("react"), 1);
@@ -5530,12 +5530,25 @@ var import_joy54 = require("@mui/joy");
 var import_CloudUploadRounded = __toESM(require("@mui/icons-material/CloudUploadRounded"), 1);
 var import_UploadFileRounded = __toESM(require("@mui/icons-material/UploadFileRounded"), 1);
 var import_ClearRounded = __toESM(require("@mui/icons-material/ClearRounded"), 1);
-var import_combine = require("@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/combine.js");
-var import_adapter = require("@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/adapter.js");
-var import_file = require("@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/file.js");
-var import_prevent_unhandled = require("@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js");
-var import_joy55 = require("@mui/joy");
-var VisuallyHiddenInput = (0, import_joy54.styled)(import_joy55.Input)({
+var esmFiles = {
+  combine: import(
+    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
+    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/combine.js"
+  ),
+  adapter: import(
+    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
+    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/adapter.js"
+  ),
+  file: import(
+    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
+    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/file.js"
+  ),
+  preventUnhandled: import(
+    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
+    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js"
+  )
+};
+var VisuallyHiddenInput = (0, import_joy54.styled)(import_joy54.Input)({
   width: "1px",
   height: "1px",
   overflow: "hidden",
@@ -5703,12 +5716,15 @@ var Uploader = import_react43.default.memo(
       () => accept.split(",").map((accept2) => accept2.trim()),
       [accept]
     );
-    const parsedAccepts = (0, import_react43.useMemo)(() => accepts.flatMap((type) => {
-      if (["image/*", "video/*", "audio/*"].includes(type)) {
-        return ALL_EXTENSIONS_BY_TYPE[type];
-      }
-      return type;
-    }), [accepts]);
+    const parsedAccepts = (0, import_react43.useMemo)(
+      () => accepts.flatMap((type) => {
+        if (["image/*", "video/*", "audio/*"].includes(type)) {
+          return ALL_EXTENSIONS_BY_TYPE[type];
+        }
+        return type;
+      }),
+      [accepts]
+    );
     const helperText = (0, import_react43.useMemo)(() => {
       const [allAcceptedTypes, acceptedTypes] = [
         accepts.filter(
@@ -5808,34 +5824,53 @@ var Uploader = import_react43.default.memo(
       ]
     );
     (0, import_react43.useEffect)(() => {
-      const el = dropZoneRef.current;
-      if (!el || disabled) {
+      if (!dropZoneRef.current || disabled) {
         return;
       }
-      return (0, import_combine.combine)(
-        (0, import_adapter.dropTargetForExternal)({
-          element: el,
-          canDrop: import_file.containsFiles,
-          onDragEnter: () => setPreviewState("over"),
-          onDragLeave: () => setPreviewState("potential"),
-          onDrop: async ({ source }) => {
-            const files2 = await (0, import_file.getFiles)({ source });
-            addFiles(files2);
-          }
-        }),
-        (0, import_adapter.monitorForExternal)({
-          canMonitor: import_file.containsFiles,
-          onDragStart: () => {
-            setPreviewState("potential");
-            import_prevent_unhandled.preventUnhandled.start();
-          },
-          onDrop: () => {
-            setPreviewState("idle");
-            import_prevent_unhandled.preventUnhandled.stop();
-          }
-        })
+      let cleanup;
+      Promise.all([
+        esmFiles.combine,
+        esmFiles.adapter,
+        esmFiles.file,
+        esmFiles.preventUnhandled
+      ]).then(
+        ([
+          combineModule,
+          adapterModule,
+          fileModule,
+          preventUnhandledModule
+        ]) => {
+          const { combine } = combineModule;
+          const { dropTargetForExternal, monitorForExternal } = adapterModule;
+          const { containsFiles, getFiles } = fileModule;
+          const { preventUnhandled } = preventUnhandledModule;
+          cleanup = combine(
+            dropTargetForExternal({
+              element: dropZoneRef.current,
+              canDrop: containsFiles,
+              onDragEnter: () => setPreviewState("over"),
+              onDragLeave: () => setPreviewState("potential"),
+              onDrop: async ({ source }) => {
+                const files2 = await getFiles({ source });
+                addFiles(files2);
+              }
+            }),
+            monitorForExternal({
+              canMonitor: containsFiles,
+              onDragStart: () => {
+                setPreviewState("potential");
+                preventUnhandled.start();
+              },
+              onDrop: () => {
+                setPreviewState("idle");
+                preventUnhandled.stop();
+              }
+            })
+          );
+        }
       );
-    });
+      return () => cleanup?.();
+    }, [disabled, addFiles]);
     (0, import_react43.useEffect)(() => {
       if (inputRef.current && minCount) {
         if (files.length < minCount) {
@@ -5934,3 +5969,4 @@ var Uploader = import_react43.default.memo(
     ));
   }
 );
+Uploader.displayName = "Uploader";

package/dist/index.js

@@ -5548,21 +5548,28 @@ import React41, {
   useRef as useRef8,
   useState as useState11
 } from "react";
-import { styled as styled24 } from "@mui/joy";
+import { styled as styled24, Input as Input2 } from "@mui/joy";
 import MuiFileUploadIcon from "@mui/icons-material/CloudUploadRounded";
 import MuiUploadFileIcon from "@mui/icons-material/UploadFileRounded";
 import MuiClearIcon from "@mui/icons-material/ClearRounded";
-import { combine } from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/combine.js";
-import {
-  dropTargetForExternal,
-  monitorForExternal
-} from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/adapter.js";
-import {
-  containsFiles,
-  getFiles
-} from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/file.js";
-import { preventUnhandled } from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js";
-import { Input as Input2 } from "@mui/joy";
+var esmFiles = {
+  combine: import(
+    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
+    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/combine.js"
+  ),
+  adapter: import(
+    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
+    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/adapter.js"
+  ),
+  file: import(
+    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
+    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/file.js"
+  ),
+  preventUnhandled: import(
+    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
+    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js"
+  )
+};
 var VisuallyHiddenInput = styled24(Input2)({
   width: "1px",
   height: "1px",
@@ -5731,12 +5738,15 @@ var Uploader = React41.memo(
       () => accept.split(",").map((accept2) => accept2.trim()),
       [accept]
     );
-    const parsedAccepts = useMemo12(() => accepts.flatMap((type) => {
-      if (["image/*", "video/*", "audio/*"].includes(type)) {
-        return ALL_EXTENSIONS_BY_TYPE[type];
-      }
-      return type;
-    }), [accepts]);
+    const parsedAccepts = useMemo12(
+      () => accepts.flatMap((type) => {
+        if (["image/*", "video/*", "audio/*"].includes(type)) {
+          return ALL_EXTENSIONS_BY_TYPE[type];
+        }
+        return type;
+      }),
+      [accepts]
+    );
     const helperText = useMemo12(() => {
       const [allAcceptedTypes, acceptedTypes] = [
         accepts.filter(
@@ -5836,34 +5846,53 @@ var Uploader = React41.memo(
       ]
     );
     useEffect9(() => {
-      const el = dropZoneRef.current;
-      if (!el || disabled) {
+      if (!dropZoneRef.current || disabled) {
         return;
       }
-      return combine(
-        dropTargetForExternal({
-          element: el,
-          canDrop: containsFiles,
-          onDragEnter: () => setPreviewState("over"),
-          onDragLeave: () => setPreviewState("potential"),
-          onDrop: async ({ source }) => {
-            const files2 = await getFiles({ source });
-            addFiles(files2);
-          }
-        }),
-        monitorForExternal({
-          canMonitor: containsFiles,
-          onDragStart: () => {
-            setPreviewState("potential");
-            preventUnhandled.start();
-          },
-          onDrop: () => {
-            setPreviewState("idle");
-            preventUnhandled.stop();
-          }
-        })
+      let cleanup;
+      Promise.all([
+        esmFiles.combine,
+        esmFiles.adapter,
+        esmFiles.file,
+        esmFiles.preventUnhandled
+      ]).then(
+        ([
+          combineModule,
+          adapterModule,
+          fileModule,
+          preventUnhandledModule
+        ]) => {
+          const { combine } = combineModule;
+          const { dropTargetForExternal, monitorForExternal } = adapterModule;
+          const { containsFiles, getFiles } = fileModule;
+          const { preventUnhandled } = preventUnhandledModule;
+          cleanup = combine(
+            dropTargetForExternal({
+              element: dropZoneRef.current,
+              canDrop: containsFiles,
+              onDragEnter: () => setPreviewState("over"),
+              onDragLeave: () => setPreviewState("potential"),
+              onDrop: async ({ source }) => {
+                const files2 = await getFiles({ source });
+                addFiles(files2);
+              }
+            }),
+            monitorForExternal({
+              canMonitor: containsFiles,
+              onDragStart: () => {
+                setPreviewState("potential");
+                preventUnhandled.start();
+              },
+              onDrop: () => {
+                setPreviewState("idle");
+                preventUnhandled.stop();
+              }
+            })
+          );
+        }
       );
-    });
+      return () => cleanup?.();
+    }, [disabled, addFiles]);
     useEffect9(() => {
       if (inputRef.current && minCount) {
         if (files.length < minCount) {
@@ -5962,6 +5991,7 @@ var Uploader = React41.memo(
     ));
   }
 );
+Uploader.displayName = "Uploader";
 export {
   Accordion,
   AccordionDetails,