@hitachivantara/uikit-react-core 5.0.0-next.8 → 5.0.0

package/dist/cjs/components/Dialog/Dialog.cjs

@@ -1,18 +1,18 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const clsx = require("clsx");
 const MuiDialog = require("@mui/material/Dialog");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const lodash = require("lodash");
+const isNil = require("lodash/isNil");
 const Dialog_styles = require("./Dialog.styles.cjs");
-const focusableElementFinder = require("../../utils/focusableElementFinder.cjs");
 const dialogClasses = require("./dialogClasses.cjs");
-const css = require("@emotion/css");
+const react = require("@emotion/react");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const focusableElementFinder = require("../../utils/focusableElementFinder.cjs");
 const withTooltip = require("../../hocs/withTooltip.cjs");
-const ThemeProvider = require("../../providers/ThemeProvider.cjs");
+const useTheme = require("../../hooks/useTheme.cjs");
 const setId = require("../../utils/setId.cjs");
 const keyCheck = require("../../utils/keyboardUtils/keyCheck.cjs");
 const keyboardCodes = require("../../utils/keyboardUtils/keyboardCodes.cjs");
@@ -20,9 +20,7 @@ const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const MuiDialog__default = /* @__PURE__ */ _interopDefault(MuiDialog);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
+const isNil__default = /* @__PURE__ */ _interopDefault(isNil);
 const HvDialog = ({
   classes,
   className,
@@ -41,7 +39,7 @@ const HvDialog = ({
     activeTheme,
     selectedMode,
     rootId
-  } = React.useContext(ThemeProvider.HvThemeContext);
+  } = useTheme.useTheme();
   const focusableQueue = React.useRef({
     first: void 0,
     last: void 0
@@ -60,7 +58,7 @@ const HvDialog = ({
         first: focusableList[1],
         last: focusableList[focusableList.length - 2]
       };
-      if (lodash.isNil(firstFocusable))
+      if (isNil__default.default(firstFocusable))
         focusableList[1].focus();
       else {
         const element = firstFocusable && document.getElementById(firstFocusable);
@@ -75,7 +73,7 @@ const HvDialog = ({
   }, [firstFocusable]);
   const keyDownHandler = (event) => {
     var _a, _b;
-    if (keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Tab) && !lodash.isNil(event.target) && !lodash.isNil(focusableQueue)) {
+    if (keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Tab) && !isNil__default.default(event.target) && !isNil__default.default(focusableQueue)) {
       if (event.shiftKey && event.target === focusableQueue.current.first) {
         (_a = focusableQueue.current.last) == null ? void 0 : _a.focus();
         event.preventDefault();
@@ -98,73 +96,65 @@ const HvDialog = ({
     role: "presentation"
   });
   const CloseButtonTooltipWrapper = buttonTitle ? withTooltip.default(closeButtonDisplay, buttonTitle, "top", null, null, null) : closeButtonDisplay;
-  return /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog__default.default, {
-    container: document.getElementById(rootId || "") || document.body,
-    className: clsx__default.default(dialogClasses.default.root, classes == null ? void 0 : classes.root, className),
-    id,
-    ref: measuredRef,
-    open,
-    fullScreen: fullscreen,
-    onClose: (event, reason) => wrappedClose(event, void 0, reason),
-    onKeyDown: keyDownHandler,
-    fullWidth: true,
-    maxWidth: false,
-    slots: {
-      backdrop: (backdropProps) => {
-        var _a;
-        return /* @__PURE__ */ jsxRuntime.jsx(Dialog_styles.StyledBackdrop, {
-          open,
-          onClick: (event) => wrappedClose(event),
-          $backColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].atmo4) || uikitStyles.theme.colors.atmo4,
-          ...backdropProps
-        });
-      }
-    },
-    classes: {
-      container: /* @__PURE__ */ css.css(process.env.NODE_ENV === "production" ? {
-        name: "bjn8wh",
-        styles: "position:relative"
-      } : {
-        name: "p4e9kp-container",
-        styles: "position:relative;label:container;",
-        map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUs0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9EaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgTXVpRGlhbG9nLCB7IERpYWxvZ1Byb3BzIGFzIE11aURpYWxvZ1Byb3BzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nXCI7XG5pbXBvcnQgeyBDbG9zZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGlzTmlsIH0gZnJvbSBcImxvZGFzaFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB7IFN0eWxlZEJhY2tkcm9wLCBTdHlsZWRDbG9zZSwgU3R5bGVkUGFwZXIgfSBmcm9tIFwiLi9EaWFsb2cuc3R5bGVzXCI7XG5pbXBvcnQgeyBnZXRGb2N1c2FibGVMaXN0IH0gZnJvbSBcInV0aWxzL2ZvY3VzYWJsZUVsZW1lbnRGaW5kZXJcIjtcbmltcG9ydCB7IGlzS2V5cHJlc3MsIGtleWJvYXJkQ29kZXMsIHNldElkIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyBIdlRoZW1lQ29udGV4dCB9IGZyb20gXCJwcm92aWRlcnNcIjtcbmltcG9ydCB7IHdpdGhUb29sdGlwIH0gZnJvbSBcImhvY3NcIjtcbmltcG9ydCBkaWFsb2dDbGFzc2VzLCB7IEh2RGlhbG9nQ2xhc3NlcyB9IGZyb20gXCIuL2RpYWxvZ0NsYXNzZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IHR5cGUgSHZEaWFsb2dQcm9wcyA9IE9taXQ8TXVpRGlhbG9nUHJvcHMsIFwiZnVsbFNjcmVlblwiIHwgXCJjbGFzc2VzXCI+ICZcbiAgSHZCYXNlUHJvcHMgJiB7XG4gICAgLyoqIElkIHRvIGJlIGFwcGxpZWQgdG8gdGhlIHJvb3Qgbm9kZS4gKi9cbiAgICBpZD86IHN0cmluZztcbiAgICAvKiogQ3VycmVudCBzdGF0ZSBvZiB0aGUgRGlhbG9nLiAqL1xuICAgIG9wZW4/OiBib29sZWFuO1xuICAgIC8qKiBGdW5jdGlvbiBleGVjdXRlZCBvbiBjbG9zZS4gKi9cbiAgICBvbkNsb3NlPzogKFxuICAgICAgZXZlbnQ6IFJlYWN0LlN5bnRoZXRpY0V2ZW50LFxuICAgICAgcmVhc29uPzogXCJlc2NhcGVLZXlEb3duXCIgfCBcImJhY2tkcm9wQ2xpY2tcIlxuICAgICkgPT4gdm9pZDtcbiAgICAvKiogRWxlbWVudCBpZCB0aGF0IHNob3VsZCBiZSBmb2N1cyB3aGVuIHRoZSBEaWFsb2cgb3BlbnMuICovXG4gICAgZmlyc3RGb2N1c2FibGU/OiBzdHJpbmc7XG4gICAgLyoqIFRpdGxlIGZvciB0aGUgYnV0dG9uIGNsb3NlLiAqL1xuICAgIGJ1dHRvblRpdGxlPzogc3RyaW5nO1xuICAgIC8qKiBTZXQgdGhlIGRpYWxvZyB0byBmdWxsc2NyZWVuIG1vZGUuICovXG4gICAgZnVsbHNjcmVlbj86IGJvb2xlYW47XG4gICAgLyoqIFByZXZlbnQgY2xvc2luZyB0aGUgZGlhbG9nIHdoZW4gY2xpY2tpbmcgb24gdGhlIGJhY2tkcm9wLiAqL1xuICAgIGRpc2FibGVCYWNrZHJvcENsaWNrPzogYm9vbGVhbjtcbiAgICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICAgIGNsYXNzZXM/OiBIdkRpYWxvZ0NsYXNzZXM7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBIdkRpYWxvZyA9ICh7XG4gIGNsYXNzZXMsXG4gIGNsYXNzTmFtZSxcbiAgaWQsXG4gIGNoaWxkcmVuLFxuICBvcGVuID0gZmFsc2UsXG4gIG9uQ2xvc2UsXG4gIGZpcnN0Rm9jdXNhYmxlLFxuICBidXR0b25UaXRsZSA9IFwiQ2xvc2VcIixcbiAgZnVsbHNjcmVlbiA9IGZhbHNlLFxuICBkaXNhYmxlQmFja2Ryb3BDbGljayA9IGZhbHNlLFxuICAuLi5vdGhlcnNcbn06IEh2RGlhbG9nUHJvcHMpID0+IHtcbiAgZGVsZXRlIChvdGhlcnMgYXMgYW55KS5mdWxsU2NyZWVuO1xuXG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUsIHNlbGVjdGVkTW9kZSwgcm9vdElkIH0gPSB1c2VDb250ZXh0KEh2VGhlbWVDb250ZXh0KTtcblxuICBjb25zdCBmb2N1c2FibGVRdWV1ZSA9IHVzZVJlZjx7XG4gICAgZmlyc3Q/OiBIVE1MRWxlbWVudDtcbiAgICBsYXN0PzogSFRNTEVsZW1lbnQ7XG4gIH0+KHsgZmlyc3Q6IHVuZGVmaW5lZCwgbGFzdDogdW5kZWZpbmVkIH0pO1xuXG4gIC8vIEJlY2F1c2UgdGhlIGBkaXNhYmxlQmFja2Ryb3BDbGlja2AgcHJvcGVydHkgd2FzIGRlcHJlY2F0ZWQgaW4gTVVJNVxuICAvLyBhbmQgd2Ugd2FudCB0byBtYWludGFpbiB0aGF0IGZ1bmN0aW9uYWxpdHkgdG8gdGhlIHVzZXIgd2UncmUgd3JhcHBpbmdcbiAgLy8gdGhlIG9uQ2xvc2UgY2FsbCBoZXJlIHRvIG1ha2UgdGhhdCBjaGVjay5cbiAgY29uc3Qgd3JhcHBlZENsb3NlID0gKFxuICAgIGV2ZW50LFxuICAgIGJ5cGFzc1ZhbGlkYXRpb246IGJvb2xlYW4gPSBmYWxzZSxcbiAgICByZWFzb24/OiBcImVzY2FwZUtleURvd25cIiB8IFwiYmFja2Ryb3BDbGlja1wiXG4gICkgPT4ge1xuICAgIGlmIChieXBhc3NWYWxpZGF0aW9uKSB7XG4gICAgICBvbkNsb3NlPy4oZXZlbnQsIHJlYXNvbik7XG4gICAgfSBlbHNlIGlmICghZGlzYWJsZUJhY2tkcm9wQ2xpY2spIHtcbiAgICAgIG9uQ2xvc2U/LihldmVudCwgcmVhc29uKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgbWVhc3VyZWRSZWYgPSB1c2VDYWxsYmFjayhcbiAgICAobm9kZSkgPT4ge1xuICAgICAgaWYgKG5vZGUpIHtcbiAgICAgICAgY29uc3QgZm9jdXNhYmxlTGlzdCA9IGdldEZvY3VzYWJsZUxpc3Qobm9kZSk7XG4gICAgICAgIGZvY3VzYWJsZVF1ZXVlLmN1cnJlbnQgPSB7XG4gICAgICAgICAgZmlyc3Q6IGZvY3VzYWJsZUxpc3RbMV0sXG4gICAgICAgICAgbGFzdDogZm9jdXNhYmxlTGlzdFtmb2N1c2FibGVMaXN0Lmxlbmd0aCAtIDJdLFxuICAgICAgICB9O1xuICAgICAgICBpZiAoaXNOaWwoZmlyc3RGb2N1c2FibGUpKSBmb2N1c2FibGVMaXN0WzFdLmZvY3VzKCk7XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgIGNvbnN0IGVsZW1lbnQgPVxuICAgICAgICAgICAgZmlyc3RGb2N1c2FibGUgJiYgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoZmlyc3RGb2N1c2FibGUpO1xuICAgICAgICAgIGlmIChlbGVtZW50KSBlbGVtZW50LmZvY3VzKCk7XG4gICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tY29uc29sZVxuICAgICAgICAgICAgY29uc29sZS53YXJuKGBmaXJzdEZvY3VzYWJsZSBlbGVtZW50ICR7Zmlyc3RGb2N1c2FibGV9IG5vdCBmb3VuZC5gKTtcbiAgICAgICAgICAgIGZvY3VzYWJsZUxpc3RbMV0uZm9jdXMoKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9LFxuICAgIFtmaXJzdEZvY3VzYWJsZV1cbiAgKTtcblxuICBjb25zdCBrZXlEb3duSGFuZGxlciA9IChldmVudCkgPT4ge1xuICAgIGlmIChcbiAgICAgIGlzS2V5cHJlc3MoZXZlbnQsIGtleWJvYXJkQ29kZXMuVGFiKSAmJlxuICAgICAgIWlzTmlsKGV2ZW50LnRhcmdldCkgJiZcbiAgICAgICFpc05pbChmb2N1c2FibGVRdWV1ZSlcbiAgICApIHtcbiAgICAgIGlmIChldmVudC5zaGlmdEtleSAmJiBldmVudC50YXJnZXQgPT09IGZvY3VzYWJsZVF1ZXVlLmN1cnJlbnQuZmlyc3QpIHtcbiAgICAgICAgZm9jdXNhYmxlUXVldWUuY3VycmVudC5sYXN0Py5mb2N1cygpO1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgfVxuICAgICAgaWYgKCFldmVudC5zaGlmdEtleSAmJiBldmVudC50YXJnZXQgPT09IGZvY3VzYWJsZVF1ZXVlLmN1cnJlbnQubGFzdCkge1xuICAgICAgICBmb2N1c2FibGVRdWV1ZS5jdXJyZW50LmZpcnN0Py5mb2N1cygpO1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgfVxuICAgIH1cbiAgICAvLyBOZWVkZWQgYXMgdGhpcyBoYW5kbGVyIG92ZXJyaWRlcyB0aGUgb25lIGluIHRoZSBtYXRlcmlhbCB1aSBNb2RhbC5cbiAgICBlbHNlIGlmIChpc0tleXByZXNzKGV2ZW50LCBrZXlib2FyZENvZGVzLkVzYykpIHtcbiAgICAgIGlmIChcbiAgICAgICAgXCJvbkVzY2FwZUtleURvd25cIiBpbiBvdGhlcnMgJiZcbiAgICAgICAgdHlwZW9mIG90aGVycy5vbkVzY2FwZUtleURvd24gPT09IFwiZnVuY3Rpb25cIlxuICAgICAgKSB7XG4gICAgICAgIG90aGVycy5vbkVzY2FwZUtleURvd24oZXZlbnQpO1xuICAgICAgfVxuXG4gICAgICBpZiAoIW90aGVycy5kaXNhYmxlRXNjYXBlS2V5RG93bikge1xuICAgICAgICAvLyBTd2FsbG93IHRoZSBldmVudCwgaW4gY2FzZSBzb21lb25lIGlzIGxpc3RlbmluZyBmb3IgdGhlIGVzY2FwZSBrZXkgb24gdGhlIGJvZHkuXG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgICAgIHdyYXBwZWRDbG9zZShldmVudCwgdHJ1ZSwgXCJlc2NhcGVLZXlEb3duXCIpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICBjb25zdCBjbG9zZUJ1dHRvbkRpc3BsYXkgPSAoKSA9PiA8Q2xvc2Ugcm9sZT1cInByZXNlbnRhdGlvblwiIC8+O1xuXG4gIGNvbnN0IENsb3NlQnV0dG9uVG9vbHRpcFdyYXBwZXIgPSBidXR0b25UaXRsZVxuICAgID8gd2l0aFRvb2x0aXAoY2xvc2VCdXR0b25EaXNwbGF5LCBidXR0b25UaXRsZSwgXCJ0b3BcIiwgbnVsbCwgbnVsbCwgbnVsbClcbiAgICA6IGNsb3NlQnV0dG9uRGlzcGxheTtcblxuICByZXR1cm4gKFxuICAgIDxNdWlEaWFsb2dcbiAgICAgIGNvbnRhaW5lcj17ZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQocm9vdElkIHx8IFwiXCIpIHx8IGRvY3VtZW50LmJvZHl9XG4gICAgICBjbGFzc05hbWU9e2Nsc3goZGlhbG9nQ2xhc3Nlcy5yb290LCBjbGFzc2VzPy5yb290LCBjbGFzc05hbWUpfVxuICAgICAgaWQ9e2lkfVxuICAgICAgcmVmPXttZWFzdXJlZFJlZn1cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBmdWxsU2NyZWVuPXtmdWxsc2NyZWVufVxuICAgICAgb25DbG9zZT17KGV2ZW50LCByZWFzb24pID0+IHdyYXBwZWRDbG9zZShldmVudCwgdW5kZWZpbmVkLCByZWFzb24pfVxuICAgICAgb25LZXlEb3duPXtrZXlEb3duSGFuZGxlcn1cbiAgICAgIGZ1bGxXaWR0aFxuICAgICAgbWF4V2lkdGg9e2ZhbHNlfVxuICAgICAgc2xvdHM9e3tcbiAgICAgICAgYmFja2Ryb3A6IChiYWNrZHJvcFByb3BzKSA9PiAoXG4gICAgICAgICAgPFN0eWxlZEJhY2tkcm9wXG4gICAgICAgICAgICBvcGVuPXtvcGVufVxuICAgICAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiB3cmFwcGVkQ2xvc2UoZXZlbnQpfVxuICAgICAgICAgICAgJGJhY2tDb2xvcj17XG4gICAgICAgICAgICAgIGFjdGl2ZVRoZW1lPy5jb2xvcnM/Lm1vZGVzW3NlbGVjdGVkTW9kZV0uYXRtbzQgfHxcbiAgICAgICAgICAgICAgdGhlbWUuY29sb3JzLmF0bW80XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB7Li4uYmFja2Ryb3BQcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICApLFxuICAgICAgfX1cbiAgICAgIGNsYXNzZXM9e3sgY29udGFpbmVyOiBjc3MoeyBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pIH19XG4gICAgICBCYWNrZHJvcFByb3BzPXt7XG4gICAgICAgIGNsYXNzZXM6IHtcbiAgICAgICAgICByb290OiBjbHN4KGNsYXNzZXM/LmJhY2tncm91bmQsIGRpYWxvZ0NsYXNzZXMuYmFja2dyb3VuZCksXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgICAgUGFwZXJDb21wb25lbnQ9eyhwYXBlclByb3BzKSA9PiAoXG4gICAgICAgIDxTdHlsZWRQYXBlciAkZnVsbHNjcmVlbj17ZnVsbHNjcmVlbn0gey4uLnBhcGVyUHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgUGFwZXJQcm9wcz17e1xuICAgICAgICBjbGFzc2VzOiB7XG4gICAgICAgICAgcm9vdDogY2xzeChcbiAgICAgICAgICAgIGNzcyh7IHBvc2l0aW9uOiBcImFic29sdXRlXCIgfSksXG4gICAgICAgICAgICBjbGFzc2VzPy5wYXBlcixcbiAgICAgICAgICAgIGRpYWxvZ0NsYXNzZXMucGFwZXIsXG4gICAgICAgICAgICBmdWxsc2NyZWVuICYmIGNsc3goZGlhbG9nQ2xhc3Nlcy5mdWxsc2NyZWVuLCBjbGFzc2VzPy5mdWxsc2NyZWVuKVxuICAgICAgICAgICksXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgICAgYXJpYS1tb2RhbFxuICAgICAgey4uLm90aGVyc31cbiAgICA+XG4gICAgICA8U3R5bGVkQ2xvc2VcbiAgICAgICAgaWQ9e3NldElkKGlkLCBcImNsb3NlXCIpfVxuICAgICAgICBjbGFzc05hbWU9e2Nsc3goZGlhbG9nQ2xhc3Nlcy5jbG9zZUJ1dHRvbiwgY2xhc3Nlcz8uY2xvc2VCdXR0b24pfVxuICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5R2hvc3RcIlxuICAgICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHdyYXBwZWRDbG9zZShldmVudCwgdHJ1ZSwgdW5kZWZpbmVkKX1cbiAgICAgICAgYXJpYS1sYWJlbD17YnV0dG9uVGl0bGV9XG4gICAgICA+XG4gICAgICAgIDxDbG9zZUJ1dHRvblRvb2x0aXBXcmFwcGVyIC8+XG4gICAgICA8L1N0eWxlZENsb3NlPlxuICAgICAge2NoaWxkcmVuICYmIHR5cGVvZiBjaGlsZHJlbiA9PT0gXCJvYmplY3RcIlxuICAgICAgICA/IFJlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgICAgIGNoaWxkcmVuLFxuICAgICAgICAgICAgKGM6IFJlYWN0LlJlYWN0Tm9kZSkgPT5cbiAgICAgICAgICAgICAgYyAmJiBSZWFjdC5jbG9uZUVsZW1lbnQoYyBhcyBSZWFjdC5SZWFjdEVsZW1lbnQsIHsgZnVsbHNjcmVlbiB9KVxuICAgICAgICAgIClcbiAgICAgICAgOiBjaGlsZHJlbn1cbiAgICA8L011aURpYWxvZz5cbiAgKTtcbn07XG4iXX0= */",
-        toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-      })
-    },
-    BackdropProps: {
-      classes: {
-        root: clsx__default.default(classes == null ? void 0 : classes.background, dialogClasses.default.background)
-      }
-    },
-    PaperComponent: (paperProps) => /* @__PURE__ */ jsxRuntime.jsx(Dialog_styles.StyledPaper, {
-      $fullscreen: fullscreen,
-      ...paperProps
-    }),
-    PaperProps: {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog__default.default, {
+      container: document.getElementById(rootId || "") || document.body,
+      className: clsx__default.default(dialogClasses.default.root, classes == null ? void 0 : classes.root, className),
+      id,
+      ref: measuredRef,
+      open,
+      fullScreen: fullscreen,
+      onClose: (event, reason) => wrappedClose(event, void 0, reason),
+      onKeyDown: keyDownHandler,
+      fullWidth: true,
+      maxWidth: false,
+      slots: {
+        backdrop: (backdropProps) => {
+          var _a;
+          return /* @__PURE__ */ jsxRuntime.jsx(Dialog_styles.StyledBackdrop, {
+            open,
+            onClick: (event) => wrappedClose(event),
+            $backColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].atmo4) || uikitStyles.theme.colors.atmo4,
+            ...backdropProps
+          });
+        }
+      },
       classes: {
-        root: clsx__default.default(/* @__PURE__ */ css.css(process.env.NODE_ENV === "production" ? {
-          name: "a4hmbt",
-          styles: "position:absolute"
-        } : {
-          name: "1yicr0l-root",
-          styles: "position:absolute;label:root;",
-          map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0tZIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUNvbnRleHQsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBNdWlEaWFsb2csIHsgRGlhbG9nUHJvcHMgYXMgTXVpRGlhbG9nUHJvcHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9EaWFsb2dcIjtcbmltcG9ydCB7IENsb3NlIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgaXNOaWwgfSBmcm9tIFwibG9kYXNoXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgU3R5bGVkQmFja2Ryb3AsIFN0eWxlZENsb3NlLCBTdHlsZWRQYXBlciB9IGZyb20gXCIuL0RpYWxvZy5zdHlsZXNcIjtcbmltcG9ydCB7IGdldEZvY3VzYWJsZUxpc3QgfSBmcm9tIFwidXRpbHMvZm9jdXNhYmxlRWxlbWVudEZpbmRlclwiO1xuaW1wb3J0IHsgaXNLZXlwcmVzcywga2V5Ym9hcmRDb2Rlcywgc2V0SWQgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCB7IEh2VGhlbWVDb250ZXh0IH0gZnJvbSBcInByb3ZpZGVyc1wiO1xuaW1wb3J0IHsgd2l0aFRvb2x0aXAgfSBmcm9tIFwiaG9jc1wiO1xuaW1wb3J0IGRpYWxvZ0NsYXNzZXMsIHsgSHZEaWFsb2dDbGFzc2VzIH0gZnJvbSBcIi4vZGlhbG9nQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuXG5leHBvcnQgdHlwZSBIdkRpYWxvZ1Byb3BzID0gT21pdDxNdWlEaWFsb2dQcm9wcywgXCJmdWxsU2NyZWVuXCIgfCBcImNsYXNzZXNcIj4gJlxuICBIdkJhc2VQcm9wcyAmIHtcbiAgICAvKiogSWQgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBub2RlLiAqL1xuICAgIGlkPzogc3RyaW5nO1xuICAgIC8qKiBDdXJyZW50IHN0YXRlIG9mIHRoZSBEaWFsb2cuICovXG4gICAgb3Blbj86IGJvb2xlYW47XG4gICAgLyoqIEZ1bmN0aW9uIGV4ZWN1dGVkIG9uIGNsb3NlLiAqL1xuICAgIG9uQ2xvc2U/OiAoXG4gICAgICBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQsXG4gICAgICByZWFzb24/OiBcImVzY2FwZUtleURvd25cIiB8IFwiYmFja2Ryb3BDbGlja1wiXG4gICAgKSA9PiB2b2lkO1xuICAgIC8qKiBFbGVtZW50IGlkIHRoYXQgc2hvdWxkIGJlIGZvY3VzIHdoZW4gdGhlIERpYWxvZyBvcGVucy4gKi9cbiAgICBmaXJzdEZvY3VzYWJsZT86IHN0cmluZztcbiAgICAvKiogVGl0bGUgZm9yIHRoZSBidXR0b24gY2xvc2UuICovXG4gICAgYnV0dG9uVGl0bGU/OiBzdHJpbmc7XG4gICAgLyoqIFNldCB0aGUgZGlhbG9nIHRvIGZ1bGxzY3JlZW4gbW9kZS4gKi9cbiAgICBmdWxsc2NyZWVuPzogYm9vbGVhbjtcbiAgICAvKiogUHJldmVudCBjbG9zaW5nIHRoZSBkaWFsb2cgd2hlbiBjbGlja2luZyBvbiB0aGUgYmFja2Ryb3AuICovXG4gICAgZGlzYWJsZUJhY2tkcm9wQ2xpY2s/OiBib29sZWFuO1xuICAgIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gICAgY2xhc3Nlcz86IEh2RGlhbG9nQ2xhc3NlcztcbiAgfTtcblxuZXhwb3J0IGNvbnN0IEh2RGlhbG9nID0gKHtcbiAgY2xhc3NlcyxcbiAgY2xhc3NOYW1lLFxuICBpZCxcbiAgY2hpbGRyZW4sXG4gIG9wZW4gPSBmYWxzZSxcbiAgb25DbG9zZSxcbiAgZmlyc3RGb2N1c2FibGUsXG4gIGJ1dHRvblRpdGxlID0gXCJDbG9zZVwiLFxuICBmdWxsc2NyZWVuID0gZmFsc2UsXG4gIGRpc2FibGVCYWNrZHJvcENsaWNrID0gZmFsc2UsXG4gIC4uLm90aGVyc1xufTogSHZEaWFsb2dQcm9wcykgPT4ge1xuICBkZWxldGUgKG90aGVycyBhcyBhbnkpLmZ1bGxTY3JlZW47XG5cbiAgY29uc3QgeyBhY3RpdmVUaGVtZSwgc2VsZWN0ZWRNb2RlLCByb290SWQgfSA9IHVzZUNvbnRleHQoSHZUaGVtZUNvbnRleHQpO1xuXG4gIGNvbnN0IGZvY3VzYWJsZVF1ZXVlID0gdXNlUmVmPHtcbiAgICBmaXJzdD86IEhUTUxFbGVtZW50O1xuICAgIGxhc3Q/OiBIVE1MRWxlbWVudDtcbiAgfT4oeyBmaXJzdDogdW5kZWZpbmVkLCBsYXN0OiB1bmRlZmluZWQgfSk7XG5cbiAgLy8gQmVjYXVzZSB0aGUgYGRpc2FibGVCYWNrZHJvcENsaWNrYCBwcm9wZXJ0eSB3YXMgZGVwcmVjYXRlZCBpbiBNVUk1XG4gIC8vIGFuZCB3ZSB3YW50IHRvIG1haW50YWluIHRoYXQgZnVuY3Rpb25hbGl0eSB0byB0aGUgdXNlciB3ZSdyZSB3cmFwcGluZ1xuICAvLyB0aGUgb25DbG9zZSBjYWxsIGhlcmUgdG8gbWFrZSB0aGF0IGNoZWNrLlxuICBjb25zdCB3cmFwcGVkQ2xvc2UgPSAoXG4gICAgZXZlbnQsXG4gICAgYnlwYXNzVmFsaWRhdGlvbjogYm9vbGVhbiA9IGZhbHNlLFxuICAgIHJlYXNvbj86IFwiZXNjYXBlS2V5RG93blwiIHwgXCJiYWNrZHJvcENsaWNrXCJcbiAgKSA9PiB7XG4gICAgaWYgKGJ5cGFzc1ZhbGlkYXRpb24pIHtcbiAgICAgIG9uQ2xvc2U/LihldmVudCwgcmVhc29uKTtcbiAgICB9IGVsc2UgaWYgKCFkaXNhYmxlQmFja2Ryb3BDbGljaykge1xuICAgICAgb25DbG9zZT8uKGV2ZW50LCByZWFzb24pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBtZWFzdXJlZFJlZiA9IHVzZUNhbGxiYWNrKFxuICAgIChub2RlKSA9PiB7XG4gICAgICBpZiAobm9kZSkge1xuICAgICAgICBjb25zdCBmb2N1c2FibGVMaXN0ID0gZ2V0Rm9jdXNhYmxlTGlzdChub2RlKTtcbiAgICAgICAgZm9jdXNhYmxlUXVldWUuY3VycmVudCA9IHtcbiAgICAgICAgICBmaXJzdDogZm9jdXNhYmxlTGlzdFsxXSxcbiAgICAgICAgICBsYXN0OiBmb2N1c2FibGVMaXN0W2ZvY3VzYWJsZUxpc3QubGVuZ3RoIC0gMl0sXG4gICAgICAgIH07XG4gICAgICAgIGlmIChpc05pbChmaXJzdEZvY3VzYWJsZSkpIGZvY3VzYWJsZUxpc3RbMV0uZm9jdXMoKTtcbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgY29uc3QgZWxlbWVudCA9XG4gICAgICAgICAgICBmaXJzdEZvY3VzYWJsZSAmJiBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChmaXJzdEZvY3VzYWJsZSk7XG4gICAgICAgICAgaWYgKGVsZW1lbnQpIGVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICAgICAgICBjb25zb2xlLndhcm4oYGZpcnN0Rm9jdXNhYmxlIGVsZW1lbnQgJHtmaXJzdEZvY3VzYWJsZX0gbm90IGZvdW5kLmApO1xuICAgICAgICAgICAgZm9jdXNhYmxlTGlzdFsxXS5mb2N1cygpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0sXG4gICAgW2ZpcnN0Rm9jdXNhYmxlXVxuICApO1xuXG4gIGNvbnN0IGtleURvd25IYW5kbGVyID0gKGV2ZW50KSA9PiB7XG4gICAgaWYgKFxuICAgICAgaXNLZXlwcmVzcyhldmVudCwga2V5Ym9hcmRDb2Rlcy5UYWIpICYmXG4gICAgICAhaXNOaWwoZXZlbnQudGFyZ2V0KSAmJlxuICAgICAgIWlzTmlsKGZvY3VzYWJsZVF1ZXVlKVxuICAgICkge1xuICAgICAgaWYgKGV2ZW50LnNoaWZ0S2V5ICYmIGV2ZW50LnRhcmdldCA9PT0gZm9jdXNhYmxlUXVldWUuY3VycmVudC5maXJzdCkge1xuICAgICAgICBmb2N1c2FibGVRdWV1ZS5jdXJyZW50Lmxhc3Q/LmZvY3VzKCk7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gICAgICBpZiAoIWV2ZW50LnNoaWZ0S2V5ICYmIGV2ZW50LnRhcmdldCA9PT0gZm9jdXNhYmxlUXVldWUuY3VycmVudC5sYXN0KSB7XG4gICAgICAgIGZvY3VzYWJsZVF1ZXVlLmN1cnJlbnQuZmlyc3Q/LmZvY3VzKCk7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gICAgfVxuICAgIC8vIE5lZWRlZCBhcyB0aGlzIGhhbmRsZXIgb3ZlcnJpZGVzIHRoZSBvbmUgaW4gdGhlIG1hdGVyaWFsIHVpIE1vZGFsLlxuICAgIGVsc2UgaWYgKGlzS2V5cHJlc3MoZXZlbnQsIGtleWJvYXJkQ29kZXMuRXNjKSkge1xuICAgICAgaWYgKFxuICAgICAgICBcIm9uRXNjYXBlS2V5RG93blwiIGluIG90aGVycyAmJlxuICAgICAgICB0eXBlb2Ygb3RoZXJzLm9uRXNjYXBlS2V5RG93biA9PT0gXCJmdW5jdGlvblwiXG4gICAgICApIHtcbiAgICAgICAgb3RoZXJzLm9uRXNjYXBlS2V5RG93bihldmVudCk7XG4gICAgICB9XG5cbiAgICAgIGlmICghb3RoZXJzLmRpc2FibGVFc2NhcGVLZXlEb3duKSB7XG4gICAgICAgIC8vIFN3YWxsb3cgdGhlIGV2ZW50LCBpbiBjYXNlIHNvbWVvbmUgaXMgbGlzdGVuaW5nIGZvciB0aGUgZXNjYXBlIGtleSBvbiB0aGUgYm9keS5cbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgICAgd3JhcHBlZENsb3NlKGV2ZW50LCB0cnVlLCBcImVzY2FwZUtleURvd25cIik7XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGNsb3NlQnV0dG9uRGlzcGxheSA9ICgpID0+IDxDbG9zZSByb2xlPVwicHJlc2VudGF0aW9uXCIgLz47XG5cbiAgY29uc3QgQ2xvc2VCdXR0b25Ub29sdGlwV3JhcHBlciA9IGJ1dHRvblRpdGxlXG4gICAgPyB3aXRoVG9vbHRpcChjbG9zZUJ1dHRvbkRpc3BsYXksIGJ1dHRvblRpdGxlLCBcInRvcFwiLCBudWxsLCBudWxsLCBudWxsKVxuICAgIDogY2xvc2VCdXR0b25EaXNwbGF5O1xuXG4gIHJldHVybiAoXG4gICAgPE11aURpYWxvZ1xuICAgICAgY29udGFpbmVyPXtkb2N1bWVudC5nZXRFbGVtZW50QnlJZChyb290SWQgfHwgXCJcIikgfHwgZG9jdW1lbnQuYm9keX1cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChkaWFsb2dDbGFzc2VzLnJvb3QsIGNsYXNzZXM/LnJvb3QsIGNsYXNzTmFtZSl9XG4gICAgICBpZD17aWR9XG4gICAgICByZWY9e21lYXN1cmVkUmVmfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIGZ1bGxTY3JlZW49e2Z1bGxzY3JlZW59XG4gICAgICBvbkNsb3NlPXsoZXZlbnQsIHJlYXNvbikgPT4gd3JhcHBlZENsb3NlKGV2ZW50LCB1bmRlZmluZWQsIHJlYXNvbil9XG4gICAgICBvbktleURvd249e2tleURvd25IYW5kbGVyfVxuICAgICAgZnVsbFdpZHRoXG4gICAgICBtYXhXaWR0aD17ZmFsc2V9XG4gICAgICBzbG90cz17e1xuICAgICAgICBiYWNrZHJvcDogKGJhY2tkcm9wUHJvcHMpID0+IChcbiAgICAgICAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgICAgICAgIG9wZW49e29wZW59XG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHdyYXBwZWRDbG9zZShldmVudCl9XG4gICAgICAgICAgICAkYmFja0NvbG9yPXtcbiAgICAgICAgICAgICAgYWN0aXZlVGhlbWU/LmNvbG9ycz8ubW9kZXNbc2VsZWN0ZWRNb2RlXS5hdG1vNCB8fFxuICAgICAgICAgICAgICB0aGVtZS5jb2xvcnMuYXRtbzRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHsuLi5iYWNrZHJvcFByb3BzfVxuICAgICAgICAgIC8+XG4gICAgICAgICksXG4gICAgICB9fVxuICAgICAgY2xhc3Nlcz17eyBjb250YWluZXI6IGNzcyh7IHBvc2l0aW9uOiBcInJlbGF0aXZlXCIgfSkgfX1cbiAgICAgIEJhY2tkcm9wUHJvcHM9e3tcbiAgICAgICAgY2xhc3Nlczoge1xuICAgICAgICAgIHJvb3Q6IGNsc3goY2xhc3Nlcz8uYmFja2dyb3VuZCwgZGlhbG9nQ2xhc3Nlcy5iYWNrZ3JvdW5kKSxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgICBQYXBlckNvbXBvbmVudD17KHBhcGVyUHJvcHMpID0+IChcbiAgICAgICAgPFN0eWxlZFBhcGVyICRmdWxsc2NyZWVuPXtmdWxsc2NyZWVufSB7Li4ucGFwZXJQcm9wc30gLz5cbiAgICAgICl9XG4gICAgICBQYXBlclByb3BzPXt7XG4gICAgICAgIGNsYXNzZXM6IHtcbiAgICAgICAgICByb290OiBjbHN4KFxuICAgICAgICAgICAgY3NzKHsgcG9zaXRpb246IFwiYWJzb2x1dGVcIiB9KSxcbiAgICAgICAgICAgIGNsYXNzZXM/LnBhcGVyLFxuICAgICAgICAgICAgZGlhbG9nQ2xhc3Nlcy5wYXBlcixcbiAgICAgICAgICAgIGZ1bGxzY3JlZW4gJiYgY2xzeChkaWFsb2dDbGFzc2VzLmZ1bGxzY3JlZW4sIGNsYXNzZXM/LmZ1bGxzY3JlZW4pXG4gICAgICAgICAgKSxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgICBhcmlhLW1vZGFsXG4gICAgICB7Li4ub3RoZXJzfVxuICAgID5cbiAgICAgIDxTdHlsZWRDbG9zZVxuICAgICAgICBpZD17c2V0SWQoaWQsIFwiY2xvc2VcIil9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChkaWFsb2dDbGFzc2VzLmNsb3NlQnV0dG9uLCBjbGFzc2VzPy5jbG9zZUJ1dHRvbil9XG4gICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlHaG9zdFwiXG4gICAgICAgIG9uQ2xpY2s9eyhldmVudCkgPT4gd3JhcHBlZENsb3NlKGV2ZW50LCB0cnVlLCB1bmRlZmluZWQpfVxuICAgICAgICBhcmlhLWxhYmVsPXtidXR0b25UaXRsZX1cbiAgICAgID5cbiAgICAgICAgPENsb3NlQnV0dG9uVG9vbHRpcFdyYXBwZXIgLz5cbiAgICAgIDwvU3R5bGVkQ2xvc2U+XG4gICAgICB7Y2hpbGRyZW4gJiYgdHlwZW9mIGNoaWxkcmVuID09PSBcIm9iamVjdFwiXG4gICAgICAgID8gUmVhY3QuQ2hpbGRyZW4ubWFwKFxuICAgICAgICAgICAgY2hpbGRyZW4sXG4gICAgICAgICAgICAoYzogUmVhY3QuUmVhY3ROb2RlKSA9PlxuICAgICAgICAgICAgICBjICYmIFJlYWN0LmNsb25lRWxlbWVudChjIGFzIFJlYWN0LlJlYWN0RWxlbWVudCwgeyBmdWxsc2NyZWVuIH0pXG4gICAgICAgICAgKVxuICAgICAgICA6IGNoaWxkcmVufVxuICAgIDwvTXVpRGlhbG9nPlxuICApO1xufTtcbiJdfQ== */",
-          toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-        }), classes == null ? void 0 : classes.paper, dialogClasses.default.paper, fullscreen && clsx__default.default(dialogClasses.default.fullscreen, classes == null ? void 0 : classes.fullscreen))
-      }
-    },
-    "aria-modal": true,
-    ...others,
-    children: [/* @__PURE__ */ jsxRuntime.jsx(Dialog_styles.StyledClose, {
-      id: setId.setId(id, "close"),
-      className: clsx__default.default(dialogClasses.default.closeButton, classes == null ? void 0 : classes.closeButton),
-      variant: "secondaryGhost",
-      onClick: (event) => wrappedClose(event, true, void 0),
-      "aria-label": buttonTitle,
-      children: /* @__PURE__ */ jsxRuntime.jsx(CloseButtonTooltipWrapper, {})
-    }), children && typeof children === "object" ? React__default.default.Children.map(children, (c) => c && React__default.default.cloneElement(c, {
-      fullscreen
-    })) : children]
+        container: css({
+          position: "relative"
+        })
+      },
+      BackdropProps: {
+        classes: {
+          root: clsx__default.default(classes == null ? void 0 : classes.background, dialogClasses.default.background)
+        }
+      },
+      PaperComponent: (paperProps) => /* @__PURE__ */ jsxRuntime.jsx(Dialog_styles.StyledPaper, {
+        $fullscreen: fullscreen,
+        ...paperProps
+      }),
+      PaperProps: {
+        classes: {
+          root: clsx__default.default(css({
+            position: "absolute"
+          }), classes == null ? void 0 : classes.paper, dialogClasses.default.paper, fullscreen && clsx__default.default(dialogClasses.default.fullscreen, classes == null ? void 0 : classes.fullscreen))
+        }
+      },
+      "aria-modal": true,
+      ...others,
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Dialog_styles.StyledClose, {
+        id: setId.setId(id, "close"),
+        className: clsx__default.default(dialogClasses.default.closeButton, classes == null ? void 0 : classes.closeButton),
+        variant: "secondaryGhost",
+        onClick: (event) => wrappedClose(event, true, void 0),
+        "aria-label": buttonTitle,
+        children: /* @__PURE__ */ jsxRuntime.jsx(CloseButtonTooltipWrapper, {})
+      }), children && typeof children === "object" ? React__default.default.Children.map(children, (c) => c && React__default.default.cloneElement(c, {
+        fullscreen
+      })) : children]
+    })
   });
 };
 exports.HvDialog = HvDialog;

package/dist/cjs/components/Dialog/Dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport MuiDialog, { DialogProps as MuiDialogProps } from \"@mui/material/Dialog\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { isNil } from \"lodash\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledBackdrop, StyledClose, StyledPaper } from \"./Dialog.styles\";\nimport { getFocusableList } from \"utils/focusableElementFinder\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { HvThemeContext } from \"providers\";\nimport { withTooltip } from \"hocs\";\nimport dialogClasses, { HvDialogClasses } from \"./dialogClasses\";\nimport { css } from \"@emotion/css\";\n\nexport type HvDialogProps = Omit<MuiDialogProps, \"fullScreen\" | \"classes\"> &\n  HvBaseProps & {\n    /** Id to be applied to the root node. */\n    id?: string;\n    /** Current state of the Dialog. */\n    open?: boolean;\n    /** Function executed on close. */\n    onClose?: (\n      event: React.SyntheticEvent,\n      reason?: \"escapeKeyDown\" | \"backdropClick\"\n    ) => void;\n    /** Element id that should be focus when the Dialog opens. */\n    firstFocusable?: string;\n    /** Title for the button close. */\n    buttonTitle?: string;\n    /** Set the dialog to fullscreen mode. */\n    fullscreen?: boolean;\n    /** Prevent closing the dialog when clicking on the backdrop. */\n    disableBackdropClick?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvDialogClasses;\n  };\n\nexport const HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open = false,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}: HvDialogProps) => {\n  delete (others as any).fullScreen;\n\n  const { activeTheme, selectedMode, rootId } = useContext(HvThemeContext);\n\n  const focusableQueue = useRef<{\n    first?: HTMLElement;\n    last?: HTMLElement;\n  }>({ first: undefined, last: undefined });\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that functionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (\n    event,\n    bypassValidation: boolean = false,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        focusableQueue.current = {\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        };\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element =\n            firstFocusable && document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (\n      isKeypress(event, keyboardCodes.Tab) &&\n      !isNil(event.target) &&\n      !isNil(focusableQueue)\n    ) {\n      if (event.shiftKey && event.target === focusableQueue.current.first) {\n        focusableQueue.current.last?.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.current.last) {\n        focusableQueue.current.first?.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, keyboardCodes.Esc)) {\n      if (\n        \"onEscapeKeyDown\" in others &&\n        typeof others.onEscapeKeyDown === \"function\"\n      ) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, true, \"escapeKeyDown\");\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\", null, null, null)\n    : closeButtonDisplay;\n\n  return (\n    <MuiDialog\n      container={document.getElementById(rootId || \"\") || document.body}\n      className={clsx(dialogClasses.root, classes?.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      fullScreen={fullscreen}\n      onClose={(event, reason) => wrappedClose(event, undefined, reason)}\n      onKeyDown={keyDownHandler}\n      fullWidth\n      maxWidth={false}\n      slots={{\n        backdrop: (backdropProps) => (\n          <StyledBackdrop\n            open={open}\n            onClick={(event) => wrappedClose(event)}\n            $backColor={\n              activeTheme?.colors?.modes[selectedMode].atmo4 ||\n              theme.colors.atmo4\n            }\n            {...backdropProps}\n          />\n        ),\n      }}\n      classes={{ container: css({ position: \"relative\" }) }}\n      BackdropProps={{\n        classes: {\n          root: clsx(classes?.background, dialogClasses.background),\n        },\n      }}\n      PaperComponent={(paperProps) => (\n        <StyledPaper $fullscreen={fullscreen} {...paperProps} />\n      )}\n      PaperProps={{\n        classes: {\n          root: clsx(\n            css({ position: \"absolute\" }),\n            classes?.paper,\n            dialogClasses.paper,\n            fullscreen && clsx(dialogClasses.fullscreen, classes?.fullscreen)\n          ),\n        },\n      }}\n      aria-modal\n      {...others}\n    >\n      <StyledClose\n        id={setId(id, \"close\")}\n        className={clsx(dialogClasses.closeButton, classes?.closeButton)}\n        variant=\"secondaryGhost\"\n        onClick={(event) => wrappedClose(event, true, undefined)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </StyledClose>\n      {children && typeof children === \"object\"\n        ? React.Children.map(\n            children,\n            (c: React.ReactNode) =>\n              c && React.cloneElement(c as React.ReactElement, { fullscreen })\n          )\n        : children}\n    </MuiDialog>\n  );\n};\n"],"names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","fullScreen","activeTheme","selectedMode","rootId","useContext","HvThemeContext","focusableQueue","useRef","first","undefined","last","wrappedClose","event","bypassValidation","reason","measuredRef","useCallback","node","focusableList","getFocusableList","current","length","isNil","focus","element","document","getElementById","warn","keyDownHandler","isKeypress","keyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","_jsx","Close","role","CloseButtonTooltipWrapper","withTooltip","MuiDialog","container","body","clsx","dialogClasses","root","ref","onKeyDown","fullWidth","maxWidth","slots","backdrop","backdropProps","StyledBackdrop","onClick","$backColor","colors","modes","atmo4","theme","css","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","BackdropProps","background","PaperComponent","paperProps","StyledPaper","$fullscreen","PaperProps","paper","StyledClose","setId","closeButton","variant","React","Children","c","cloneElement"],"mappings":"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"}
+{"version":3,"file":"Dialog.cjs","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport MuiDialog, { DialogProps as MuiDialogProps } from \"@mui/material/Dialog\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport isNil from \"lodash/isNil\";\nimport { HvBaseProps } from \"../../types/generic\";\nimport { StyledBackdrop, StyledClose, StyledPaper } from \"./Dialog.styles\";\nimport { isKeypress, keyboardCodes, setId, getFocusableList } from \"utils\";\nimport { withTooltip } from \"hocs\";\nimport dialogClasses, { HvDialogClasses } from \"./dialogClasses\";\nimport { useTheme } from \"hooks\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvDialogProps = Omit<MuiDialogProps, \"fullScreen\" | \"classes\"> &\n  HvBaseProps & {\n    /** Id to be applied to the root node. */\n    id?: string;\n    /** Current state of the Dialog. */\n    open?: boolean;\n    /** Function executed on close. */\n    onClose?: (\n      event: React.SyntheticEvent,\n      reason?: \"escapeKeyDown\" | \"backdropClick\"\n    ) => void;\n    /** Element id that should be focus when the Dialog opens. */\n    firstFocusable?: string;\n    /** Title for the button close. */\n    buttonTitle?: string;\n    /** Set the dialog to fullscreen mode. */\n    fullscreen?: boolean;\n    /** Prevent closing the dialog when clicking on the backdrop. */\n    disableBackdropClick?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvDialogClasses;\n  };\n\nexport const HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open = false,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}: HvDialogProps) => {\n  delete (others as any).fullScreen;\n\n  const { activeTheme, selectedMode, rootId } = useTheme();\n\n  const focusableQueue = useRef<{\n    first?: HTMLElement;\n    last?: HTMLElement;\n  }>({ first: undefined, last: undefined });\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that functionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (\n    event,\n    bypassValidation: boolean = false,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        focusableQueue.current = {\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        };\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element =\n            firstFocusable && document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (\n      isKeypress(event, keyboardCodes.Tab) &&\n      !isNil(event.target) &&\n      !isNil(focusableQueue)\n    ) {\n      if (event.shiftKey && event.target === focusableQueue.current.first) {\n        focusableQueue.current.last?.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.current.last) {\n        focusableQueue.current.first?.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, keyboardCodes.Esc)) {\n      if (\n        \"onEscapeKeyDown\" in others &&\n        typeof others.onEscapeKeyDown === \"function\"\n      ) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, true, \"escapeKeyDown\");\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\", null, null, null)\n    : closeButtonDisplay;\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <MuiDialog\n          container={document.getElementById(rootId || \"\") || document.body}\n          className={clsx(dialogClasses.root, classes?.root, className)}\n          id={id}\n          ref={measuredRef}\n          open={open}\n          fullScreen={fullscreen}\n          onClose={(event, reason) => wrappedClose(event, undefined, reason)}\n          onKeyDown={keyDownHandler}\n          fullWidth\n          maxWidth={false}\n          slots={{\n            backdrop: (backdropProps) => (\n              <StyledBackdrop\n                open={open}\n                onClick={(event) => wrappedClose(event)}\n                $backColor={\n                  activeTheme?.colors?.modes[selectedMode].atmo4 ||\n                  theme.colors.atmo4\n                }\n                {...backdropProps}\n              />\n            ),\n          }}\n          classes={{ container: css({ position: \"relative\" }) }}\n          BackdropProps={{\n            classes: {\n              root: clsx(classes?.background, dialogClasses.background),\n            },\n          }}\n          PaperComponent={(paperProps) => (\n            <StyledPaper $fullscreen={fullscreen} {...paperProps} />\n          )}\n          PaperProps={{\n            classes: {\n              root: clsx(\n                css({ position: \"absolute\" }),\n                classes?.paper,\n                dialogClasses.paper,\n                fullscreen &&\n                  clsx(dialogClasses.fullscreen, classes?.fullscreen)\n              ),\n            },\n          }}\n          aria-modal\n          {...others}\n        >\n          <StyledClose\n            id={setId(id, \"close\")}\n            className={clsx(dialogClasses.closeButton, classes?.closeButton)}\n            variant=\"secondaryGhost\"\n            onClick={(event) => wrappedClose(event, true, undefined)}\n            aria-label={buttonTitle}\n          >\n            <CloseButtonTooltipWrapper />\n          </StyledClose>\n          {children && typeof children === \"object\"\n            ? React.Children.map(\n                children,\n                (c: React.ReactNode) =>\n                  c &&\n                  React.cloneElement(c as React.ReactElement, { fullscreen })\n              )\n            : children}\n        </MuiDialog>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","fullScreen","activeTheme","selectedMode","rootId","useTheme","focusableQueue","useRef","first","undefined","last","wrappedClose","event","bypassValidation","reason","measuredRef","useCallback","node","focusableList","getFocusableList","current","length","isNil","focus","element","document","getElementById","warn","keyDownHandler","isKeypress","keyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","_jsx","Close","role","CloseButtonTooltipWrapper","withTooltip","ClassNames","css","MuiDialog","container","body","clsx","dialogClasses","root","ref","onKeyDown","fullWidth","maxWidth","slots","backdrop","backdropProps","StyledBackdrop","onClick","$backColor","colors","modes","atmo4","theme","position","BackdropProps","background","PaperComponent","paperProps","StyledPaper","$fullscreen","PaperProps","paper","StyledClose","setId","closeButton","variant","React","Children","map","c","cloneElement"],"mappings":"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"}

package/dist/cjs/components/Dialog/Dialog.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const material = require("@mui/material");
 const uikitStyles = require("@hitachivantara/uikit-styles");
@@ -30,9 +30,8 @@ const StyledPaper = /* @__PURE__ */ _styled__default.default(material.Paper, pro
 }, transientOptions.transientOptions))(({
   $fullscreen
 }) => ({
-  color: uikitStyles.theme.colors.acce1,
-  flex: $fullscreen ? "1" : "0 0 66.66667%",
-  maxWidth: $fullscreen ? "100%" : "66.66667%",
+  color: uikitStyles.theme.colors.secondary,
+  flex: $fullscreen ? "1" : "0 0 83.3333333%",
   backgroundColor: uikitStyles.theme.colors.atmo1,
   padding: "0px",
   overflow: "auto",
@@ -44,9 +43,14 @@ const StyledPaper = /* @__PURE__ */ _styled__default.default(material.Paper, pro
     flexDirection: "column"
   },
   "& svg *.color0": {
-    fill: uikitStyles.theme.colors.acce1
+    fill: uikitStyles.theme.colors.secondary
+  },
+  [`&.${material.paperClasses.root}`]: {
+    width: "inherit",
+    minWidth: $fullscreen ? "100%" : "33.3333333%",
+    maxWidth: $fullscreen ? "100%" : "83.3333333%"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9EaWFsb2cuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUGFwZXIgYXMgTXVpUGFwZXIsIEJhY2tkcm9wIGFzIE11aUJhY2tkcm9wIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZCdXR0b24gfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFwZXIgPSBzdHlsZWQoXG4gIE11aVBhcGVyLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRmdWxsc2NyZWVuIH06IHsgJGZ1bGxzY3JlZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgZmxleDogJGZ1bGxzY3JlZW4gPyBcIjFcIiA6IFwiMCAwIDY2LjY2NjY3JVwiLFxuICBtYXhXaWR0aDogJGZ1bGxzY3JlZW4gPyBcIjEwMCVcIiA6IFwiNjYuNjY2NjclXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBwYWRkaW5nOiBcIjBweFwiLFxuICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gIGJveFNoYWRvdzogW1wibm9uZVwiLCBcIjAgMnB4IDEycHggcmdiYSg2NSw2NSw2NSwwLjEyKVwiXSxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kaWFsb2cuYm9yZGVyUmFkaXVzLFxuICAuLi4oISRmdWxsc2NyZWVuICYmIHtcbiAgICBtYXhIZWlnaHQ6IGBjYWxjKDEwMCUgLSAoMiAqICR7dGhlbWUuZGlhbG9nLm1hcmdpbn0pKWAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgfSksXG4gIFwiJiBzdmcgKi5jb2xvcjBcIjoge1xuICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkKFxuICBNdWlCYWNrZHJvcCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYmFja0NvbG9yIH06IHsgJGJhY2tDb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIGJhY2tncm91bmQ6IGZhZGUoJGJhY2tDb2xvciwgMC44KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlID0gc3R5bGVkKEh2QnV0dG9uKSh7XG4gIHBhZGRpbmc6IDAsXG4gIG1pbldpZHRoOiBcImluaGVyaXRcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiB0aGVtZS5zcGFjZS5zbSxcbiAgcmlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxufSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9EaWFsb2cuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgUGFwZXIgYXMgTXVpUGFwZXIsXG4gIHBhcGVyQ2xhc3NlcyBhcyBNdWlQYXBlckNsYXNzZXMsXG4gIEJhY2tkcm9wIGFzIE11aUJhY2tkcm9wLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYXBlciA9IHN0eWxlZChcbiAgTXVpUGFwZXIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZ1bGxzY3JlZW4gfTogeyAkZnVsbHNjcmVlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgZmxleDogJGZ1bGxzY3JlZW4gPyBcIjFcIiA6IFwiMCAwIDgzLjMzMzMzMzMlXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBwYWRkaW5nOiBcIjBweFwiLFxuICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gIGJveFNoYWRvdzogW1wibm9uZVwiLCBcIjAgMnB4IDEycHggcmdiYSg2NSw2NSw2NSwwLjEyKVwiXSxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kaWFsb2cuYm9yZGVyUmFkaXVzLFxuICAuLi4oISRmdWxsc2NyZWVuICYmIHtcbiAgICBtYXhIZWlnaHQ6IGBjYWxjKDEwMCUgLSAoMiAqICR7dGhlbWUuZGlhbG9nLm1hcmdpbn0pKWAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgfSksXG4gIFwiJiBzdmcgKi5jb2xvcjBcIjoge1xuICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gIH0sXG4gIFtgJi4ke011aVBhcGVyQ2xhc3Nlcy5yb290fWBdOiB7XG4gICAgd2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgIG1pbldpZHRoOiAkZnVsbHNjcmVlbiA/IFwiMTAwJVwiIDogXCIzMy4zMzMzMzMzJVwiLFxuICAgIG1heFdpZHRoOiAkZnVsbHNjcmVlbiA/IFwiMTAwJVwiIDogXCI4My4zMzMzMzMzJVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoXG4gIE11aUJhY2tkcm9wLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYWNrQ29sb3IgfTogeyAkYmFja0NvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogZmFkZSgkYmFja0NvbG9yLCAwLjgpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2UgPSBzdHlsZWQoSHZCdXR0b24pKHtcbiAgcGFkZGluZzogMCxcbiAgbWluV2lkdGg6IFwiYXV0b1wiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IHRoZW1lLnNwYWNlLnNtLFxuICByaWdodDogdGhlbWUuc3BhY2Uuc20sXG4gIHdpZHRoOiAzMixcbiAgaGVpZ2h0OiAzMixcbn0pO1xuIl19 */");
 const StyledBackdrop = /* @__PURE__ */ _styled__default.default(material.Backdrop, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1x1ml1b1"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -56,7 +60,7 @@ const StyledBackdrop = /* @__PURE__ */ _styled__default.default(material.Backdro
   $backColor
 }) => ({
   background: hexToRgbA.default($backColor, 0.8)
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFBhcGVyIGFzIE11aVBhcGVyLCBCYWNrZHJvcCBhcyBNdWlCYWNrZHJvcCB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IEh2QnV0dG9uIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhcGVyID0gc3R5bGVkKFxuICBNdWlQYXBlcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZnVsbHNjcmVlbiB9OiB7ICRmdWxsc2NyZWVuOiBib29sZWFuIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIGZsZXg6ICRmdWxsc2NyZWVuID8gXCIxXCIgOiBcIjAgMCA2Ni42NjY2NyVcIixcbiAgbWF4V2lkdGg6ICRmdWxsc2NyZWVuID8gXCIxMDAlXCIgOiBcIjY2LjY2NjY3JVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgcGFkZGluZzogXCIwcHhcIixcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBib3hTaGFkb3c6IFtcIm5vbmVcIiwgXCIwIDJweCAxMnB4IHJnYmEoNjUsNjUsNjUsMC4xMilcIl0sXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZGlhbG9nLmJvcmRlclJhZGl1cyxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgbWF4SGVpZ2h0OiBgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLmRpYWxvZy5tYXJnaW59KSlgLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIH0pLFxuICBcIiYgc3ZnICouY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZChcbiAgTXVpQmFja2Ryb3AsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhY2tDb2xvciB9OiB7ICRiYWNrQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBmYWRlKCRiYWNrQ29sb3IsIDAuOCksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChIdkJ1dHRvbikoe1xuICBwYWRkaW5nOiAwLFxuICBtaW5XaWR0aDogXCJpbmhlcml0XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIHJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIFBhcGVyIGFzIE11aVBhcGVyLFxuICBwYXBlckNsYXNzZXMgYXMgTXVpUGFwZXJDbGFzc2VzLFxuICBCYWNrZHJvcCBhcyBNdWlCYWNrZHJvcCxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZCdXR0b24gfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFwZXIgPSBzdHlsZWQoXG4gIE11aVBhcGVyLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRmdWxsc2NyZWVuIH06IHsgJGZ1bGxzY3JlZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gIGZsZXg6ICRmdWxsc2NyZWVuID8gXCIxXCIgOiBcIjAgMCA4My4zMzMzMzMzJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgcGFkZGluZzogXCIwcHhcIixcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBib3hTaGFkb3c6IFtcIm5vbmVcIiwgXCIwIDJweCAxMnB4IHJnYmEoNjUsNjUsNjUsMC4xMilcIl0sXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZGlhbG9nLmJvcmRlclJhZGl1cyxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgbWF4SGVpZ2h0OiBgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLmRpYWxvZy5tYXJnaW59KSlgLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIH0pLFxuICBcIiYgc3ZnICouY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxuICBbYCYuJHtNdWlQYXBlckNsYXNzZXMucm9vdH1gXToge1xuICAgIHdpZHRoOiBcImluaGVyaXRcIixcbiAgICBtaW5XaWR0aDogJGZ1bGxzY3JlZW4gPyBcIjEwMCVcIiA6IFwiMzMuMzMzMzMzMyVcIixcbiAgICBtYXhXaWR0aDogJGZ1bGxzY3JlZW4gPyBcIjEwMCVcIiA6IFwiODMuMzMzMzMzMyVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkKFxuICBNdWlCYWNrZHJvcCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYmFja0NvbG9yIH06IHsgJGJhY2tDb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIGJhY2tncm91bmQ6IGZhZGUoJGJhY2tDb2xvciwgMC44KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlID0gc3R5bGVkKEh2QnV0dG9uKSh7XG4gIHBhZGRpbmc6IDAsXG4gIG1pbldpZHRoOiBcImF1dG9cIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiB0aGVtZS5zcGFjZS5zbSxcbiAgcmlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG59KTtcbiJdfQ== */");
 const StyledClose = /* @__PURE__ */ _styled__default.default(Button.HvButton, process.env.NODE_ENV === "production" ? {
   target: "e1x1ml1b0"
 } : {
@@ -64,11 +68,13 @@ const StyledClose = /* @__PURE__ */ _styled__default.default(Button.HvButton, pr
   label: "StyledClose"
 })({
   padding: 0,
-  minWidth: "inherit",
+  minWidth: "auto",
   position: "absolute",
   top: uikitStyles.theme.space.sm,
-  right: uikitStyles.theme.space.sm
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFBhcGVyIGFzIE11aVBhcGVyLCBCYWNrZHJvcCBhcyBNdWlCYWNrZHJvcCB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IEh2QnV0dG9uIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhcGVyID0gc3R5bGVkKFxuICBNdWlQYXBlcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZnVsbHNjcmVlbiB9OiB7ICRmdWxsc2NyZWVuOiBib29sZWFuIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIGZsZXg6ICRmdWxsc2NyZWVuID8gXCIxXCIgOiBcIjAgMCA2Ni42NjY2NyVcIixcbiAgbWF4V2lkdGg6ICRmdWxsc2NyZWVuID8gXCIxMDAlXCIgOiBcIjY2LjY2NjY3JVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgcGFkZGluZzogXCIwcHhcIixcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBib3hTaGFkb3c6IFtcIm5vbmVcIiwgXCIwIDJweCAxMnB4IHJnYmEoNjUsNjUsNjUsMC4xMilcIl0sXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZGlhbG9nLmJvcmRlclJhZGl1cyxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgbWF4SGVpZ2h0OiBgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLmRpYWxvZy5tYXJnaW59KSlgLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIH0pLFxuICBcIiYgc3ZnICouY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZChcbiAgTXVpQmFja2Ryb3AsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhY2tDb2xvciB9OiB7ICRiYWNrQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBmYWRlKCRiYWNrQ29sb3IsIDAuOCksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChIdkJ1dHRvbikoe1xuICBwYWRkaW5nOiAwLFxuICBtaW5XaWR0aDogXCJpbmhlcml0XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIHJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */");
+  right: uikitStyles.theme.space.sm,
+  width: 32,
+  height: 32
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIFBhcGVyIGFzIE11aVBhcGVyLFxuICBwYXBlckNsYXNzZXMgYXMgTXVpUGFwZXJDbGFzc2VzLFxuICBCYWNrZHJvcCBhcyBNdWlCYWNrZHJvcCxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZCdXR0b24gfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFwZXIgPSBzdHlsZWQoXG4gIE11aVBhcGVyLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRmdWxsc2NyZWVuIH06IHsgJGZ1bGxzY3JlZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gIGZsZXg6ICRmdWxsc2NyZWVuID8gXCIxXCIgOiBcIjAgMCA4My4zMzMzMzMzJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgcGFkZGluZzogXCIwcHhcIixcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBib3hTaGFkb3c6IFtcIm5vbmVcIiwgXCIwIDJweCAxMnB4IHJnYmEoNjUsNjUsNjUsMC4xMilcIl0sXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZGlhbG9nLmJvcmRlclJhZGl1cyxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgbWF4SGVpZ2h0OiBgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLmRpYWxvZy5tYXJnaW59KSlgLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIH0pLFxuICBcIiYgc3ZnICouY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxuICBbYCYuJHtNdWlQYXBlckNsYXNzZXMucm9vdH1gXToge1xuICAgIHdpZHRoOiBcImluaGVyaXRcIixcbiAgICBtaW5XaWR0aDogJGZ1bGxzY3JlZW4gPyBcIjEwMCVcIiA6IFwiMzMuMzMzMzMzMyVcIixcbiAgICBtYXhXaWR0aDogJGZ1bGxzY3JlZW4gPyBcIjEwMCVcIiA6IFwiODMuMzMzMzMzMyVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkKFxuICBNdWlCYWNrZHJvcCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYmFja0NvbG9yIH06IHsgJGJhY2tDb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIGJhY2tncm91bmQ6IGZhZGUoJGJhY2tDb2xvciwgMC44KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlID0gc3R5bGVkKEh2QnV0dG9uKSh7XG4gIHBhZGRpbmc6IDAsXG4gIG1pbldpZHRoOiBcImF1dG9cIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiB0aGVtZS5zcGFjZS5zbSxcbiAgcmlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG59KTtcbiJdfQ== */");
 exports.StyledBackdrop = StyledBackdrop;
 exports.StyledClose = StyledClose;
 exports.StyledPaper = StyledPaper;

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.styles.cjs","sources":["../../../../src/components/Dialog/Dialog.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Paper as MuiPaper, Backdrop as MuiBackdrop } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport fade from \"utils/hexToRgbA\";\nimport { HvButton } from \"components\";\n\nexport const StyledPaper = styled(\n  MuiPaper,\n  transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n  color: theme.colors.acce1,\n  flex: $fullscreen ? \"1\" : \"0 0 66.66667%\",\n  maxWidth: $fullscreen ? \"100%\" : \"66.66667%\",\n  backgroundColor: theme.colors.atmo1,\n  padding: \"0px\",\n  overflow: \"auto\",\n  boxShadow: [\"none\", \"0 2px 12px rgba(65,65,65,0.12)\"],\n  borderRadius: theme.dialog.borderRadius,\n  ...(!$fullscreen && {\n    maxHeight: `calc(100% - (2 * ${theme.dialog.margin}))`,\n    display: \"flex\",\n    flexDirection: \"column\",\n  }),\n  \"& svg *.color0\": {\n    fill: theme.colors.acce1,\n  },\n}));\n\nexport const StyledBackdrop = styled(\n  MuiBackdrop,\n  transientOptions\n)(({ $backColor }: { $backColor: string }) => ({\n  background: fade($backColor, 0.8),\n}));\n\nexport const StyledClose = styled(HvButton)({\n  padding: 0,\n  minWidth: \"inherit\",\n  position: \"absolute\",\n  top: theme.space.sm,\n  right: theme.space.sm,\n});\n"],"names":["StyledPaper","MuiPaper","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","color","theme","colors","acce1","flex","maxWidth","backgroundColor","atmo1","padding","overflow","boxShadow","borderRadius","dialog","maxHeight","margin","display","flexDirection","fill","StyledBackdrop","MuiBackdrop","$backColor","background","fade","StyledClose","HvButton","minWidth","position","top","space","sm","right"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOaA,MAAAA,uDACXC,SAAAA,OAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,EACpBC,MAAML,cAAc,MAAM;AAAA,EAC1BM,UAAUN,cAAc,SAAS;AAAA,EACjCO,iBAAiBL,YAAAA,MAAMC,OAAOK;AAAAA,EAC9BC,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,WAAW,CAAC,QAAQ,gCAAgC;AAAA,EACpDC,cAAcV,YAAAA,MAAMW,OAAOD;AAAAA,EAC3B,GAAI,CAACZ,eAAe;AAAA,IAClBc,WAAY,oBAAmBZ,YAAAA,MAAMW,OAAOE;AAAAA,IAC5CC,SAAS;AAAA,IACTC,eAAe;AAAA,EACjB;AAAA,EACA,kBAAkB;AAAA,IAChBC,MAAMhB,YAAAA,MAAMC,OAAOC;AAAAA,EACrB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,qrEAAA;AAEUwB,MAAAA,0DACXC,SAAAA,UAAW3B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEuB;AAAmC,OAAO;AAAA,EAC7CC,YAAYC,UAAAA,QAAKF,YAAY,GAAG;AAClC,IAAE5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,qrEAAA;AAEI,MAAM6B,cAAqBC,iCAAAA,QAAAA,OAAAA,UAAQhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CU,SAAS;AAAA,EACTiB,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,KAAK1B,YAAAA,MAAM2B,MAAMC;AAAAA,EACjBC,OAAO7B,YAAAA,MAAM2B,MAAMC;AACrB,GAACrC,QAAAC,IAAAC,aAAC,eAAA,KAAA,qrEAAA;;;;"}
+{"version":3,"file":"Dialog.styles.cjs","sources":["../../../../src/components/Dialog/Dialog.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  Paper as MuiPaper,\n  paperClasses as MuiPaperClasses,\n  Backdrop as MuiBackdrop,\n} from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport fade from \"utils/hexToRgbA\";\nimport { HvButton } from \"components\";\n\nexport const StyledPaper = styled(\n  MuiPaper,\n  transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n  color: theme.colors.secondary,\n  flex: $fullscreen ? \"1\" : \"0 0 83.3333333%\",\n  backgroundColor: theme.colors.atmo1,\n  padding: \"0px\",\n  overflow: \"auto\",\n  boxShadow: [\"none\", \"0 2px 12px rgba(65,65,65,0.12)\"],\n  borderRadius: theme.dialog.borderRadius,\n  ...(!$fullscreen && {\n    maxHeight: `calc(100% - (2 * ${theme.dialog.margin}))`,\n    display: \"flex\",\n    flexDirection: \"column\",\n  }),\n  \"& svg *.color0\": {\n    fill: theme.colors.secondary,\n  },\n  [`&.${MuiPaperClasses.root}`]: {\n    width: \"inherit\",\n    minWidth: $fullscreen ? \"100%\" : \"33.3333333%\",\n    maxWidth: $fullscreen ? \"100%\" : \"83.3333333%\",\n  },\n}));\n\nexport const StyledBackdrop = styled(\n  MuiBackdrop,\n  transientOptions\n)(({ $backColor }: { $backColor: string }) => ({\n  background: fade($backColor, 0.8),\n}));\n\nexport const StyledClose = styled(HvButton)({\n  padding: 0,\n  minWidth: \"auto\",\n  position: \"absolute\",\n  top: theme.space.sm,\n  right: theme.space.sm,\n  width: 32,\n  height: 32,\n});\n"],"names":["StyledPaper","MuiPaper","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","color","theme","colors","secondary","flex","backgroundColor","atmo1","padding","overflow","boxShadow","borderRadius","dialog","maxHeight","margin","display","flexDirection","fill","MuiPaperClasses","root","width","minWidth","maxWidth","StyledBackdrop","MuiBackdrop","$backColor","background","fade","StyledClose","HvButton","position","top","space","sm","right","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWaA,MAAAA,uDACXC,SAAAA,OAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,EACpBC,MAAML,cAAc,MAAM;AAAA,EAC1BM,iBAAiBJ,YAAAA,MAAMC,OAAOI;AAAAA,EAC9BC,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,WAAW,CAAC,QAAQ,gCAAgC;AAAA,EACpDC,cAAcT,YAAAA,MAAMU,OAAOD;AAAAA,EAC3B,GAAI,CAACX,eAAe;AAAA,IAClBa,WAAY,oBAAmBX,YAAAA,MAAMU,OAAOE;AAAAA,IAC5CC,SAAS;AAAA,IACTC,eAAe;AAAA,EACjB;AAAA,EACA,kBAAkB;AAAA,IAChBC,MAAMf,YAAAA,MAAMC,OAAOC;AAAAA,EACrB;AAAA,EACA,CAAE,KAAIc,sBAAgBC,MAAM,GAAG;AAAA,IAC7BC,OAAO;AAAA,IACPC,UAAUrB,cAAc,SAAS;AAAA,IACjCsB,UAAUtB,cAAc,SAAS;AAAA,EACnC;AACF,IAAEP,QAAAC,IAAAC,aAAC,eAAA,KAAA,y8EAAA;AAEU4B,MAAAA,0DACXC,SAAAA,UAAW/B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAE2B;AAAmC,OAAO;AAAA,EAC7CC,YAAYC,UAAAA,QAAKF,YAAY,GAAG;AAClC,IAAEhC,QAAAC,IAAAC,aAAC,eAAA,KAAA,68EAAA;AAEI,MAAMiC,cAAqBC,iCAAAA,QAAAA,OAAAA,UAAQpC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CS,SAAS;AAAA,EACTa,UAAU;AAAA,EACVS,UAAU;AAAA,EACVC,KAAK7B,YAAAA,MAAM8B,MAAMC;AAAAA,EACjBC,OAAOhC,YAAAA,MAAM8B,MAAMC;AAAAA,EACnBb,OAAO;AAAA,EACPe,QAAQ;AACV,GAAC1C,QAAAC,IAAAC,aAAC,eAAA,KAAA,68EAAA;;;;"}

package/dist/cjs/components/Dialog/Title/Title.cjs

@@ -1,16 +1,15 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const Title_styles = require("./Title.styles.cjs");
 const titleClasses = require("./titleClasses.cjs");
-const React = require("react");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const iconVariant = require("../../../utils/iconVariant.cjs");
-const ThemeProvider = require("../../../providers/ThemeProvider.cjs");
+const useTheme = require("../../../hooks/useTheme.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
-const HvTitle = ({
+const HvDialogTitle = ({
   classes,
   className,
   children,
@@ -21,7 +20,7 @@ const HvTitle = ({
 }) => {
   const {
     activeTheme
-  } = React.useContext(ThemeProvider.HvThemeContext);
+  } = useTheme.useTheme();
   const isString = typeof children === "string";
   const {
     fullscreen
@@ -45,5 +44,5 @@ const HvTitle = ({
     })
   });
 };
-exports.HvTitle = HvTitle;
+exports.HvDialogTitle = HvDialogTitle;
 //# sourceMappingURL=Title.cjs.map

package/dist/cjs/components/Dialog/Title/Title.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Title.cjs","sources":["../../../../../src/components/Dialog/Title/Title.tsx"],"sourcesContent":["import { DialogTitleProps as MuiDialogTitleProps } from \"@mui/material/DialogTitle\";\nimport clsx from \"clsx\";\nimport { HvTypography } from \"components\";\nimport { HvBaseProps } from \"../../../types\";\nimport { iconVariant } from \"utils\";\nimport {\n  StyledTitle,\n  StyledMessageContainer,\n  StyledTextWithIcon,\n} from \"./Title.styles\";\nimport dialogTitleClasses, { HvDialogTitleClasses } from \"./titleClasses\";\nimport { useContext } from \"react\";\nimport { HvThemeContext } from \"providers\";\n\nexport type HvDialogTitleVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\";\n\nexport type HvTitleProps = Omit<MuiDialogTitleProps, \"variant\" | \"classes\"> &\n  HvBaseProps & {\n    /** Variant of the Dialog. */\n    variant?: HvDialogTitleVariant;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    classes?: HvDialogTitleClasses;\n  };\n\nexport const HvTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}: HvTitleProps) => {\n  const { activeTheme } = useContext(HvThemeContext);\n\n  const isString = typeof children === \"string\";\n\n  const { fullscreen } = others as any;\n  delete (others as any).fullscreen;\n\n  const icon = customIcon || (showIcon && iconVariant(variant, \"\", \"\"));\n\n  return (\n    <StyledTitle\n      className={clsx(\n        dialogTitleClasses.root,\n        classes?.root,\n        className,\n        fullscreen && clsx(dialogTitleClasses.fullscreen, classes?.fullscreen)\n      )}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      <StyledMessageContainer\n        className={clsx(\n          dialogTitleClasses.messageContainer,\n          classes?.messageContainer\n        )}\n      >\n        {icon}\n        <StyledTextWithIcon\n          className={\n            !!icon\n              ? clsx(dialogTitleClasses.textWithIcon, classes?.textWithIcon)\n              : undefined\n          }\n          $hasIcon={!!icon}\n        >\n          {!isString && children}\n          {isString && (\n            <HvTypography variant={activeTheme?.dialog.titleVariant}>\n              {children}\n            </HvTypography>\n          )}\n        </StyledTextWithIcon>\n      </StyledMessageContainer>\n    </StyledTitle>\n  );\n};\n"],"names":["HvTitle","classes","className","children","variant","showIcon","customIcon","others","activeTheme","useContext","HvThemeContext","isString","fullscreen","icon","iconVariant","StyledTitle","clsx","dialogTitleClasses","root","$fullscreen","StyledMessageContainer","messageContainer","_jsxs","StyledTextWithIcon","textWithIcon","undefined","$hasIcon","HvTypography","dialog","titleVariant"],"mappings":";;;;;;;;;;;;AAgCO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,KACVC;AACS,MAAM;AACZ,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAgBC,MAAAA,WAAWC,cAAAA,cAAc;AAE3CC,QAAAA,WAAW,OAAOR,aAAa;AAE/B,QAAA;AAAA,IAAES;AAAAA,EAAeL,IAAAA;AACvB,SAAQA,OAAeK;AAEvB,QAAMC,OAAOP,cAAeD,YAAYS,YAAYV,QAAAA,SAAS,IAAI,EAAE;AAEnE,wCACGW,aAAAA,aAAW;AAAA,IACVb,WAAWc,cAAAA,QACTC,aAAAA,QAAmBC,MACnBjB,mCAASiB,MACThB,WACAU,cAAcI,cAAKC,QAAAA,aAAAA,QAAmBL,YAAYX,mCAASW,UAAU,CAAC;AAAA,IAExEO,aAAaP;AAAAA,IAAW,GACpBL;AAAAA,IAAMJ,0CAETiB,qCAAsB;AAAA,MACrBlB,WAAWc,cAAAA,QACTC,aAAAA,QAAmBI,kBACnBpB,mCAASoB,gBAAgB;AAAA,MACzBlB,UAEDU,CAAAA,MACDS,2BAAAA,KAACC,iCAAkB;AAAA,QACjBrB,WACE,CAAC,CAACW,OACEG,sBAAKC,aAAAA,QAAmBO,cAAcvB,mCAASuB,YAAY,IAC3DC;AAAAA,QAENC,UAAU,CAAC,CAACb;AAAAA,QAAKV,UAAA,CAEhB,CAACQ,YAAYR,UACbQ,2CACEgB,yBAAY;AAAA,UAACvB,SAASI,2CAAaoB,OAAOC;AAAAA,UAAa1B;AAAAA,QAAAA,CAGzD,CAAA;AAAA,MAAA,CACkB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEX;AAElB;;"}
+{"version":3,"file":"Title.cjs","sources":["../../../../../src/components/Dialog/Title/Title.tsx"],"sourcesContent":["import { DialogTitleProps as MuiDialogTitleProps } from \"@mui/material/DialogTitle\";\nimport clsx from \"clsx\";\nimport { HvTypography } from \"components\";\nimport { HvBaseProps } from \"../../../types\";\nimport { iconVariant } from \"utils\";\nimport {\n  StyledTitle,\n  StyledMessageContainer,\n  StyledTextWithIcon,\n} from \"./Title.styles\";\nimport dialogTitleClasses, { HvDialogTitleClasses } from \"./titleClasses\";\nimport { useTheme } from \"hooks\";\n\nexport type HvDialogTitleVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\";\n\nexport type HvDialogTitleProps = Omit<\n  MuiDialogTitleProps,\n  \"variant\" | \"classes\"\n> &\n  HvBaseProps & {\n    /** Variant of the Dialog. */\n    variant?: HvDialogTitleVariant;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    classes?: HvDialogTitleClasses;\n  };\n\nexport const HvDialogTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}: HvDialogTitleProps) => {\n  const { activeTheme } = useTheme();\n\n  const isString = typeof children === \"string\";\n\n  const { fullscreen } = others as any;\n  delete (others as any).fullscreen;\n\n  const icon = customIcon || (showIcon && iconVariant(variant, \"\", \"\"));\n\n  return (\n    <StyledTitle\n      className={clsx(\n        dialogTitleClasses.root,\n        classes?.root,\n        className,\n        fullscreen && clsx(dialogTitleClasses.fullscreen, classes?.fullscreen)\n      )}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      <StyledMessageContainer\n        className={clsx(\n          dialogTitleClasses.messageContainer,\n          classes?.messageContainer\n        )}\n      >\n        {icon}\n        <StyledTextWithIcon\n          className={\n            !!icon\n              ? clsx(dialogTitleClasses.textWithIcon, classes?.textWithIcon)\n              : undefined\n          }\n          $hasIcon={!!icon}\n        >\n          {!isString && children}\n          {isString && (\n            <HvTypography variant={activeTheme?.dialog.titleVariant}>\n              {children}\n            </HvTypography>\n          )}\n        </StyledTextWithIcon>\n      </StyledMessageContainer>\n    </StyledTitle>\n  );\n};\n"],"names":["HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","activeTheme","useTheme","isString","fullscreen","icon","iconVariant","StyledTitle","clsx","dialogTitleClasses","root","$fullscreen","StyledMessageContainer","messageContainer","_jsxs","StyledTextWithIcon","textWithIcon","undefined","$hasIcon","HvTypography","dialog","titleVariant"],"mappings":";;;;;;;;;;;AAkCO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACb,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAU,SAAA;AAE5BC,QAAAA,WAAW,OAAOP,aAAa;AAE/B,QAAA;AAAA,IAAEQ;AAAAA,EAAeJ,IAAAA;AACvB,SAAQA,OAAeI;AAEvB,QAAMC,OAAON,cAAeD,YAAYQ,YAAYT,QAAAA,SAAS,IAAI,EAAE;AAEnE,wCACGU,aAAAA,aAAW;AAAA,IACVZ,WAAWa,cAAAA,QACTC,aAAAA,QAAmBC,MACnBhB,mCAASgB,MACTf,WACAS,cAAcI,cAAKC,QAAAA,aAAAA,QAAmBL,YAAYV,mCAASU,UAAU,CAAC;AAAA,IAExEO,aAAaP;AAAAA,IAAW,GACpBJ;AAAAA,IAAMJ,0CAETgB,qCAAsB;AAAA,MACrBjB,WAAWa,cAAAA,QACTC,aAAAA,QAAmBI,kBACnBnB,mCAASmB,gBAAgB;AAAA,MACzBjB,UAEDS,CAAAA,MACDS,2BAAAA,KAACC,iCAAkB;AAAA,QACjBpB,WACE,CAAC,CAACU,OACEG,sBAAKC,aAAAA,QAAmBO,cAActB,mCAASsB,YAAY,IAC3DC;AAAAA,QAENC,UAAU,CAAC,CAACb;AAAAA,QAAKT,UAAA,CAEhB,CAACO,YAAYP,UACbO,2CACEgB,yBAAY;AAAA,UAACtB,SAASI,2CAAamB,OAAOC;AAAAA,UAAazB;AAAAA,QAAAA,CAGzD,CAAA;AAAA,MAAA,CACkB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEX;AAElB;;"}

package/dist/cjs/components/Dialog/Title/Title.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const DialogTitle = require("@mui/material/DialogTitle");
@@ -62,6 +62,7 @@ const StyledTextWithIcon = /* @__PURE__ */ _styled__default.default("div", proce
 }) => ({
   ...$hasIcon && {
     marginLeft: uikitStyles.theme.space.xs,
+    // 32px is the icon width
     marginRight: `calc(32px + ${uikitStyles.theme.space.xs})`
   }
 }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL1RpdGxlL1RpdGxlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9UaXRsZS9UaXRsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgRGlhbG9nVGl0bGUgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nVGl0bGVcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoXG4gIERpYWxvZ1RpdGxlLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRmdWxsc2NyZWVuIH06IHsgJGZ1bGxzY3JlZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZzogdGhlbWUuc3BhY2Uuc20sXG4gIG1hcmdpbjogMCxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgZmxleDogMSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNZXNzYWdlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRXaXRoSWNvbiA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGFzSWNvbiB9OiB7ICRoYXNJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkaGFzSWNvbiAmJiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgLy8gMzJweCBpcyB0aGUgaWNvbiB3aWR0aFxuICAgIG1hcmdpblJpZ2h0OiBgY2FsYygzMnB4ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgfSksXG59KSk7XG4iXX0= */");

package/dist/cjs/components/Dialog/Title/Title.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Title.styles.cjs","sources":["../../../../../src/components/Dialog/Title/Title.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledTitle = styled(\n  DialogTitle,\n  transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n  padding: theme.space.sm,\n  margin: 0,\n  ...(!$fullscreen && {\n    flex: 1,\n  }),\n}));\n\nexport const StyledMessageContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nexport const StyledTextWithIcon = styled(\n  \"div\",\n  transientOptions\n)(({ $hasIcon }: { $hasIcon: boolean }) => ({\n  ...($hasIcon && {\n    marginLeft: theme.space.xs,\n    // 32px is the icon width\n    marginRight: `calc(32px + ${theme.space.xs})`,\n  }),\n}));\n"],"names":["StyledTitle","DialogTitle","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","padding","theme","space","sm","margin","flex","StyledMessageContainer","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTextWithIcon","$hasIcon","marginLeft","xs","marginRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,uDACXC,qBAAAA,SAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,EACrBC,QAAQ;AAAA,EACR,GAAI,CAACL,eAAe;AAAA,IAClBM,MAAM;AAAA,EACR;AACF,IAAEb,QAAAC,IAAAC,aAAC,eAAA,KAAA,qiDAAA;AAEI,MAAMY,yBAAgCC,iCAAA,QAAA,OAAKf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAc,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGjD;AAEWC,MAAAA,8DACX,OAAKrB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEiB;AAAgC,OAAO;AAAA,EAC1C,GAAIA,YAAY;AAAA,IACdC,YAAYd,YAAAA,MAAMC,MAAMc;AAAAA,IAExBC,aAAc,eAAchB,YAAAA,MAAMC,MAAMc;AAAAA,EAC1C;AACF,IAAExB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qiDAAA;;;;"}
+{"version":3,"file":"Title.styles.cjs","sources":["../../../../../src/components/Dialog/Title/Title.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledTitle = styled(\n  DialogTitle,\n  transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n  padding: theme.space.sm,\n  margin: 0,\n  ...(!$fullscreen && {\n    flex: 1,\n  }),\n}));\n\nexport const StyledMessageContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nexport const StyledTextWithIcon = styled(\n  \"div\",\n  transientOptions\n)(({ $hasIcon }: { $hasIcon: boolean }) => ({\n  ...($hasIcon && {\n    marginLeft: theme.space.xs,\n    // 32px is the icon width\n    marginRight: `calc(32px + ${theme.space.xs})`,\n  }),\n}));\n"],"names":["StyledTitle","DialogTitle","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","padding","theme","space","sm","margin","flex","StyledMessageContainer","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTextWithIcon","$hasIcon","marginLeft","xs","marginRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,uDACXC,qBAAAA,SAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,EACrBC,QAAQ;AAAA,EACR,GAAI,CAACL,eAAe;AAAA,IAClBM,MAAM;AAAA,EACR;AACF,IAAEb,QAAAC,IAAAC,aAAC,eAAA,KAAA,qiDAAA;AAEI,MAAMY,yBAAgCC,iCAAA,QAAA,OAAKf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAc,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGjD;AAEWC,MAAAA,8DACX,OAAKrB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEiB;AAAgC,OAAO;AAAA,EAC1C,GAAIA,YAAY;AAAA,IACdC,YAAYd,YAAAA,MAAMC,MAAMc;AAAAA;AAAAA,IAExBC,aAAc,eAAchB,YAAAA,MAAMC,MAAMc;AAAAA,EAC1C;AACF,IAAExB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qiDAAA;;;;"}

package/dist/cjs/components/DotPagination/DotPagination.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const dotPaginationClasses = require("./dotPaginationClasses.cjs");
 const DotPagination_styles = require("./DotPagination.styles.cjs");

package/dist/cjs/components/DotPagination/DotPagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DotPagination.cjs","sources":["../../../../src/components/DotPagination/DotPagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvRadioGroupProps } from \"../RadioGroup\";\nimport dotPaginationClasses, {\n  HvDotPaginationClasses,\n} from \"./dotPaginationClasses\";\nimport {\n  StyledCurrentStep,\n  StyledOtherStep,\n  StyledRadio,\n  StyledRadioGroup,\n} from \"./DotPagination.styles\";\nimport { cloneElement } from \"react\";\n\nexport type HvDotPaginationProps = Omit<HvRadioGroupProps, \"classes\"> & {\n  /**\n   * Icon to override the default one used for the unselected state.\n   *\n   * The default icon is `OtherStep`.\n   */\n  unselectedIcon?: React.ReactElement;\n  /**\n   * Icon to override the default one used for the selected state.\n   *\n   * The default icon is `CurrentStep`.\n   */\n  selectedIcon?: React.ReactElement;\n  /**\n   *  The number of pages the component has.\n   */\n  pages?: number;\n  /**\n   * The currently selected page.\n   */\n  page?: number;\n  /**\n   * The callback fired when the page value changes.\n   */\n  onPageChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    page: number\n  ) => void;\n  /**\n   * The callback fired to get the page aria label.\n   */\n  getItemAriaLabel?: (page: number) => string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvDotPaginationClasses;\n};\n\nconst getSelectorIcons = (\n  radioIcon?: React.ReactElement,\n  radioCheckedIcon?: React.ReactElement,\n  classes?: HvDotPaginationClasses\n) => {\n  return {\n    radio: cloneElement(radioIcon || <StyledOtherStep width={8} height={8} />, {\n      className: clsx(classes?.icon, dotPaginationClasses.icon),\n    }),\n    radioChecked: cloneElement(\n      radioCheckedIcon || <StyledCurrentStep width={8} height={8} />,\n      {\n        className: clsx(classes?.icon, dotPaginationClasses.icon),\n      }\n    ),\n  };\n};\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.\n * This component uses Radio Buttons to represent each page.\n */\nexport const HvDotPagination = ({\n  className,\n  classes,\n  unselectedIcon,\n  selectedIcon,\n  pages = 1,\n  page = 0,\n  onPageChange,\n  getItemAriaLabel,\n  ...others\n}: HvDotPaginationProps) => {\n  const range = (n: number) => Array.from(Array(n), (_, i) => i);\n\n  const icons = getSelectorIcons(unselectedIcon, selectedIcon, classes);\n\n  return (\n    <StyledRadioGroup\n      className={clsx(className, classes?.root, dotPaginationClasses.root)}\n      classes={{\n        horizontal: clsx(classes?.horizontal, dotPaginationClasses.horizontal),\n      }}\n      orientation=\"horizontal\"\n      {...others}\n    >\n      {range(pages).map((i) => (\n        <StyledRadio\n          classes={{\n            radio: clsx(classes?.radio, dotPaginationClasses.radio),\n            root: clsx(classes?.radioRoot, dotPaginationClasses.radioRoot),\n          }}\n          key={i}\n          value={i}\n          checked={page === i}\n          onChange={(event) => onPageChange?.(event, i)}\n          icon={icons.radio}\n          checkedIcon={icons.radioChecked}\n          aria-label={getItemAriaLabel?.(i)}\n        />\n      ))}\n    </StyledRadioGroup>\n  );\n};\n"],"names":["getSelectorIcons","radioIcon","radioCheckedIcon","classes","radio","cloneElement","_jsx","StyledOtherStep","width","height","className","clsx","icon","dotPaginationClasses","radioChecked","StyledCurrentStep","HvDotPagination","unselectedIcon","selectedIcon","pages","page","onPageChange","getItemAriaLabel","others","range","n","Array","from","_","i","icons","StyledRadioGroup","root","horizontal","orientation","children","map","StyledRadio","radioRoot","value","checked","onChange","event","checkedIcon"],"mappings":";;;;;;;;;AAmDA,MAAMA,mBAAmBA,CACvBC,WACAC,kBACAC,YACG;AACI,SAAA;AAAA,IACLC,OAAOC,MAAAA,aAAaJ,aAAaK,2BAAAA,IAACC,qBAAAA,iBAAe;AAAA,MAACC,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,CAAE,GAAK;AAAA,MACzEC,WAAWC,cAAAA,QAAKR,mCAASS,MAAMC,qBAAAA,QAAqBD,IAAI;AAAA,IAAA,CACzD;AAAA,IACDE,cAAcT,MAAAA,aACZH,oBAAoBI,2BAAAA,IAACS,qBAAAA,mBAAiB;AAAA,MAACP,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,CAAE,GAC3D;AAAA,MACEC,WAAWC,cAAAA,QAAKR,mCAASS,MAAMC,qBAAAA,QAAqBD,IAAI;AAAA,IAAA,CACzD;AAAA,EAAA;AAGP;AAMO,MAAMI,kBAAkBA,CAAC;AAAA,EAC9BN;AAAAA,EACAP;AAAAA,EACAc;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,KACGC;AACiB,MAAM;AACpBC,QAAAA,QAAQA,CAACC,MAAcC,MAAMC,KAAKD,MAAMD,CAAC,GAAG,CAACG,GAAGC,MAAMA,CAAC;AAE7D,QAAMC,QAAQ9B,iBAAiBiB,gBAAgBC,cAAcf,OAAO;AAEpE,wCACG4B,qBAAAA,kBAAgB;AAAA,IACfrB,WAAWC,cAAKD,QAAAA,WAAWP,mCAAS6B,MAAMnB,6BAAqBmB,IAAI;AAAA,IACnE7B,SAAS;AAAA,MACP8B,YAAYtB,cAAAA,QAAKR,mCAAS8B,YAAYpB,qBAAAA,QAAqBoB,UAAU;AAAA,IACvE;AAAA,IACAC,aAAY;AAAA,IAAY,GACpBX;AAAAA,IAAMY,UAETX,MAAML,KAAK,EAAEiB,IAAKP,CAAAA,qCAChBQ,kCAAW;AAAA,MACVlC,SAAS;AAAA,QACPC,OAAOO,cAAAA,QAAKR,mCAASC,OAAOS,qBAAAA,QAAqBT,KAAK;AAAA,QACtD4B,MAAMrB,cAAAA,QAAKR,mCAASmC,WAAWzB,qBAAAA,QAAqByB,SAAS;AAAA,MAC/D;AAAA,MAEAC,OAAOV;AAAAA,MACPW,SAASpB,SAASS;AAAAA,MAClBY,UAAWC,CAAAA,UAAUrB,6CAAeqB,OAAOb;AAAAA,MAC3CjB,MAAMkB,MAAM1B;AAAAA,MACZuC,aAAab,MAAMhB;AAAAA,MACnB,cAAYQ,qDAAmBO;AAAAA,IAAG,GAN7BA,CAAC,CAQT;AAAA,EAAA,CACgB;AAEvB;;"}
+{"version":3,"file":"DotPagination.cjs","sources":["../../../../src/components/DotPagination/DotPagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvRadioGroupProps } from \"../RadioGroup\";\nimport dotPaginationClasses, {\n  HvDotPaginationClasses,\n} from \"./dotPaginationClasses\";\nimport {\n  StyledCurrentStep,\n  StyledOtherStep,\n  StyledRadio,\n  StyledRadioGroup,\n} from \"./DotPagination.styles\";\nimport { cloneElement } from \"react\";\n\nexport type HvDotPaginationProps = Omit<HvRadioGroupProps, \"classes\"> & {\n  /**\n   * Icon to override the default one used for the unselected state.\n   *\n   * The default icon is `OtherStep`.\n   */\n  unselectedIcon?: React.ReactElement;\n  /**\n   * Icon to override the default one used for the selected state.\n   *\n   * The default icon is `CurrentStep`.\n   */\n  selectedIcon?: React.ReactElement;\n  /**\n   *  The number of pages the component has.\n   */\n  pages?: number;\n  /**\n   * The currently selected page.\n   */\n  page?: number;\n  /**\n   * The callback fired when the page value changes.\n   */\n  onPageChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    page: number\n  ) => void;\n  /**\n   * The callback fired to get the page aria label.\n   */\n  getItemAriaLabel?: (page: number) => string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvDotPaginationClasses;\n};\n\nconst getSelectorIcons = (\n  radioIcon?: React.ReactElement,\n  radioCheckedIcon?: React.ReactElement,\n  classes?: HvDotPaginationClasses\n) => {\n  return {\n    radio: cloneElement(radioIcon || <StyledOtherStep width={8} height={8} />, {\n      className: clsx(classes?.icon, dotPaginationClasses.icon),\n    }),\n    radioChecked: cloneElement(\n      radioCheckedIcon || <StyledCurrentStep width={8} height={8} />,\n      {\n        className: clsx(classes?.icon, dotPaginationClasses.icon),\n      }\n    ),\n  };\n};\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.\n * This component uses Radio Buttons to represent each page.\n */\nexport const HvDotPagination = ({\n  className,\n  classes,\n  unselectedIcon,\n  selectedIcon,\n  pages = 1,\n  page = 0,\n  onPageChange,\n  getItemAriaLabel,\n  ...others\n}: HvDotPaginationProps) => {\n  const range = (n: number) => Array.from(Array(n), (_, i) => i);\n\n  const icons = getSelectorIcons(unselectedIcon, selectedIcon, classes);\n\n  return (\n    <StyledRadioGroup\n      className={clsx(className, classes?.root, dotPaginationClasses.root)}\n      classes={{\n        horizontal: clsx(classes?.horizontal, dotPaginationClasses.horizontal),\n      }}\n      orientation=\"horizontal\"\n      {...others}\n    >\n      {range(pages).map((i) => (\n        <StyledRadio\n          classes={{\n            radio: clsx(classes?.radio, dotPaginationClasses.radio),\n            root: clsx(classes?.radioRoot, dotPaginationClasses.radioRoot),\n          }}\n          key={i}\n          value={i}\n          checked={page === i}\n          onChange={(event) => onPageChange?.(event, i)}\n          icon={icons.radio}\n          checkedIcon={icons.radioChecked}\n          aria-label={getItemAriaLabel?.(i)}\n        />\n      ))}\n    </StyledRadioGroup>\n  );\n};\n"],"names":["getSelectorIcons","radioIcon","radioCheckedIcon","classes","radio","cloneElement","_jsx","StyledOtherStep","width","height","className","clsx","icon","dotPaginationClasses","radioChecked","StyledCurrentStep","HvDotPagination","unselectedIcon","selectedIcon","pages","page","onPageChange","getItemAriaLabel","others","range","n","Array","from","_","i","icons","StyledRadioGroup","root","horizontal","orientation","children","map","StyledRadio","radioRoot","value","checked","onChange","event","checkedIcon"],"mappings":";;;;;;;;;AAmDA,MAAMA,mBAAmBA,CACvBC,WACAC,kBACAC,YACG;AACI,SAAA;AAAA,IACLC,OAAOC,MAAAA,aAAaJ,aAAaK,2BAAAA,IAACC,qBAAAA,iBAAe;AAAA,MAACC,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,CAAE,GAAK;AAAA,MACzEC,WAAWC,cAAAA,QAAKR,mCAASS,MAAMC,qBAAAA,QAAqBD,IAAI;AAAA,IAAA,CACzD;AAAA,IACDE,cAAcT,MAAAA,aACZH,oBAAoBI,2BAAAA,IAACS,qBAAAA,mBAAiB;AAAA,MAACP,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,CAAE,GAC3D;AAAA,MACEC,WAAWC,cAAAA,QAAKR,mCAASS,MAAMC,qBAAAA,QAAqBD,IAAI;AAAA,IAAA,CACzD;AAAA,EAAA;AAGP;AAMO,MAAMI,kBAAkBA,CAAC;AAAA,EAC9BN;AAAAA,EACAP;AAAAA,EACAc;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AACpBC,QAAAA,QAAQA,CAACC,MAAcC,MAAMC,KAAKD,MAAMD,CAAC,GAAG,CAACG,GAAGC,MAAMA,CAAC;AAE7D,QAAMC,QAAQ9B,iBAAiBiB,gBAAgBC,cAAcf,OAAO;AAEpE,wCACG4B,qBAAAA,kBAAgB;AAAA,IACfrB,WAAWC,cAAKD,QAAAA,WAAWP,mCAAS6B,MAAMnB,6BAAqBmB,IAAI;AAAA,IACnE7B,SAAS;AAAA,MACP8B,YAAYtB,cAAAA,QAAKR,mCAAS8B,YAAYpB,qBAAAA,QAAqBoB,UAAU;AAAA,IACvE;AAAA,IACAC,aAAY;AAAA,IAAY,GACpBX;AAAAA,IAAMY,UAETX,MAAML,KAAK,EAAEiB,IAAKP,CAAAA,qCAChBQ,kCAAW;AAAA,MACVlC,SAAS;AAAA,QACPC,OAAOO,cAAAA,QAAKR,mCAASC,OAAOS,qBAAAA,QAAqBT,KAAK;AAAA,QACtD4B,MAAMrB,cAAAA,QAAKR,mCAASmC,WAAWzB,qBAAAA,QAAqByB,SAAS;AAAA,MAC/D;AAAA,MAEAC,OAAOV;AAAAA,MACPW,SAASpB,SAASS;AAAAA,MAClBY,UAAWC,CAAAA,UAAUrB,6CAAeqB,OAAOb;AAAAA,MAC3CjB,MAAMkB,MAAM1B;AAAAA,MACZuC,aAAab,MAAMhB;AAAAA,MACnB,cAAYQ,qDAAmBO;AAAAA,IAAG,GAN7BA,CAAC,CAQT;AAAA,EAAA,CACgB;AAEvB;;"}