@hitachivantara/uikit-react-core 5.22.1 → 5.24.0

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

@@ -1 +1 @@
-{"version":3,"file":"DropZone.styles.cjs","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","_styled","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.cjs","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,QAAAA,cAAc,cAAc;AAAA,EACvEC,mBAAmB;AAAA,IACjBC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,QAAS,OAAMC,YAAMC,MAAAA,aAAaC,SAASC,cAAcH,YAAAA,MAAMC,aAAaC,SAASE;AAAAA,IACrFC,QAAQ;AAAA,IACRC,YAAYN,YAAMC,MAAAA,aAAaC,SAASK;AAAAA,IACxCC,cAAcR,YAAMC,MAAAA,aAAaC,SAASM;AAAAA,IAE1C,WAAW;AAAA,MACTF,YAAa,GAAEN,YAAAA,MAAMS,OAAOC;AAAAA,MAC5BX,QAAS,OAAMC,YAAAA,MAAMC,aAAaC,SAASC,cAAcH,YAAAA,MAAMS,OAAOE;AAAAA,IACxE;AAAA,IAEA,WAAW;AAAA,MACTL,YAAa,GAAEN,YAAAA,MAAMS,OAAOC;AAAAA,MAC5BX,QAAS,OAAMC,YAAAA,MAAMC,aAAaC,SAASC,cAAcH,YAAAA,MAAMS,OAAOE;AAAAA,MACtE,GAAGC,WAAAA;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,YAAAA,MAAMS,OAAOC;AAAAA,IAC5BX,QAAS,OAAMC,YAAMC,MAAAA,aAAaC,SAASC,cAAcH,YAAAA,MAAMC,aAAaC,SAASe;AAAAA,EACvF;AAAA,EACAC,2BAA2B;AAAA,IACzBZ,YAAa,GAAEN,YAAAA,MAAMS,OAAOU;AAAAA,IAC5BpB,QAAS,OAAMC,YAAMC,MAAAA,aAAaC,SAASC,cAAcH,YAAAA,MAAMC,aAAaC,SAASkB;AAAAA,IACrFf,QAAQ;AAAA,IACR,WAAW;AAAA,MACTC,YAAa,GAAEN,YAAAA,MAAMS,OAAOU;AAAAA,MAC5BpB,QAAS,OAAMC,YAAMC,MAAAA,aAAaC,SAASC,cAAcH,YAAAA,MAAMC,aAAaC,SAASkB;AAAAA,IACvF;AAAA,IAEA,eAAe;AAAA,MACbC,OAAOrB,YAAAA,MAAMS,OAAOa;AAAAA,IACtB;AAAA,IACA,sBAAsB;AAAA,MACpBD,OAAOrB,YAAAA,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,YAAAA,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,YAAAA,MAAM4B,MAAMM;AAAAA,EAC3B;AAAA,EACAC,eAAe;AAAA,IACbC,eAAe;AAAA,EACjB;AAAA,EACAC,UAAU;AAAA,IACR,GAAIrC,YAAAA,MAAMsC,WAAWC;AAAAA,EACvB;AAAA,EACAC,iBAAiB;AAAA,IACf,GAAIxC,YAAAA,MAAMsC,WAAWG;AAAAA,EACvB;AACF,CAAC;;;"}

package/dist/cjs/components/FileUploader/File/File.cjs

@@ -1,28 +1,27 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const clsx = require("clsx");
 const setId = require("../../../utils/setId.cjs");
-const fileClasses = require("./fileClasses.cjs");
 const utils = require("../utils.cjs");
 const File_styles = require("./File.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Button = require("../../Button/Button.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const getStatusIcon = (classes, status) => {
   switch (status) {
     case "success":
-      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledSuccess, {
-        className: clsx.clsx(classes == null ? void 0 : classes.icon, fileClasses.default.icon),
+      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Success, {
+        className: classes == null ? void 0 : classes.icon,
         color: "positive"
       });
     case "fail":
-      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledFail, {
-        className: clsx.clsx(classes == null ? void 0 : classes.icon, fileClasses.default.icon),
+      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fail, {
+        className: classes == null ? void 0 : classes.icon,
         color: "negative"
       });
     default:
-      return /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledEmptyIcon, {
-        className: clsx.clsx(classes == null ? void 0 : classes.icon, fileClasses.default.icon)
+      return /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: classes == null ? void 0 : classes.icon
       });
   }
 };
@@ -35,8 +34,8 @@ const getProgressText = (data, classes) => {
       children: `${utils.convertUnits(data.progress)} / `
     }), !hasFailed && data.size && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
       children: `${utils.convertUnits(data.size)}`
-    }), hasFailed && data.errorMessage && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledErrorMessage, {
-      className: clsx.clsx(classes == null ? void 0 : classes.fail, fileClasses.default.fail),
+    }), hasFailed && data.errorMessage && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+      className: classes == null ? void 0 : classes.fail,
       children: data.errorMessage
     })]
   });
@@ -50,44 +49,46 @@ const getProgressBarWith = ({
 };
 const HvFile = ({
   id,
-  classes,
+  classes: classesProp,
   data,
   onFileRemoved,
   removeFileButtonLabel
 }) => {
+  const {
+    classes
+  } = File_styles.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__ */ jsxRuntime.jsxs("li", {
-    className: clsx.clsx(classes == null ? void 0 : classes.root, fileClasses.default.root),
-    children: [!hasError && inProgress && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressBarBack, {
-      className: clsx.clsx(classes == null ? void 0 : classes.progressbarBack, fileClasses.default.progressbarBack)
-    }), !hasError && inProgress && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressBar, {
-      className: clsx.clsx(classes == null ? void 0 : classes.progressbar, fileClasses.default.progressbar),
+    className: classes.root,
+    children: [!hasError && inProgress && /* @__PURE__ */ jsxRuntime.jsx("span", {
+      className: classes.progressbarBack
+    }), !hasError && inProgress && /* @__PURE__ */ jsxRuntime.jsx("progress", {
+      className: classes.progressbar,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-valuenow": currentProgress,
       style: {
         width: `${currentProgress}%`
       }
-    }), statusIcon, /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledNameText, {
-      className: clsx.clsx(classes == null ? void 0 : classes.nameText, fileClasses.default.nameText),
+    }), statusIcon, /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+      className: classes.nameText,
       variant: "label",
       children: data.name
-    }), /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledProgressTextContainer, {
-      className: clsx.clsx(classes == null ? void 0 : classes.progressTextContainer, fileClasses.default.progressTextContainer),
+    }), /* @__PURE__ */ jsxRuntime.jsx("span", {
+      className: classes.progressTextContainer,
       children: progressText
-    }), data.preview && /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledPreviewContainer, {
-      className: clsx.clsx(classes == null ? void 0 : classes.previewContainer, fileClasses.default.previewContainer),
+    }), data.preview && /* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: classes.previewContainer,
       children: data.preview
-    }), /* @__PURE__ */ jsxRuntime.jsx(File_styles.StyledIconButton, {
+    }), /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
       id: setId.setId(id, "remove-button"),
       "aria-label": removeFileButtonLabel,
-      className: clsx.clsx(classes == null ? void 0 : classes.removeButton, fileClasses.default.removeButton),
+      className: classes.removeButton,
       onClick: () => onFileRemoved == null ? void 0 : onFileRemoved(data),
-      variant: "secondaryGhost",
       icon: true,
       children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, {
         iconSize: "XS"
@@ -95,5 +96,6 @@ const HvFile = ({
     })]
   });
 };
+exports.fileClasses = File_styles.staticClasses;
 exports.HvFile = HvFile;
 //# sourceMappingURL=File.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"File.cjs","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.cjs","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":";;;;;;;;;AAuEA,MAAMA,gBAAgBA,CACpBC,SACAC,WACG;AACH,UAAQA,QAAM;AAAA,IACZ,KAAK;AACH,4CAAQC,gBAAAA,SAAO;AAAA,QAACC,WAAWH,mCAASI;AAAAA,QAAMC,OAAM;AAAA,MAAA,CAAY;AAAA,IAC9D,KAAK;AACH,4CAAQC,gBAAAA,MAAI;AAAA,QAACH,WAAWH,mCAASI;AAAAA,QAAMC,OAAM;AAAA,MAAA,CAAY;AAAA,IAC3D;AACE,4CAAO,OAAA;AAAA,QAAKF,WAAWH,mCAASI;AAAAA,MAAAA,CAAO;AAAA,EAC3C;AACF;AAEA,MAAMG,kBAAkBA,CAACC,MAAkBR,YAA4B;AAC/DS,QAAAA,YAAYD,KAAKP,WAAW;AAC5BS,QAAAA,aAAaF,KAAKP,WAAW;AAEnC,yCACEU,WAAAA,UAAA;AAAA,IAAAC,UAAA,CACGJ,KAAKK,YAAYL,KAAKM,QAAQN,KAAKO,eAAgB,QAAa,MAEhEL,cAAcF,KAAKK,YAAY,uCAC7BG,yBAAY;AAAA,MAACC,SAAQ;AAAA,MAAOL,UACzB,GAAEM,MAAaV,aAAAA,KAAKK,QAAQ;AAAA,IAAA,CAClB,GAGf,CAACJ,aAAaD,KAAKM,uCACjBE,WAAAA,cAAY;AAAA,MAAAJ,UAAG,GAAEM,MAAAA,aAAaV,KAAKM,IAAI;AAAA,IAAkB,CAAA,GAG3DL,aAAaD,KAAKO,+CAChBC,WAAAA,cAAY;AAAA,MAACb,WAAWH,mCAASmB;AAAAA,MAAKP,UACpCJ,KAAKO;AAAAA,IAAAA,CACM,CACf;AAAA,EAAA,CACD;AAEN;AAEA,MAAMK,qBAAqBA,CAAC;AAAA,EAAEN;AAAAA,EAAMD;AAAqB,MAAM;AACvDQ,QAAAA,QACJR,YAAY,QAAQC,QAAQ,OAAOQ,KAAKC,MAAOV,WAAW,MAAOC,IAAI,IAAI;AAEpEO,SAAAA;AACT;AAEO,MAAMG,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAzB,SAAS0B;AAAAA,EACTlB;AAAAA,EACAmB;AAAAA,EACAC;AACW,MAAM;AACX,QAAA;AAAA,IAAE5B;AAAAA,EAAAA,IAAY6B,YAAAA,WAAWH,WAAW;AAEpCI,QAAAA,WAAWtB,KAAKP,WAAW;AAE3BS,QAAAA,aAAaF,KAAKP,WAAW;AAE7B8B,QAAAA,eAAexB,gBAAgBC,MAAMR,OAAO;AAElD,QAAMgC,aAAajC,cAAcC,SAASQ,KAAKP,MAAM;AAE/CgC,QAAAA,kBAAkBb,mBAAmBZ,IAAI;AAE/C,yCACE,MAAA;AAAA,IAAIL,WAAWH,QAAQkC;AAAAA,IAAKtB,WACzB,CAACkB,YAAYpB,6CAAc,QAAA;AAAA,MAAMP,WAAWH,QAAQmC;AAAAA,IAAkB,CAAA,GAEtE,CAACL,YAAYpB,6CACZ,YAAA;AAAA,MACEP,WAAWH,QAAQoC;AAAAA,MACnB,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAeH;AAAAA,MACfI,OAAO;AAAA,QAAEhB,OAAQ,GAAEY;AAAAA,MAAmB;AAAA,IAAA,CACvC,GAGFD,YAEDM,2BAAAA,IAACtB,yBAAY;AAAA,MAACb,WAAWH,QAAQuC;AAAAA,MAAUtB,SAAQ;AAAA,MAAOL,UACvDJ,KAAKgC;AAAAA,IAAAA,CACM,GAEdF,2BAAAA,IAAA,QAAA;AAAA,MAAMnC,WAAWH,QAAQyC;AAAAA,MAAsB7B,UAAEmB;AAAAA,IAAmB,CAAA,GAEnEvB,KAAKkC,0CACJ,OAAA;AAAA,MAAKvC,WAAWH,QAAQ2C;AAAAA,MAAiB/B,UAAEJ,KAAKkC;AAAAA,IAAAA,CAAa,GAG/DJ,2BAAAA,IAACM,iBAAQ;AAAA,MACPnB,IAAIoB,MAAAA,MAAMpB,IAAI,eAAe;AAAA,MAC7B,cAAYG;AAAAA,MACZzB,WAAWH,QAAQ8C;AAAAA,MACnBC,SAASA,MAAMpB,+CAAgBnB;AAAAA,MAC/BJ,MAAI;AAAA,MAAAQ,yCAEHoC,uBAAK;AAAA,QAACC,UAAS;AAAA,MAAA,CAAM;AAAA,IAAA,CACd,CAAC;AAAA,EAAA,CACT;AAER;;;"}

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

@@ -1,156 +1,72 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const classes = require("../../../utils/classes.cjs");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const React = require("react");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Button = require("../../Button/Button.cjs");
-const Typography = require("../../Typography/Typography.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-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 ${uikitStyles.theme.space.xs}`
-};
-const StyledSuccess = /* @__PURE__ */ _styled__default.default(uikitReactIcons.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__default.default(uikitReactIcons.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__default.default("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__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb6"
-} : {
-  target: "e6pb7kb6",
-  label: "StyledErrorMessage"
-})({
-  color: uikitStyles.theme.colors.negative
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledProgressBarBack = /* @__PURE__ */ _styled__default.default("span", process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb5"
-} : {
-  target: "e6pb7kb5",
-  label: "StyledProgressBarBack"
-})({
-  position: "absolute",
-  top: "-1px",
-  width: "100%",
-  border: `${uikitStyles.theme.fileUploader.file.borderWidth} solid ${uikitStyles.theme.colors.atmo4}`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledProgressBar = /* @__PURE__ */ _styled__default.default("progress", process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb4"
-} : {
-  target: "e6pb7kb4",
-  label: "StyledProgressBar"
-})({
-  position: "absolute",
-  top: "-1px",
-  width: "80%",
-  height: uikitStyles.theme.fileUploader.file.progressHeight,
-  border: `${uikitStyles.theme.fileUploader.file.borderWidth} solid ${uikitStyles.theme.colors.secondary}`,
-  "&::-moz-progress-bar": {
-    background: uikitStyles.theme.colors.secondary
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-const StyledNameText = /* @__PURE__ */ _styled__default.default(Typography.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__default.default("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__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb1"
-} : {
-  target: "e6pb7kb1",
-  label: "StyledPreviewContainer"
-})({
-  display: "flex",
-  margin: `0px ${uikitStyles.theme.space.xs}`,
-  width: uikitStyles.theme.fileUploader.file.previewContainerSize,
-  height: uikitStyles.theme.fileUploader.file.previewContainerSize,
-  justifyContent: "center",
-  alignItems: "center",
-  "& span": {
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvFile", {
+  root: {},
+  progressbar: {
+    position: "absolute",
+    top: "-1px",
+    width: "80%",
+    height: uikitStyles.theme.fileUploader.file.progressHeight,
+    border: `${uikitStyles.theme.fileUploader.file.borderWidth} solid ${uikitStyles.theme.colors.secondary}`,
+    "&::-moz-progress-bar": {
+      background: uikitStyles.theme.colors.secondary
+    }
+  },
+  progressbarBack: {
+    position: "absolute",
+    top: "-1px",
+    width: "100%",
+    border: `${uikitStyles.theme.fileUploader.file.borderWidth} solid ${uikitStyles.theme.colors.atmo4}`
+  },
+  nameText: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  progressTextContainer: {
     display: "flex",
+    flexGrow: 1,
+    alignItems: "center"
+  },
+  removeButton: {
+    width: 32,
+    height: 32,
+    margin: `0px ${uikitStyles.theme.space.xs}`
+  },
+  previewContainer: {
+    display: "flex",
+    margin: `0px ${uikitStyles.theme.space.xs}`,
+    width: uikitStyles.theme.fileUploader.file.previewContainerSize,
+    height: uikitStyles.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: uikitStyles.theme.fileUploader.file.imageSize,
+      height: uikitStyles.theme.fileUploader.file.imageSize,
+      objectFit: "cover",
+      objectPosition: "center",
+      alignSelf: "center"
+    }
+  },
+  icon: {
+    width: 32,
+    height: 32,
+    margin: `0px ${uikitStyles.theme.space.xs}`
   },
-  "& img": {
-    width: uikitStyles.theme.fileUploader.file.imageSize,
-    height: uikitStyles.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__default.default(React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-    ...props,
-    ref
-  });
-}), process.env.NODE_ENV === "production" ? {
-  target: "e6pb7kb0"
-} : {
-  target: "e6pb7kb0",
-  label: "StyledIconButton"
-})({
-  margin: `0px ${uikitStyles.theme.space.xs}`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGUvRmlsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvRmlsZS9GaWxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgRmFpbCwgU3VjY2VzcyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5jb25zdCBpY29uU3R5bGVzID0ge1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3VjY2VzcyA9IHN0eWxlZChTdWNjZXNzKSh7XG4gIC4uLmljb25TdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZhaWwgPSBzdHlsZWQoRmFpbCkoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFbXB0eUljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi5pY29uU3R5bGVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFcnJvck1lc3NhZ2UgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQmFjayA9IHN0eWxlZChcInNwYW5cIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJvcmRlcjogYCR7dGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUuYm9yZGVyV2lkdGh9IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFwicHJvZ3Jlc3NcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IFwiLTFweFwiLFxuICB3aWR0aDogXCI4MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5wcm9ncmVzc0hlaWdodCxcbiAgYm9yZGVyOiBgJHt0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5ib3JkZXJXaWR0aH0gc29saWQgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgXCImOjotbW96LXByb2dyZXNzLWJhclwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmFtZVRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwic3BhblwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4R3JvdzogMSxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGUucHJldmlld0NvbnRhaW5lclNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB9LFxuXG4gIFwiJiBpbWdcIjoge1xuICAgIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgaGVpZ2h0OiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZS5pbWFnZVNpemUsXG4gICAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gICAgb2JqZWN0UG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgYWxpZ25TZWxmOiBcImNlbnRlclwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
-exports.StyledEmptyIcon = StyledEmptyIcon;
-exports.StyledErrorMessage = StyledErrorMessage;
-exports.StyledFail = StyledFail;
-exports.StyledIconButton = StyledIconButton;
-exports.StyledNameText = StyledNameText;
-exports.StyledPreviewContainer = StyledPreviewContainer;
-exports.StyledProgressBar = StyledProgressBar;
-exports.StyledProgressBarBack = StyledProgressBarBack;
-exports.StyledProgressTextContainer = StyledProgressTextContainer;
-exports.StyledSuccess = StyledSuccess;
+  fail: {}
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=File.styles.cjs.map

package/dist/cjs/components/FileUploader/File/File.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"File.styles.cjs","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","_styled","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","forwardRef","props","ref","HvButton"],"mappings":"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"}
+{"version":3,"file":"File.styles.cjs","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,QAAAA,cAAc,UAAU;AAAA,EACnEC,MAAM,CAAC;AAAA,EACPC,aAAa;AAAA,IACXC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,OAAO;AAAA,IACPC,QAAQC,YAAMC,MAAAA,aAAaC,KAAKC;AAAAA,IAChCC,QAAS,GAAEJ,kBAAMC,aAAaC,KAAKG,qBAAqBL,kBAAMM,OAAOC;AAAAA,IAErE,wBAAwB;AAAA,MACtBC,YAAYR,YAAAA,MAAMM,OAAOC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAE,iBAAiB;AAAA,IACfb,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,OAAO;AAAA,IACPM,QAAS,GAAEJ,kBAAMC,aAAaC,KAAKG,qBAAqBL,kBAAMM,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,YAAAA,MAAMqB,MAAMC;AAAAA,EAC7B;AAAA,EACAC,kBAAkB;AAAA,IAChBP,SAAS;AAAA,IACTI,QAAS,OAAMpB,YAAAA,MAAMqB,MAAMC;AAAAA,IAC3BxB,OAAOE,YAAMC,MAAAA,aAAaC,KAAKsB;AAAAA,IAC/BzB,QAAQC,YAAMC,MAAAA,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,YAAMC,MAAAA,aAAaC,KAAKwB;AAAAA,MAC/B3B,QAAQC,YAAMC,MAAAA,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,YAAAA,MAAMqB,MAAMC;AAAAA,EAC7B;AAAA,EACAS,MAAM,CAAC;AACT,CAAC;;;"}

package/dist/cjs/components/FileUploader/FileList/FileList.cjs

@@ -1,29 +1,30 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
 const useUniqueId = require("../../../hooks/useUniqueId.cjs");
 const setId = require("../../../utils/setId.cjs");
-const fileListClasses = require("./fileListClasses.cjs");
 const FileList_styles = require("./FileList.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const File = require("../File/File.cjs");
 const HvFileList = ({
   id,
-  classes,
+  classes: classesProp,
   list = [],
   removeFileButtonLabel,
   onFileRemoved
 }) => {
+  const {
+    classes
+  } = FileList_styles.useClasses(classesProp);
   const elementId = useUniqueId.useUniqueId(id, "hvfilelist");
   const hasFiles = list.length > 0;
   if (!hasFiles)
     return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(FileList_styles.StyledList, {
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", {
     id: setId.setId(id, "list"),
-    className: clsx.clsx(classes == null ? void 0 : classes.list, fileListClasses.default.list),
+    className: classes.list,
     children: list.map((data) => /* @__PURE__ */ jsxRuntime.jsx(File.HvFile, {
       classes: {
-        root: clsx.clsx(classes == null ? void 0 : classes.listItem, fileListClasses.default.listItem)
+        root: classes == null ? void 0 : classes.listItem
       },
       id: setId.setId(elementId, "values"),
       data,
@@ -32,5 +33,6 @@ const HvFileList = ({
     }, data.id))
   });
 };
+exports.fileListClasses = FileList_styles.staticClasses;
 exports.HvFileList = HvFileList;
 //# sourceMappingURL=FileList.cjs.map