@hitachivantara/uikit-react-core 5.22.1 → 5.24.0

package/dist/esm/components/FileUploader/DropZone/DropZone.styles.js

@@ -1,199 +1,91 @@
-import _styled from "@emotion/styled/base";
-import { Doc } from "@hitachivantara/uikit-react-icons";
-import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses } from "../../../utils/classes.js";
 import { outlineStyles } from "../../../utils/focusUtils.js";
-import { transientOptions } from "../../../utils/transientOptions.js";
-import dropZoneClasses from "./dropZoneClasses.js";
-import { HvLabel } from "../../Forms/Label/Label.js";
-import { HvInfoMessage } from "../../Forms/InfoMessage/InfoMessage.js";
-import { HvTypography } from "../../Typography/Typography.js";
-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];
-        }
-      }
+import { theme } from "@hitachivantara/uikit-styles";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvDropZone", {
+  dropZoneContainer: {
+    position: "relative",
+    width: "100%",
+    display: "flex",
+    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColor}`,
+    cursor: "pointer",
+    background: theme.fileUploader.dropZone.backgroundColor,
+    borderRadius: theme.fileUploader.dropZone.borderRadius,
+    "&:hover": {
+      background: `${theme.colors.atmo1}`,
+      border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`
+    },
+    "&:focus": {
+      background: `${theme.colors.atmo1}`,
+      border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`,
+      ...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("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(HvLabel, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1r4xwg29"
-}, transientOptions) : _extends({}, {
-  target: "e1r4xwg29",
-  label: "StyledLabel"
-}, transientOptions))(({
-  $disabled
-}) => ({
-  paddingBottom: 6,
-  ...$disabled && {
-    color: 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(HvInfoMessage, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1r4xwg28"
-}, transientOptions) : _extends({}, {
-  target: "e1r4xwg28",
-  label: "StyledInfoMessage"
-}, transientOptions))(({
-  $disabled
-}) => ({
-  ...$disabled && {
-    color: 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("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1r4xwg27"
-}, transientOptions) : _extends({}, {
-  target: "e1r4xwg27",
-  label: "StyledDropZoneContainer"
-}, transientOptions))(({
-  $drag,
-  $disabled
-}) => ({
-  position: "relative",
-  width: "100%",
-  display: "flex",
-  border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColor}`,
-  cursor: "pointer",
-  background: theme.fileUploader.dropZone.backgroundColor,
-  borderRadius: theme.fileUploader.dropZone.borderRadius,
-  "&:hover": {
-    background: `${theme.colors.atmo1}`,
-    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`
   },
-  "&:focus": {
-    background: `${theme.colors.atmo1}`,
-    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`,
-    ...outlineStyles
+  dropZoneLabelsGroup: {
+    display: "flex",
+    justifyContent: "start",
+    "& label:nth-of-type(1)": {},
+    "& p:nth-of-type(2)": {
+      marginLeft: "auto"
+    }
   },
-  ...$drag && {
+  dragAction: {
     background: `${theme.colors.atmo1}`,
     border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDrag}`
   },
-  ...$disabled && {
-    [`&.${dropZoneClasses.dropZoneContainer}`]: {
+  dropZoneContainerDisabled: {
+    background: `${theme.colors.atmo3}`,
+    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDisabled}`,
+    cursor: "not-allowed",
+    "&:hover": {
       background: `${theme.colors.atmo3}`,
-      border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDisabled}`,
-      cursor: "not-allowed"
+      border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDisabled}`
     },
-    [`& .${dropZoneClasses.dragText}`]: {
+    "& $dragText": {
       color: theme.colors.secondary_60
     },
-    [`& .${dropZoneClasses.selectFilesText}`]: {
+    "& $selectFilesText": {
       color: theme.colors.secondary_60
     }
+  },
+  inputArea: {
+    opacity: 0,
+    width: "100%",
+    position: "absolute",
+    height: "100%",
+    cursor: "pointer",
+    "&:disabled": {
+      cursor: "not-allowed"
+    }
+  },
+  dropArea: {
+    display: "flex",
+    margin: `${theme.space.md} auto`,
+    minHeight: 48
+  },
+  dropZoneAreaLabels: {
+    display: "flex",
+    width: 115,
+    margin: "auto"
+  },
+  dropZoneAreaIcon: {
+    margin: "auto",
+    marginRight: theme.space.xs
+  },
+  dropZoneLabel: {
+    paddingBottom: 6
+  },
+  dragText: {
+    ...theme.typography.body
+  },
+  selectFilesText: {
+    ...theme.typography.label
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkN1QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
-const StyledInput = /* @__PURE__ */ _styled("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("div", process.env.NODE_ENV === "production" ? {
-  target: "e1r4xwg25"
-} : {
-  target: "e1r4xwg25",
-  label: "StyledDropArea"
-})({
-  display: "flex",
-  margin: `${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("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(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e1r4xwg23"
-} : {
-  target: "e1r4xwg23",
-  label: "StyledDragText"
-})({
-  ...theme.typography.body
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0g4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
-const StyledDropAreaIcon = /* @__PURE__ */ _styled(Doc, process.env.NODE_ENV === "production" ? {
-  target: "e1r4xwg22"
-} : {
-  target: "e1r4xwg22",
-  label: "StyledDropAreaIcon"
-})({
-  margin: "auto",
-  marginRight: theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0hrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
-const StyledDropAreaLabels = /* @__PURE__ */ _styled("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("span", process.env.NODE_ENV === "production" ? {
-  target: "e1r4xwg20"
-} : {
-  target: "e1r4xwg20",
-  label: "StyledSelectedFilesText"
-})({
-  ...theme.typography.label
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0Ryb3Bab25lL0Ryb3Bab25lLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUl1QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9Ecm9wWm9uZS9Ecm9wWm9uZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IERvYyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkluZm9NZXNzYWdlLCBIdkxhYmVsIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmltcG9ydCBkcm9wWm9uZUNsYXNzZXMgZnJvbSBcIi4vZHJvcFpvbmVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wWm9uZUxhYmVsc0dyb3VwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInN0YXJ0XCIsXG5cbiAgXCImIGxhYmVsOm50aC1vZi10eXBlKDEpXCI6IHt9LFxuXG4gIFwiJiBwOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmdCb3R0b206IDYsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoXG4gIEh2SW5mb01lc3NhZ2UsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bab25lQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkcmFnLCAkZGlzYWJsZWQgfTogeyAkZHJhZzogYm9vbGVhbjsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvcn1gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBiYWNrZ3JvdW5kOiB0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJSYWRpdXMsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gIH0sXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzF9YCxcbiAgICBib3JkZXI6IGAxcHggJHt0aGVtZS5maWxlVXBsb2FkZXIuZHJvcFpvbmUuYm9yZGVyVHlwZX0gJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICAuLi4oJGRyYWcgJiYge1xuICAgIGJhY2tncm91bmQ6IGAke3RoZW1lLmNvbG9ycy5hdG1vMX1gLFxuICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRyYWd9YCxcbiAgfSksXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgW2AmLiR7ZHJvcFpvbmVDbGFzc2VzLmRyb3Bab25lQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICAgIGJvcmRlcjogYDFweCAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJUeXBlfSAke3RoZW1lLmZpbGVVcGxvYWRlci5kcm9wWm9uZS5ib3JkZXJDb2xvckRpc2FibGVkfWAsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bab25lQ2xhc3Nlcy5kcmFnVGV4dH1gXToge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wWm9uZUNsYXNzZXMuc2VsZWN0RmlsZXNUZXh0fWBdOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICBvcGFjaXR5OiAwLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgXCImOmRpc2FibGVkXCI6IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcEFyZWEgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS5tZH0gYXV0b2AsXG4gIG1pbkhlaWdodDogNDgsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IDExNSxcbiAgbWFyZ2luOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJhZ1RleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BBcmVhSWNvbiA9IHN0eWxlZChEb2MpKHtcbiAgbWFyZ2luOiBcImF1dG9cIixcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wQXJlYUxhYmVscyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogMTE1LFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RlZEZpbGVzVGV4dCA9IHN0eWxlZChcInNwYW5cIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbn0pO1xuIl19 */");
 export {
-  StyledDragText,
-  StyledDropArea,
-  StyledDropAreaIcon,
-  StyledDropAreaLabel,
-  StyledDropAreaLabels,
-  StyledDropZoneContainer,
-  StyledDropZoneLabelsGroup,
-  StyledInfoMessage,
-  StyledInput,
-  StyledLabel,
-  StyledSelectedFilesText
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=DropZone.styles.js.map

package/dist/esm/components/FileUploader/DropZone/DropZone.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.styles.js","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { CSSProperties } from \"react\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvInfoMessage, HvLabel } from \"@core/components/Forms\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nimport dropZoneClasses from \"./dropZoneClasses\";\n\nexport const StyledDropZoneLabelsGroup = styled(\"div\")({\n  display: \"flex\",\n  justifyContent: \"start\",\n\n  \"& label:nth-of-type(1)\": {},\n\n  \"& p:nth-of-type(2)\": {\n    marginLeft: \"auto\",\n  },\n});\n\nexport const StyledLabel = styled(\n  HvLabel,\n  transientOptions\n)(({ $disabled }: { $disabled: boolean }) => ({\n  paddingBottom: 6,\n\n  ...($disabled && {\n    color: theme.colors.secondary_60,\n  }),\n}));\n\nexport const StyledInfoMessage = styled(\n  HvInfoMessage,\n  transientOptions\n)(({ $disabled }: { $disabled: boolean }) => ({\n  ...($disabled && {\n    color: theme.colors.secondary_60,\n  }),\n}));\n\nexport const StyledDropZoneContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $drag, $disabled }: { $drag: boolean; $disabled: boolean }) => ({\n  position: \"relative\",\n  width: \"100%\",\n  display: \"flex\",\n  border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColor}`,\n  cursor: \"pointer\",\n  background: theme.fileUploader.dropZone.backgroundColor,\n  borderRadius: theme.fileUploader.dropZone.borderRadius,\n\n  \"&:hover\": {\n    background: `${theme.colors.atmo1}`,\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`,\n  },\n\n  \"&:focus\": {\n    background: `${theme.colors.atmo1}`,\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`,\n    ...outlineStyles,\n  },\n\n  ...($drag && {\n    background: `${theme.colors.atmo1}`,\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDrag}`,\n  }),\n\n  ...($disabled && {\n    [`&.${dropZoneClasses.dropZoneContainer}`]: {\n      background: `${theme.colors.atmo3}`,\n      border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDisabled}`,\n      cursor: \"not-allowed\",\n    },\n\n    [`& .${dropZoneClasses.dragText}`]: {\n      color: theme.colors.secondary_60,\n    },\n\n    [`& .${dropZoneClasses.selectFilesText}`]: {\n      color: theme.colors.secondary_60,\n    },\n  }),\n}));\n\nexport const StyledInput = styled(\"input\")({\n  opacity: 0,\n  width: \"100%\",\n  position: \"absolute\",\n  height: \"100%\",\n  cursor: \"pointer\",\n\n  \"&:disabled\": {\n    cursor: \"not-allowed\",\n  },\n});\n\nexport const StyledDropArea = styled(\"div\")({\n  display: \"flex\",\n  margin: `${theme.space.md} auto`,\n  minHeight: 48,\n});\n\nexport const StyledDropAreaLabel = styled(\"div\")({\n  display: \"flex\",\n  width: 115,\n  margin: \"auto\",\n});\n\nexport const StyledDragText = styled(HvTypography)({\n  ...(theme.typography.body as CSSProperties),\n});\n\nexport const StyledDropAreaIcon = styled(Doc)({\n  margin: \"auto\",\n  marginRight: theme.space.xs,\n});\n\nexport const StyledDropAreaLabels = styled(\"div\")({\n  display: \"flex\",\n  width: 115,\n  margin: \"auto\",\n});\n\nexport const StyledSelectedFilesText = styled(\"span\")({\n  ...(theme.typography.label as CSSProperties),\n});\n"],"names":["StyledDropZoneLabelsGroup","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","_extends","transientOptions","$disabled","paddingBottom","color","theme","colors","secondary_60","StyledInfoMessage","HvInfoMessage","StyledDropZoneContainer","$drag","position","width","display","border","fileUploader","dropZone","borderType","borderColor","cursor","background","backgroundColor","borderRadius","atmo1","secondary","outlineStyles","borderColorDrag","dropZoneClasses","dropZoneContainer","atmo3","borderColorDisabled","dragText","selectFilesText","StyledInput","StyledDropArea","margin","space","md","minHeight","StyledDropAreaLabel","StyledDragText","HvTypography","typography","body","StyledDropAreaIcon","Doc","marginRight","xs","StyledDropAreaLabels","StyledSelectedFilesText"],"mappings":"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"}
+{"version":3,"file":"DropZone.styles.js","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDropZone\", {\n  dropZoneContainer: {\n    position: \"relative\",\n    width: \"100%\",\n    display: \"flex\",\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColor}`,\n    cursor: \"pointer\",\n    background: theme.fileUploader.dropZone.backgroundColor,\n    borderRadius: theme.fileUploader.dropZone.borderRadius,\n\n    \"&:hover\": {\n      background: `${theme.colors.atmo1}`,\n      border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`,\n    },\n\n    \"&:focus\": {\n      background: `${theme.colors.atmo1}`,\n      border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.colors.secondary}`,\n      ...outlineStyles,\n    },\n  },\n  dropZoneLabelsGroup: {\n    display: \"flex\",\n    justifyContent: \"start\",\n\n    \"& label:nth-of-type(1)\": {},\n\n    \"& p:nth-of-type(2)\": {\n      marginLeft: \"auto\",\n    },\n  },\n  dragAction: {\n    background: `${theme.colors.atmo1}`,\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDrag}`,\n  },\n  dropZoneContainerDisabled: {\n    background: `${theme.colors.atmo3}`,\n    border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDisabled}`,\n    cursor: \"not-allowed\",\n    \"&:hover\": {\n      background: `${theme.colors.atmo3}`,\n      border: `1px ${theme.fileUploader.dropZone.borderType} ${theme.fileUploader.dropZone.borderColorDisabled}`,\n    },\n\n    \"& $dragText\": {\n      color: theme.colors.secondary_60,\n    },\n    \"& $selectFilesText\": {\n      color: theme.colors.secondary_60,\n    },\n  },\n  inputArea: {\n    opacity: 0,\n    width: \"100%\",\n    position: \"absolute\",\n    height: \"100%\",\n    cursor: \"pointer\",\n\n    \"&:disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  dropArea: {\n    display: \"flex\",\n    margin: `${theme.space.md} auto`,\n    minHeight: 48,\n  },\n  dropZoneAreaLabels: {\n    display: \"flex\",\n    width: 115,\n    margin: \"auto\",\n  },\n  dropZoneAreaIcon: {\n    margin: \"auto\",\n    marginRight: theme.space.xs,\n  },\n  dropZoneLabel: {\n    paddingBottom: 6,\n  },\n  dragText: {\n    ...(theme.typography.body as CSSProperties),\n  },\n  selectFilesText: {\n    ...(theme.typography.label as CSSProperties),\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","dropZoneContainer","position","width","display","border","theme","fileUploader","dropZone","borderType","borderColor","cursor","background","backgroundColor","borderRadius","colors","atmo1","secondary","outlineStyles","dropZoneLabelsGroup","justifyContent","marginLeft","dragAction","borderColorDrag","dropZoneContainerDisabled","atmo3","borderColorDisabled","color","secondary_60","inputArea","opacity","height","dropArea","margin","space","md","minHeight","dropZoneAreaLabels","dropZoneAreaIcon","marginRight","xs","dropZoneLabel","paddingBottom","dragText","typography","body","selectFilesText","label"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA,EACvEC,mBAAmB;AAAA,IACjBC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,QAAS,OAAMC,MAAMC,aAAaC,SAASC,cAAcH,MAAMC,aAAaC,SAASE;AAAAA,IACrFC,QAAQ;AAAA,IACRC,YAAYN,MAAMC,aAAaC,SAASK;AAAAA,IACxCC,cAAcR,MAAMC,aAAaC,SAASM;AAAAA,IAE1C,WAAW;AAAA,MACTF,YAAa,GAAEN,MAAMS,OAAOC;AAAAA,MAC5BX,QAAS,OAAMC,MAAMC,aAAaC,SAASC,cAAcH,MAAMS,OAAOE;AAAAA,IACxE;AAAA,IAEA,WAAW;AAAA,MACTL,YAAa,GAAEN,MAAMS,OAAOC;AAAAA,MAC5BX,QAAS,OAAMC,MAAMC,aAAaC,SAASC,cAAcH,MAAMS,OAAOE;AAAAA,MACtE,GAAGC;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,qBAAqB;AAAA,IACnBf,SAAS;AAAA,IACTgB,gBAAgB;AAAA,IAEhB,0BAA0B,CAAC;AAAA,IAE3B,sBAAsB;AAAA,MACpBC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,YAAY;AAAA,IACVV,YAAa,GAAEN,MAAMS,OAAOC;AAAAA,IAC5BX,QAAS,OAAMC,MAAMC,aAAaC,SAASC,cAAcH,MAAMC,aAAaC,SAASe;AAAAA,EACvF;AAAA,EACAC,2BAA2B;AAAA,IACzBZ,YAAa,GAAEN,MAAMS,OAAOU;AAAAA,IAC5BpB,QAAS,OAAMC,MAAMC,aAAaC,SAASC,cAAcH,MAAMC,aAAaC,SAASkB;AAAAA,IACrFf,QAAQ;AAAA,IACR,WAAW;AAAA,MACTC,YAAa,GAAEN,MAAMS,OAAOU;AAAAA,MAC5BpB,QAAS,OAAMC,MAAMC,aAAaC,SAASC,cAAcH,MAAMC,aAAaC,SAASkB;AAAAA,IACvF;AAAA,IAEA,eAAe;AAAA,MACbC,OAAOrB,MAAMS,OAAOa;AAAAA,IACtB;AAAA,IACA,sBAAsB;AAAA,MACpBD,OAAOrB,MAAMS,OAAOa;AAAAA,IACtB;AAAA,EACF;AAAA,EACAC,WAAW;AAAA,IACTC,SAAS;AAAA,IACT3B,OAAO;AAAA,IACPD,UAAU;AAAA,IACV6B,QAAQ;AAAA,IACRpB,QAAQ;AAAA,IAER,cAAc;AAAA,MACZA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAqB,UAAU;AAAA,IACR5B,SAAS;AAAA,IACT6B,QAAS,GAAE3B,MAAM4B,MAAMC;AAAAA,IACvBC,WAAW;AAAA,EACb;AAAA,EACAC,oBAAoB;AAAA,IAClBjC,SAAS;AAAA,IACTD,OAAO;AAAA,IACP8B,QAAQ;AAAA,EACV;AAAA,EACAK,kBAAkB;AAAA,IAChBL,QAAQ;AAAA,IACRM,aAAajC,MAAM4B,MAAMM;AAAAA,EAC3B;AAAA,EACAC,eAAe;AAAA,IACbC,eAAe;AAAA,EACjB;AAAA,EACAC,UAAU;AAAA,IACR,GAAIrC,MAAMsC,WAAWC;AAAAA,EACvB;AAAA,EACAC,iBAAiB;AAAA,IACf,GAAIxC,MAAMsC,WAAWG;AAAAA,EACvB;AACF,CAAC;"}

package/dist/esm/components/FileUploader/File/File.js

@@ -1,26 +1,26 @@
-import { Close } from "@hitachivantara/uikit-react-icons";
-import { clsx } from "clsx";
+import { Close, Fail, Success } from "@hitachivantara/uikit-react-icons";
 import { setId } from "../../../utils/setId.js";
-import fileClasses from "./fileClasses.js";
 import { convertUnits } from "../utils.js";
-import { StyledProgressBarBack, StyledProgressBar, StyledNameText, StyledProgressTextContainer, StyledPreviewContainer, StyledIconButton, StyledEmptyIcon, StyledFail, StyledSuccess, StyledErrorMessage } from "./File.styles.js";
+import { useClasses } from "./File.styles.js";
+import { staticClasses } from "./File.styles.js";
 import { jsxs, jsx, Fragment } from "@emotion/react/jsx-runtime";
+import { HvButton } from "../../Button/Button.js";
 import { HvTypography } from "../../Typography/Typography.js";
 const getStatusIcon = (classes, status) => {
   switch (status) {
     case "success":
-      return /* @__PURE__ */ jsx(StyledSuccess, {
-        className: clsx(classes == null ? void 0 : classes.icon, fileClasses.icon),
+      return /* @__PURE__ */ jsx(Success, {
+        className: classes == null ? void 0 : classes.icon,
         color: "positive"
       });
     case "fail":
-      return /* @__PURE__ */ jsx(StyledFail, {
-        className: clsx(classes == null ? void 0 : classes.icon, fileClasses.icon),
+      return /* @__PURE__ */ jsx(Fail, {
+        className: classes == null ? void 0 : classes.icon,
         color: "negative"
       });
     default:
-      return /* @__PURE__ */ jsx(StyledEmptyIcon, {
-        className: clsx(classes == null ? void 0 : classes.icon, fileClasses.icon)
+      return /* @__PURE__ */ jsx("div", {
+        className: classes == null ? void 0 : classes.icon
       });
   }
 };
@@ -33,8 +33,8 @@ const getProgressText = (data, classes) => {
       children: `${convertUnits(data.progress)} / `
     }), !hasFailed && data.size && /* @__PURE__ */ jsx(HvTypography, {
       children: `${convertUnits(data.size)}`
-    }), hasFailed && data.errorMessage && /* @__PURE__ */ jsx(StyledErrorMessage, {
-      className: clsx(classes == null ? void 0 : classes.fail, fileClasses.fail),
+    }), hasFailed && data.errorMessage && /* @__PURE__ */ jsx(HvTypography, {
+      className: classes == null ? void 0 : classes.fail,
       children: data.errorMessage
     })]
   });
@@ -48,44 +48,46 @@ const getProgressBarWith = ({
 };
 const HvFile = ({
   id,
-  classes,
+  classes: classesProp,
   data,
   onFileRemoved,
   removeFileButtonLabel
 }) => {
+  const {
+    classes
+  } = useClasses(classesProp);
   const hasError = data.status === "fail";
   const inProgress = data.status === "progress";
   const progressText = getProgressText(data, classes);
   const statusIcon = getStatusIcon(classes, data.status);
   const currentProgress = getProgressBarWith(data);
   return /* @__PURE__ */ jsxs("li", {
-    className: clsx(classes == null ? void 0 : classes.root, fileClasses.root),
-    children: [!hasError && inProgress && /* @__PURE__ */ jsx(StyledProgressBarBack, {
-      className: clsx(classes == null ? void 0 : classes.progressbarBack, fileClasses.progressbarBack)
-    }), !hasError && inProgress && /* @__PURE__ */ jsx(StyledProgressBar, {
-      className: clsx(classes == null ? void 0 : classes.progressbar, fileClasses.progressbar),
+    className: classes.root,
+    children: [!hasError && inProgress && /* @__PURE__ */ jsx("span", {
+      className: classes.progressbarBack
+    }), !hasError && inProgress && /* @__PURE__ */ jsx("progress", {
+      className: classes.progressbar,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-valuenow": currentProgress,
       style: {
         width: `${currentProgress}%`
       }
-    }), statusIcon, /* @__PURE__ */ jsx(StyledNameText, {
-      className: clsx(classes == null ? void 0 : classes.nameText, fileClasses.nameText),
+    }), statusIcon, /* @__PURE__ */ jsx(HvTypography, {
+      className: classes.nameText,
       variant: "label",
       children: data.name
-    }), /* @__PURE__ */ jsx(StyledProgressTextContainer, {
-      className: clsx(classes == null ? void 0 : classes.progressTextContainer, fileClasses.progressTextContainer),
+    }), /* @__PURE__ */ jsx("span", {
+      className: classes.progressTextContainer,
       children: progressText
-    }), data.preview && /* @__PURE__ */ jsx(StyledPreviewContainer, {
-      className: clsx(classes == null ? void 0 : classes.previewContainer, fileClasses.previewContainer),
+    }), data.preview && /* @__PURE__ */ jsx("div", {
+      className: classes.previewContainer,
       children: data.preview
-    }), /* @__PURE__ */ jsx(StyledIconButton, {
+    }), /* @__PURE__ */ jsx(HvButton, {
       id: setId(id, "remove-button"),
       "aria-label": removeFileButtonLabel,
-      className: clsx(classes == null ? void 0 : classes.removeButton, fileClasses.removeButton),
+      className: classes.removeButton,
       onClick: () => onFileRemoved == null ? void 0 : onFileRemoved(data),
-      variant: "secondaryGhost",
       icon: true,
       children: /* @__PURE__ */ jsx(Close, {
         iconSize: "XS"
@@ -94,6 +96,7 @@ const HvFile = ({
   });
 };
 export {
-  HvFile
+  HvFile,
+  staticClasses as fileClasses
 };
 //# sourceMappingURL=File.js.map

package/dist/esm/components/FileUploader/File/File.js.map

@@ -1 +1 @@
-{"version":3,"file":"File.js","sources":["../../../../../src/components/FileUploader/File/File.tsx"],"sourcesContent":["import { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { clsx } from \"clsx\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport fileClasses, { HvFileClasses } from \"./fileClasses\";\nimport { convertUnits } from \"../utils\";\nimport {\n  StyledFail,\n  StyledErrorMessage,\n  StyledSuccess,\n  StyledProgressBarBack,\n  StyledProgressBar,\n  StyledNameText,\n  StyledProgressTextContainer,\n  StyledPreviewContainer,\n  StyledIconButton,\n  StyledEmptyIcon,\n} from \"./File.styles\";\n\nexport interface HvFileData extends Omit<File, \"name\" | \"size\"> {\n  /**\n   * The file id.\n   */\n  id?: string;\n  /**\n   * The file name.\n   */\n  name?: string;\n  /**\n   * The upload status.\n   */\n  status?: \"progress\" | \"success\" | \"fail\";\n  /**\n   * The file size in bytes.\n   */\n  size?: number;\n  /**\n   * Upload progress in bytes.\n   */\n  progress?: number;\n  /**\n   * Optional node representing a preview of the uploaded file.\n   */\n  preview?: React.ReactNode;\n  /**\n   * Error message when the upload failed.\n   */\n  errorMessage?: string;\n}\n\nexport type HvFilesAddedEvent = (files: HvFileData[]) => void;\n\nexport type HvFileRemovedEvent = (file: HvFileData) => void;\n\nexport type HvFileProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * File information to be displayed.\n   */\n  data: HvFileData;\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in file list.\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileClasses;\n};\n\nconst getStatusIcon = (\n  classes?: HvFileClasses,\n  status?: HvFileData[\"status\"]\n) => {\n  switch (status) {\n    case \"success\":\n      return (\n        <StyledSuccess\n          className={clsx(classes?.icon, fileClasses.icon)}\n          color=\"positive\"\n        />\n      );\n    case \"fail\":\n      return (\n        <StyledFail\n          className={clsx(classes?.icon, fileClasses.icon)}\n          color=\"negative\"\n        />\n      );\n    default:\n      return (\n        <StyledEmptyIcon className={clsx(classes?.icon, fileClasses.icon)} />\n      );\n  }\n};\n\nconst getProgressText = (data: HvFileData, classes?: HvFileClasses) => {\n  const hasFailed = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n\n  return (\n    <>\n      {data.progress || data.size || data.errorMessage ? `\\xa0|\\xa0` : null}\n\n      {inProgress && data.progress != null && (\n        <HvTypography variant=\"label\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && (\n        <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>\n      )}\n\n      {hasFailed && data.errorMessage && (\n        <StyledErrorMessage className={clsx(classes?.fail, fileClasses.fail)}>\n          {data.errorMessage}\n        </StyledErrorMessage>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }: HvFileData) => {\n  const width =\n    progress != null && size != null ? Math.round((progress * 100) / size) : 0;\n\n  return width;\n};\n\nexport const HvFile = ({\n  id,\n  classes,\n  data,\n  onFileRemoved,\n  removeFileButtonLabel,\n}: HvFileProps) => {\n  const hasError = data.status === \"fail\";\n\n  const inProgress = data.status === \"progress\";\n\n  const progressText = getProgressText(data, classes);\n\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li className={clsx(classes?.root, fileClasses.root)}>\n      {!hasError && inProgress && (\n        <StyledProgressBarBack\n          className={clsx(\n            classes?.progressbarBack,\n            fileClasses.progressbarBack\n          )}\n        />\n      )}\n\n      {!hasError && inProgress && (\n        <StyledProgressBar\n          className={clsx(classes?.progressbar, fileClasses.progressbar)}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuenow={currentProgress}\n          style={{ width: `${currentProgress}%` }}\n        />\n      )}\n\n      {statusIcon}\n\n      <StyledNameText\n        className={clsx(classes?.nameText, fileClasses.nameText)}\n        variant=\"label\"\n      >\n        {data.name}\n      </StyledNameText>\n\n      <StyledProgressTextContainer\n        className={clsx(\n          classes?.progressTextContainer,\n          fileClasses.progressTextContainer\n        )}\n      >\n        {progressText}\n      </StyledProgressTextContainer>\n\n      {data.preview && (\n        <StyledPreviewContainer\n          className={clsx(\n            classes?.previewContainer,\n            fileClasses.previewContainer\n          )}\n        >\n          {data.preview}\n        </StyledPreviewContainer>\n      )}\n\n      <StyledIconButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={clsx(classes?.removeButton, fileClasses.removeButton)}\n        onClick={() => onFileRemoved?.(data)}\n        variant=\"secondaryGhost\"\n        icon\n      >\n        <Close iconSize=\"XS\" />\n      </StyledIconButton>\n    </li>\n  );\n};\n"],"names":["getStatusIcon","classes","status","StyledSuccess","className","clsx","icon","fileClasses","color","StyledFail","StyledEmptyIcon","getProgressText","data","hasFailed","inProgress","_Fragment","children","progress","size","errorMessage","HvTypography","variant","convertUnits","StyledErrorMessage","fail","getProgressBarWith","width","Math","round","HvFile","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","root","StyledProgressBarBack","progressbarBack","StyledProgressBar","progressbar","style","_jsx","StyledNameText","nameText","name","StyledProgressTextContainer","progressTextContainer","preview","StyledPreviewContainer","previewContainer","StyledIconButton","setId","removeButton","onClick","Close","iconSize"],"mappings":"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"}
+{"version":3,"file":"File.js","sources":["../../../../../src/components/FileUploader/File/File.tsx"],"sourcesContent":["import { Close, Fail, Success } from \"@hitachivantara/uikit-react-icons\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { HvButton } from \"@core/components/Button\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { convertUnits } from \"../utils\";\nimport { staticClasses, useClasses } from \"./File.styles\";\n\nexport { staticClasses as fileClasses };\n\nexport type HvFileClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileData extends Omit<File, \"name\" | \"size\"> {\n  /**\n   * The file id.\n   */\n  id?: string;\n  /**\n   * The file name.\n   */\n  name?: string;\n  /**\n   * The upload status.\n   */\n  status?: \"progress\" | \"success\" | \"fail\";\n  /**\n   * The file size in bytes.\n   */\n  size?: number;\n  /**\n   * Upload progress in bytes.\n   */\n  progress?: number;\n  /**\n   * Optional node representing a preview of the uploaded file.\n   */\n  preview?: React.ReactNode;\n  /**\n   * Error message when the upload failed.\n   */\n  errorMessage?: string;\n}\n\nexport type HvFilesAddedEvent = (files: HvFileData[]) => void;\n\nexport type HvFileRemovedEvent = (file: HvFileData) => void;\n\nexport type HvFileProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * File information to be displayed.\n   */\n  data: HvFileData;\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved?: HvFileRemovedEvent;\n  /**\n   * Value of aria-label to apply to remove file button in file list.\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileClasses;\n};\n\nconst getStatusIcon = (\n  classes?: HvFileClasses,\n  status?: HvFileData[\"status\"]\n) => {\n  switch (status) {\n    case \"success\":\n      return <Success className={classes?.icon} color=\"positive\" />;\n    case \"fail\":\n      return <Fail className={classes?.icon} color=\"negative\" />;\n    default:\n      return <div className={classes?.icon} />;\n  }\n};\n\nconst getProgressText = (data: HvFileData, classes?: HvFileClasses) => {\n  const hasFailed = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n\n  return (\n    <>\n      {data.progress || data.size || data.errorMessage ? `\\xa0|\\xa0` : null}\n\n      {inProgress && data.progress != null && (\n        <HvTypography variant=\"label\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && (\n        <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>\n      )}\n\n      {hasFailed && data.errorMessage && (\n        <HvTypography className={classes?.fail}>\n          {data.errorMessage}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }: HvFileData) => {\n  const width =\n    progress != null && size != null ? Math.round((progress * 100) / size) : 0;\n\n  return width;\n};\n\nexport const HvFile = ({\n  id,\n  classes: classesProp,\n  data,\n  onFileRemoved,\n  removeFileButtonLabel,\n}: HvFileProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const hasError = data.status === \"fail\";\n\n  const inProgress = data.status === \"progress\";\n\n  const progressText = getProgressText(data, classes);\n\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li className={classes.root}>\n      {!hasError && inProgress && <span className={classes.progressbarBack} />}\n\n      {!hasError && inProgress && (\n        <progress\n          className={classes.progressbar}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuenow={currentProgress}\n          style={{ width: `${currentProgress}%` }}\n        />\n      )}\n\n      {statusIcon}\n\n      <HvTypography className={classes.nameText} variant=\"label\">\n        {data.name}\n      </HvTypography>\n\n      <span className={classes.progressTextContainer}>{progressText}</span>\n\n      {data.preview && (\n        <div className={classes.previewContainer}>{data.preview}</div>\n      )}\n\n      <HvButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={classes.removeButton}\n        onClick={() => onFileRemoved?.(data)}\n        icon\n      >\n        <Close iconSize=\"XS\" />\n      </HvButton>\n    </li>\n  );\n};\n"],"names":["getStatusIcon","classes","status","Success","className","icon","color","Fail","getProgressText","data","hasFailed","inProgress","_Fragment","children","progress","size","errorMessage","HvTypography","variant","convertUnits","fail","getProgressBarWith","width","Math","round","HvFile","id","classesProp","onFileRemoved","removeFileButtonLabel","useClasses","hasError","progressText","statusIcon","currentProgress","root","progressbarBack","progressbar","style","_jsx","nameText","name","progressTextContainer","preview","previewContainer","HvButton","setId","removeButton","onClick","Close","iconSize"],"mappings":"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"}