@hitachivantara/uikit-react-core 5.23.0 → 5.24.0

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

@@ -1,106 +1,46 @@
 "use strict";
 Object.defineProperty(exports, 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 };
-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: "e1r2ohw13"
-} : {
-  target: "e1r2ohw13",
-  label: "StyledRoot"
-})(process.env.NODE_ENV === "production" ? {
-  name: "zcbaso",
-  styles: "width:100%;height:100%;display:flex;justify-content:center"
-} : {
-  name: "zcbaso",
-  styles: "width:100%;height:100%;display:flex;justify-content:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiYgYVwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5wcmltYXJ5LFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBcInRpdGxlXCIgfCBcIm1lc3NhZ2VcIiB8IFwiYWN0aW9uXCIgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcInRpdGxlXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuZW1wdHlTdGF0ZS50aXRsZU1hcmdpblRvcCxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1r2ohw12"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1r2ohw12",
-  label: "StyledContainer"
-}, transientOptions.transientOptions))(({
-  $messageOnly,
-  $breakpoints
-}) => ({
-  display: "flex",
-  flexDirection: "row",
-  [$breakpoints.only("xs")]: {
-    flexDirection: "column",
-    alignItems: "center",
-    textAlign: "center"
+const classes = require("../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvEmptyState", {
+  root: {
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    justifyContent: "center"
   },
-  ...$messageOnly && {
+  container: {
+    display: "flex",
+    flexDirection: "row"
+  },
+  containerMessageOnly: {
     alignItems: "center",
-    [$breakpoints.only("xs")]: {
-      flexDirection: "row"
-    },
-    [`& .${emptyStateClasses.default.textContainer}`]: {
+    "& $textContainer": {
       marginLeft: 0
     }
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuaW1wb3J0IGVtcHR5U3RhdGVDbGFzc2VzIGZyb20gXCIuL2VtcHR5U3RhdGVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkbWVzc2FnZU9ubHksXG4gICAgJGJyZWFrcG9pbnRzLFxuICB9OiB7XG4gICAgJG1lc3NhZ2VPbmx5OiBib29sZWFuO1xuICAgICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHM7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIH0sXG4gICAgLi4uKCRtZXNzYWdlT25seSAmJiB7XG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICB9LFxuICAgICAgW2AmIC4ke2VtcHR5U3RhdGVDbGFzc2VzLnRleHRDb250YWluZXJ9YF06IHtcbiAgICAgICAgbWFyZ2luTGVmdDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgbWF4V2lkdGg6IFwiNTEwcHhcIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIFskYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImIGFcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMucHJpbWFyeSxcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUgfTogeyAkdHlwZTogXCJ0aXRsZVwiIHwgXCJtZXNzYWdlXCIgfCBcImFjdGlvblwiIH0pID0+ICh7XG4gIC4uLigkdHlwZSA9PT0gXCJ0aXRsZVwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLmVtcHR5U3RhdGUudGl0bGVNYXJnaW5Ub3AsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG4gIC4uLigkdHlwZSA9PT0gXCJhY3Rpb25cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG59KSk7XG4iXX0= */");
-const StyledTextContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1r2ohw11"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1r2ohw11",
-  label: "StyledTextContainer"
-}, transientOptions.transientOptions))(({
-  $breakpoints
-}) => ({
-  background: "transparent",
-  maxWidth: "510px",
-  overflow: "hidden",
-  [$breakpoints.up("sm")]: {
-    marginLeft: uikitStyles.theme.space.xs
   },
-  "& a": {
-    color: uikitStyles.theme.colors.primary,
-    textDecoration: "none"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0RtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuaW1wb3J0IGVtcHR5U3RhdGVDbGFzc2VzIGZyb20gXCIuL2VtcHR5U3RhdGVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkbWVzc2FnZU9ubHksXG4gICAgJGJyZWFrcG9pbnRzLFxuICB9OiB7XG4gICAgJG1lc3NhZ2VPbmx5OiBib29sZWFuO1xuICAgICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHM7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIH0sXG4gICAgLi4uKCRtZXNzYWdlT25seSAmJiB7XG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICB9LFxuICAgICAgW2AmIC4ke2VtcHR5U3RhdGVDbGFzc2VzLnRleHRDb250YWluZXJ9YF06IHtcbiAgICAgICAgbWFyZ2luTGVmdDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgbWF4V2lkdGg6IFwiNTEwcHhcIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIFskYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImIGFcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMucHJpbWFyeSxcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUgfTogeyAkdHlwZTogXCJ0aXRsZVwiIHwgXCJtZXNzYWdlXCIgfCBcImFjdGlvblwiIH0pID0+ICh7XG4gIC4uLigkdHlwZSA9PT0gXCJ0aXRsZVwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLmVtcHR5U3RhdGUudGl0bGVNYXJnaW5Ub3AsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG4gIC4uLigkdHlwZSA9PT0gXCJhY3Rpb25cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG59KSk7XG4iXX0= */");
-const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1r2ohw10"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1r2ohw10",
-  label: "StyledTypography"
-}, transientOptions.transientOptions))(({
-  $type
-}) => ({
-  ...$type === "title" && {
+  iconContainer: {},
+  titleContainer: {
     marginTop: uikitStyles.theme.emptyState.titleMarginTop,
     marginBottom: uikitStyles.theme.space.sm
   },
-  ...$type === "action" && {
+  textContainer: {
+    background: "transparent",
+    maxWidth: "510px",
+    overflow: "hidden",
+    "& a": {
+      color: uikitStyles.theme.colors.primary,
+      textDecoration: "none"
+    }
+  },
+  messageContainer: {},
+  actionContainer: {
     marginTop: uikitStyles.theme.space.sm
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuaW1wb3J0IGVtcHR5U3RhdGVDbGFzc2VzIGZyb20gXCIuL2VtcHR5U3RhdGVDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkbWVzc2FnZU9ubHksXG4gICAgJGJyZWFrcG9pbnRzLFxuICB9OiB7XG4gICAgJG1lc3NhZ2VPbmx5OiBib29sZWFuO1xuICAgICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHM7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIH0sXG4gICAgLi4uKCRtZXNzYWdlT25seSAmJiB7XG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICB9LFxuICAgICAgW2AmIC4ke2VtcHR5U3RhdGVDbGFzc2VzLnRleHRDb250YWluZXJ9YF06IHtcbiAgICAgICAgbWFyZ2luTGVmdDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgbWF4V2lkdGg6IFwiNTEwcHhcIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIFskYnJlYWtwb2ludHMudXAoXCJzbVwiKV06IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImIGFcIjoge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMucHJpbWFyeSxcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUgfTogeyAkdHlwZTogXCJ0aXRsZVwiIHwgXCJtZXNzYWdlXCIgfCBcImFjdGlvblwiIH0pID0+ICh7XG4gIC4uLigkdHlwZSA9PT0gXCJ0aXRsZVwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLmVtcHR5U3RhdGUudGl0bGVNYXJnaW5Ub3AsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG4gIC4uLigkdHlwZSA9PT0gXCJhY3Rpb25cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG59KSk7XG4iXX0= */");
-exports.StyledContainer = StyledContainer;
-exports.StyledRoot = StyledRoot;
-exports.StyledTextContainer = StyledTextContainer;
-exports.StyledTypography = StyledTypography;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=EmptyState.styles.cjs.map

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\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\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.primary,\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","primary","textDecoration","StyledTypography","HvTypography","$type","marginTop","emptyState","titleMarginTop","marginBottom","sm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,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,CAKtC;AAEYC,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,CAClB,EACE,CAAC;AAAA,EACCC;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,eAAe;AAAA,EACf,CAACF,aAAaG,KAAK,IAAI,CAAC,GAAG;AAAA,IACzBD,eAAe;AAAA,IACfE,YAAY;AAAA,IACZC,WAAW;AAAA,EACb;AAAA,EACA,GAAIN,gBAAgB;AAAA,IAClBK,YAAY;AAAA,IACZ,CAACJ,aAAaG,KAAK,IAAI,CAAC,GAAG;AAAA,MACzBD,eAAe;AAAA,IACjB;AAAA,IACA,CAAE,MAAKI,0BAAkBC,eAAe,GAAG;AAAA,MACzCC,YAAY;AAAA,IACd;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,88FACJ;AAEaqB,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,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzDU,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,UAAU;AAAA,EACV,CAACZ,aAAaa,GAAG,IAAI,CAAC,GAAG;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,66FAAA;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,CAClB,EAAE,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,66FAAA;;;;;"}
+{"version":3,"file":"EmptyState.styles.cjs","sources":["../../../../src/components/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvEmptyState\", {\n  root: {\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n  container: { display: \"flex\", flexDirection: \"row\" },\n  containerMessageOnly: {\n    alignItems: \"center\",\n    \"& $textContainer\": {\n      marginLeft: 0,\n    },\n  },\n  iconContainer: {},\n  titleContainer: {\n    marginTop: theme.emptyState.titleMarginTop,\n    marginBottom: theme.space.sm,\n  },\n  textContainer: {\n    background: \"transparent\",\n    maxWidth: \"510px\",\n    overflow: \"hidden\",\n    \"& a\": {\n      color: theme.colors.primary,\n      textDecoration: \"none\",\n    },\n  },\n  messageContainer: {},\n  actionContainer: { marginTop: theme.space.sm },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","width","height","display","justifyContent","container","flexDirection","containerMessageOnly","alignItems","marginLeft","iconContainer","titleContainer","marginTop","theme","emptyState","titleMarginTop","marginBottom","space","sm","textContainer","background","maxWidth","overflow","color","colors","primary","textDecoration","messageContainer","actionContainer"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,gBAAgB;AAAA,EACzEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,gBAAgB;AAAA,EAClB;AAAA,EACAC,WAAW;AAAA,IAAEF,SAAS;AAAA,IAAQG,eAAe;AAAA,EAAM;AAAA,EACnDC,sBAAsB;AAAA,IACpBC,YAAY;AAAA,IACZ,oBAAoB;AAAA,MAClBC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,eAAe,CAAC;AAAA,EAChBC,gBAAgB;AAAA,IACdC,WAAWC,YAAAA,MAAMC,WAAWC;AAAAA,IAC5BC,cAAcH,YAAAA,MAAMI,MAAMC;AAAAA,EAC5B;AAAA,EACAC,eAAe;AAAA,IACbC,YAAY;AAAA,IACZC,UAAU;AAAA,IACVC,UAAU;AAAA,IACV,OAAO;AAAA,MACLC,OAAOV,YAAAA,MAAMW,OAAOC;AAAAA,MACpBC,gBAAgB;AAAA,IAClB;AAAA,EACF;AAAA,EACAC,kBAAkB,CAAC;AAAA,EACnBC,iBAAiB;AAAA,IAAEhB,WAAWC,YAAAA,MAAMI,MAAMC;AAAAA,EAAG;AAC/C,CAAC;;;"}

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

@@ -3,20 +3,22 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const uniqueId = require("lodash/uniqueId");
 const accept = require("attr-accept");
-const clsx = require("clsx");
 const keyboardUtils = require("../../../utils/keyboardUtils.cjs");
 const setId = require("../../../utils/setId.cjs");
 const useUniqueId = require("../../../hooks/useUniqueId.cjs");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const utils = require("../utils.cjs");
 const DropZone_styles = require("./DropZone.styles.cjs");
-const dropZoneClasses = require("./dropZoneClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Label = require("../../Forms/Label/Label.cjs");
+const InfoMessage = require("../../Forms/InfoMessage/InfoMessage.cjs");
+const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const uniqueId__default = /* @__PURE__ */ _interopDefault(uniqueId);
 const accept__default = /* @__PURE__ */ _interopDefault(accept);
 const HvDropZone = ({
   id: idProp,
-  classes,
+  classes: classesProp,
   labels,
   acceptedFiles,
   maxFileSize,
@@ -27,6 +29,10 @@ const HvDropZone = ({
   onFilesAdded
 }) => {
   const id = useUniqueId.useUniqueId(idProp, "dropzone");
+  const {
+    classes,
+    cx
+  } = DropZone_styles.useClasses(classesProp);
   const [dragState, setDrag] = React.useState(false);
   const inputRef = React.useRef(null);
   const leaveDropArea = () => {
@@ -58,26 +64,25 @@ const HvDropZone = ({
     onFilesAdded == null ? void 0 : onFilesAdded(newFiles);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!hideLabels && /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneLabelsGroup, {
+    children: [!hideLabels && /* @__PURE__ */ jsxRuntime.jsxs("div", {
       id,
-      className: clsx.clsx(classes == null ? void 0 : classes.dropZoneLabelsGroup, dropZoneClasses.default.dropZoneLabelsGroup),
+      className: classes.dropZoneLabelsGroup,
       "aria-label": "File Dropzone",
-      children: [/* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledLabel, {
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, {
         id: setId.setId(id, "input-file-label"),
         htmlFor: setId.setId(id, "input-file"),
         label: labels == null ? void 0 : labels.dropzone,
-        className: clsx.clsx(classes == null ? void 0 : classes.dropZoneLabel, dropZoneClasses.default.dropZoneLabel),
-        $disabled: disabled
-      }), /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledInfoMessage, {
-        $disabled: disabled,
+        className: classes.dropZoneLabel
+      }), /* @__PURE__ */ jsxRuntime.jsxs(InfoMessage.HvInfoMessage, {
         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 && ` (${acceptedFiles.join(", ")})`]
       })]
-    }), /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneContainer, {
+    }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
       id: setId.setId(id, "button"),
-      className: clsx.clsx(classes == null ? void 0 : classes.dropZoneContainer, dropZoneClasses.default.dropZoneContainer, dragState && clsx.clsx(classes == null ? void 0 : classes.dragAction, dropZoneClasses.default.dragAction), disabled && clsx.clsx(classes == null ? void 0 : classes.dropZoneContainerDisabled, dropZoneClasses.default.dropZoneContainerDisabled)),
-      $drag: dragState,
-      $disabled: disabled,
+      className: cx(classes.dropZoneContainer, {
+        [classes.dragAction]: dragState,
+        [classes.dropZoneContainerDisabled]: disabled
+      }),
       role: "button",
       tabIndex: 0,
       onDragEnter: (event) => {
@@ -114,10 +119,10 @@ const HvDropZone = ({
           (_a = inputRef.current) == null ? void 0 : _a.click();
         }
       },
-      children: [/* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledInput, {
+      children: [/* @__PURE__ */ jsxRuntime.jsx("input", {
         id: setId.setId(id, "input-file"),
         tabIndex: -1,
-        className: clsx.clsx(classes == null ? void 0 : classes.inputArea, dropZoneClasses.default.inputArea),
+        className: classes.inputArea,
         type: "file",
         multiple,
         disabled,
@@ -136,25 +141,25 @@ const HvDropZone = ({
         ref: inputRef,
         accept: acceptedFiles.join(","),
         ...inputProps
-      }), /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropArea, {
-        className: clsx.clsx(classes == null ? void 0 : classes.dropArea, dropZoneClasses.default.dropArea),
-        children: dragState ? /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabel, {
-          className: clsx.clsx(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels),
-          children: /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDragText, {
-            className: clsx.clsx(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText),
+      }), /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: classes == null ? void 0 : classes.dropArea,
+        children: dragState ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: classes.dropZoneAreaLabels,
+          children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+            className: classes.dragText,
             children: labels == null ? void 0 : labels.dropFiles
           })
         }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [/* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaIcon, {
+          children: [/* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Doc, {
             iconSize: "M",
-            className: clsx.clsx(classes == null ? void 0 : classes.dropZoneAreaIcon, dropZoneClasses.default.dropZoneAreaIcon),
+            className: classes.dropZoneAreaIcon,
             color: disabled ? "secondary_60" : "secondary"
-          }), /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabels, {
-            className: clsx.clsx(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels),
-            children: /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDragText, {
-              className: clsx.clsx(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText),
-              children: [labels == null ? void 0 : labels.drag, /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledSelectedFilesText, {
-                className: clsx.clsx(classes == null ? void 0 : classes.selectFilesText, dropZoneClasses.default.selectFilesText),
+          }), /* @__PURE__ */ jsxRuntime.jsx("div", {
+            className: classes.dropZoneAreaLabels,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Typography.HvTypography, {
+              className: classes.dragText,
+              children: [labels == null ? void 0 : labels.drag, /* @__PURE__ */ jsxRuntime.jsx("span", {
+                className: classes.selectFilesText,
                 children: ` ${labels == null ? void 0 : labels.selectFiles}`
               })]
             })
@@ -164,5 +169,6 @@ const HvDropZone = ({
     })]
   });
 };
+exports.dropZoneClasses = DropZone_styles.staticClasses;
 exports.HvDropZone = HvDropZone;
 //# sourceMappingURL=DropZone.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropZone.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport uniqueId from \"lodash/uniqueId\";\n\nimport accept from \"attr-accept\";\n\nimport { clsx } from \"clsx\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\n\nimport { convertUnits } from \"../utils\";\nimport {\n  StyledDragText,\n  StyledDropArea,\n  StyledDropAreaIcon,\n  StyledDropAreaLabel,\n  StyledDropAreaLabels,\n  StyledDropZoneContainer,\n  StyledDropZoneLabelsGroup,\n  StyledInfoMessage,\n  StyledInput,\n  StyledLabel,\n  StyledSelectedFilesText,\n} from \"./DropZone.styles\";\nimport dropZoneClasses, { HvDropZoneClasses } from \"./dropZoneClasses\";\nimport { HvFileData, HvFilesAddedEvent } from \"../File\";\n\nexport interface HvDropZoneLabels {\n  /**\n   * Extensions of the accepted file types\n   */\n  acceptedFiles?: string;\n  /**\n   * Dropzone area label.\n   */\n  dropzone?: string;\n  /**\n   * Size file warning label.\n   */\n  sizeWarning?: string;\n  /**\n   * Size file warning label.\n   */\n  drag?: string;\n  /**\n   * Size file warning label.\n   */\n  selectFiles?: string;\n  /**\n   * Theming sheet used to style components\n   * */\n  dropFiles?: string;\n  /**\n   * Message to display when file size is greater than allowed\n   * */\n  fileSizeError?: string;\n  /**\n   * Message to display when file type is greater than allowed\n   * */\n  fileTypeError?: string;\n}\n\nexport interface HvDropZoneProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Labels to present in FileUploader.\n   */\n  labels?: HvDropZoneLabels;\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple?: boolean;\n  /**\n   * If the input is disabled or not\n   */\n  disabled?: boolean;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: string[];\n  /**\n   * Max upload size\n   * */\n  maxFileSize: number;\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvDropZoneClasses;\n}\n\nexport const HvDropZone = ({\n  id: idProp,\n  classes,\n  labels,\n  acceptedFiles,\n  maxFileSize,\n  inputProps,\n  hideLabels,\n  multiple = true,\n  disabled = false,\n  onFilesAdded,\n}: HvDropZoneProps) => {\n  const id = useUniqueId(idProp, \"dropzone\");\n  const [dragState, setDrag] = useState<boolean>(false);\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const leaveDropArea = () => {\n    setDrag(false);\n  };\n\n  const enterDropArea = () => {\n    setDrag(true);\n  };\n\n  const onChangeHandler = (filesList: FileList) => {\n    const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);\n\n    const newFiles: HvFileData[] = [];\n\n    filesToProcess.forEach((file: File) => {\n      const newFile: HvFileData = file;\n\n      const isSizeAllowed = file.size <= maxFileSize;\n      const isFileAccepted =\n        !acceptedFiles.length ||\n        acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 ||\n        acceptedFiles.some((acceptExtension) =>\n          accept({ name: file.name, type: file.type }, acceptExtension)\n        );\n\n      if (!isFileAccepted) {\n        newFile.errorMessage = labels?.fileTypeError;\n        newFile.status = \"fail\";\n      } else if (!isSizeAllowed) {\n        newFile.errorMessage = labels?.fileSizeError;\n        newFile.status = \"fail\";\n      }\n\n      newFile.id = uniqueId(\"uploaded-file-data-\");\n      newFiles.push(newFile);\n    });\n\n    onFilesAdded?.(newFiles);\n  };\n\n  return (\n    <>\n      {!hideLabels && (\n        <StyledDropZoneLabelsGroup\n          id={id}\n          className={clsx(\n            classes?.dropZoneLabelsGroup,\n            dropZoneClasses.dropZoneLabelsGroup\n          )}\n          aria-label=\"File Dropzone\"\n        >\n          <StyledLabel\n            id={setId(id, \"input-file-label\")}\n            htmlFor={setId(id, \"input-file\")}\n            label={labels?.dropzone}\n            className={clsx(\n              classes?.dropZoneLabel,\n              dropZoneClasses.dropZoneLabel\n            )}\n            $disabled={disabled}\n          />\n          <StyledInfoMessage $disabled={disabled} id={setId(id, \"description\")}>\n            {Number.isInteger(maxFileSize) &&\n              `${labels?.sizeWarning} ${convertUnits(maxFileSize)}`}\n            {labels?.acceptedFiles && labels.acceptedFiles}\n            {!labels?.acceptedFiles &&\n              acceptedFiles.length > 0 &&\n              `\\u00A0(${acceptedFiles.join(\", \")})`}\n          </StyledInfoMessage>\n        </StyledDropZoneLabelsGroup>\n      )}\n      <StyledDropZoneContainer\n        id={setId(id, \"button\")}\n        className={clsx(\n          classes?.dropZoneContainer,\n          dropZoneClasses.dropZoneContainer,\n          dragState && clsx(classes?.dragAction, dropZoneClasses.dragAction),\n          disabled &&\n            clsx(\n              classes?.dropZoneContainerDisabled,\n              dropZoneClasses.dropZoneContainerDisabled\n            )\n        )}\n        $drag={dragState}\n        $disabled={disabled}\n        role=\"button\"\n        tabIndex={0}\n        onDragEnter={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDragLeave={leaveDropArea}\n        onDropCapture={leaveDropArea}\n        onDragOver={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDrop={(event) => {\n          if (!disabled) {\n            const { files } = event.dataTransfer;\n            if (multiple === true || files.length === 1) {\n              event.stopPropagation();\n              event.preventDefault();\n              onChangeHandler(files);\n            }\n          }\n        }}\n        onKeyDown={(e) => {\n          if (isKey(e, \"Enter\") || isKey(e, \"Space\")) {\n            inputRef.current?.click();\n          }\n        }}\n      >\n        <StyledInput\n          id={setId(id, \"input-file\")}\n          tabIndex={-1}\n          className={clsx(classes?.inputArea, dropZoneClasses.inputArea)}\n          type=\"file\"\n          multiple={multiple}\n          disabled={disabled}\n          title={!disabled ? `${labels?.drag}\\xa0${labels?.selectFiles}` : \"\"}\n          onClick={() => {\n            if (inputRef.current) {\n              inputRef.current.value = \"\";\n            }\n          }}\n          onChange={() => {\n            if (!disabled && inputRef.current?.files) {\n              onChangeHandler(inputRef.current.files);\n            }\n          }}\n          ref={inputRef}\n          accept={acceptedFiles.join(\",\")}\n          {...inputProps}\n        />\n        <StyledDropArea\n          className={clsx(classes?.dropArea, dropZoneClasses.dropArea)}\n        >\n          {dragState ? (\n            <StyledDropAreaLabel\n              className={clsx(\n                classes?.dropZoneAreaLabels,\n                dropZoneClasses.dropZoneAreaLabels\n              )}\n            >\n              <StyledDragText\n                className={clsx(classes?.dragText, dropZoneClasses.dragText)}\n              >\n                {labels?.dropFiles}\n              </StyledDragText>\n            </StyledDropAreaLabel>\n          ) : (\n            <>\n              <StyledDropAreaIcon\n                iconSize=\"M\"\n                className={clsx(\n                  classes?.dropZoneAreaIcon,\n                  dropZoneClasses.dropZoneAreaIcon\n                )}\n                color={disabled ? \"secondary_60\" : \"secondary\"}\n              />\n              <StyledDropAreaLabels\n                className={clsx(\n                  classes?.dropZoneAreaLabels,\n                  dropZoneClasses.dropZoneAreaLabels\n                )}\n              >\n                <StyledDragText\n                  className={clsx(classes?.dragText, dropZoneClasses.dragText)}\n                >\n                  {labels?.drag}\n                  <StyledSelectedFilesText\n                    className={clsx(\n                      classes?.selectFilesText,\n                      dropZoneClasses.selectFilesText\n                    )}\n                  >{`\\xa0${labels?.selectFiles}`}</StyledSelectedFilesText>\n                </StyledDragText>\n              </StyledDropAreaLabels>\n            </>\n          )}\n        </StyledDropArea>\n      </StyledDropZoneContainer>\n    </>\n  );\n};\n"],"names":["HvDropZone","id","idProp","classes","labels","acceptedFiles","maxFileSize","inputProps","hideLabels","multiple","disabled","onFilesAdded","useUniqueId","dragState","setDrag","useState","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","filesList","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","_Fragment","children","StyledDropZoneLabelsGroup","className","clsx","dropZoneLabelsGroup","dropZoneClasses","_jsx","StyledLabel","setId","htmlFor","label","dropzone","dropZoneLabel","$disabled","_jsxs","StyledInfoMessage","Number","isInteger","sizeWarning","convertUnits","join","StyledDropZoneContainer","dropZoneContainer","dragAction","dropZoneContainerDisabled","$drag","role","tabIndex","onDragEnter","event","stopPropagation","preventDefault","onDragLeave","onDropCapture","onDragOver","onDrop","files","dataTransfer","onKeyDown","isKey","current","click","StyledInput","inputArea","title","drag","selectFiles","onClick","value","onChange","ref","StyledDropArea","dropArea","StyledDropAreaLabel","dropZoneAreaLabels","StyledDragText","dragText","dropFiles","StyledDropAreaIcon","iconSize","dropZoneAreaIcon","color","StyledDropAreaLabels","StyledSelectedFilesText","selectFilesText"],"mappings":"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"}
+{"version":3,"file":"DropZone.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport uniqueId from \"lodash/uniqueId\";\n\nimport accept from \"attr-accept\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { HvInfoMessage, HvLabel } from \"@core/components/Forms\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { convertUnits } from \"../utils\";\nimport { HvFileData, HvFilesAddedEvent } from \"../File\";\n\nimport { staticClasses, useClasses } from \"./DropZone.styles\";\n\nexport { staticClasses as dropZoneClasses };\n\nexport type HvDropZoneClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDropZoneLabels {\n  /**\n   * Extensions of the accepted file types\n   */\n  acceptedFiles?: string;\n  /**\n   * Dropzone area label.\n   */\n  dropzone?: string;\n  /**\n   * Size file warning label.\n   */\n  sizeWarning?: string;\n  /**\n   * Size file warning label.\n   */\n  drag?: string;\n  /**\n   * Size file warning label.\n   */\n  selectFiles?: string;\n  /**\n   * Theming sheet used to style components\n   * */\n  dropFiles?: string;\n  /**\n   * Message to display when file size is greater than allowed\n   * */\n  fileSizeError?: string;\n  /**\n   * Message to display when file type is greater than allowed\n   * */\n  fileTypeError?: string;\n}\n\nexport interface HvDropZoneProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Labels to present in FileUploader.\n   */\n  labels?: HvDropZoneLabels;\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple?: boolean;\n  /**\n   * If the input is disabled or not\n   */\n  disabled?: boolean;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: string[];\n  /**\n   * Max upload size\n   * */\n  maxFileSize: number;\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvDropZoneClasses;\n}\n\nexport const HvDropZone = ({\n  id: idProp,\n  classes: classesProp,\n  labels,\n  acceptedFiles,\n  maxFileSize,\n  inputProps,\n  hideLabels,\n  multiple = true,\n  disabled = false,\n  onFilesAdded,\n}: HvDropZoneProps) => {\n  const id = useUniqueId(idProp, \"dropzone\");\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const [dragState, setDrag] = useState<boolean>(false);\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const leaveDropArea = () => {\n    setDrag(false);\n  };\n\n  const enterDropArea = () => {\n    setDrag(true);\n  };\n\n  const onChangeHandler = (filesList: FileList) => {\n    const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);\n\n    const newFiles: HvFileData[] = [];\n\n    filesToProcess.forEach((file: File) => {\n      const newFile: HvFileData = file;\n\n      const isSizeAllowed = file.size <= maxFileSize;\n      const isFileAccepted =\n        !acceptedFiles.length ||\n        acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 ||\n        acceptedFiles.some((acceptExtension) =>\n          accept({ name: file.name, type: file.type }, acceptExtension)\n        );\n\n      if (!isFileAccepted) {\n        newFile.errorMessage = labels?.fileTypeError;\n        newFile.status = \"fail\";\n      } else if (!isSizeAllowed) {\n        newFile.errorMessage = labels?.fileSizeError;\n        newFile.status = \"fail\";\n      }\n\n      newFile.id = uniqueId(\"uploaded-file-data-\");\n      newFiles.push(newFile);\n    });\n\n    onFilesAdded?.(newFiles);\n  };\n\n  return (\n    <>\n      {!hideLabels && (\n        <div\n          id={id}\n          className={classes.dropZoneLabelsGroup}\n          aria-label=\"File Dropzone\"\n        >\n          <HvLabel\n            id={setId(id, \"input-file-label\")}\n            htmlFor={setId(id, \"input-file\")}\n            label={labels?.dropzone}\n            className={classes.dropZoneLabel}\n          />\n          <HvInfoMessage id={setId(id, \"description\")}>\n            {Number.isInteger(maxFileSize) &&\n              `${labels?.sizeWarning} ${convertUnits(maxFileSize)}`}\n            {labels?.acceptedFiles && labels.acceptedFiles}\n            {!labels?.acceptedFiles &&\n              acceptedFiles.length > 0 &&\n              `\\u00A0(${acceptedFiles.join(\", \")})`}\n          </HvInfoMessage>\n        </div>\n      )}\n      <div\n        id={setId(id, \"button\")}\n        className={cx(classes.dropZoneContainer, {\n          [classes.dragAction]: dragState,\n          [classes.dropZoneContainerDisabled]: disabled,\n        })}\n        role=\"button\"\n        tabIndex={0}\n        onDragEnter={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDragLeave={leaveDropArea}\n        onDropCapture={leaveDropArea}\n        onDragOver={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDrop={(event) => {\n          if (!disabled) {\n            const { files } = event.dataTransfer;\n            if (multiple === true || files.length === 1) {\n              event.stopPropagation();\n              event.preventDefault();\n              onChangeHandler(files);\n            }\n          }\n        }}\n        onKeyDown={(e) => {\n          if (isKey(e, \"Enter\") || isKey(e, \"Space\")) {\n            inputRef.current?.click();\n          }\n        }}\n      >\n        <input\n          id={setId(id, \"input-file\")}\n          tabIndex={-1}\n          className={classes.inputArea}\n          type=\"file\"\n          multiple={multiple}\n          disabled={disabled}\n          title={!disabled ? `${labels?.drag}\\xa0${labels?.selectFiles}` : \"\"}\n          onClick={() => {\n            if (inputRef.current) {\n              inputRef.current.value = \"\";\n            }\n          }}\n          onChange={() => {\n            if (!disabled && inputRef.current?.files) {\n              onChangeHandler(inputRef.current.files);\n            }\n          }}\n          ref={inputRef}\n          accept={acceptedFiles.join(\",\")}\n          {...inputProps}\n        />\n        <div className={classes?.dropArea}>\n          {dragState ? (\n            <div className={classes.dropZoneAreaLabels}>\n              <HvTypography className={classes.dragText}>\n                {labels?.dropFiles}\n              </HvTypography>\n            </div>\n          ) : (\n            <>\n              <Doc\n                iconSize=\"M\"\n                className={classes.dropZoneAreaIcon}\n                color={disabled ? \"secondary_60\" : \"secondary\"}\n              />\n              <div className={classes.dropZoneAreaLabels}>\n                <HvTypography className={classes.dragText}>\n                  {labels?.drag}\n                  <span\n                    className={classes.selectFilesText}\n                  >{`\\xa0${labels?.selectFiles}`}</span>\n                </HvTypography>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["HvDropZone","id","idProp","classes","classesProp","labels","acceptedFiles","maxFileSize","inputProps","hideLabels","multiple","disabled","onFilesAdded","useUniqueId","cx","useClasses","dragState","setDrag","useState","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","filesList","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","_Fragment","children","className","dropZoneLabelsGroup","_jsx","HvLabel","setId","htmlFor","label","dropzone","dropZoneLabel","_jsxs","HvInfoMessage","Number","isInteger","sizeWarning","convertUnits","join","dropZoneContainer","dragAction","dropZoneContainerDisabled","role","tabIndex","onDragEnter","event","stopPropagation","preventDefault","onDragLeave","onDropCapture","onDragOver","onDrop","files","dataTransfer","onKeyDown","isKey","current","click","inputArea","title","drag","selectFiles","onClick","value","onChange","ref","dropArea","dropZoneAreaLabels","HvTypography","dragText","dropFiles","Doc","iconSize","dropZoneAreaIcon","color","selectFilesText"],"mappings":";;;;;;;;;;;;;;;;;;AAqGO,MAAMA,aAAaA,CAAC;AAAA,EACzBC,IAAIC;AAAAA,EACJC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC;AACe,MAAM;AACfX,QAAAA,KAAKY,YAAAA,YAAYX,QAAQ,UAAU;AAEnC,QAAA;AAAA,IAAEC;AAAAA,IAASW;AAAAA,EAAAA,IAAOC,gBAAAA,WAAWX,WAAW;AAE9C,QAAM,CAACY,WAAWC,OAAO,IAAIC,eAAkB,KAAK;AAE9CC,QAAAA,WAAWC,aAAgC,IAAI;AAErD,QAAMC,gBAAgBA,MAAM;AAC1BJ,YAAQ,KAAK;AAAA,EAAA;AAGf,QAAMK,gBAAgBA,MAAM;AAC1BL,YAAQ,IAAI;AAAA,EAAA;AAGRM,QAAAA,kBAAkBA,CAACC,cAAwB;AACzCC,UAAAA,iBAAiBC,OAAOC,KAAKH,SAAS,EAAEI,IAAKC,CAAAA,MAAML,UAAUK,CAAC,CAAC;AAErE,UAAMC,WAAyB,CAAA;AAEhBC,mBAAAA,QAAQ,CAACC,SAAe;AACrC,YAAMC,UAAsBD;AAEtBE,YAAAA,gBAAgBF,KAAKG,QAAQ5B;AACnC,YAAM6B,iBACJ,CAAC9B,cAAc+B,UACf/B,cAAcgC,QAAQN,KAAKO,KAAKC,MAAM,GAAG,EAAE,CAAC,CAAC,IAAI,MACjDlC,cAAcmC,KAAMC,qBAClBC,wBAAO;AAAA,QAAEC,MAAMZ,KAAKY;AAAAA,QAAML,MAAMP,KAAKO;AAAAA,MAAAA,GAAQG,eAAe,CAC9D;AAEF,UAAI,CAACN,gBAAgB;AACnBH,gBAAQY,eAAexC,iCAAQyC;AAC/Bb,gBAAQc,SAAS;AAAA,MAAA,WACR,CAACb,eAAe;AACzBD,gBAAQY,eAAexC,iCAAQ2C;AAC/Bf,gBAAQc,SAAS;AAAA,MACnB;AAEQ9C,cAAAA,KAAKgD,0BAAS,qBAAqB;AAC3CnB,eAASoB,KAAKjB,OAAO;AAAA,IAAA,CACtB;AAEDrB,iDAAekB;AAAAA,EAAQ;AAGzB,yCACEqB,WAAAA,UAAA;AAAA,IAAAC,UACG,CAAA,CAAC3C,8CACA,OAAA;AAAA,MACER;AAAAA,MACAoD,WAAWlD,QAAQmD;AAAAA,MACnB,cAAW;AAAA,MAAeF,UAAA,CAE1BG,2BAAAA,IAACC,eAAO;AAAA,QACNvD,IAAIwD,MAAAA,MAAMxD,IAAI,kBAAkB;AAAA,QAChCyD,SAASD,MAAAA,MAAMxD,IAAI,YAAY;AAAA,QAC/B0D,OAAOtD,iCAAQuD;AAAAA,QACfP,WAAWlD,QAAQ0D;AAAAA,MAAAA,CACpB,GACDC,2BAAAA,KAACC,2BAAa;AAAA,QAAC9D,IAAIwD,MAAAA,MAAMxD,IAAI,aAAa;AAAA,QAAEmD,UAAA,CACzCY,OAAOC,UAAU1D,WAAW,KAC1B,GAAEF,iCAAQ6D,eAAeC,MAAa5D,aAAAA,WAAW,MACnDF,iCAAQC,kBAAiBD,OAAOC,eAChC,EAACD,iCAAQC,kBACRA,cAAc+B,SAAS,KACtB,KAAS/B,cAAc8D,KAAK,IAAI,IAAI;AAAA,MAAA,CAC1B,CAAC;AAAA,IAAA,CACb,GAEPN,2BAAAA,KAAA,OAAA;AAAA,MACE7D,IAAIwD,MAAAA,MAAMxD,IAAI,QAAQ;AAAA,MACtBoD,WAAWvC,GAAGX,QAAQkE,mBAAmB;AAAA,QACvC,CAAClE,QAAQmE,UAAU,GAAGtD;AAAAA,QACtB,CAACb,QAAQoE,yBAAyB,GAAG5D;AAAAA,MAAAA,CACtC;AAAA,MACD6D,MAAK;AAAA,MACLC,UAAU;AAAA,MACVC,aAAcC,CAAU,UAAA;AACtB,YAAI,CAAChE,UAAU;AACC;AACdgE,gBAAMC,gBAAgB;AACtBD,gBAAME,eAAe;AAAA,QACvB;AAAA,MACF;AAAA,MACAC,aAAazD;AAAAA,MACb0D,eAAe1D;AAAAA,MACf2D,YAAaL,CAAU,UAAA;AACrB,YAAI,CAAChE,UAAU;AACC;AACdgE,gBAAMC,gBAAgB;AACtBD,gBAAME,eAAe;AAAA,QACvB;AAAA,MACF;AAAA,MACAI,QAASN,CAAU,UAAA;AACjB,YAAI,CAAChE,UAAU;AACP,gBAAA;AAAA,YAAEuE;AAAAA,UAAAA,IAAUP,MAAMQ;AACxB,cAAIzE,aAAa,QAAQwE,MAAM7C,WAAW,GAAG;AAC3CsC,kBAAMC,gBAAgB;AACtBD,kBAAME,eAAe;AACrBtD,4BAAgB2D,KAAK;AAAA,UACvB;AAAA,QACF;AAAA,MACF;AAAA,MACAE,WAAYvD,CAAM,MAAA;;AAChB,YAAIwD,cAAAA,MAAMxD,GAAG,OAAO,KAAKwD,cAAAA,MAAMxD,GAAG,OAAO,GAAG;AAC1CV,yBAASmE,YAATnE,mBAAkBoE;AAAAA,QACpB;AAAA,MACF;AAAA,MAAEnC,WAEFG,2BAAAA,IAAA,SAAA;AAAA,QACEtD,IAAIwD,MAAAA,MAAMxD,IAAI,YAAY;AAAA,QAC1BwE,UAAU;AAAA,QACVpB,WAAWlD,QAAQqF;AAAAA,QACnBjD,MAAK;AAAA,QACL7B;AAAAA,QACAC;AAAAA,QACA8E,OAAO,CAAC9E,WAAY,GAAEN,iCAAQqF,QAAWrF,iCAAQsF,gBAAgB;AAAA,QACjEC,SAASA,MAAM;AACb,cAAIzE,SAASmE,SAAS;AACpBnE,qBAASmE,QAAQO,QAAQ;AAAA,UAC3B;AAAA,QACF;AAAA,QACAC,UAAUA,MAAM;;AACd,cAAI,CAACnF,cAAYQ,cAASmE,YAATnE,mBAAkB+D,QAAO;AACxB/D,4BAAAA,SAASmE,QAAQJ,KAAK;AAAA,UACxC;AAAA,QACF;AAAA,QACAa,KAAK5E;AAAAA,QACLwB,QAAQrC,cAAc8D,KAAK,GAAG;AAAA,QAAE,GAC5B5D;AAAAA,MAAAA,CACL,GACD+C,2BAAAA,IAAA,OAAA;AAAA,QAAKF,WAAWlD,mCAAS6F;AAAAA,QAAS5C,UAC/BpC,YACCuC,2BAAAA,IAAA,OAAA;AAAA,UAAKF,WAAWlD,QAAQ8F;AAAAA,UAAmB7C,yCACxC8C,yBAAY;AAAA,YAAC7C,WAAWlD,QAAQgG;AAAAA,YAAS/C,UACvC/C,iCAAQ+F;AAAAA,UAAAA,CACG;AAAA,QAAA,CACX,IAELtC,2BAAAA,KAAAX,qBAAA;AAAA,UAAAC,UAAA,CACEG,2BAAAA,IAAC8C,qBAAG;AAAA,YACFC,UAAS;AAAA,YACTjD,WAAWlD,QAAQoG;AAAAA,YACnBC,OAAO7F,WAAW,iBAAiB;AAAA,UAAA,CACpC,GACD4C,2BAAAA,IAAA,OAAA;AAAA,YAAKF,WAAWlD,QAAQ8F;AAAAA,YAAmB7C,0CACxC8C,yBAAY;AAAA,cAAC7C,WAAWlD,QAAQgG;AAAAA,cAAS/C,UACvC/C,CAAAA,iCAAQqF,qCACT,QAAA;AAAA,gBACErC,WAAWlD,QAAQsG;AAAAA,gBAAgBrD,UAClC,IAAM/C,iCAAQsF;AAAAA,cAAAA,CAAoB,CAAC;AAAA,YAAA,CAC1B;AAAA,UAAA,CACX,CAAC;AAAA,QAAA,CACN;AAAA,MAAA,CAED,CAAC;AAAA,IAAA,CACH,CAAC;AAAA,EAAA,CACN;AAEN;;;"}