@hitachivantara/uikit-react-core 5.22.1 → 5.24.0

package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs

@@ -3,20 +3,22 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const uniqueId = require("lodash/uniqueId");
 const accept = require("attr-accept");
-const clsx = require("clsx");
 const keyboardUtils = require("../../../utils/keyboardUtils.cjs");
 const setId = require("../../../utils/setId.cjs");
 const useUniqueId = require("../../../hooks/useUniqueId.cjs");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const utils = require("../utils.cjs");
 const DropZone_styles = require("./DropZone.styles.cjs");
-const dropZoneClasses = require("./dropZoneClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Label = require("../../Forms/Label/Label.cjs");
+const InfoMessage = require("../../Forms/InfoMessage/InfoMessage.cjs");
+const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const uniqueId__default = /* @__PURE__ */ _interopDefault(uniqueId);
 const accept__default = /* @__PURE__ */ _interopDefault(accept);
 const HvDropZone = ({
   id: idProp,
-  classes,
+  classes: classesProp,
   labels,
   acceptedFiles,
   maxFileSize,
@@ -27,6 +29,10 @@ const HvDropZone = ({
   onFilesAdded
 }) => {
   const id = useUniqueId.useUniqueId(idProp, "dropzone");
+  const {
+    classes,
+    cx
+  } = DropZone_styles.useClasses(classesProp);
   const [dragState, setDrag] = React.useState(false);
   const inputRef = React.useRef(null);
   const leaveDropArea = () => {
@@ -58,26 +64,25 @@ const HvDropZone = ({
     onFilesAdded == null ? void 0 : onFilesAdded(newFiles);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!hideLabels && /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneLabelsGroup, {
+    children: [!hideLabels && /* @__PURE__ */ jsxRuntime.jsxs("div", {
       id,
-      className: clsx.clsx(classes == null ? void 0 : classes.dropZoneLabelsGroup, dropZoneClasses.default.dropZoneLabelsGroup),
+      className: classes.dropZoneLabelsGroup,
       "aria-label": "File Dropzone",
-      children: [/* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledLabel, {
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, {
         id: setId.setId(id, "input-file-label"),
         htmlFor: setId.setId(id, "input-file"),
         label: labels == null ? void 0 : labels.dropzone,
-        className: clsx.clsx(classes == null ? void 0 : classes.dropZoneLabel, dropZoneClasses.default.dropZoneLabel),
-        $disabled: disabled
-      }), /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledInfoMessage, {
-        $disabled: disabled,
+        className: classes.dropZoneLabel
+      }), /* @__PURE__ */ jsxRuntime.jsxs(InfoMessage.HvInfoMessage, {
         id: setId.setId(id, "description"),
         children: [Number.isInteger(maxFileSize) && `${labels == null ? void 0 : labels.sizeWarning} ${utils.convertUnits(maxFileSize)}`, (labels == null ? void 0 : labels.acceptedFiles) && labels.acceptedFiles, !(labels == null ? void 0 : labels.acceptedFiles) && acceptedFiles.length > 0 && ` (${acceptedFiles.join(", ")})`]
       })]
-    }), /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneContainer, {
+    }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
       id: setId.setId(id, "button"),
-      className: clsx.clsx(classes == null ? void 0 : classes.dropZoneContainer, dropZoneClasses.default.dropZoneContainer, dragState && clsx.clsx(classes == null ? void 0 : classes.dragAction, dropZoneClasses.default.dragAction), disabled && clsx.clsx(classes == null ? void 0 : classes.dropZoneContainerDisabled, dropZoneClasses.default.dropZoneContainerDisabled)),
-      $drag: dragState,
-      $disabled: disabled,
+      className: cx(classes.dropZoneContainer, {
+        [classes.dragAction]: dragState,
+        [classes.dropZoneContainerDisabled]: disabled
+      }),
       role: "button",
       tabIndex: 0,
       onDragEnter: (event) => {
@@ -114,10 +119,10 @@ const HvDropZone = ({
           (_a = inputRef.current) == null ? void 0 : _a.click();
         }
       },
-      children: [/* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledInput, {
+      children: [/* @__PURE__ */ jsxRuntime.jsx("input", {
         id: setId.setId(id, "input-file"),
         tabIndex: -1,
-        className: clsx.clsx(classes == null ? void 0 : classes.inputArea, dropZoneClasses.default.inputArea),
+        className: classes.inputArea,
         type: "file",
         multiple,
         disabled,
@@ -136,25 +141,25 @@ const HvDropZone = ({
         ref: inputRef,
         accept: acceptedFiles.join(","),
         ...inputProps
-      }), /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropArea, {
-        className: clsx.clsx(classes == null ? void 0 : classes.dropArea, dropZoneClasses.default.dropArea),
-        children: dragState ? /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabel, {
-          className: clsx.clsx(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels),
-          children: /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDragText, {
-            className: clsx.clsx(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText),
+      }), /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: classes == null ? void 0 : classes.dropArea,
+        children: dragState ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: classes.dropZoneAreaLabels,
+          children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+            className: classes.dragText,
             children: labels == null ? void 0 : labels.dropFiles
           })
         }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [/* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaIcon, {
+          children: [/* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Doc, {
             iconSize: "M",
-            className: clsx.clsx(classes == null ? void 0 : classes.dropZoneAreaIcon, dropZoneClasses.default.dropZoneAreaIcon),
+            className: classes.dropZoneAreaIcon,
             color: disabled ? "secondary_60" : "secondary"
-          }), /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabels, {
-            className: clsx.clsx(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels),
-            children: /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDragText, {
-              className: clsx.clsx(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText),
-              children: [labels == null ? void 0 : labels.drag, /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledSelectedFilesText, {
-                className: clsx.clsx(classes == null ? void 0 : classes.selectFilesText, dropZoneClasses.default.selectFilesText),
+          }), /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className: classes.dropZoneAreaLabels,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Typography.HvTypography, {
+              className: classes.dragText,
+              children: [labels == null ? void 0 : labels.drag, /* @__PURE__ */ jsxRuntime.jsx("span", {
+                className: classes.selectFilesText,
                 children: ` ${labels == null ? void 0 : labels.selectFiles}`
               })]
             })
@@ -164,5 +169,6 @@ const HvDropZone = ({
     })]
   });
 };
+exports.dropZoneClasses = DropZone_styles.staticClasses;
 exports.HvDropZone = HvDropZone;
 //# sourceMappingURL=DropZone.cjs.map

package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport uniqueId from \"lodash/uniqueId\";\n\nimport accept from \"attr-accept\";\n\nimport { clsx } from \"clsx\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\n\nimport { convertUnits } from \"../utils\";\nimport {\n  StyledDragText,\n  StyledDropArea,\n  StyledDropAreaIcon,\n  StyledDropAreaLabel,\n  StyledDropAreaLabels,\n  StyledDropZoneContainer,\n  StyledDropZoneLabelsGroup,\n  StyledInfoMessage,\n  StyledInput,\n  StyledLabel,\n  StyledSelectedFilesText,\n} from \"./DropZone.styles\";\nimport dropZoneClasses, { HvDropZoneClasses } from \"./dropZoneClasses\";\nimport { HvFileData, HvFilesAddedEvent } from \"../File\";\n\nexport interface HvDropZoneLabels {\n  /**\n   * Extensions of the accepted file types\n   */\n  acceptedFiles?: string;\n  /**\n   * Dropzone area label.\n   */\n  dropzone?: string;\n  /**\n   * Size file warning label.\n   */\n  sizeWarning?: string;\n  /**\n   * Size file warning label.\n   */\n  drag?: string;\n  /**\n   * Size file warning label.\n   */\n  selectFiles?: string;\n  /**\n   * Theming sheet used to style components\n   * */\n  dropFiles?: string;\n  /**\n   * Message to display when file size is greater than allowed\n   * */\n  fileSizeError?: string;\n  /**\n   * Message to display when file type is greater than allowed\n   * */\n  fileTypeError?: string;\n}\n\nexport interface HvDropZoneProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Labels to present in FileUploader.\n   */\n  labels?: HvDropZoneLabels;\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple?: boolean;\n  /**\n   * If the input is disabled or not\n   */\n  disabled?: boolean;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: string[];\n  /**\n   * Max upload size\n   * */\n  maxFileSize: number;\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvDropZoneClasses;\n}\n\nexport const HvDropZone = ({\n  id: idProp,\n  classes,\n  labels,\n  acceptedFiles,\n  maxFileSize,\n  inputProps,\n  hideLabels,\n  multiple = true,\n  disabled = false,\n  onFilesAdded,\n}: HvDropZoneProps) => {\n  const id = useUniqueId(idProp, \"dropzone\");\n  const [dragState, setDrag] = useState<boolean>(false);\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const leaveDropArea = () => {\n    setDrag(false);\n  };\n\n  const enterDropArea = () => {\n    setDrag(true);\n  };\n\n  const onChangeHandler = (filesList: FileList) => {\n    const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);\n\n    const newFiles: HvFileData[] = [];\n\n    filesToProcess.forEach((file: File) => {\n      const newFile: HvFileData = file;\n\n      const isSizeAllowed = file.size <= maxFileSize;\n      const isFileAccepted =\n        !acceptedFiles.length ||\n        acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 ||\n        acceptedFiles.some((acceptExtension) =>\n          accept({ name: file.name, type: file.type }, acceptExtension)\n        );\n\n      if (!isFileAccepted) {\n        newFile.errorMessage = labels?.fileTypeError;\n        newFile.status = \"fail\";\n      } else if (!isSizeAllowed) {\n        newFile.errorMessage = labels?.fileSizeError;\n        newFile.status = \"fail\";\n      }\n\n      newFile.id = uniqueId(\"uploaded-file-data-\");\n      newFiles.push(newFile);\n    });\n\n    onFilesAdded?.(newFiles);\n  };\n\n  return (\n    <>\n      {!hideLabels && (\n        <StyledDropZoneLabelsGroup\n          id={id}\n          className={clsx(\n            classes?.dropZoneLabelsGroup,\n            dropZoneClasses.dropZoneLabelsGroup\n          )}\n          aria-label=\"File Dropzone\"\n        >\n          <StyledLabel\n            id={setId(id, \"input-file-label\")}\n            htmlFor={setId(id, \"input-file\")}\n            label={labels?.dropzone}\n            className={clsx(\n              classes?.dropZoneLabel,\n              dropZoneClasses.dropZoneLabel\n            )}\n            $disabled={disabled}\n          />\n          <StyledInfoMessage $disabled={disabled} id={setId(id, \"description\")}>\n            {Number.isInteger(maxFileSize) &&\n              `${labels?.sizeWarning} ${convertUnits(maxFileSize)}`}\n            {labels?.acceptedFiles && labels.acceptedFiles}\n            {!labels?.acceptedFiles &&\n              acceptedFiles.length > 0 &&\n              `\\u00A0(${acceptedFiles.join(\", \")})`}\n          </StyledInfoMessage>\n        </StyledDropZoneLabelsGroup>\n      )}\n      <StyledDropZoneContainer\n        id={setId(id, \"button\")}\n        className={clsx(\n          classes?.dropZoneContainer,\n          dropZoneClasses.dropZoneContainer,\n          dragState && clsx(classes?.dragAction, dropZoneClasses.dragAction),\n          disabled &&\n            clsx(\n              classes?.dropZoneContainerDisabled,\n              dropZoneClasses.dropZoneContainerDisabled\n            )\n        )}\n        $drag={dragState}\n        $disabled={disabled}\n        role=\"button\"\n        tabIndex={0}\n        onDragEnter={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDragLeave={leaveDropArea}\n        onDropCapture={leaveDropArea}\n        onDragOver={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDrop={(event) => {\n          if (!disabled) {\n            const { files } = event.dataTransfer;\n            if (multiple === true || files.length === 1) {\n              event.stopPropagation();\n              event.preventDefault();\n              onChangeHandler(files);\n            }\n          }\n        }}\n        onKeyDown={(e) => {\n          if (isKey(e, \"Enter\") || isKey(e, \"Space\")) {\n            inputRef.current?.click();\n          }\n        }}\n      >\n        <StyledInput\n          id={setId(id, \"input-file\")}\n          tabIndex={-1}\n          className={clsx(classes?.inputArea, dropZoneClasses.inputArea)}\n          type=\"file\"\n          multiple={multiple}\n          disabled={disabled}\n          title={!disabled ? `${labels?.drag}\\xa0${labels?.selectFiles}` : \"\"}\n          onClick={() => {\n            if (inputRef.current) {\n              inputRef.current.value = \"\";\n            }\n          }}\n          onChange={() => {\n            if (!disabled && inputRef.current?.files) {\n              onChangeHandler(inputRef.current.files);\n            }\n          }}\n          ref={inputRef}\n          accept={acceptedFiles.join(\",\")}\n          {...inputProps}\n        />\n        <StyledDropArea\n          className={clsx(classes?.dropArea, dropZoneClasses.dropArea)}\n        >\n          {dragState ? (\n            <StyledDropAreaLabel\n              className={clsx(\n                classes?.dropZoneAreaLabels,\n                dropZoneClasses.dropZoneAreaLabels\n              )}\n            >\n              <StyledDragText\n                className={clsx(classes?.dragText, dropZoneClasses.dragText)}\n              >\n                {labels?.dropFiles}\n              </StyledDragText>\n            </StyledDropAreaLabel>\n          ) : (\n            <>\n              <StyledDropAreaIcon\n                iconSize=\"M\"\n                className={clsx(\n                  classes?.dropZoneAreaIcon,\n                  dropZoneClasses.dropZoneAreaIcon\n                )}\n                color={disabled ? \"secondary_60\" : \"secondary\"}\n              />\n              <StyledDropAreaLabels\n                className={clsx(\n                  classes?.dropZoneAreaLabels,\n                  dropZoneClasses.dropZoneAreaLabels\n                )}\n              >\n                <StyledDragText\n                  className={clsx(classes?.dragText, dropZoneClasses.dragText)}\n                >\n                  {labels?.drag}\n                  <StyledSelectedFilesText\n                    className={clsx(\n                      classes?.selectFilesText,\n                      dropZoneClasses.selectFilesText\n                    )}\n                  >{`\\xa0${labels?.selectFiles}`}</StyledSelectedFilesText>\n                </StyledDragText>\n              </StyledDropAreaLabels>\n            </>\n          )}\n        </StyledDropArea>\n      </StyledDropZoneContainer>\n    </>\n  );\n};\n"],"names":["HvDropZone","id","idProp","classes","labels","acceptedFiles","maxFileSize","inputProps","hideLabels","multiple","disabled","onFilesAdded","useUniqueId","dragState","setDrag","useState","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","filesList","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","_Fragment","children","StyledDropZoneLabelsGroup","className","clsx","dropZoneLabelsGroup","dropZoneClasses","_jsx","StyledLabel","setId","htmlFor","label","dropzone","dropZoneLabel","$disabled","_jsxs","StyledInfoMessage","Number","isInteger","sizeWarning","convertUnits","join","StyledDropZoneContainer","dropZoneContainer","dragAction","dropZoneContainerDisabled","$drag","role","tabIndex","onDragEnter","event","stopPropagation","preventDefault","onDragLeave","onDropCapture","onDragOver","onDrop","files","dataTransfer","onKeyDown","isKey","current","click","StyledInput","inputArea","title","drag","selectFiles","onClick","value","onChange","ref","StyledDropArea","dropArea","StyledDropAreaLabel","dropZoneAreaLabels","StyledDragText","dragText","dropFiles","StyledDropAreaIcon","iconSize","dropZoneAreaIcon","color","StyledDropAreaLabels","StyledSelectedFilesText","selectFilesText"],"mappings":"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"}
+{"version":3,"file":"DropZone.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport uniqueId from \"lodash/uniqueId\";\n\nimport accept from \"attr-accept\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { HvInfoMessage, HvLabel } from \"@core/components/Forms\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { convertUnits } from \"../utils\";\nimport { HvFileData, HvFilesAddedEvent } from \"../File\";\n\nimport { staticClasses, useClasses } from \"./DropZone.styles\";\n\nexport { staticClasses as dropZoneClasses };\n\nexport type HvDropZoneClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDropZoneLabels {\n  /**\n   * Extensions of the accepted file types\n   */\n  acceptedFiles?: string;\n  /**\n   * Dropzone area label.\n   */\n  dropzone?: string;\n  /**\n   * Size file warning label.\n   */\n  sizeWarning?: string;\n  /**\n   * Size file warning label.\n   */\n  drag?: string;\n  /**\n   * Size file warning label.\n   */\n  selectFiles?: string;\n  /**\n   * Theming sheet used to style components\n   * */\n  dropFiles?: string;\n  /**\n   * Message to display when file size is greater than allowed\n   * */\n  fileSizeError?: string;\n  /**\n   * Message to display when file type is greater than allowed\n   * */\n  fileTypeError?: string;\n}\n\nexport interface HvDropZoneProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Labels to present in FileUploader.\n   */\n  labels?: HvDropZoneLabels;\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple?: boolean;\n  /**\n   * If the input is disabled or not\n   */\n  disabled?: boolean;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: string[];\n  /**\n   * Max upload size\n   * */\n  maxFileSize: number;\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvDropZoneClasses;\n}\n\nexport const HvDropZone = ({\n  id: idProp,\n  classes: classesProp,\n  labels,\n  acceptedFiles,\n  maxFileSize,\n  inputProps,\n  hideLabels,\n  multiple = true,\n  disabled = false,\n  onFilesAdded,\n}: HvDropZoneProps) => {\n  const id = useUniqueId(idProp, \"dropzone\");\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const [dragState, setDrag] = useState<boolean>(false);\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const leaveDropArea = () => {\n    setDrag(false);\n  };\n\n  const enterDropArea = () => {\n    setDrag(true);\n  };\n\n  const onChangeHandler = (filesList: FileList) => {\n    const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);\n\n    const newFiles: HvFileData[] = [];\n\n    filesToProcess.forEach((file: File) => {\n      const newFile: HvFileData = file;\n\n      const isSizeAllowed = file.size <= maxFileSize;\n      const isFileAccepted =\n        !acceptedFiles.length ||\n        acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 ||\n        acceptedFiles.some((acceptExtension) =>\n          accept({ name: file.name, type: file.type }, acceptExtension)\n        );\n\n      if (!isFileAccepted) {\n        newFile.errorMessage = labels?.fileTypeError;\n        newFile.status = \"fail\";\n      } else if (!isSizeAllowed) {\n        newFile.errorMessage = labels?.fileSizeError;\n        newFile.status = \"fail\";\n      }\n\n      newFile.id = uniqueId(\"uploaded-file-data-\");\n      newFiles.push(newFile);\n    });\n\n    onFilesAdded?.(newFiles);\n  };\n\n  return (\n    <>\n      {!hideLabels && (\n        <div\n          id={id}\n          className={classes.dropZoneLabelsGroup}\n          aria-label=\"File Dropzone\"\n        >\n          <HvLabel\n            id={setId(id, \"input-file-label\")}\n            htmlFor={setId(id, \"input-file\")}\n            label={labels?.dropzone}\n            className={classes.dropZoneLabel}\n          />\n          <HvInfoMessage id={setId(id, \"description\")}>\n            {Number.isInteger(maxFileSize) &&\n              `${labels?.sizeWarning} ${convertUnits(maxFileSize)}`}\n            {labels?.acceptedFiles && labels.acceptedFiles}\n            {!labels?.acceptedFiles &&\n              acceptedFiles.length > 0 &&\n              `\\u00A0(${acceptedFiles.join(\", \")})`}\n          </HvInfoMessage>\n        </div>\n      )}\n      <div\n        id={setId(id, \"button\")}\n        className={cx(classes.dropZoneContainer, {\n          [classes.dragAction]: dragState,\n          [classes.dropZoneContainerDisabled]: disabled,\n        })}\n        role=\"button\"\n        tabIndex={0}\n        onDragEnter={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDragLeave={leaveDropArea}\n        onDropCapture={leaveDropArea}\n        onDragOver={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDrop={(event) => {\n          if (!disabled) {\n            const { files } = event.dataTransfer;\n            if (multiple === true || files.length === 1) {\n              event.stopPropagation();\n              event.preventDefault();\n              onChangeHandler(files);\n            }\n          }\n        }}\n        onKeyDown={(e) => {\n          if (isKey(e, \"Enter\") || isKey(e, \"Space\")) {\n            inputRef.current?.click();\n          }\n        }}\n      >\n        <input\n          id={setId(id, \"input-file\")}\n          tabIndex={-1}\n          className={classes.inputArea}\n          type=\"file\"\n          multiple={multiple}\n          disabled={disabled}\n          title={!disabled ? `${labels?.drag}\\xa0${labels?.selectFiles}` : \"\"}\n          onClick={() => {\n            if (inputRef.current) {\n              inputRef.current.value = \"\";\n            }\n          }}\n          onChange={() => {\n            if (!disabled && inputRef.current?.files) {\n              onChangeHandler(inputRef.current.files);\n            }\n          }}\n          ref={inputRef}\n          accept={acceptedFiles.join(\",\")}\n          {...inputProps}\n        />\n        <div className={classes?.dropArea}>\n          {dragState ? (\n            <div className={classes.dropZoneAreaLabels}>\n              <HvTypography className={classes.dragText}>\n                {labels?.dropFiles}\n              </HvTypography>\n            </div>\n          ) : (\n            <>\n              <Doc\n                iconSize=\"M\"\n                className={classes.dropZoneAreaIcon}\n                color={disabled ? \"secondary_60\" : \"secondary\"}\n              />\n              <div className={classes.dropZoneAreaLabels}>\n                <HvTypography className={classes.dragText}>\n                  {labels?.drag}\n                  <span\n                    className={classes.selectFilesText}\n                  >{`\\xa0${labels?.selectFiles}`}</span>\n                </HvTypography>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["HvDropZone","id","idProp","classes","classesProp","labels","acceptedFiles","maxFileSize","inputProps","hideLabels","multiple","disabled","onFilesAdded","useUniqueId","cx","useClasses","dragState","setDrag","useState","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","filesList","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","_Fragment","children","className","dropZoneLabelsGroup","_jsx","HvLabel","setId","htmlFor","label","dropzone","dropZoneLabel","_jsxs","HvInfoMessage","Number","isInteger","sizeWarning","convertUnits","join","dropZoneContainer","dragAction","dropZoneContainerDisabled","role","tabIndex","onDragEnter","event","stopPropagation","preventDefault","onDragLeave","onDropCapture","onDragOver","onDrop","files","dataTransfer","onKeyDown","isKey","current","click","inputArea","title","drag","selectFiles","onClick","value","onChange","ref","dropArea","dropZoneAreaLabels","HvTypography","dragText","dropFiles","Doc","iconSize","dropZoneAreaIcon","color","selectFilesText"],"mappings":"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"}

package/dist/cjs/components/FileUploader/DropZone/DropZone.styles.cjs

@@ -1,201 +1,91 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const uikitStyles = require("@hitachivantara/uikit-styles");
+const classes = require("../../../utils/classes.cjs");
 const focusUtils = require("../../../utils/focusUtils.cjs");
-const transientOptions = require("../../../utils/transientOptions.cjs");
-const dropZoneClasses = require("./dropZoneClasses.cjs");
-const Label = require("../../Forms/Label/Label.cjs");
-const InfoMessage = require("../../Forms/InfoMessage/InfoMessage.cjs");
-const Typography = require("../../Typography/Typography.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvDropZone", {
+  dropZoneContainer: {
+    position: "relative",
+    width: "100%",
+    display: "flex",
+    border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.fileUploader.dropZone.borderColor}`,
+    cursor: "pointer",
+    background: uikitStyles.theme.fileUploader.dropZone.backgroundColor,
+    borderRadius: uikitStyles.theme.fileUploader.dropZone.borderRadius,
+    "&:hover": {
+      background: `${uikitStyles.theme.colors.atmo1}`,
+      border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.colors.secondary}`
+    },
+    "&:focus": {
+      background: `${uikitStyles.theme.colors.atmo1}`,
+      border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.colors.secondary}`,
+      ...focusUtils.outlineStyles
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledDropZoneLabelsGroup = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1r4xwg210"
-} : {
-  target: "e1r4xwg210",
-  label: "StyledDropZoneLabelsGroup"
-})(process.env.NODE_ENV === "production" ? {
-  name: "ahu5f1",
-  styles: "display:flex;justify-content:start;& label:nth-of-type(1){}& p:nth-of-type(2){margin-left:auto;}"
-} : {
-  name: "ahu5f1",
-  styles: "display:flex;justify-content:start;& label:nth-of-type(1){}& p:nth-of-type(2){margin-left:auto;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRG9jIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEh2SW5mb01lc3NhZ2UsIEh2TGFiZWwgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9Gb3Jtc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuaW1wb3J0IGRyb3Bab25lQ2xhc3NlcyBmcm9tIFwiLi9kcm9wWm9uZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lTGFiZWxzR3JvdXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3RhcnRcIixcblxuICBcIiYgbGFiZWw6bnRoLW9mLXR5cGUoMSlcIjoge30sXG5cbiAgXCImIHA6bnRoLW9mLXR5cGUoMilcIjoge1xuICAgIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChcbiAgSHZMYWJlbCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQgfTogeyAkZGlzYWJsZWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZ0JvdHRvbTogNixcblxuICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZChcbiAgSHZJbmZvTWVzc2FnZSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQgfTogeyAkZGlzYWJsZWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcFpvbmVDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRyYWcsICRkaXNhYmxlZCB9OiB7ICRkcmFnOiBib29sZWFuOyAkZGlzYWJsZWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYm9yZGVyOiBgMXB4ICR7dGhlbWUuZmlsZVVwbG9hZGVyLmRyb3Bab25lLmJvcmRlclR5cGV9ICR7dGhlbWUuZmlsZVVwbG9hZGVyLmRyb3Bab25lLmJvcmRlckNvbG9yfWAsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5iYWNrZ3JvdW5kQ29sb3IsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZmlsZVVwbG9hZGVyLmRyb3Bab25lLmJvcmRlclJhZGl1cyxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgfSxcblxuICBcIiY6Zm9jdXNcIjoge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIC4uLigkZHJhZyAmJiB7XG4gICAgYmFja2dyb3VuZDogYCR7dGhlbWUuY29sb3JzLmF0bW8xfWAsXG4gICAgYm9yZGVyOiBgMXB4ICR7dGhlbWUuZmlsZVVwbG9hZGVyLmRyb3Bab25lLmJvcmRlclR5cGV9ICR7dGhlbWUuZmlsZVVwbG9hZGVyLmRyb3Bab25lLmJvcmRlckNvbG9yRHJhZ31gLFxuICB9KSxcblxuICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICBbYCYuJHtkcm9wWm9uZUNsYXNzZXMuZHJvcFpvbmVDb250YWluZXJ9YF06IHtcbiAgICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vM31gLFxuICAgICAgYm9yZGVyOiBgMXB4ICR7dGhlbWUuZmlsZVVwbG9hZGVyLmRyb3Bab25lLmJvcmRlclR5cGV9ICR7dGhlbWUuZmlsZVVwbG9hZGVyLmRyb3Bab25lLmJvcmRlckNvbG9yRGlzYWJsZWR9YCxcbiAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcFpvbmVDbGFzc2VzLmRyYWdUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5zZWxlY3RGaWxlc1RleHR9YF06IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQoXCJpbnB1dFwiKSh7XG4gIG9wYWNpdHk6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAke3RoZW1lLnNwYWNlLm1kfSBhdXRvYCxcbiAgbWluSGVpZ2h0OiA0OCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWFMYWJlbCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcmFnVGV4dCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWFJY29uID0gc3R5bGVkKERvYykoe1xuICBtYXJnaW46IFwiYXV0b1wiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWxzID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHdpZHRoOiAxMTUsXG4gIG1hcmdpbjogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdGVkRmlsZXNUZXh0ID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1r4xwg29"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1r4xwg29",
-  label: "StyledLabel"
-}, transientOptions.transientOptions))(({
-  $disabled
-}) => ({
-  paddingBottom: 6,
-  ...$disabled && {
-    color: uikitStyles.theme.colors.secondary_60
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
-const StyledInfoMessage = /* @__PURE__ */ _styled__default.default(InfoMessage.HvInfoMessage, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1r4xwg28"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1r4xwg28",
-  label: "StyledInfoMessage"
-}, transientOptions.transientOptions))(({
-  $disabled
-}) => ({
-  ...$disabled && {
-    color: uikitStyles.theme.colors.secondary_60
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
-const StyledDropZoneContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1r4xwg27"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1r4xwg27",
-  label: "StyledDropZoneContainer"
-}, transientOptions.transientOptions))(({
-  $drag,
-  $disabled
-}) => ({
-  position: "relative",
-  width: "100%",
-  display: "flex",
-  border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.fileUploader.dropZone.borderColor}`,
-  cursor: "pointer",
-  background: uikitStyles.theme.fileUploader.dropZone.backgroundColor,
-  borderRadius: uikitStyles.theme.fileUploader.dropZone.borderRadius,
-  "&:hover": {
-    background: `${uikitStyles.theme.colors.atmo1}`,
-    border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.colors.secondary}`
   },
-  "&:focus": {
-    background: `${uikitStyles.theme.colors.atmo1}`,
-    border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.colors.secondary}`,
-    ...focusUtils.outlineStyles
+  dropZoneLabelsGroup: {
+    display: "flex",
+    justifyContent: "start",
+    "& label:nth-of-type(1)": {},
+    "& p:nth-of-type(2)": {
+      marginLeft: "auto"
+    }
   },
-  ...$drag && {
+  dragAction: {
     background: `${uikitStyles.theme.colors.atmo1}`,
     border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.fileUploader.dropZone.borderColorDrag}`
   },
-  ...$disabled && {
-    [`&.${dropZoneClasses.default.dropZoneContainer}`]: {
+  dropZoneContainerDisabled: {
+    background: `${uikitStyles.theme.colors.atmo3}`,
+    border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.fileUploader.dropZone.borderColorDisabled}`,
+    cursor: "not-allowed",
+    "&:hover": {
       background: `${uikitStyles.theme.colors.atmo3}`,
-      border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.fileUploader.dropZone.borderColorDisabled}`,
-      cursor: "not-allowed"
+      border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.fileUploader.dropZone.borderColorDisabled}`
     },
-    [`& .${dropZoneClasses.default.dragText}`]: {
+    "& $dragText": {
       color: uikitStyles.theme.colors.secondary_60
     },
-    [`& .${dropZoneClasses.default.selectFilesText}`]: {
+    "& $selectFilesText": {
       color: uikitStyles.theme.colors.secondary_60
     }
+  },
+  inputArea: {
+    opacity: 0,
+    width: "100%",
+    position: "absolute",
+    height: "100%",
+    cursor: "pointer",
+    "&:disabled": {
+      cursor: "not-allowed"
+    }
+  },
+  dropArea: {
+    display: "flex",
+    margin: `${uikitStyles.theme.space.md} auto`,
+    minHeight: 48
+  },
+  dropZoneAreaLabels: {
+    display: "flex",
+    width: 115,
+    margin: "auto"
+  },
+  dropZoneAreaIcon: {
+    margin: "auto",
+    marginRight: uikitStyles.theme.space.xs
+  },
+  dropZoneLabel: {
+    paddingBottom: 6
+  },
+  dragText: {
+    ...uikitStyles.theme.typography.body
+  },
+  selectFilesText: {
+    ...uikitStyles.theme.typography.label
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkN1QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
-const StyledInput = /* @__PURE__ */ _styled__default.default("input", process.env.NODE_ENV === "production" ? {
-  target: "e1r4xwg26"
-} : {
-  target: "e1r4xwg26",
-  label: "StyledInput"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1gmymqf",
-  styles: "opacity:0;width:100%;position:absolute;height:100%;cursor:pointer;&:disabled{cursor:not-allowed;}"
-} : {
-  name: "1gmymqf",
-  styles: "opacity:0;width:100%;position:absolute;height:100%;cursor:pointer;&:disabled{cursor:not-allowed;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEYyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledDropArea = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1r4xwg25"
-} : {
-  target: "e1r4xwg25",
-  label: "StyledDropArea"
-})({
-  display: "flex",
-  margin: `${uikitStyles.theme.space.md} auto`,
-  minHeight: 48
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0c4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
-const StyledDropAreaLabel = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1r4xwg24"
-} : {
-  target: "e1r4xwg24",
-  label: "StyledDropAreaLabel"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1aexw0c",
-  styles: "display:flex;width:115px;margin:auto"
-} : {
-  name: "1aexw0c",
-  styles: "display:flex;width:115px;margin:auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEdtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledDragText = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e1r4xwg23"
-} : {
-  target: "e1r4xwg23",
-  label: "StyledDragText"
-})({
-  ...uikitStyles.theme.typography.body
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0g4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
-const StyledDropAreaIcon = /* @__PURE__ */ _styled__default.default(uikitReactIcons.Doc, process.env.NODE_ENV === "production" ? {
-  target: "e1r4xwg22"
-} : {
-  target: "e1r4xwg22",
-  label: "StyledDropAreaIcon"
-})({
-  margin: "auto",
-  marginRight: uikitStyles.theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0hrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
-const StyledDropAreaLabels = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1r4xwg21"
-} : {
-  target: "e1r4xwg21",
-  label: "StyledDropAreaLabels"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1aexw0c",
-  styles: "display:flex;width:115px;margin:auto"
-} : {
-  name: "1aexw0c",
-  styles: "display:flex;width:115px;margin:auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkhvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledSelectedFilesText = /* @__PURE__ */ _styled__default.default("span", process.env.NODE_ENV === "production" ? {
-  target: "e1r4xwg20"
-} : {
-  target: "e1r4xwg20",
-  label: "StyledSelectedFilesText"
-})({
-  ...uikitStyles.theme.typography.label
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUl1QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
-exports.StyledDragText = StyledDragText;
-exports.StyledDropArea = StyledDropArea;
-exports.StyledDropAreaIcon = StyledDropAreaIcon;
-exports.StyledDropAreaLabel = StyledDropAreaLabel;
-exports.StyledDropAreaLabels = StyledDropAreaLabels;
-exports.StyledDropZoneContainer = StyledDropZoneContainer;
-exports.StyledDropZoneLabelsGroup = StyledDropZoneLabelsGroup;
-exports.StyledInfoMessage = StyledInfoMessage;
-exports.StyledInput = StyledInput;
-exports.StyledLabel = StyledLabel;
-exports.StyledSelectedFilesText = StyledSelectedFilesText;
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=DropZone.styles.cjs.map