@hitachivantara/uikit-react-core 5.23.0 → 5.24.1

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,42 +48,45 @@ 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),
       icon: true,
       children: /* @__PURE__ */ jsx(Close, {
@@ -93,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        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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"}

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

@@ -1,154 +1,72 @@
-import _styled from "@emotion/styled/base";
-import { Success, Fail } from "@hitachivantara/uikit-react-icons";
+import { createClasses } from "../../../utils/classes.js";
 import { theme } from "@hitachivantara/uikit-styles";
-import { forwardRef } from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { HvButton } from "../../Button/Button.js";
-import { HvTypography } from "../../Typography/Typography.js";
-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 iconStyles = {
-  width: 32,
-  height: 32,
-  margin: `0px ${theme.space.xs}`
-};
-const StyledSuccess = /* @__PURE__ */ _styled(Success, process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb9"
-} : {
-  target: "e6pb7kb9",
-  label: "StyledSuccess"
-})({
-  ...iconStyles
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledFail = /* @__PURE__ */ _styled(Fail, process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb8"
-} : {
-  target: "e6pb7kb8",
-  label: "StyledFail"
-})({
-  ...iconStyles
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledEmptyIcon = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb7"
-} : {
-  target: "e6pb7kb7",
-  label: "StyledEmptyIcon"
-})({
-  ...iconStyles
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledErrorMessage = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb6"
-} : {
-  target: "e6pb7kb6",
-  label: "StyledErrorMessage"
-})({
-  color: theme.colors.negative
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledProgressBarBack = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb5"
-} : {
-  target: "e6pb7kb5",
-  label: "StyledProgressBarBack"
-})({
-  position: "absolute",
-  top: "-1px",
-  width: "100%",
-  border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.atmo4}`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledProgressBar = /* @__PURE__ */ _styled("progress", process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb4"
-} : {
-  target: "e6pb7kb4",
-  label: "StyledProgressBar"
-})({
-  position: "absolute",
-  top: "-1px",
-  width: "80%",
-  height: theme.fileUploader.file.progressHeight,
-  border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.secondary}`,
-  "&::-moz-progress-bar": {
-    background: theme.colors.secondary
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledNameText = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb3"
-} : {
-  target: "e6pb7kb3",
-  label: "StyledNameText"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1h52dri",
-  styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap"
-} : {
-  name: "1h52dri",
-  styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledProgressTextContainer = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb2"
-} : {
-  target: "e6pb7kb2",
-  label: "StyledProgressTextContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "2drb2k",
-  styles: "display:flex;flex-grow:1;align-items:center"
-} : {
-  name: "2drb2k",
-  styles: "display:flex;flex-grow:1;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEMkMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledPreviewContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb1"
-} : {
-  target: "e6pb7kb1",
-  label: "StyledPreviewContainer"
-})({
-  display: "flex",
-  margin: `0px ${theme.space.xs}`,
-  width: theme.fileUploader.file.previewContainerSize,
-  height: theme.fileUploader.file.previewContainerSize,
-  justifyContent: "center",
-  alignItems: "center",
-  "& span": {
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvFile", {
+  root: {},
+  progressbar: {
+    position: "absolute",
+    top: "-1px",
+    width: "80%",
+    height: theme.fileUploader.file.progressHeight,
+    border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.secondary}`,
+    "&::-moz-progress-bar": {
+      background: theme.colors.secondary
+    }
+  },
+  progressbarBack: {
+    position: "absolute",
+    top: "-1px",
+    width: "100%",
+    border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.atmo4}`
+  },
+  nameText: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  progressTextContainer: {
     display: "flex",
+    flexGrow: 1,
+    alignItems: "center"
+  },
+  removeButton: {
+    width: 32,
+    height: 32,
+    margin: `0px ${theme.space.xs}`
+  },
+  previewContainer: {
+    display: "flex",
+    margin: `0px ${theme.space.xs}`,
+    width: theme.fileUploader.file.previewContainerSize,
+    height: theme.fileUploader.file.previewContainerSize,
     justifyContent: "center",
     alignItems: "center",
-    width: "100%",
-    height: "100%"
+    "& span": {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      width: "100%",
+      height: "100%"
+    },
+    "& img": {
+      width: theme.fileUploader.file.imageSize,
+      height: theme.fileUploader.file.imageSize,
+      objectFit: "cover",
+      objectPosition: "center",
+      alignSelf: "center"
+    }
+  },
+  icon: {
+    width: 32,
+    height: 32,
+    margin: `0px ${theme.space.xs}`
   },
-  "& img": {
-    width: theme.fileUploader.file.imageSize,
-    height: theme.fileUploader.file.imageSize,
-    objectFit: "cover",
-    objectPosition: "center",
-    alignSelf: "center"
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFc0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledIconButton = /* @__PURE__ */ _styled(forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(HvButton, {
-    ...props,
-    ref
-  });
-}), process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb0"
-} : {
-  target: "e6pb7kb0",
-  label: "StyledIconButton"
-})({
-  margin: `0px ${theme.space.xs}`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
+  fail: {}
+});
 export {
-  StyledEmptyIcon,
-  StyledErrorMessage,
-  StyledFail,
-  StyledIconButton,
-  StyledNameText,
-  StyledPreviewContainer,
-  StyledProgressBar,
-  StyledProgressBarBack,
-  StyledProgressTextContainer,
-  StyledSuccess
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=File.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"File.styles.js","sources":["../../../../../src/components/FileUploader/File/File.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { Fail, Success } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { forwardRef } from \"react\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { PolymorphicRef } from \"@core/types/generic\";\n\nconst iconStyles = {\n  width: 32,\n  height: 32,\n  margin: `0px ${theme.space.xs}`,\n};\n\nexport const StyledSuccess = styled(Success)({\n  ...iconStyles,\n});\n\nexport const StyledFail = styled(Fail)({\n  ...iconStyles,\n});\n\nexport const StyledEmptyIcon = styled(\"div\")({\n  ...iconStyles,\n});\n\nexport const StyledErrorMessage = styled(HvTypography)({\n  color: theme.colors.negative,\n});\n\nexport const StyledProgressBarBack = styled(\"span\")({\n  position: \"absolute\",\n  top: \"-1px\",\n  width: \"100%\",\n  border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.atmo4}`,\n});\n\nexport const StyledProgressBar = styled(\"progress\")({\n  position: \"absolute\",\n  top: \"-1px\",\n  width: \"80%\",\n  height: theme.fileUploader.file.progressHeight,\n  border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.secondary}`,\n\n  \"&::-moz-progress-bar\": {\n    background: theme.colors.secondary,\n  },\n});\n\nexport const StyledNameText = styled(HvTypography)({\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n});\n\nexport const StyledProgressTextContainer = styled(\"span\")({\n  display: \"flex\",\n  flexGrow: 1,\n  alignItems: \"center\",\n});\n\nexport const StyledPreviewContainer = styled(\"div\")({\n  display: \"flex\",\n  margin: `0px ${theme.space.xs}`,\n  width: theme.fileUploader.file.previewContainerSize,\n  height: theme.fileUploader.file.previewContainerSize,\n  justifyContent: \"center\",\n  alignItems: \"center\",\n\n  \"& span\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    width: \"100%\",\n    height: \"100%\",\n  },\n\n  \"& img\": {\n    width: theme.fileUploader.file.imageSize,\n    height: theme.fileUploader.file.imageSize,\n    objectFit: \"cover\",\n    objectPosition: \"center\",\n    alignSelf: \"center\",\n  },\n});\n\nexport const StyledIconButton = styled(\n  forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  margin: `0px ${theme.space.xs}`,\n});\n"],"names":["iconStyles","width","height","margin","theme","space","xs","StyledSuccess","Success","process","env","NODE_ENV","target","label","StyledFail","Fail","StyledEmptyIcon","StyledErrorMessage","HvTypography","color","colors","negative","StyledProgressBarBack","position","top","border","fileUploader","file","borderWidth","atmo4","StyledProgressBar","progressHeight","secondary","background","StyledNameText","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledProgressTextContainer","StyledPreviewContainer","display","previewContainerSize","justifyContent","alignItems","imageSize","objectFit","objectPosition","alignSelf","StyledIconButton","_styled","forwardRef","props","ref","HvButton"],"mappings":"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"}
+{"version":3,"file":"File.styles.js","sources":["../../../../../src/components/FileUploader/File/File.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFile\", {\n  root: {},\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"80%\",\n    height: theme.fileUploader.file.progressHeight,\n    border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.secondary}`,\n\n    \"&::-moz-progress-bar\": {\n      background: theme.colors.secondary,\n    },\n  },\n  progressbarBack: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"100%\",\n    border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.atmo4}`,\n  },\n  nameText: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n    alignItems: \"center\",\n  },\n  removeButton: {\n    width: 32,\n    height: 32,\n    margin: `0px ${theme.space.xs}`,\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: `0px ${theme.space.xs}`,\n    width: theme.fileUploader.file.previewContainerSize,\n    height: theme.fileUploader.file.previewContainerSize,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& span\": {\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      width: \"100%\",\n      height: \"100%\",\n    },\n\n    \"& img\": {\n      width: theme.fileUploader.file.imageSize,\n      height: theme.fileUploader.file.imageSize,\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n      alignSelf: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: `0px ${theme.space.xs}`,\n  },\n  fail: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","progressbar","position","top","width","height","theme","fileUploader","file","progressHeight","border","borderWidth","colors","secondary","background","progressbarBack","atmo4","nameText","overflow","textOverflow","whiteSpace","progressTextContainer","display","flexGrow","alignItems","removeButton","margin","space","xs","previewContainer","previewContainerSize","justifyContent","imageSize","objectFit","objectPosition","alignSelf","icon","fail"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,UAAU;AAAA,EACnEC,MAAM,CAAC;AAAA,EACPC,aAAa;AAAA,IACXC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,OAAO;AAAA,IACPC,QAAQC,MAAMC,aAAaC,KAAKC;AAAAA,IAChCC,QAAS,GAAEJ,MAAMC,aAAaC,KAAKG,qBAAqBL,MAAMM,OAAOC;AAAAA,IAErE,wBAAwB;AAAA,MACtBC,YAAYR,MAAMM,OAAOC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAE,iBAAiB;AAAA,IACfb,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,OAAO;AAAA,IACPM,QAAS,GAAEJ,MAAMC,aAAaC,KAAKG,qBAAqBL,MAAMM,OAAOI;AAAAA,EACvE;AAAA,EACAC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACAC,cAAc;AAAA,IACZrB,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRqB,QAAS,OAAMpB,MAAMqB,MAAMC;AAAAA,EAC7B;AAAA,EACAC,kBAAkB;AAAA,IAChBP,SAAS;AAAA,IACTI,QAAS,OAAMpB,MAAMqB,MAAMC;AAAAA,IAC3BxB,OAAOE,MAAMC,aAAaC,KAAKsB;AAAAA,IAC/BzB,QAAQC,MAAMC,aAAaC,KAAKsB;AAAAA,IAChCC,gBAAgB;AAAA,IAChBP,YAAY;AAAA,IAEZ,UAAU;AAAA,MACRF,SAAS;AAAA,MACTS,gBAAgB;AAAA,MAChBP,YAAY;AAAA,MACZpB,OAAO;AAAA,MACPC,QAAQ;AAAA,IACV;AAAA,IAEA,SAAS;AAAA,MACPD,OAAOE,MAAMC,aAAaC,KAAKwB;AAAAA,MAC/B3B,QAAQC,MAAMC,aAAaC,KAAKwB;AAAAA,MAChCC,WAAW;AAAA,MACXC,gBAAgB;AAAA,MAChBC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJhC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRqB,QAAS,OAAMpB,MAAMqB,MAAMC;AAAAA,EAC7B;AAAA,EACAS,MAAM,CAAC;AACT,CAAC;"}

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

@@ -1,27 +1,29 @@
-import { clsx } from "clsx";
 import { useUniqueId } from "../../../hooks/useUniqueId.js";
 import { setId } from "../../../utils/setId.js";
-import fileListClasses from "./fileListClasses.js";
-import { StyledList } from "./FileList.styles.js";
+import { useClasses } from "./FileList.styles.js";
+import { staticClasses } from "./FileList.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { HvFile } from "../File/File.js";
 const HvFileList = ({
   id,
-  classes,
+  classes: classesProp,
   list = [],
   removeFileButtonLabel,
   onFileRemoved
 }) => {
+  const {
+    classes
+  } = useClasses(classesProp);
   const elementId = useUniqueId(id, "hvfilelist");
   const hasFiles = list.length > 0;
   if (!hasFiles)
     return null;
-  return /* @__PURE__ */ jsx(StyledList, {
+  return /* @__PURE__ */ jsx("ul", {
     id: setId(id, "list"),
-    className: clsx(classes == null ? void 0 : classes.list, fileListClasses.list),
+    className: classes.list,
     children: list.map((data) => /* @__PURE__ */ jsx(HvFile, {
       classes: {
-        root: clsx(classes == null ? void 0 : classes.listItem, fileListClasses.listItem)
+        root: classes == null ? void 0 : classes.listItem
       },
       id: setId(elementId, "values"),
       data,
@@ -31,6 +33,7 @@ const HvFileList = ({
   });
 };
 export {
-  HvFileList
+  HvFileList,
+  staticClasses as fileListClasses
 };
 //# sourceMappingURL=FileList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport fileListClasses, { HvFileListClasses } from \"./fileListClasses\";\nimport { StyledList } from \"./FileList.styles\";\n\nexport interface HvFileListProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The files to upload.\n   */\n  list?: 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 FileList\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileListClasses;\n}\n\nexport const HvFileList = ({\n  id,\n  classes,\n  list = [],\n  removeFileButtonLabel,\n  onFileRemoved,\n}: HvFileListProps) => {\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <StyledList\n      id={setId(id, \"list\")}\n      className={clsx(classes?.list, fileListClasses.list)}\n    >\n      {list.map((data) => (\n        <HvFile\n          key={data.id}\n          classes={{ root: clsx(classes?.listItem, fileListClasses.listItem) }}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </StyledList>\n  );\n};\n"],"names":["HvFileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","useUniqueId","hasFiles","length","StyledList","setId","className","clsx","fileListClasses","children","map","data","HvFile","root","listItem"],"mappings":";;;;;;;AAgCO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC;AACe,MAAM;AACfC,QAAAA,YAAYC,YAAYN,IAAI,YAAY;AAExCO,QAAAA,WAAWL,KAAKM,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,6BACGE,YAAU;AAAA,IACTT,IAAIU,MAAMV,IAAI,MAAM;AAAA,IACpBW,WAAWC,KAAKX,mCAASC,MAAMW,gBAAgBX,IAAI;AAAA,IAAEY,UAEpDZ,KAAKa,IAAKC,CAAAA,6BACRC,QAAM;AAAA,MAELhB,SAAS;AAAA,QAAEiB,MAAMN,KAAKX,mCAASkB,UAAUN,gBAAgBM,QAAQ;AAAA,MAAE;AAAA,MACnEnB,IAAIU,MAAML,WAAW,QAAQ;AAAA,MAC7BW;AAAAA,MACAZ;AAAAA,MACAD;AAAAA,IAAAA,GALKa,KAAKhB,EAMX,CACF;AAAA,EAAA,CACS;AAEhB;"}
+{"version":3,"file":"FileList.js","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport { staticClasses, useClasses } from \"./FileList.styles\";\n\nexport { staticClasses as fileListClasses };\n\nexport type HvFileListClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileListProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The files to upload.\n   */\n  list?: 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 FileList\n   * */\n  removeFileButtonLabel?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileListClasses;\n}\n\nexport const HvFileList = ({\n  id,\n  classes: classesProp,\n  list = [],\n  removeFileButtonLabel,\n  onFileRemoved,\n}: HvFileListProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <ul id={setId(id, \"list\")} className={classes.list}>\n      {list.map((data) => (\n        <HvFile\n          key={data.id}\n          classes={{ root: classes?.listItem }}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </ul>\n  );\n};\n"],"names":["HvFileList","id","classes","classesProp","list","removeFileButtonLabel","onFileRemoved","useClasses","elementId","useUniqueId","hasFiles","length","setId","className","children","map","data","HvFile","root","listItem"],"mappings":";;;;;;AAkCO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC,SAASC;AAAAA,EACTC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC;AACe,MAAM;AACf,QAAA;AAAA,IAAEJ;AAAAA,EAAAA,IAAYK,WAAWJ,WAAW;AAEpCK,QAAAA,YAAYC,YAAYR,IAAI,YAAY;AAExCS,QAAAA,WAAWN,KAAKO,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,6BACE,MAAA;AAAA,IAAIT,IAAIW,MAAMX,IAAI,MAAM;AAAA,IAAGY,WAAWX,QAAQE;AAAAA,IAAKU,UAChDV,KAAKW,IAAKC,CAAAA,6BACRC,QAAM;AAAA,MAELf,SAAS;AAAA,QAAEgB,MAAMhB,mCAASiB;AAAAA,MAAS;AAAA,MACnClB,IAAIW,MAAMJ,WAAW,QAAQ;AAAA,MAC7BQ;AAAAA,MACAV;AAAAA,MACAD;AAAAA,IAAAA,GALKW,KAAKf,EAMX,CACF;AAAA,EAAA,CACC;AAER;"}