@hitachivantara/uikit-react-core 5.0.0-next.1 → 5.0.0-next.10

package/dist/cjs/components/EmptyState/EmptyState.cjs

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const styles = require("@mui/material/styles");
 const clsx = require("clsx");
+const React = require("react");
 const emptyStateClasses = require("./emptyStateClasses.cjs");
 const EmptyState_styles = require("./EmptyState.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+require("@hitachivantara/uikit-styles");
+const ThemeProvider = require("../../providers/ThemeProvider.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvEmptyState = (props) => {
+  const {
+    activeTheme
+  } = React.useContext(ThemeProvider.HvThemeContext);
   const muiTheme = styles.useTheme();
-  const renderNode = (node, className2, type, variant) => node && /* @__PURE__ */ jsxRuntime.jsx(EmptyState_styles.StyledTypography, {
-    breakpoints: muiTheme.breakpoints,
-    type,
-    variant,
-    className: className2,
-    children: node
-  });
+  const renderNode = (type, variant, node, className2) => node && /* @__PURE__ */ jsxRuntime.jsx(EmptyState_styles.StyledTypography, { $type: type, variant, className: className2, children: node });
   const {
     action,
     icon,
@@ -25,22 +25,14 @@ const HvEmptyState = (props) => {
     className,
     ...others
   } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(EmptyState_styles.StyledRoot, {
-    className: clsx__default.default(className, emptyStateClasses.default.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsxs(EmptyState_styles.StyledContainer, {
-      breakpoints: muiTheme.breakpoints,
-      messageOnly: !!(message && !(title || action)),
-      children: [/* @__PURE__ */ jsxRuntime.jsx(EmptyState_styles.StyledIconContainer, {
-        className: clsx__default.default(emptyStateClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
-        children: icon
-      }), /* @__PURE__ */ jsxRuntime.jsxs(EmptyState_styles.StyledTextContainer, {
-        breakpoints: muiTheme.breakpoints,
-        className: clsx__default.default(emptyStateClasses.default.textContainer, classes == null ? void 0 : classes.textContainer),
-        children: [renderNode(title, clsx__default.default(emptyStateClasses.default.titleContainer, classes == null ? void 0 : classes.titleContainer), "title", "title4"), renderNode(message, clsx__default.default(emptyStateClasses.default.messageContainer, classes == null ? void 0 : classes.messageContainer), "message", "body"), renderNode(action, clsx__default.default(emptyStateClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer), "action", "body")]
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(EmptyState_styles.StyledRoot, { className: clsx__default.default(className, emptyStateClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: /* @__PURE__ */ jsxRuntime.jsxs(EmptyState_styles.StyledContainer, { className: clsx__default.default(emptyStateClasses.default.container, classes == null ? void 0 : classes.container, !!(message && !(title || action)) && clsx__default.default(emptyStateClasses.default.containerMessageOnly, classes == null ? void 0 : classes.containerMessageOnly)), $breakpoints: muiTheme.breakpoints, $messageOnly: !!(message && !(title || action)), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx__default.default(emptyStateClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer), children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsxs(EmptyState_styles.StyledTextContainer, { $breakpoints: muiTheme.breakpoints, className: clsx__default.default(emptyStateClasses.default.textContainer, classes == null ? void 0 : classes.textContainer), children: [
+      renderNode("title", activeTheme == null ? void 0 : activeTheme.emptyState.titleVariant, title, clsx__default.default(emptyStateClasses.default.titleContainer, classes == null ? void 0 : classes.titleContainer)),
+      renderNode("message", "body", message, clsx__default.default(emptyStateClasses.default.messageContainer, classes == null ? void 0 : classes.messageContainer)),
+      renderNode("action", "body", action, clsx__default.default(emptyStateClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer))
+    ] })
+  ] }) });
 };
 exports.HvEmptyState = HvEmptyState;
 //# sourceMappingURL=EmptyState.cjs.map

package/dist/cjs/components/EmptyState/EmptyState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport emptyStateClasses, { HvEmptyStateClasses } from \"./emptyStateClasses\";\nimport {\n  StyledContainer,\n  StyledIconContainer,\n  StyledRoot,\n  StyledTextContainer,\n  StyledTypography,\n} from \"./EmptyState.styles\";\n\nexport type HvEmptyStateProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Icon to be presented. */\n  icon: React.ReactNode;\n  /** The title to be shown. */\n  title?: string | React.ReactNode;\n  /** The message to be shown. */\n  message?: string | React.ReactNode;\n  /** The action message to be shown. */\n  action?: string | React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvEmptyStateClasses;\n};\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nexport const HvEmptyState = (props: HvEmptyStateProps) => {\n  const muiTheme = useTheme();\n\n  const renderNode = (node, className, type, variant) =>\n    node && (\n      <StyledTypography\n        breakpoints={muiTheme.breakpoints}\n        type={type}\n        variant={variant}\n        className={className}\n      >\n        {node}\n      </StyledTypography>\n    );\n\n  const { action, icon, title, message, classes, className, ...others } = props;\n\n  return (\n    <StyledRoot\n      className={clsx(className, emptyStateClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledContainer\n        breakpoints={muiTheme.breakpoints}\n        messageOnly={!!(message && !(title || action))}\n      >\n        <StyledIconContainer\n          className={clsx(\n            emptyStateClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </StyledIconContainer>\n        <StyledTextContainer\n          breakpoints={muiTheme.breakpoints}\n          className={clsx(\n            emptyStateClasses.textContainer,\n            classes?.textContainer\n          )}\n        >\n          {renderNode(\n            title,\n            clsx(emptyStateClasses.titleContainer, classes?.titleContainer),\n            \"title\",\n            \"title4\"\n          )}\n          {renderNode(\n            message,\n            clsx(emptyStateClasses.messageContainer, classes?.messageContainer),\n            \"message\",\n            \"body\"\n          )}\n          {renderNode(\n            action,\n            clsx(emptyStateClasses.actionContainer, classes?.actionContainer),\n            \"action\",\n            \"body\"\n          )}\n        </StyledTextContainer>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvEmptyState","props","muiTheme","useTheme","renderNode","node","className","type","variant","StyledTypography","breakpoints","children","action","icon","title","message","classes","others","StyledRoot","clsx","emptyStateClasses","root","StyledContainer","messageOnly","_jsx","StyledIconContainer","iconContainer","_jsxs","StyledTextContainer","textContainer","titleContainer","messageContainer","actionContainer"],"mappings":";;;;;;;;;AA6BaA,MAAAA,eAAeA,CAACC,UAA6B;AACxD,QAAMC,WAAWC,OAAAA;AAEXC,QAAAA,aAAaA,CAACC,MAAMC,YAAWC,MAAMC,YACzCH,uCACGI,oCAAgB;AAAA,IACfC,aAAaR,SAASQ;AAAAA,IACtBH;AAAAA,IACAC;AAAAA,IACAF,WAAWA;AAAAA,IAAUK,UAEpBN;AAAAA,EAAAA,CAEJ;AAEG,QAAA;AAAA,IAAEO;AAAAA,IAAQC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAASV;AAAAA,OAAcW;AAAAA,EAAWhB,IAAAA;AAExE,wCACGiB,kBAAAA,YAAU;AAAA,IACTZ,WAAWa,cAAKb,QAAAA,WAAWc,kBAAkBC,QAAAA,MAAML,mCAASK,IAAI;AAAA,IAAE,GAC9DJ;AAAAA,IAAMN,0CAETW,mCAAe;AAAA,MACdZ,aAAaR,SAASQ;AAAAA,MACtBa,aAAa,CAAC,EAAER,WAAW,EAAED,SAASF;AAAAA,MAASD,UAAA,CAE/Ca,2BAAAA,IAACC,uCAAmB;AAAA,QAClBnB,WAAWa,cAAAA,QACTC,kBAAAA,QAAkBM,eAClBV,mCAASU,aAAa;AAAA,QACtBf,UAEDE;AAAAA,MAAAA,CACmB,GACtBc,2BAAAA,KAACC,uCAAmB;AAAA,QAClBlB,aAAaR,SAASQ;AAAAA,QACtBJ,WAAWa,cAAAA,QACTC,kBAAAA,QAAkBS,eAClBb,mCAASa,aAAa;AAAA,QACtBlB,UAAA,CAEDP,WACCU,OACAK,cAAAA,QAAKC,kBAAAA,QAAkBU,gBAAgBd,mCAASc,cAAc,GAC9D,SACA,QAAQ,GAET1B,WACCW,SACAI,cAAAA,QAAKC,kBAAAA,QAAkBW,kBAAkBf,mCAASe,gBAAgB,GAClE,WACA,MAAM,GAEP3B,WACCQ,QACAO,cAAKC,QAAAA,kBAAAA,QAAkBY,iBAAiBhB,mCAASgB,eAAe,GAChE,UACA,MAAM,CACP;AAAA,MAAA,CACmB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEb;AAEjB;;"}
+{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport React, { useContext } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport emptyStateClasses, { HvEmptyStateClasses } from \"./emptyStateClasses\";\nimport {\n  StyledContainer,\n  StyledRoot,\n  StyledTextContainer,\n  StyledTypography,\n} from \"./EmptyState.styles\";\nimport { HvTypographyProps } from \"components\";\nimport { HvThemeContext } from \"index\";\n\nexport type HvEmptyStateProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Icon to be presented. */\n  icon: React.ReactNode;\n  /** The title to be shown. */\n  title?: string | React.ReactNode;\n  /** The message to be shown. */\n  message?: string | React.ReactNode;\n  /** The action message to be shown. */\n  action?: string | React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvEmptyStateClasses;\n};\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nexport const HvEmptyState = (props: HvEmptyStateProps) => {\n  const { activeTheme } = useContext(HvThemeContext);\n\n  const muiTheme = useTheme();\n\n  const renderNode = (\n    type: \"action\" | \"message\" | \"title\",\n    variant?: HvTypographyProps[\"variant\"],\n    node?: string | React.ReactNode,\n    className?: string\n  ) =>\n    node && (\n      <StyledTypography $type={type} variant={variant} className={className}>\n        {node}\n      </StyledTypography>\n    );\n\n  const { action, icon, title, message, classes, className, ...others } = props;\n\n  return (\n    <StyledRoot\n      className={clsx(className, emptyStateClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledContainer\n        className={clsx(\n          emptyStateClasses.container,\n          classes?.container,\n          !!(message && !(title || action)) &&\n            clsx(\n              emptyStateClasses.containerMessageOnly,\n              classes?.containerMessageOnly\n            )\n        )}\n        $breakpoints={muiTheme.breakpoints}\n        $messageOnly={!!(message && !(title || action))}\n      >\n        <div\n          className={clsx(\n            emptyStateClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </div>\n        <StyledTextContainer\n          $breakpoints={muiTheme.breakpoints}\n          className={clsx(\n            emptyStateClasses.textContainer,\n            classes?.textContainer\n          )}\n        >\n          {renderNode(\n            \"title\",\n            activeTheme?.emptyState.titleVariant,\n            title,\n            clsx(emptyStateClasses.titleContainer, classes?.titleContainer)\n          )}\n          {renderNode(\n            \"message\",\n            \"body\",\n            message,\n            clsx(emptyStateClasses.messageContainer, classes?.messageContainer)\n          )}\n          {renderNode(\n            \"action\",\n            \"body\",\n            action,\n            clsx(emptyStateClasses.actionContainer, classes?.actionContainer)\n          )}\n        </StyledTextContainer>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvEmptyState","props","activeTheme","useContext","HvThemeContext","muiTheme","useTheme","renderNode","type","variant","node","className","jsx","StyledTypography","action","icon","title","message","classes","others","StyledRoot","clsx","emptyStateClasses","root","StyledContainer","container","containerMessageOnly","breakpoints","iconContainer","jsxs","StyledTextContainer","textContainer","emptyState","titleVariant","titleContainer","messageContainer","actionContainer"],"mappings":";;;;;;;;;;;;AA8BaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAgBC,MAAAA,WAAWC,cAAAA,cAAc;AAEjD,QAAMC,WAAWC,OAAAA;AAEjB,QAAMC,aAAaA,CACjBC,MACAC,SACAC,MACAC,eAEAD,QACGE,+BAAAC,kBAAAA,kBAAA,EAAiB,OAAOL,MAAM,SAAkB,WAAWG,YACzDD,UACH,KAAA,CAAA;AAGE,QAAA;AAAA,IAAEI;AAAAA,IAAQC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAASP;AAAAA,OAAcQ;AAAAA,EAAWlB,IAAAA;AAExE,wCACGmB,8BACC,EAAA,WAAWC,cAAAA,QAAKV,WAAWW,kBAAAA,QAAkBC,MAAML,mCAASK,IAAI,GAC5DJ,GAAAA,QAEJ,0CAACK,mCACC,EAAA,WAAWH,cAAAA,QACTC,kBAAkBG,QAAAA,WAClBP,mCAASO,WACT,CAAC,EAAER,WAAW,EAAED,SAASF,YACvBO,sBACEC,0BAAkBI,sBAClBR,mCAASQ,oBAAoB,CAC9B,GAEL,cAAcrB,SAASsB,aACvB,cAAc,CAAC,EAAEV,WAAW,EAAED,SAASF,UAEvC,UAAA;AAAA,IAACF,2BAAAA,IAAA,OAAA,EACC,WAAWS,cACTC,QAAAA,kBAAAA,QAAkBM,eAClBV,mCAASU,aAAa,GAGvBb,UACH,KAAA,CAAA;AAAA,IACAc,2BAAAA,KAACC,kBAAAA,qBACC,EAAA,cAAczB,SAASsB,aACvB,WAAWN,cAAAA,QACTC,kBAAkBS,QAAAA,eAClBb,mCAASa,aAAa,GAGvBxB,UAAAA;AAAAA,MACC,WAAA,SACAL,2CAAa8B,WAAWC,cACxBjB,OACAK,sBAAKC,0BAAkBY,gBAAgBhB,mCAASgB,cAAc,CAAC;AAAA,MAEhE3B,WACC,WACA,QACAU,SACAI,cAAAA,QAAKC,kBAAAA,QAAkBa,kBAAkBjB,mCAASiB,gBAAgB,CAAC;AAAA,MAEpE5B,WACC,UACA,QACAO,QACAO,cAAAA,QAAKC,kBAAAA,QAAkBc,iBAAiBlB,mCAASkB,eAAe,CAAC;AAAA,IAAA,GAErE;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;;"}

package/dist/cjs/components/EmptyState/EmptyState.styles.cjs

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const transientOptions = require("../../utils/transientOptions.cjs");
 const emptyStateClasses = require("./emptyStateClasses.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -9,10 +10,24 @@ 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).";
 }
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
 const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1r2ohw14"
+  target: "e1r2ohw13"
 } : {
-  target: "e1r2ohw14",
+  target: "e1r2ohw13",
   label: "StyledRoot"
 })(process.env.NODE_ENV === "production" ? {
   name: "zcbaso",
@@ -20,101 +35,71 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
 } : {
   name: "zcbaso",
   styles: "width:100%;height:100%;display:flex;justify-content:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoe1xuICAgIG1lc3NhZ2VPbmx5LFxuICAgIGJyZWFrcG9pbnRzLFxuICB9OiB7XG4gICAgbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgYnJlYWtwb2ludHM/OiBhbnk7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBbYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4obWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFticmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICB9LFxuICAgICAgW2AmIC4ke2VtcHR5U3RhdGVDbGFzc2VzLnRleHRDb250YWluZXJ9YF06IHtcbiAgICAgICAgbWFyZ2luTGVmdDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyBicmVha3BvaW50cyB9OiB7IGJyZWFrcG9pbnRzPzogYW55IH0pID0+ICh7XG4gICAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICAgIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgIFticmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSxcbiAgICBcIiYgYVwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKFxuICAoeyB0eXBlLCBicmVha3BvaW50cyB9OiB7IHR5cGU6IHN0cmluZzsgYnJlYWtwb2ludHM/OiBhbnkgfSkgPT4gKHtcbiAgICAuLi4odHlwZSA9PT0gXCJ0aXRsZVwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogNCxcbiAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gICAgLi4uKHR5cGUgPT09IFwidGV4dFwiICYmIHtcbiAgICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICAgIFticmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIH0sXG4gICAgICBcIiYgYVwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBlbXB0eVN0YXRlQ2xhc3NlcyBmcm9tIFwiLi9lbXB0eVN0YXRlQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG1lc3NhZ2VPbmx5LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRtZXNzYWdlT25seTogYm9vbGVhbjtcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9LFxuICAgIC4uLigkbWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBbJGJyZWFrcG9pbnRzLnVwKFwic21cIildOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFwiJiBhXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBcInRpdGxlXCIgfCBcIm1lc3NhZ2VcIiB8IFwiYWN0aW9uXCIgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcInRpdGxlXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuZW1wdHlTdGF0ZS50aXRsZU1hcmdpblRvcCxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1r2ohw13"
-} : {
-  target: "e1r2ohw13",
+const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e1r2ohw12"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e1r2ohw12",
   label: "StyledContainer"
-})(({
-  messageOnly,
-  breakpoints
+}, transientOptions.transientOptions))(({
+  $messageOnly,
+  $breakpoints
 }) => ({
   display: "flex",
   flexDirection: "row",
-  [breakpoints.only("xs")]: {
+  [$breakpoints.only("xs")]: {
     flexDirection: "column",
     alignItems: "center",
     textAlign: "center"
   },
-  ...messageOnly && {
+  ...$messageOnly && {
     alignItems: "center",
-    [breakpoints.only("xs")]: {
+    [$breakpoints.only("xs")]: {
       flexDirection: "row"
     },
     [`& .${emptyStateClasses.default.textContainer}`]: {
       marginLeft: 0
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoe1xuICAgIG1lc3NhZ2VPbmx5LFxuICAgIGJyZWFrcG9pbnRzLFxuICB9OiB7XG4gICAgbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgYnJlYWtwb2ludHM/OiBhbnk7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBbYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4obWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFticmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICB9LFxuICAgICAgW2AmIC4ke2VtcHR5U3RhdGVDbGFzc2VzLnRleHRDb250YWluZXJ9YF06IHtcbiAgICAgICAgbWFyZ2luTGVmdDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyBicmVha3BvaW50cyB9OiB7IGJyZWFrcG9pbnRzPzogYW55IH0pID0+ICh7XG4gICAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICAgIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgIFticmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSxcbiAgICBcIiYgYVwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKFxuICAoeyB0eXBlLCBicmVha3BvaW50cyB9OiB7IHR5cGU6IHN0cmluZzsgYnJlYWtwb2ludHM/OiBhbnkgfSkgPT4gKHtcbiAgICAuLi4odHlwZSA9PT0gXCJ0aXRsZVwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogNCxcbiAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gICAgLi4uKHR5cGUgPT09IFwidGV4dFwiICYmIHtcbiAgICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICAgIFticmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIH0sXG4gICAgICBcIiYgYVwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
-const StyledIconContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1r2ohw12"
-} : {
-  target: "e1r2ohw12",
-  label: "StyledIconContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "0",
-  styles: ""
-} : {
-  name: "0",
-  styles: "",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IGVtcHR5U3RhdGVDbGFzc2VzIGZyb20gXCIuL2VtcHR5U3RhdGVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHtcbiAgICBtZXNzYWdlT25seSxcbiAgICBicmVha3BvaW50cyxcbiAgfToge1xuICAgIG1lc3NhZ2VPbmx5OiBib29sZWFuO1xuICAgIGJyZWFrcG9pbnRzPzogYW55O1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgW2JyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIH0sXG4gICAgLi4uKG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe30pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgYnJlYWtwb2ludHMgfTogeyBicmVha3BvaW50cz86IGFueSB9KSA9PiAoe1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICBbYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0sXG4gICAgXCImIGFcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KShcbiAgKHsgdHlwZSwgYnJlYWtwb2ludHMgfTogeyB0eXBlOiBzdHJpbmc7IGJyZWFrcG9pbnRzPzogYW55IH0pID0+ICh7XG4gICAgLi4uKHR5cGUgPT09IFwidGl0bGVcIiAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IDQsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcInRleHRcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gICAgICBbYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgICB9LFxuICAgICAgXCImIGFcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledTextContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYytCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBlbXB0eVN0YXRlQ2xhc3NlcyBmcm9tIFwiLi9lbXB0eVN0YXRlQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG1lc3NhZ2VPbmx5LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRtZXNzYWdlT25seTogYm9vbGVhbjtcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9LFxuICAgIC4uLigkbWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBbJGJyZWFrcG9pbnRzLnVwKFwic21cIildOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFwiJiBhXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBcInRpdGxlXCIgfCBcIm1lc3NhZ2VcIiB8IFwiYWN0aW9uXCIgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcInRpdGxlXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuZW1wdHlTdGF0ZS50aXRsZU1hcmdpblRvcCxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+const StyledTextContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1r2ohw11"
-} : {
+}, transientOptions.transientOptions) : _extends({}, {
   target: "e1r2ohw11",
   label: "StyledTextContainer"
-})(({
-  breakpoints
+}, transientOptions.transientOptions))(({
+  $breakpoints
 }) => ({
   background: "transparent",
   maxWidth: "510px",
   overflow: "hidden",
-  fontFamily: uikitStyles.theme.fontFamily.body,
-  [breakpoints.up("sm")]: {
+  [$breakpoints.up("sm")]: {
     marginLeft: uikitStyles.theme.space.xs
   },
   "& a": {
     color: uikitStyles.theme.colors.acce2,
     textDecoration: "none"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IGVtcHR5U3RhdGVDbGFzc2VzIGZyb20gXCIuL2VtcHR5U3RhdGVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHtcbiAgICBtZXNzYWdlT25seSxcbiAgICBicmVha3BvaW50cyxcbiAgfToge1xuICAgIG1lc3NhZ2VPbmx5OiBib29sZWFuO1xuICAgIGJyZWFrcG9pbnRzPzogYW55O1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgW2JyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIH0sXG4gICAgLi4uKG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe30pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgYnJlYWtwb2ludHMgfTogeyBicmVha3BvaW50cz86IGFueSB9KSA9PiAoe1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICBbYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0sXG4gICAgXCImIGFcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KShcbiAgKHsgdHlwZSwgYnJlYWtwb2ludHMgfTogeyB0eXBlOiBzdHJpbmc7IGJyZWFrcG9pbnRzPzogYW55IH0pID0+ICh7XG4gICAgLi4uKHR5cGUgPT09IFwidGl0bGVcIiAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IDQsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcInRleHRcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gICAgICBbYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgICB9LFxuICAgICAgXCImIGFcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
-const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiYgYVwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUgfTogeyAkdHlwZTogXCJ0aXRsZVwiIHwgXCJtZXNzYWdlXCIgfCBcImFjdGlvblwiIH0pID0+ICh7XG4gIC4uLigkdHlwZSA9PT0gXCJ0aXRsZVwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLmVtcHR5U3RhdGUudGl0bGVNYXJnaW5Ub3AsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG4gIC4uLigkdHlwZSA9PT0gXCJhY3Rpb25cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG59KSk7XG4iXX0= */");
+const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1r2ohw10"
-} : {
+}, transientOptions.transientOptions) : _extends({}, {
   target: "e1r2ohw10",
   label: "StyledTypography"
-})(({
-  type,
-  breakpoints
+}, transientOptions.transientOptions))(({
+  $type
 }) => ({
-  ...type === "title" && {
-    marginTop: 4,
-    marginBottom: uikitStyles.theme.space.xs
-  },
-  ...type === "text" && {
-    background: "transparent",
-    maxWidth: "510px",
-    overflow: "hidden",
-    fontFamily: uikitStyles.theme.fontFamily.body,
-    [breakpoints.up("sm")]: {
-      marginLeft: uikitStyles.theme.space.xs
-    },
-    "& a": {
-      color: uikitStyles.theme.colors.acce2,
-      textDecoration: "none"
-    }
+  ...$type === "title" && {
+    marginTop: uikitStyles.theme.emptyState.titleMarginTop,
+    marginBottom: uikitStyles.theme.space.sm
   },
-  ...type === "action" && {
-    marginTop: uikitStyles.theme.space.xs
+  ...$type === "action" && {
+    marginTop: uikitStyles.theme.space.sm
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeURnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IGVtcHR5U3RhdGVDbGFzc2VzIGZyb20gXCIuL2VtcHR5U3RhdGVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHtcbiAgICBtZXNzYWdlT25seSxcbiAgICBicmVha3BvaW50cyxcbiAgfToge1xuICAgIG1lc3NhZ2VPbmx5OiBib29sZWFuO1xuICAgIGJyZWFrcG9pbnRzPzogYW55O1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgW2JyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIH0sXG4gICAgLi4uKG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe30pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgYnJlYWtwb2ludHMgfTogeyBicmVha3BvaW50cz86IGFueSB9KSA9PiAoe1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICBbYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0sXG4gICAgXCImIGFcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KShcbiAgKHsgdHlwZSwgYnJlYWtwb2ludHMgfTogeyB0eXBlOiBzdHJpbmc7IGJyZWFrcG9pbnRzPzogYW55IH0pID0+ICh7XG4gICAgLi4uKHR5cGUgPT09IFwidGl0bGVcIiAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IDQsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcInRleHRcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gICAgICBbYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgICB9LFxuICAgICAgXCImIGFcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNERnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiYgYVwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUgfTogeyAkdHlwZTogXCJ0aXRsZVwiIHwgXCJtZXNzYWdlXCIgfCBcImFjdGlvblwiIH0pID0+ICh7XG4gIC4uLigkdHlwZSA9PT0gXCJ0aXRsZVwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLmVtcHR5U3RhdGUudGl0bGVNYXJnaW5Ub3AsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG4gIC4uLigkdHlwZSA9PT0gXCJhY3Rpb25cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG59KSk7XG4iXX0= */");
 exports.StyledContainer = StyledContainer;
-exports.StyledIconContainer = StyledIconContainer;
 exports.StyledRoot = StyledRoot;
 exports.StyledTextContainer = StyledTextContainer;
 exports.StyledTypography = StyledTypography;

package/dist/cjs/components/EmptyState/EmptyState.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.styles.cjs","sources":["../../../../src/components/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport emptyStateClasses from \"./emptyStateClasses\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"100%\",\n  display: \"flex\",\n  justifyContent: \"center\",\n});\n\nexport const StyledContainer = styled(\"div\")(\n  ({\n    messageOnly,\n    breakpoints,\n  }: {\n    messageOnly: boolean;\n    breakpoints?: any;\n  }) => ({\n    display: \"flex\",\n    flexDirection: \"row\",\n    [breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      textAlign: \"center\",\n    },\n    ...(messageOnly && {\n      alignItems: \"center\",\n      [breakpoints.only(\"xs\")]: {\n        flexDirection: \"row\",\n      },\n      [`& .${emptyStateClasses.textContainer}`]: {\n        marginLeft: 0,\n      },\n    }),\n  })\n);\n\nexport const StyledIconContainer = styled(\"div\")({});\n\nexport const StyledTextContainer = styled(\"div\")(\n  ({ breakpoints }: { breakpoints?: any }) => ({\n    background: \"transparent\",\n    maxWidth: \"510px\",\n    overflow: \"hidden\",\n    fontFamily: theme.fontFamily.body,\n    [breakpoints.up(\"sm\")]: {\n      marginLeft: theme.space.xs,\n    },\n    \"& a\": {\n      color: theme.colors.acce2,\n      textDecoration: \"none\",\n    },\n  })\n);\n\nexport const StyledTypography = styled(HvTypography)(\n  ({ type, breakpoints }: { type: string; breakpoints?: any }) => ({\n    ...(type === \"title\" && {\n      marginTop: 4,\n      marginBottom: theme.space.xs,\n    }),\n    ...(type === \"text\" && {\n      background: \"transparent\",\n      maxWidth: \"510px\",\n      overflow: \"hidden\",\n      fontFamily: theme.fontFamily.body,\n      [breakpoints.up(\"sm\")]: {\n        marginLeft: theme.space.xs,\n      },\n      \"& a\": {\n        color: theme.colors.acce2,\n        textDecoration: \"none\",\n      },\n    }),\n    ...(type === \"action\" && {\n      marginTop: theme.space.xs,\n    }),\n  })\n);\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","messageOnly","breakpoints","display","flexDirection","only","alignItems","textAlign","emptyStateClasses","textContainer","marginLeft","StyledIconContainer","StyledTextContainer","background","maxWidth","overflow","fontFamily","theme","body","up","space","xs","color","colors","acce2","textDecoration","StyledTypography","HvTypography","type","marginTop","marginBottom"],"mappings":";;;;;;;;;;;AAKO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKrC;AAEK,MAAMC,kBAAyBX,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EACCO;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,eAAe;AAAA,EACf,CAACF,YAAYG,KAAK,IAAI,IAAI;AAAA,IACxBD,eAAe;AAAA,IACfE,YAAY;AAAA,IACZC,WAAW;AAAA,EACb;AAAA,EACA,GAAIN,eAAe;AAAA,IACjBK,YAAY;AAAA,IACZ,CAACJ,YAAYG,KAAK,IAAI,IAAI;AAAA,MACxBD,eAAe;AAAA,IACjB;AAAA,IACA,CAAE,MAAKI,0BAAkBC,kBAAkB;AAAA,MACzCC,YAAY;AAAA,IACd;AAAA,EACF;AACF,IAAEpB,QAAAC,IAAAC,aACH,eAAA,KAAA,yrGAAA;AAEM,MAAMmB,sBAA6BtB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAAI;AAE7C,MAAMa,sBAA6BvB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAC7C,CAAC;AAAA,EAAEQ;AAAmC,OAAO;AAAA,EAC3CW,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,YAAYC,YAAAA,MAAMD,WAAWE;AAAAA,EAC7B,CAAChB,YAAYiB,GAAG,IAAI,IAAI;AAAA,IACtBT,YAAYO,YAAAA,MAAMG,MAAMC;AAAAA,EAC1B;AAAA,EACA,OAAO;AAAA,IACLC,OAAOL,YAAAA,MAAMM,OAAOC;AAAAA,IACpBC,gBAAgB;AAAA,EAClB;AACF,IAAEnC,QAAAC,IAAAC,aACH,eAAA,KAAA,yrGAAA;AAEM,MAAMkC,mBAA0BC,iCAAAA,QAAAA,WAAAA,cAAYrC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACjD,CAAC;AAAA,EAAEkC;AAAAA,EAAM1B;AAAiD,OAAO;AAAA,EAC/D,GAAI0B,SAAS,WAAW;AAAA,IACtBC,WAAW;AAAA,IACXC,cAAcb,YAAAA,MAAMG,MAAMC;AAAAA,EAC5B;AAAA,EACA,GAAIO,SAAS,UAAU;AAAA,IACrBf,YAAY;AAAA,IACZC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,YAAYC,YAAAA,MAAMD,WAAWE;AAAAA,IAC7B,CAAChB,YAAYiB,GAAG,IAAI,IAAI;AAAA,MACtBT,YAAYO,YAAAA,MAAMG,MAAMC;AAAAA,IAC1B;AAAA,IACA,OAAO;AAAA,MACLC,OAAOL,YAAAA,MAAMM,OAAOC;AAAAA,MACpBC,gBAAgB;AAAA,IAClB;AAAA,EACF;AAAA,EACA,GAAIG,SAAS,YAAY;AAAA,IACvBC,WAAWZ,YAAAA,MAAMG,MAAMC;AAAAA,EACzB;AACF,IAAE/B,QAAAC,IAAAC,aACH,eAAA,KAAA,yrGAAA;;;;;;"}
+{"version":3,"file":"EmptyState.styles.cjs","sources":["../../../../src/components/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport emptyStateClasses from \"./emptyStateClasses\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"100%\",\n  display: \"flex\",\n  justifyContent: \"center\",\n});\n\nexport const StyledContainer = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $messageOnly,\n    $breakpoints,\n  }: {\n    $messageOnly: boolean;\n    $breakpoints: MuiBreakpoints;\n  }) => ({\n    display: \"flex\",\n    flexDirection: \"row\",\n    [$breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      textAlign: \"center\",\n    },\n    ...($messageOnly && {\n      alignItems: \"center\",\n      [$breakpoints.only(\"xs\")]: {\n        flexDirection: \"row\",\n      },\n      [`& .${emptyStateClasses.textContainer}`]: {\n        marginLeft: 0,\n      },\n    }),\n  })\n);\n\nexport const StyledTextContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  background: \"transparent\",\n  maxWidth: \"510px\",\n  overflow: \"hidden\",\n  [$breakpoints.up(\"sm\")]: {\n    marginLeft: theme.space.xs,\n  },\n  \"& a\": {\n    color: theme.colors.acce2,\n    textDecoration: \"none\",\n  },\n}));\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(({ $type }: { $type: \"title\" | \"message\" | \"action\" }) => ({\n  ...($type === \"title\" && {\n    marginTop: theme.emptyState.titleMarginTop,\n    marginBottom: theme.space.sm,\n  }),\n  ...($type === \"action\" && {\n    marginTop: theme.space.sm,\n  }),\n}));\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","_extends","transientOptions","$messageOnly","$breakpoints","display","flexDirection","only","alignItems","textAlign","emptyStateClasses","textContainer","marginLeft","StyledTextContainer","background","maxWidth","overflow","up","theme","space","xs","color","colors","acce2","textDecoration","StyledTypography","HvTypography","$type","marginTop","emptyState","titleMarginTop","marginBottom","sm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKrC;AAEWC,MAAAA,2DACX,OAAKV,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACLS,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,eAAe;AAAA,EACf,CAACF,aAAaG,KAAK,IAAI,IAAI;AAAA,IACzBD,eAAe;AAAA,IACfE,YAAY;AAAA,IACZC,WAAW;AAAA,EACb;AAAA,EACA,GAAIN,gBAAgB;AAAA,IAClBK,YAAY;AAAA,IACZ,CAACJ,aAAaG,KAAK,IAAI,IAAI;AAAA,MACzBD,eAAe;AAAA,IACjB;AAAA,IACA,CAAE,MAAKI,0BAAkBC,kBAAkB;AAAA,MACzCC,YAAY;AAAA,IACd;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aACH,eAAA,KAAA,i4FAAA;AAEYqB,MAAAA,+DACX,OAAKvB,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACLS,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzDU,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,UAAU;AAAA,EACV,CAACZ,aAAaa,GAAG,IAAI,IAAI;AAAA,IACvBL,YAAYM,YAAAA,MAAMC,MAAMC;AAAAA,EAC1B;AAAA,EACA,OAAO;AAAA,IACLC,OAAOH,YAAAA,MAAMI,OAAOC;AAAAA,IACpBC,gBAAgB;AAAA,EAClB;AACF,IAAElC,QAAAC,IAAAC,aAAC,eAAA,KAAA,i4FAAA;AAEUiC,MAAAA,4DACXC,WAAAA,cAAYpC,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACZS,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEyB;AAAiD,OAAO;AAAA,EAC3D,GAAIA,UAAU,WAAW;AAAA,IACvBC,WAAWV,YAAAA,MAAMW,WAAWC;AAAAA,IAC5BC,cAAcb,YAAAA,MAAMC,MAAMa;AAAAA,EAC5B;AAAA,EACA,GAAIL,UAAU,YAAY;AAAA,IACxBC,WAAWV,YAAAA,MAAMC,MAAMa;AAAAA,EACzB;AACF,IAAE1C,QAAAC,IAAAC,aAAC,eAAA,KAAA,i4FAAA;;;;;"}

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const dropZoneClasses = require("./dropZoneClasses.cjs");
 const React = require("react");
 const lodash = require("lodash");
@@ -8,7 +9,6 @@ const DropZone_styles = require("./DropZone.styles.cjs");
 const clsx = require("clsx");
 const utils = require("../utils.cjs");
 const withId = require("../../../hocs/withId.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const setId = require("../../../utils/setId.cjs");
 const keyCheck = require("../../../utils/keyboardUtils/keyCheck.cjs");
 const keyboardCodes = require("../../../utils/keyboardUtils/keyboardCodes.cjs");
@@ -57,112 +57,63 @@ const HvDropZone = withId.default(({
     });
     onFilesAdded == null ? void 0 : onFilesAdded(newFiles);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!hideLabels && /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneLabelsGroup, {
-      id,
-      className: clsx__default.default(classes == null ? void 0 : classes.dropZoneLabelsGroup, dropZoneClasses.default.dropZoneLabelsGroup),
-      "aria-label": "File Dropzone",
-      children: [/* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledLabel, {
-        id: setId.setId(id, "input-file-label"),
-        htmlFor: setId.setId(id, "input-file"),
-        label: labels == null ? void 0 : labels.dropzone,
-        className: clsx__default.default(classes == null ? void 0 : classes.dropZoneLabel, dropZoneClasses.default.dropZoneLabel),
-        $disabled: disabled
-      }), /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledInfoMessage, {
-        $disabled: disabled,
-        id: setId.setId(id, "description"),
-        children: [Number.isInteger(maxFileSize) && `${labels == null ? void 0 : labels.sizeWarning} ${utils.convertUnits(maxFileSize)}`, (labels == null ? void 0 : labels.acceptedFiles) && labels.acceptedFiles, !(labels == null ? void 0 : labels.acceptedFiles) && acceptedFiles.length > 0 && `\xA0(${acceptedFiles.join(", ")})`]
-      })]
-    }), /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneContainer, {
-      id: setId.setId(id, "button"),
-      className: clsx__default.default(classes == null ? void 0 : classes.dropZoneContainer, dropZoneClasses.default.dropZoneContainer, dragState && clsx__default.default(classes == null ? void 0 : classes.dragAction, dropZoneClasses.default.dragAction), disabled && clsx__default.default(classes == null ? void 0 : classes.dropZoneContainerDisabled, dropZoneClasses.default.dropZoneContainerDisabled)),
-      $drag: dragState,
-      $disabled: disabled,
-      role: "button",
-      tabIndex: 0,
-      onDragEnter: (event) => {
-        if (!disabled) {
-          enterDropArea();
-          event.stopPropagation();
-          event.preventDefault();
-        }
-      },
-      onDragLeave: leaveDropArea,
-      onDropCapture: leaveDropArea,
-      onDragOver: (event) => {
-        if (!disabled) {
-          enterDropArea();
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    !hideLabels && /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneLabelsGroup, { id, className: clsx__default.default(classes == null ? void 0 : classes.dropZoneLabelsGroup, dropZoneClasses.default.dropZoneLabelsGroup), "aria-label": "File Dropzone", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledLabel, { id: setId.setId(id, "input-file-label"), htmlFor: setId.setId(id, "input-file"), label: labels == null ? void 0 : labels.dropzone, className: clsx__default.default(classes == null ? void 0 : classes.dropZoneLabel, dropZoneClasses.default.dropZoneLabel), $disabled: disabled }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledInfoMessage, { $disabled: disabled, id: setId.setId(id, "description"), children: [
+        Number.isInteger(maxFileSize) && `${labels == null ? void 0 : labels.sizeWarning} ${utils.convertUnits(maxFileSize)}`,
+        (labels == null ? void 0 : labels.acceptedFiles) && labels.acceptedFiles,
+        !(labels == null ? void 0 : labels.acceptedFiles) && acceptedFiles.length > 0 && `\xA0(${acceptedFiles.join(", ")})`
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneContainer, { id: setId.setId(id, "button"), className: clsx__default.default(classes == null ? void 0 : classes.dropZoneContainer, dropZoneClasses.default.dropZoneContainer, dragState && clsx__default.default(classes == null ? void 0 : classes.dragAction, dropZoneClasses.default.dragAction), disabled && clsx__default.default(classes == null ? void 0 : classes.dropZoneContainerDisabled, dropZoneClasses.default.dropZoneContainerDisabled)), $drag: dragState, $disabled: disabled, role: "button", tabIndex: 0, onDragEnter: (event) => {
+      if (!disabled) {
+        enterDropArea();
+        event.stopPropagation();
+        event.preventDefault();
+      }
+    }, onDragLeave: leaveDropArea, onDropCapture: leaveDropArea, onDragOver: (event) => {
+      if (!disabled) {
+        enterDropArea();
+        event.stopPropagation();
+        event.preventDefault();
+      }
+    }, onDrop: (event) => {
+      if (!disabled) {
+        const {
+          files
+        } = event.dataTransfer;
+        if (multiple === true || files.length === 1) {
           event.stopPropagation();
           event.preventDefault();
+          onChangeHandler(files);
         }
-      },
-      onDrop: (event) => {
-        if (!disabled) {
-          const {
-            files
-          } = event.dataTransfer;
-          if (multiple === true || files.length === 1) {
-            event.stopPropagation();
-            event.preventDefault();
-            onChangeHandler(files);
-          }
+      }
+    }, onKeyDown: (e) => {
+      var _a;
+      if (keyCheck.isKeypress(e, keyboardCodes.keyboardCodes.Enter) || keyCheck.isKeypress(e, 32)) {
+        (_a = inputRef.current) == null ? void 0 : _a.click();
+      }
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledInput, { id: setId.setId(id, "input-file"), tabIndex: -1, className: clsx__default.default(classes == null ? void 0 : classes.inputArea, dropZoneClasses.default.inputArea), type: "file", multiple, disabled, title: !disabled ? `${labels == null ? void 0 : labels.drag}\xA0${labels == null ? void 0 : labels.selectFiles}` : "", onClick: () => {
+        if (inputRef.current) {
+          inputRef.current.value = "";
         }
-      },
-      onKeyDown: (e) => {
+      }, onChange: () => {
         var _a;
-        if (keyCheck.isKeypress(e, keyboardCodes.keyboardCodes.Enter) || keyCheck.isKeypress(e, 32)) {
-          (_a = inputRef.current) == null ? void 0 : _a.click();
+        if (!disabled && ((_a = inputRef.current) == null ? void 0 : _a.files)) {
+          onChangeHandler(inputRef.current.files);
         }
-      },
-      children: [/* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledInput, {
-        id: setId.setId(id, "input-file"),
-        tabIndex: -1,
-        className: clsx__default.default(classes == null ? void 0 : classes.inputArea, dropZoneClasses.default.inputArea),
-        type: "file",
-        multiple,
-        disabled,
-        title: !disabled ? `${labels == null ? void 0 : labels.drag}\xA0${labels == null ? void 0 : labels.selectFiles}` : "",
-        onClick: () => {
-          if (inputRef.current) {
-            inputRef.current.value = "";
-          }
-        },
-        onChange: () => {
-          var _a;
-          if (!disabled && ((_a = inputRef.current) == null ? void 0 : _a.files)) {
-            onChangeHandler(inputRef.current.files);
-          }
-        },
-        ref: inputRef,
-        accept: acceptedFiles.join(","),
-        ...inputProps
-      }), /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropArea, {
-        className: clsx__default.default(classes == null ? void 0 : classes.dropArea, dropZoneClasses.default.dropArea),
-        children: dragState ? /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabel, {
-          className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels),
-          children: /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDragText, {
-            className: clsx__default.default(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText),
-            children: labels == null ? void 0 : labels.dropFiles
-          })
-        }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [/* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaIcon, {
-            iconSize: "M",
-            className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaIcon, dropZoneClasses.default.dropZoneAreaIcon),
-            color: disabled ? "atmo5" : "acce1"
-          }), /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabels, {
-            className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels),
-            children: /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDragText, {
-              className: clsx__default.default(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText),
-              children: [labels == null ? void 0 : labels.drag, /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledSelectedFilesText, {
-                className: clsx__default.default(classes == null ? void 0 : classes.selectFilesText, dropZoneClasses.default.selectFilesText),
-                children: `\xA0${labels == null ? void 0 : labels.selectFiles}`
-              })]
-            })
-          })]
-        })
-      })]
-    })]
-  });
+      }, ref: inputRef, accept: acceptedFiles.join(","), ...inputProps }),
+      /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropArea, { className: clsx__default.default(classes == null ? void 0 : classes.dropArea, dropZoneClasses.default.dropArea), children: dragState ? /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabel, { className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels), children: /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDragText, { className: clsx__default.default(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText), children: labels == null ? void 0 : labels.dropFiles }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaIcon, { iconSize: "M", className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaIcon, dropZoneClasses.default.dropZoneAreaIcon), color: disabled ? "atmo5" : "acce1" }),
+        /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabels, { className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels), children: /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDragText, { className: clsx__default.default(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText), children: [
+          labels == null ? void 0 : labels.drag,
+          /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledSelectedFilesText, { className: clsx__default.default(classes == null ? void 0 : classes.selectFilesText, dropZoneClasses.default.selectFilesText), children: `\xA0${labels == null ? void 0 : labels.selectFiles}` })
+        ] }) })
+      ] }) })
+    ] })
+  ] });
 });
 exports.HvDropZone = HvDropZone;
 //# sourceMappingURL=DropZone.cjs.map