@hitachivantara/uikit-react-core 5.23.0 → 5.24.1

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        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":"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"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"FileList.cjs","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,YAAAA,YAAYN,IAAI,YAAY;AAExCO,QAAAA,WAAWL,KAAKM,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,wCACGE,gBAAAA,YAAU;AAAA,IACTT,IAAIU,MAAAA,MAAMV,IAAI,MAAM;AAAA,IACpBW,WAAWC,KAAAA,KAAKX,mCAASC,MAAMW,gBAAAA,QAAgBX,IAAI;AAAA,IAAEY,UAEpDZ,KAAKa,IAAKC,CAAAA,wCACRC,KAAAA,QAAM;AAAA,MAELhB,SAAS;AAAA,QAAEiB,MAAMN,KAAAA,KAAKX,mCAASkB,UAAUN,gBAAAA,QAAgBM,QAAQ;AAAA,MAAE;AAAA,MACnEnB,IAAIU,MAAAA,MAAML,WAAW,QAAQ;AAAA,MAC7BW;AAAAA,MACAZ;AAAAA,MACAD;AAAAA,IAAAA,GALKa,KAAKhB,EAMX,CACF;AAAA,EAAA,CACS;AAEhB;;"}
+{"version":3,"file":"FileList.cjs","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,gBAAAA,WAAWJ,WAAW;AAEpCK,QAAAA,YAAYC,YAAAA,YAAYR,IAAI,YAAY;AAExCS,QAAAA,WAAWN,KAAKO,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,wCACE,MAAA;AAAA,IAAIT,IAAIW,MAAAA,MAAMX,IAAI,MAAM;AAAA,IAAGY,WAAWX,QAAQE;AAAAA,IAAKU,UAChDV,KAAKW,IAAKC,CAAAA,wCACRC,KAAAA,QAAM;AAAA,MAELf,SAAS;AAAA,QAAEgB,MAAMhB,mCAASiB;AAAAA,MAAS;AAAA,MACnClB,IAAIW,MAAAA,MAAMJ,WAAW,QAAQ;AAAA,MAC7BQ;AAAAA,MACAV;AAAAA,MACAD;AAAAA,IAAAA,GALKW,KAAKf,EAMX,CACF;AAAA,EAAA,CACC;AAER;;;"}

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

@@ -1,24 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
+const classes = require("../../../utils/classes.cjs");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const fileListClasses = require("./fileListClasses.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const StyledList = /* @__PURE__ */ _styled__default.default("ul", process.env.NODE_ENV === "production" ? {
-  target: "e1u4sq610"
-} : {
-  target: "e1u4sq610",
-  label: "StyledList"
-})({
-  display: "flex",
-  flexDirection: "column",
-  gap: uikitStyles.theme.space.xs,
-  margin: 0,
-  padding: 0,
-  marginTop: uikitStyles.theme.space.sm,
-  listStyle: "none",
-  [`& .${fileListClasses.default.listItem}`]: {
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvFileList", {
+  list: {
+    display: "flex",
+    flexDirection: "column",
+    gap: uikitStyles.theme.space.xs,
+    margin: 0,
+    padding: 0,
+    marginTop: uikitStyles.theme.space.sm,
+    listStyle: "none"
+  },
+  listItem: {
     position: "relative",
     display: "flex",
     alignItems: "center",
@@ -27,6 +24,7 @@ const StyledList = /* @__PURE__ */ _styled__default.default("ul", process.env.NO
     border: uikitStyles.theme.fileUploader.fileList.itemBorder,
     borderRadius: uikitStyles.theme.fileUploader.fileList.itemBorderRadius
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGVMaXN0L0ZpbGVMaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL0ZpbGVMaXN0L0ZpbGVMaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBmaWxlTGlzdENsYXNzZXMgZnJvbSBcIi4vZmlsZUxpc3RDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFwidWxcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgZ2FwOiB0aGVtZS5zcGFjZS54cyxcbiAgbWFyZ2luOiAwLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICBsaXN0U3R5bGU6IFwibm9uZVwiLFxuXG4gIFtgJiAuJHtmaWxlTGlzdENsYXNzZXMubGlzdEl0ZW19YF06IHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAwcHhgLFxuICAgIGJvcmRlcjogdGhlbWUuZmlsZVVwbG9hZGVyLmZpbGVMaXN0Lml0ZW1Cb3JkZXIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5maWxlVXBsb2FkZXIuZmlsZUxpc3QuaXRlbUJvcmRlclJhZGl1cyxcbiAgfSxcbn0pO1xuIl19 */");
-exports.StyledList = StyledList;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=FileList.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileList.styles.cjs","sources":["../../../../../src/components/FileUploader/FileList/FileList.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport fileListClasses from \"./fileListClasses\";\n\nexport const StyledList = styled(\"ul\")({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: theme.space.xs,\n  margin: 0,\n  padding: 0,\n  marginTop: theme.space.sm,\n  listStyle: \"none\",\n\n  [`& .${fileListClasses.listItem}`]: {\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"center\",\n    background: theme.colors.atmo1,\n    padding: `${theme.space.xs} 0px`,\n    border: theme.fileUploader.fileList.itemBorder,\n    borderRadius: theme.fileUploader.fileList.itemBorderRadius,\n  },\n});\n"],"names":["StyledList","_styled","process","env","NODE_ENV","target","label","display","flexDirection","gap","theme","space","xs","margin","padding","marginTop","sm","listStyle","fileListClasses","listItem","position","alignItems","background","colors","atmo1","border","fileUploader","fileList","itemBorder","borderRadius","itemBorderRadius"],"mappings":";;;;;;;AAIO,MAAMA,aAAoBC,iCAAA,QAAA,MAAIC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrCC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,EACjBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,WAAWL,YAAAA,MAAMC,MAAMK;AAAAA,EACvBC,WAAW;AAAA,EAEX,CAAE,MAAKC,wBAAgBC,UAAU,GAAG;AAAA,IAClCC,UAAU;AAAA,IACVb,SAAS;AAAA,IACTc,YAAY;AAAA,IACZC,YAAYZ,YAAAA,MAAMa,OAAOC;AAAAA,IACzBV,SAAU,GAAEJ,YAAAA,MAAMC,MAAMC;AAAAA,IACxBa,QAAQf,YAAMgB,MAAAA,aAAaC,SAASC;AAAAA,IACpCC,cAAcnB,YAAMgB,MAAAA,aAAaC,SAASG;AAAAA,EAC5C;AACF,GAAC5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4CAAA;;"}
+{"version":3,"file":"FileList.styles.cjs","sources":["../../../../../src/components/FileUploader/FileList/FileList.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFileList\", {\n  list: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: theme.space.xs,\n    margin: 0,\n    padding: 0,\n    marginTop: theme.space.sm,\n    listStyle: \"none\",\n  },\n  listItem: {\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"center\",\n    background: theme.colors.atmo1,\n    padding: `${theme.space.xs} 0px`,\n    border: theme.fileUploader.fileList.itemBorder,\n    borderRadius: theme.fileUploader.fileList.itemBorderRadius,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","list","display","flexDirection","gap","theme","space","xs","margin","padding","marginTop","sm","listStyle","listItem","position","alignItems","background","colors","atmo1","border","fileUploader","fileList","itemBorder","borderRadius","itemBorderRadius"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,WAAWL,YAAAA,MAAMC,MAAMK;AAAAA,IACvBC,WAAW;AAAA,EACb;AAAA,EACAC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVZ,SAAS;AAAA,IACTa,YAAY;AAAA,IACZC,YAAYX,YAAAA,MAAMY,OAAOC;AAAAA,IACzBT,SAAU,GAAEJ,YAAAA,MAAMC,MAAMC;AAAAA,IACxBY,QAAQd,YAAMe,MAAAA,aAAaC,SAASC;AAAAA,IACpCC,cAAclB,YAAMe,MAAAA,aAAaC,SAASG;AAAAA,EAC5C;AACF,CAAC;;;"}

package/dist/cjs/components/FileUploader/Preview/Preview.cjs

@@ -1,39 +1,52 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
 const React = require("react");
-const previewClasses = require("./previewClasses.cjs");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const Preview_styles = require("./Preview.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Button = require("../../Button/Button.cjs");
 const HvFileUploaderPreview = ({
   className,
   children,
-  classes,
+  classes: classesProp,
   disableOverlay = false,
   onUnload,
   onClick,
   ...others
 }) => {
+  const {
+    classes,
+    cx,
+    css
+  } = Preview_styles.useClasses(classesProp);
   React.useEffect(() => {
     return () => {
       onUnload == null ? void 0 : onUnload();
     };
   }, [onUnload]);
   if (onClick) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Preview_styles.StyledButton, {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Button.HvButton, {
       icon: true,
-      className: clsx.clsx(className, classes == null ? void 0 : classes.previewButton, previewClasses.default.previewButton),
+      className: cx(classes.previewButton, className),
       onClick,
       ...others,
-      children: [children, !disableOverlay && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx(Preview_styles.StyledOverlay, {
-          className: clsx.clsx(classes == null ? void 0 : classes.overlay, previewClasses.default.overlay),
-          "aria-hidden": "true"
-        }), /* @__PURE__ */ jsxRuntime.jsx(Preview_styles.StyledPreviewIcon, {})]
+      children: [children, !disableOverlay && /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: classes.overlay,
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Preview, {
+          className: css({
+            position: "absolute",
+            left: "50%",
+            top: "50%",
+            transform: "translate(-50%, -50%)",
+            display: "none"
+          })
+        })
       })]
     });
   }
   return children;
 };
+exports.fileUploaderPreviewClasses = Preview_styles.staticClasses;
 exports.HvFileUploaderPreview = HvFileUploaderPreview;
 //# sourceMappingURL=Preview.cjs.map